@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;450;500;600;700&display=swap');
:root{--ink:#241a16;--paper:#efe5d3;--muted:#ccae85;--accent:#b67846;--line:rgba(241,240,233,.22);--body:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--pad:clamp(24px,4.2vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.5 var(--body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button{color:inherit}::selection{background:var(--accent);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:.91;letter-spacing:-.018em}em{font-style:normal;color:var(--accent)}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:12px 20px;background:var(--accent);color:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{height:108px;position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:40px;padding:0 var(--pad);border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:11px;align-items:center;flex:none}.brand>span{font-weight:700;font-size:16px;line-height:1.04;letter-spacing:-.055em}.brand-period{font-size:9px;vertical-align:top;margin-left:4px}.header-note{font-size:11px;line-height:1.35;color:#ccae85;letter-spacing:.08em;margin-left:auto}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px}.site-header nav>a{transition:color .2s}.site-header nav>a:hover{color:var(--accent)}.nav-cta{display:inline-flex;align-items:center;gap:24px;border:1px solid #8b8c83;padding:13px 20px;border-radius:2px}.nav-cta span{font-size:22px;line-height:1}.scroll-story{height:550svh;position:relative}.story-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:#241a16}.story-media,.story-shade,.story-copy{position:absolute;inset:0}.story-media{overflow:hidden}.story-media canvas{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:1}.ground-placeholder{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 62%,#393c35 0%,#20221f 32%,#241a16 72%)}.floating-logo{width:clamp(100px,15vw,220px);position:absolute;z-index:2;left:50%;top:53%;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 28px #000a);opacity:.75}.story-shade{z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(6,8,7,.42),transparent 38%,rgba(6,8,7,.1) 65%,rgba(6,8,7,.65))}.story-copy{z-index:4;padding:154px var(--pad) 90px;pointer-events:none}.story-copy a{pointer-events:auto}.eyebrow,.small-label{font-size:12px;letter-spacing:.13em;font-weight:500;line-height:1.5}.eyebrow{display:flex;align-items:center;gap:10px}.tiny-square{display:inline-block;width:6px;height:6px;background:var(--accent)}.opening-copy>.eyebrow{justify-content:center}.opening-copy h1{font-size:clamp(88px,12.7vw,204px);line-height:.85;text-align:center;letter-spacing:-.025em;margin-top:22px}.opening-copy h1 span{display:block}.opening-copy h1 .outline-word{margin-top:clamp(125px,22svh,230px);color:transparent;-webkit-text-stroke:1px #efe5d3}.opening-bottom{display:flex;justify-content:space-between;align-items:end;position:absolute;left:var(--pad);right:var(--pad);bottom:108px}.opening-bottom>p{font-size:15px;line-height:1.55}.location-note{font-size:11px;letter-spacing:.1em;line-height:1.5}.story-controls{position:absolute;bottom:30px;left:var(--pad);right:var(--pad);z-index:6;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.09em}.scroll-cue{display:flex;align-items:center;gap:12px}.scroll-line{width:35px;height:1px;background:var(--accent);position:relative}.scroll-line:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-bottom:1px solid var(--accent);border-right:1px solid var(--accent);transform:rotate(-45deg)}.chapter-counter{font-family:var(--display);font-size:20px;letter-spacing:.03em}.chapter-counter>span{opacity:.4}.skip-story{padding:10px 0}.skip-story:hover{color:var(--accent)}.story-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff14;z-index:8}.story-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.fracture-copy,.reveal-copy{opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:110px}.fracture-copy h2,.reveal-copy h2{font-size:clamp(64px,7.5vw,120px);margin:24px 0}.fracture-copy{justify-content:flex-end;padding-bottom:125px}.reveal-copy>p:not(.eyebrow){font-size:17px;margin:10px 0 22px}.text-link{display:inline-flex;gap:32px;align-items:center;border-bottom:1px solid;padding-bottom:8px;font-size:14px}.text-link:hover{color:var(--accent)}.light-section{color:var(--ink);background:var(--paper);padding:90px var(--pad)}.section-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:56px}.asterisk{font-size:58px;line-height:.7}.studio-intro h2{font-size:clamp(64px,8.8vw,145px);letter-spacing:-.025em}.studio-intro h2>span{color:#906d53}.intro-bottom{border-top:1px solid #241a163d;margin-top:60px;padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.intro-bottom>p{max-width:630px;font-size:clamp(18px,1.55vw,25px);line-height:1.5}.world-section{padding-top:40px}.approach-section{padding:100px var(--pad)}.approach-section h2{font-size:clamp(64px,8.2vw,135px)}.contact-section{padding-bottom:75px;background:var(--accent)}.contact-section h2{font-size:clamp(86px,13.8vw,230px);margin-top:50px}.contact-section h2>span{-webkit-text-stroke:1px var(--ink);color:transparent}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:40px}.contact-bottom p{font-size:18px}.round-cta{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:50%;width:155px;height:155px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;line-height:1.25;transition:transform .25s,background .25s,color .25s}.round-cta:hover{transform:rotate(-8deg);background:transparent;color:var(--ink)}.round-cta>span:last-child{font-size:32px}footer{padding:50px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px}footer>p,footer>span,footer>a:last-child{font-size:12px;color:#ccae85}.footer-brand>span{font-size:20px}dialog{color:var(--ink);background:var(--paper);border:0;padding:42px;width:min(580px,calc(100% - 32px));max-height:90svh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:60px;margin:20px 0}dialog>p:not(.eyebrow){font-size:15px}.dialog-close{position:absolute;right:20px;top:10px;border:0;background:transparent;font-size:34px;color:var(--ink)}form{margin-top:25px;display:grid;gap:15px}label{font-size:13px;display:grid;gap:6px}input,select,textarea{width:100%;border:1px solid #241a164a;border-radius:0;background:transparent;padding:10px;color:var(--ink)}textarea{resize:vertical}.button-solid{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:14px 20px;display:flex;justify-content:space-between}.form-note,.form-status{font-size:12px;line-height:1.5}.form-status:empty{display:none}
@media(min-width:1600px){.opening-copy{padding-top:17svh}.opening-copy h1 .outline-word{margin-top:18svh}}
@media(max-height:780px) and (min-width:761px){.story-stage{min-height:600px}.story-copy{padding-top:135px}.opening-copy h1{font-size:clamp(88px,11vw,160px)}.opening-copy h1 .outline-word{margin-top:110px}.opening-bottom{bottom:88px}}
@media(max-width:1000px){.header-note{display:none}.site-header nav{margin-left:auto;gap:20px}.opening-copy h1{font-size:14vw}.opening-copy h1 .outline-word{margin-top:24svh}footer{flex-wrap:wrap}footer>span{margin-left:auto}}
@media(max-width:760px){:root{--pad:24px}.site-header{height:84px;gap:15px}.site-header nav>a:not(.nav-cta){display:none}.site-header nav{margin-left:auto}.nav-cta{border:0;padding:8px 0;gap:10px;font-size:12px}.brand>span{font-size:13px}.brand img{width:32px;height:32px}.story-stage{min-height:620px}.story-copy{padding-top:135px}.opening-copy h1{font-size:20.5vw;margin-top:32px}.opening-copy h1 .outline-word{margin-top:30svh}.opening-copy .eyebrow{font-size:10px}.opening-bottom{bottom:100px}.opening-bottom>p{font-size:14px}.location-note{display:none}.floating-logo{width:120px;top:49%}.story-controls{font-size:9px;bottom:23px}.chapter-counter{display:none}.scroll-cue{gap:8px}.scroll-line{width:22px}.fracture-copy,.reveal-copy{padding-top:120px;padding-bottom:110px}.fracture-copy h2,.reveal-copy h2{font-size:17vw}.reveal-copy{justify-content:flex-end}.reveal-copy>p:not(.eyebrow){font-size:15px}.light-section,.approach-section{padding:65px var(--pad)}.section-meta{margin-bottom:40px;gap:25px}.section-meta>.small-label{display:none}.studio-intro h2{font-size:15vw}.intro-bottom{grid-template-columns:1fr;gap:24px;margin-top:40px}.intro-bottom>p{font-size:18px}.contact-section h2{font-size:21vw}.contact-bottom{align-items:center;gap:24px}.contact-bottom p{font-size:15px}.round-cta{width:116px;height:116px;flex:none;font-size:12px}.round-cta>span:last-child{font-size:25px}footer{padding:35px var(--pad);gap:25px}footer>p{display:none}footer>span{margin-left:0;width:100%;order:4}dialog{padding:32px 24px}dialog h2{font-size:52px}.eyebrow,.small-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scroll-story{height:100svh;min-height:650px}.story-stage{position:relative}.scroll-cue{display:none}.opening-copy{opacity:1!important;transform:none!important}.fracture-copy,.reveal-copy{display:none!important}}
.sector{border-top:1px solid #241a1650}.sector:last-child{border-bottom:1px solid #241a1650}.sector summary{list-style:none;display:flex;align-items:center;gap:32px;padding:26px 0;cursor:pointer}.sector summary::-webkit-details-marker{display:none}.sector summary:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.sector summary h3{font-size:clamp(62px,7.5vw,120px);transition:color .2s}.sector summary:hover h3{color:#858a7e}.sector-number{font-size:12px;align-self:flex-start;padding-top:10px}.sector-toggle{margin-left:auto;font-family:var(--body);font-size:40px;font-weight:400;transition:transform .25s}.sector[open] .sector-toggle{transform:rotate(45deg)}.sector-body{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:12px 0 42px 50px}.sector-body h4{font:500 clamp(30px,3vw,46px)/1.05 var(--display);margin:0;white-space:pre-line}.sector-body p{font-size:17px;max-width:550px;line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.tags span{border:1px solid #241a163b;padding:6px 9px;font-size:10px;letter-spacing:.035em}.sector-enquiry{background:none;border:0;border-bottom:1px solid var(--ink);margin-top:30px;padding-left:0;padding-right:0;color:var(--ink)}.sector-enquiry:hover{color:#665021}#approach-content{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:85px}#approach-content article{border-top:1px solid var(--line);padding-top:22px}#approach-content article>span{font-size:11px;color:var(--accent);letter-spacing:.1em}#approach-content h3{font-size:38px;line-height:1.1;margin:26px 0 20px}#approach-content p{font-size:16px;color:#b6b9ae;line-height:1.65}.download-brief{border:0;background:none;color:var(--ink);text-align:left;text-decoration:underline;font-size:13px;padding:0;width:fit-content}.contact-email{font-size:14px}footer a:hover{color:var(--accent)}.media-unavailable{height:100svh;min-height:650px}.media-unavailable .story-stage{position:relative}.constrained-motion .scroll-story{height:100svh;min-height:650px}.constrained-motion .story-stage{position:relative}.constrained-motion .scroll-cue{display:none}.story-media.resting canvas{animation:levitate 7s ease-in-out infinite;transform-origin:center}.noscript-contact{padding:20px var(--pad)}.ground-placeholder{background-image:url('/media/ground-poster.webp');background-size:cover;background-position:center}.floating-logo{display:none}@keyframes levitate{0%,100%{transform:scale(1.015) translateY(0)}50%{transform:scale(1.015) translateY(-7px)}}@media(max-width:760px){.sector summary{gap:20px;padding:24px 0}.sector summary h3{font-size:17vw}.sector-number{padding-top:5px}.sector-toggle{font-size:32px}.sector-body{grid-template-columns:1fr;gap:25px;padding:8px 0 32px}.sector-body h4{font-size:32px}.sector-body p{font-size:16px}#approach-content{grid-template-columns:1fr;gap:40px;margin-top:50px}#approach-content h3{margin-top:18px;font-size:36px}.contact-email{font-size:13px}.media-unavailable,.constrained-motion .scroll-story{min-height:620px}}
.opening-copy h1{font-size:clamp(88px,11.5vw,184px)}.opening-copy h1>span{position:absolute;left:var(--pad);right:var(--pad);top:21%;margin:0!important}.opening-copy h1>.outline-word{top:auto;bottom:22%;margin:0!important}.motion-toggle{border:0;background:transparent;color:var(--accent);font-size:12px;padding:8px 0;letter-spacing:.02em}.motion-toggle[hidden]{display:none}.motion-enabled .scroll-story{height:550svh!important}.motion-enabled .story-stage{position:sticky!important}.motion-enabled .story-copy{display:flex!important}.motion-enabled .opening-copy{display:block!important;opacity:var(--opening-opacity,1)!important;transform:none!important}.motion-enabled .scroll-cue{display:flex}.motion-enabled .fracture-copy,.motion-enabled .reveal-copy{display:flex!important}.motion-enabled .story-media.resting canvas{animation:levitate 7s ease-in-out infinite!important}.reveal-copy h2{font-size:clamp(54px,5.5vw,90px);max-width:40%}.reveal-copy{justify-content:center}.reveal-copy>p:not(.eyebrow){max-width:35%}.reveal-copy .eyebrow{font-size:10px}.fracture-copy h2{font-size:clamp(55px,6vw,94px)}@media(max-width:760px){.opening-copy h1{font-size:20.5vw}.opening-copy h1>span{top:24%}.opening-copy h1>.outline-word{top:auto;bottom:23%}.reveal-copy{justify-content:flex-end;padding-bottom:90px}.reveal-copy h2{max-width:100%;font-size:13vw;margin:18px 0}.reveal-copy>p:not(.eyebrow){max-width:100%;font-size:14px}.reveal-copy .eyebrow{font-size:10px}.fracture-copy h2{font-size:14vw}.motion-toggle{font-size:11px}.motion-enabled .scroll-cue{font-size:8px}}
.story-media{background:#000}.story-media canvas{transform:translateY(var(--lift,0px)) scale(var(--scale,1))}@keyframes levitate{0%,100%{transform:translateY(var(--lift,0px)) scale(var(--scale,1))}50%{transform:translateY(calc(var(--lift,0px) - 7px)) scale(var(--scale,1))}}
.story-media canvas{opacity:0}