html{scroll-padding-top:28px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand .logo{width:72px;height:43px;object-fit:contain}
.intro h1{font-size:clamp(48px,6vw,92px);max-width:15ch}
.intro p{max-width:40ch}
.pillar-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:100px}
.pillar-choice{display:block;position:relative;min-height:280px;background:var(--ink);overflow:clip}
.pillar-choice>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.pillar-choice::after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#080808e8);pointer-events:none}
.pillar-choice>div{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:end;min-height:280px;padding:30px 70px 30px 28px}
.pillar-choice h2{font-size:clamp(34px,3.3vw,54px);margin-bottom:12px}
.pillar-choice p{font-size:12px;max-width:35ch}
.pillar-choice span{position:absolute;right:28px;bottom:29px;font:28px var(--mono)}
.pillar-choice:hover img{opacity:.95}
.pillar{scroll-margin-top:28px}
.pillar-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end;padding-block:35px 55px;border-top:1px solid var(--line)}
.pillar-heading h2{font-size:clamp(46px,6vw,88px);max-width:12ch}
.pillar-heading p{color:var(--dim);font-size:15px;max-width:46ch}
.section-head h3{font-size:clamp(30px,3vw,46px);margin-top:10px}
.story h3{font-size:clamp(38px,4vw,64px);margin:16px 0 22px}
.dunbrae-heading h3{font-size:clamp(36px,4vw,60px);margin-top:13px}
.dome-heading h3{font-size:clamp(38px,4.3vw,66px);margin-top:13px}
.selected>.section-head h3{font-size:clamp(32px,4vw,56px)}
.production-process{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:105px;padding-block:25px}
.production-process summary,.source-recordings>summary{cursor:pointer;font:clamp(24px,2.5vw,38px)/1.3 var(--display);text-transform:uppercase;list-style:none;position:relative;padding-right:35px}
.production-process summary::after,.source-recordings>summary::after{content:'+';position:absolute;right:0;top:0;font:30px var(--mono)}
.production-process[open]>summary::after,.source-recordings[open]>summary::after{content:'−'}
.production-process summary::-webkit-details-marker,.source-recordings>summary::-webkit-details-marker{display:none}
.production-process summary>span,.source-recordings>summary>span{display:block;font:11px/1.6 var(--mono);color:var(--dim);text-transform:none;margin-top:10px}
summary:focus-visible{outline:2px solid var(--signal);outline-offset:6px}
.process-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-block:40px 25px}
.process-intro h3{font-size:36px;max-width:12ch}.process-intro p{font-size:14px;color:var(--dim)}
.process-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.process-gallery img{aspect-ratio:1.5;object-fit:contain;background:#080808;height:auto}.process-gallery figcaption,.process-note{font:11px/1.7 var(--mono);color:var(--dim);margin-top:14px}
.process-note{margin-top:24px;max-width:85ch}
.experiences-pillar .texas-reel{margin-top:0;border-top:0;padding-top:0}
.source-recordings{border-block:1px solid var(--line);padding:24px 0;margin-bottom:70px;scroll-margin-top:25px}
.source-recordings>summary{font-size:24px}
.source-recordings .texas-drum{margin-bottom:0;border-top:0;padding-top:35px}
.activation-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,6vw,90px);padding-top:55px;border-top:1px solid var(--line);margin-bottom:60px;align-items:center}
.activation-image img{aspect-ratio:1.4;height:auto;object-fit:cover}
.activation-feature h3{font-size:clamp(34px,4vw,60px);margin:16px 0 22px}
.activation-feature p{color:var(--dim);font-size:14px;margin-bottom:18px;max-width:43ch}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-bottom:90px}
.experience-grid img{aspect-ratio:1.65;height:auto;object-fit:cover}.experience-grid h3{font-size:36px;margin-block:22px 14px}.experience-grid p{font-size:14px;max-width:53ch;color:var(--dim);margin-bottom:12px}
@media(max-width:900px){.nav{gap:18px}.pillar-choice>div{padding:24px 50px 24px 22px}.pillar-choice h2{font-size:36px}.pillar-heading{gap:28px}.pillar-heading p{font-size:13px}.activation-feature{gap:30px}}
@media(max-width:620px){
 .masthead{height:80px}.brand .logo{width:64px;height:38px}.nav{max-width:calc(100% - 70px);font-size:11px;gap:10px 14px}.nav .secondary{display:none}
 .intro{padding-block:36px 30px}.intro h1{font-size:clamp(40px,10.8vw,58px);max-width:17ch}.intro p{font-size:13px;margin-top:18px;max-width:40ch}
 .pillar-choices{grid-template-columns:1fr;gap:14px;margin-bottom:56px}.pillar-choice,.pillar-choice>div{min-height:190px}.pillar-choice h2{font-size:36px}.pillar-choice p{font-size:11px;max-width:30ch}.pillar-choice>div{padding:22px 44px 22px 20px}.pillar-choice span{right:20px;bottom:20px}
 .pillar-heading{grid-template-columns:1fr;gap:20px;padding-block:26px 36px}.pillar-heading h2{font-size:48px;max-width:none}.pillar-heading p{font-size:13px}
 .section-head h3{font-size:30px}.story h3,.dome-heading h3{font-size:42px}.dunbrae-heading h3{font-size:38px}
 .production-process{margin-bottom:65px}.production-process summary{font-size:29px}.process-intro{grid-template-columns:1fr;gap:18px;margin-block:30px 24px}.process-intro h3{font-size:32px;max-width:none}.process-intro p{font-size:13px}.process-gallery{grid-template-columns:1fr;gap:24px}
 .source-recordings{margin-bottom:45px}.source-recordings>summary{font-size:23px;max-width:100%}.source-recordings>summary>span{font-size:10px}
 .activation-feature{grid-template-columns:1fr;gap:26px;padding-top:35px;margin-bottom:40px}.activation-feature h3{font-size:42px}.activation-feature p{font-size:13px}
 .experience-grid{grid-template-columns:1fr;gap:40px;margin-bottom:50px}.experience-grid h3{font-size:32px;margin-block:18px 12px}.experience-grid p{font-size:13px}
}
@media(min-width:901px){.intro{grid-template-columns:1.5fr 1fr;gap:48px}.intro h1{font-size:clamp(48px,5.1vw,78px);max-width:none}}
.pillar-heading h2{font-size:clamp(46px,5vw,72px);max-width:none}
html{scroll-padding-top:108px}
.masthead{position:sticky;top:0;z-index:20;background:var(--ink)}
.pipeline-project .screen,.pipeline-walkthrough{aspect-ratio:16/9}
.pipeline-project .screen>img,.pipeline-walkthrough>img{object-fit:contain}
.production-overview{padding-top:0;border-top:0}
.process-stills{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}
.production-process .process-stills>summary{font:12px/1.6 var(--mono);text-transform:none;padding-right:30px}
.production-process .process-stills>summary:after{font-size:20px}
.process-stills .process-gallery{margin-top:24px}