/* Anthropic Claude Partner, variation B: the badge under a flat gold spotlight on black. */
main{display:block;--sp-pad:clamp(24px,5vw,40px)}
main:focus{outline:0}
main h1,main h2,main strong{font-weight:400}
main :focus-visible{outline:3px solid #B8860B;outline-offset:3px}
.sp-shell{width:min(1180px,calc(100% - 2*var(--sp-pad)));margin-inline:auto}

/* Hero: one continuous black canvas from breadcrumbs to the facts. */
.sp-hero{background:#000;color:#FFF;padding:22px 0 clamp(44px,5vw,72px);overflow:hidden}
.sp-hero :focus-visible{outline-color:#F3CD29}
.sp-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;line-height:1.3;color:#E6DFD4}
.sp-crumbs a{color:#FFF;text-decoration:underline;text-underline-offset:3px}
.sp-hero__copy{margin-top:clamp(32px,4.5vw,56px);text-align:center}
.sp-kicker{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:15px;line-height:1.3;font-weight:700;color:#F3CD29}
.sp-kicker span+span{padding-left:14px;border-left:1px solid #B8860B}
.sp-hero h1{margin-top:18px;font-family:'Fjalla One',sans-serif;font-size:clamp(44px,7vw,84px);line-height:1.15;color:#FFF;text-wrap:balance}
.sp-lead{max-width:34em;margin:22px auto 0;font-size:clamp(19px,1.9vw,24px);line-height:1.4;color:#E6DFD4}

/* The light: two flat gold polygons. No gradient and no glow, by brand rule. */
.sp-stage{--throw:clamp(96px,9vw,130px);position:relative;margin-top:clamp(28px,3.5vw,44px);padding-top:var(--throw);display:flex;justify-content:center}
.sp-lamp{position:absolute;top:0;left:50%;width:clamp(56px,6vw,84px);height:10px;transform:translateX(-50%);background:#F3CD29;z-index:2}
.sp-beam{position:absolute;top:10px;left:50%;height:calc(var(--throw) - 10px);transform:translateX(-50%);width:min(640px,100%)}
.sp-beam--wide{background:rgba(212,175,55,.13);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}
.sp-beam--core{background:rgba(212,175,55,.2);clip-path:polygon(46% 0,54% 0,76% 100%,24% 100%)}
.sp-plaque{position:relative;margin:0;width:min(640px,100%);z-index:1}
.sp-plaque__card{display:block;position:relative;background:#FFF;border:3px solid #D4AF37;padding:clamp(16px,2.6vw,34px) clamp(16px,2.6vw,34px) 54px;transition:border-color 160ms ease}
.sp-plaque__card:hover{border-color:#F3CD29}
.sp-plaque__card img,.sq-lightbox img{filter:brightness(1.012)} /* lifts the badge file's faint 253-254 background to white, so no pale patch shows */
.sp-plaque__card img{display:block;width:100%;height:auto}
.sp-plaque__cue{position:absolute;right:0;bottom:0;padding:8px 14px;background:#D4AF37;color:#181818;font-size:15px;line-height:1.3;font-weight:700}

/* Facts stay on the black canvas under the badge. */
.sp-glance{position:relative;z-index:1;margin-top:clamp(36px,4.5vw,56px);padding-top:24px;border-top:1px solid #595959}
.sp-glance h2{font-family:'Fjalla One',sans-serif;font-size:24px;line-height:1.2;color:#FFF;text-align:center}
.sp-glance ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px clamp(24px,5vw,72px);max-width:880px;list-style:none;margin:20px auto 0;padding:0;text-align:center}
.sp-glance strong{display:block;font-family:'Fjalla One',sans-serif;font-size:clamp(44px,5vw,64px);line-height:1.15;color:#F3CD29}
.sp-glance span{display:block;margin-top:6px;font-size:18px;line-height:1.4;color:#FFF}

/* Story */
.sp-story{padding:clamp(56px,7vw,104px) 0}
.sp-story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:start}
.sp-story__first{font-family:'Fjalla One',sans-serif;font-size:clamp(28px,3.2vw,42px);line-height:1.25;color:#0D5630}
.sp-story__rest p{font-size:18px;line-height:1.55}
.sp-story__rest p+p{margin-top:20px}
.sp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.sp-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:11px 20px;font-family:'Fjalla One',sans-serif;font-size:17px;line-height:1.2;transition:background-color 160ms ease,color 160ms ease}
.sp-btn--gold{background:#D4AF37;color:#181818;border:2px solid #D4AF37}
.sp-btn--gold:hover{background:#F3CD29;border-color:#F3CD29}
.sp-btn--line{background:#FFF;color:#0D5630;border:2px solid #B8860B}
.sp-btn--line:hover{background:#F6EFD7}
.sp-btn--onsage{background:transparent;color:#FFF;border:2px solid #FFF}
.sp-btn--onsage:hover{background:#FFF;color:#181818}

/* More from the newsroom on sage: all text on sage is white. */
.sp-more{background:#426653;color:#FFF;padding:clamp(48px,6vw,80px) 0}
.sp-more :focus-visible{outline-color:#F3CD29}
.sp-more__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,88px);align-items:center}
.sp-more h2{font-family:'Fjalla One',sans-serif;font-size:clamp(30px,3.2vw,40px);line-height:1.2;color:#FFF}
.sp-more__card{display:block;padding:24px 28px;background:#FFF;border-top:3px solid #D4AF37;transition:background-color 160ms ease}
.sp-more__card:hover{background:#FAF9F6}
.sp-more__card small{display:block;font-size:15px;line-height:1.3;font-weight:700;color:#57473A}
.sp-more__card strong{display:block;margin-top:10px;font-family:'Fjalla One',sans-serif;font-size:24px;line-height:1.25;color:#0D5630}

/* Enlarged badge */
.sq-lightbox{width:min(1040px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:16px;background:#FFF;border:0;border-top:3px solid #D4AF37;overflow:auto}
.sq-lightbox::backdrop{background:rgba(0,0,0,.86)}
.sq-lightbox figure{margin:0}
.sq-lightbox img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 170px);margin-inline:auto}
.sq-lightbox figcaption{margin-top:12px;font-size:16px;line-height:1.4;color:#595959}
.sq-lightbox__close{display:block;margin:0 0 10px auto;min-height:44px;padding:8px 18px;background:#FFF;border:2px solid #B8860B;color:#0D5630;font:400 16px/1.2 'Fjalla One',sans-serif;cursor:pointer}
.sq-lightbox__close:hover{background:#F6EFD7}

@media (max-width:760px){
  .sp-story__grid,.sp-more__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .sp-glance ul{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){main *{transition:none!important}}
