/* Meet Sam: a standalone editorial story within the approved Attua identity. */
.sam-page{--sam-rule:rgba(240,240,232,.3)}
.sam-page-header{position:fixed;z-index:30;top:20px;right:24px;pointer-events:none}
.sam-page-header nav{display:flex;gap:1px;pointer-events:auto}
.sam-page-header a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:12px 18px;border:1px solid var(--navy);font-size:10px;background:var(--cream);color:var(--navy);transition:background .2s,color .2s}
.sam-page-header a:hover{background:var(--navy);color:var(--cream);border-color:var(--cream)}
.sam-page-header a span{font:20px/1 var(--sans)}
.sam-page-hero{background:var(--cream);color:var(--navy);padding:135px var(--editorial-gutter) 0;display:grid;grid-template-columns:1.05fr .85fr;gap:55px 8%;align-items:center}
.sam-page-title>.mono{font-size:10px;letter-spacing:.045em;margin-bottom:30px}
.sam-page-title h1{font:400 clamp(80px,9.5vw,146px)/.94 var(--sans);letter-spacing:-.065em;margin:0 0 25px}
.sam-page-role{font:15px/1.5 var(--sans);letter-spacing:-.015em}
.sam-page-lead{font:400 clamp(25px,2.8vw,40px)/1.13 var(--sans);letter-spacing:-.035em;margin-top:40px}
.sam-story-jump{display:inline-flex;align-items:center;gap:36px;font-size:13px;line-height:1.5;margin-top:28px;border-bottom:1px solid var(--ink-line);padding:0 0 10px}
.sam-story-jump span{font-size:20px}
.sam-page-portrait{margin:0;min-width:0;justify-self:end;width:100%;max-width:540px}
.sam-page-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/4.4;object-fit:cover;object-position:center 30%}
.sam-page-portrait figcaption{display:flex;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:.015em;padding-top:13px}
.sam-page-index{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--ink-line);font-size:10px}
.sam-page-index a{display:flex;justify-content:space-between;align-items:center;padding:21px 20px;gap:20px;min-height:58px;border-right:1px solid var(--ink-line)}
.sam-page-index a:first-child{padding-left:0}.sam-page-index a:last-child{padding-right:0;border-right:0}.sam-page-index a:hover{opacity:.65}.sam-page-index span{opacity:.55}
.sam-page .sam-page-content{max-width:1480px;margin:0 auto;padding:90px var(--editorial-gutter) 110px}
.sam-page :is(#story,#sam-media,#speaking,#speaking-enquiry){scroll-margin-top:105px}
.sam-full-story>.mono{font-size:10px;letter-spacing:.04em;margin-bottom:30px}
.sam-full-story h2{font:400 clamp(40px,4.7vw,68px)/1.07 var(--sans);letter-spacing:-.045em;max-width:25ch;margin-bottom:50px}
.sam-story-columns{display:grid;grid-template-columns:.7fr 1fr;gap:12%;align-items:start}
.sam-story-pull{font:400 27px/1.3 var(--sans);letter-spacing:-.025em;max-width:25ch;padding-top:8px}
.sam-story-columns>div>p{font:17px/1.7 var(--sans);max-width:52ch;margin-bottom:22px}
.sam-story-columns .sam-text-link{margin-top:7px}
.sam-page .sam-media{margin-top:90px}.sam-page .sam-speaking{margin-top:100px}
.sam-page-close{padding:70px var(--editorial-gutter) 75px;background:var(--cream);color:var(--navy);display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px}
.sam-page-close .mono{font-size:10px;margin-bottom:24px}
.sam-page-close h2{font:400 clamp(36px,4.5vw,64px)/1.06 var(--sans);letter-spacing:-.045em}
.sam-page-close>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.sam-page-close>div>a:not(.button){font-size:14px;border-bottom:1px solid var(--ink-line);padding-bottom:8px}
.sam-page-close .button{min-width:250px}
.sam-page-footer{display:flex;justify-content:space-between;gap:25px;padding:30px var(--editorial-gutter);font-size:9px;line-height:1.6}
.sam-page-footer nav{display:flex;gap:30px;flex-wrap:wrap}.sam-page-footer a:hover{text-decoration:underline}
.sam-page :is(a,button,input,select,textarea):focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(min-width:1700px){.sam-page-hero{padding-left:max(var(--editorial-gutter),calc((100vw - 1480px)/2));padding-right:max(var(--editorial-gutter),calc((100vw - 1480px)/2))}}
@media(max-width:1000px){.sam-page-hero{gap:40px 6%;padding-top:125px}.sam-page-title h1{font-size:9.5vw}.sam-page-lead{font-size:29px;margin-top:30px}.sam-page-portrait figcaption span:last-child{display:none}.sam-story-columns{gap:7%}.sam-story-pull{font-size:24px}}
@media(max-width:760px){
 .sam-page-header{top:14px;right:14px}.sam-page-header a{min-height:44px;padding:10px 11px;gap:10px;font-size:8px}.sam-page-header a span{font-size:17px}
 .sam-page-hero{display:flex;flex-direction:column;align-items:stretch;padding:115px 22px 0;gap:36px}
 .sam-page-title>.mono{font-size:9px;margin-bottom:25px}.sam-page-title h1{font-size:clamp(64px,15.5vw,104px);margin-bottom:22px}.sam-page-role{font-size:14px}.sam-page-lead{font-size:30px;margin-top:28px}.sam-story-jump{margin-top:23px;font-size:13px}
 .sam-page-portrait{max-width:none}.sam-page-portrait img{aspect-ratio:1.15;max-height:440px;object-position:center 31%}.sam-page-portrait figcaption{font-size:8px}
 .sam-page-index{font-size:8px}.sam-page-index a{padding:17px 10px;gap:10px}.sam-page-index a span{display:none}
 .sam-page .sam-page-content{padding:60px 22px 65px}.sam-full-story>.mono{margin-bottom:25px}.sam-full-story h2{font-size:clamp(34px,8.8vw,48px);margin-bottom:28px}.sam-full-story h2 br{display:none}
 .sam-story-columns{display:block}.sam-story-pull{font-size:25px;max-width:26ch;margin-bottom:32px}.sam-story-columns>div>p{font-size:16px;line-height:1.7}
 .sam-page .sam-media,.sam-page .sam-speaking{margin-top:65px}
 .sam-page-close{display:block;padding:50px 22px}.sam-page-close h2{font-size:36px}.sam-page-close>div:last-child{margin-top:30px}.sam-page-close .button{width:100%;font-size:17px;min-height:58px}
 .sam-page-footer{padding:25px 22px;flex-direction:column;gap:18px}.sam-page-footer nav{gap:18px}
}
@media(max-width:350px){.sam-page-header{top:10px;right:10px}.sam-page-header a{font-size:7px;padding:10px 8px;gap:5px}.sam-page-title h1{font-size:60px}}
@media(prefers-reduced-motion:reduce){.sam-page{scroll-behavior:auto}.sam-page *{transition:none!important}}
@media print{.sam-page-header,.sam-page-index,.sam-page-footer,#speaking-form,.sam-page-close{display:none!important}.sam-page-hero{padding:30px}.sam-page-content{padding:30px!important}.sam-page,.sam-page-hero{color:#012138;background:white}.sam-page :is(.sam-media,.sam-speaking,.speaking-enquiry,.media-entry){break-inside:avoid}}
