/* Supporting type scale: minimum 12px; existing small and body text raised by at least 2px. */
:root{--type-micro:0.75rem;--type-caption:0.8125rem;--type-label:0.875rem;--type-ui:0.9375rem;--type-small:1rem;--type-copy:1.0625rem;--type-body:1.125rem;--type-body-lg:1.1875rem;--type-lead:1.25rem;--type-lead-lg:1.3125rem;}
:root{--black:#0d100e;--beige:#dcc9a9;--orange:#f2763d;--green:#63b77a;--muted:#aaa69a;--line:#dcc9a933;--sans:'Space Grotesk',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--pixel:'Silkscreen',monospace;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:0}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--beige);font:var(--type-body-lg)/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,canvas{display:block}button{background:none;border:0}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.06em;line-height:1.05}h2{font-size:clamp(42px,5.6vw,80px)}h3{font-size:30px}p{max-width:62ch}.container{width:100%;padding-left:5%;padding-right:5%;max-width:1700px;margin-left:auto;margin-right:auto}.section{padding-top:95px;padding-bottom:95px}.eyebrow{font:var(--type-micro)/1.6 var(--mono);letter-spacing:.055em;text-transform:uppercase}.pixel{font-family:var(--pixel);font-weight:400;letter-spacing:-.055em}.orange{color:var(--orange)}.green{color:var(--green)}.section-top{display:flex;justify-content:space-between;gap:25px;margin-bottom:30px}.section-top>:last-child{color:var(--muted)}.split-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:9%}.split-heading>p,.split-heading>div>p{font-size:var(--type-body-lg);max-width:43ch}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:49px;padding:13px 20px;border:1px solid var(--orange);background:var(--orange);color:var(--black);font-size:var(--type-ui);line-height:1.5;font-weight:500;transition:color .2s,border-color .2s,background-color .2s}.button>span{color:inherit}.button.secondary{background:transparent;color:var(--beige);border-color:var(--green)}.button.secondary>span{color:var(--green)}.button:hover{background:#ff965e;border-color:#ff965e;color:var(--black)}.button.secondary:hover{background:transparent;border-color:var(--beige);color:#fff4df}.text-link,.sub-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:8px 0;font-size:var(--type-ui);text-align:left;line-height:1.5}.text-link>span{color:var(--green)}.text-link:hover,.sub-link:hover{color:var(--green);border-color:var(--green)}.sub-link{font:var(--type-micro)/1.6 var(--mono);color:var(--muted)}.small-button{font:var(--type-micro)/1.6 var(--mono);padding:10px 0;min-height:44px;border-bottom:1px solid var(--line)}.small-button:hover{color:var(--green)}.skip-link{position:fixed;top:-100px;left:15px;padding:12px;background:var(--black);border:1px solid var(--green);z-index:50}.skip-link:focus{top:15px}
/* Shared transparent navigation. */
.site-header{position:absolute;left:0;right:0;top:0;height:93px;padding:20px 5%;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #dcc9a933;background:transparent}.wordmark{font:700 27px/.95 var(--sans);letter-spacing:-.075em;white-space:nowrap}.wordmark>span{font:400 var(--type-body) var(--pixel);color:var(--green);margin-left:5px;letter-spacing:0}.site-header nav{display:flex;align-items:center;gap:27px;font-size:var(--type-ui)}.site-header nav>a:not(.button):hover{color:var(--green)}.site-header .button{min-height:42px;font-size:var(--type-label);padding:10px 16px}.mobile-enquire,#menu-toggle{display:none}
/* A complete viewport is given to the opening and film worlds. */
.cinema{position:relative;isolation:isolate;overflow:hidden;background:var(--black)}.media-layer{position:absolute;inset:0;overflow:hidden}.scene{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:118px;padding-bottom:100px}.hero-media{position:absolute;inset:0;z-index:-3;touch-action:pan-y}.hero-media{filter:saturate(.88)}.hero .scene{object-position:58% 50%}.smear-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080d0ae6,#080d0a9e 45%,#080d0a04 90%),linear-gradient(0deg,#080d0adb,transparent 48%,#080d0a20)}.hero-content{position:relative;z-index:1}.hero h1{font-size:clamp(60px,6.45vw,98px);line-height:1.02;letter-spacing:-.065em;max-width:17ch}.hero h1 .pixel{font-size:.86em}.hero-content>.eyebrow{margin-bottom:24px}.hero .lead{font-size:var(--type-lead);line-height:1.55;max-width:48ch;margin-top:26px}.image-status{position:absolute;right:5%;top:117px;text-align:right;font:var(--type-micro)/1.6 var(--mono);text-transform:uppercase;max-width:24ch;color:#e7dbc5cf;z-index:1}.hero-edge{position:absolute;bottom:22px;left:0;right:0;display:flex;align-items:end;justify-content:space-between;gap:30px;z-index:2}.scroll-link{display:flex;align-items:center;gap:12px;min-height:44px}.pixel-dot{width:8px;height:8px;display:inline-block;background:var(--orange);flex-shrink:0}.effect-controls{display:flex;flex-direction:column;align-items:end;gap:2px}.effect-controls>.eyebrow{font-size:var(--type-micro);color:var(--muted)}.effect-controls button{font-size:var(--type-micro)}.pixel-signature{position:absolute;right:5%;bottom:115px;display:grid;grid-template-columns:repeat(6,10px);gap:5px;pointer-events:none}.pixel-signature i{display:block;width:10px;height:10px;background:var(--beige)}.pixel-signature i:nth-child(3n){opacity:0}.pixel-signature i:nth-child(4n){background:var(--orange)}.pixel-signature i:nth-child(5n){background:var(--green)}
/* Experience is a restrained, accurately attributed typography band. */
.experience{padding-top:55px;padding-bottom:45px;border-bottom:1px solid var(--line)}.experience .section-top{margin-bottom:15px}.experience h2{font-size:35px;letter-spacing:-.05em}.marquee{overflow:hidden;margin:35px 0 17px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.logo-track{display:flex;width:max-content;animation:platform-roll 36s linear infinite}.logo-track ul{display:flex;align-items:center;gap:65px;list-style:none;margin:0;padding:0 65px 0 0}.logo-track li{font-size:30px;font-weight:500;letter-spacing:-.045em;color:#dcc9a9b8;white-space:nowrap}.marquee:hover .logo-track,.marquee:focus-within .logo-track,.marquee.paused .logo-track{animation-play-state:paused}.credit-note{display:flex;justify-content:space-between;gap:25px;align-items:center}.credit-note p{font:var(--type-micro)/1.65 var(--mono);color:var(--muted);max-width:90ch}.credit-note button{min-width:68px}.audience h2 .pixel{font-size:.8em}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:58px}.audience-grid article{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:start;flex-direction:column}.route-label{display:flex;align-items:center;gap:18px;margin-bottom:27px}.route-label>.pixel{font-size:var(--type-small)}.route-label .eyebrow{font-size:var(--type-micro)}.audience-grid h3{font-size:34px;max-width:13ch;margin-bottom:22px}.audience-grid p{font-size:var(--type-copy);line-height:1.7;color:#c9c1ae;max-width:38ch;margin-bottom:26px}.audience-grid .text-link{margin-top:auto}.audience-grid .sub-link{margin-top:12px;font-size:var(--type-micro)}
.study{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:8%;padding-top:35px}.study-image{min-height:540px;position:relative;overflow:hidden}.study-image .scene{object-position:39% 50%}.image-caption{position:absolute;bottom:17px;left:20px;right:20px;font:var(--type-micro) var(--mono);z-index:2;text-shadow:0 1px 5px #000}.study-copy .eyebrow{margin-bottom:25px}.study-copy h2{font-size:clamp(40px,4.2vw,64px);line-height:1.09}.study-copy h2 .pixel{font-size:.8em}.study-copy>p:not(.eyebrow){font-size:var(--type-body-lg);line-height:1.7;color:#c9c1ae;margin:26px 0 29px}.reveal-media{overflow:hidden;position:relative}.ascii-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0}.ascii-layer.active{opacity:1}
.slate-intro{padding-top:65px;padding-bottom:45px}.slate-intro h2{font-size:clamp(45px,5.6vw,80px)}.slate-intro h2 .pixel{font-size:.67em;line-height:1.35}.slate-intro .split-heading{grid-template-columns:1.3fr .8fr}.slate-intro .actions{display:flex;flex-direction:column;align-items:start}.slate-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:48px;border-top:1px solid var(--line);padding-top:24px}.slate-index a{display:flex;gap:14px;align-items:center;min-height:44px;font-size:var(--type-ui)}.slate-index .pixel{font-size:var(--type-label);color:var(--green)}.slate-index a:hover{color:var(--green)}
.world{height:100svh;min-height:660px;scroll-snap-align:start;scroll-margin-top:0}.world-stage{position:absolute;inset:0;overflow:hidden;isolation:isolate;transform-origin:50% 100%;will-change:transform}.world-media{position:absolute;inset:0;z-index:-3}.world .media-layer.gamer-girls .scene{width:200%;max-width:none;object-position:left center}.world .media-layer.racer-track-breed .scene{width:200%;max-width:none;transform:translateX(-50%);object-position:right center}.world.bhoothaganam .scene{object-position:60% 50%}.world .shade{background:linear-gradient(180deg,#080d0a9e,transparent 25%),linear-gradient(0deg,#080d0af0,transparent 83%),linear-gradient(90deg,#080d0a72,transparent 72%)}.world-top{position:absolute;top:30px;left:0;right:0;display:flex;justify-content:space-between;gap:40px;z-index:3}.world-top>span:last-child{text-align:right;font-size:var(--type-micro);max-width:25ch}.world-copy{position:absolute;bottom:112px;left:0;right:0;z-index:3}.world-copy>.eyebrow{color:var(--green);margin-bottom:20px}.world-copy h2{font-size:clamp(80px,10vw,150px);letter-spacing:-.075em;line-height:1;max-width:13ch}.world-copy .project-subtitle{font-size:.33em;font-family:var(--pixel);letter-spacing:-.06em;display:block;line-height:1.6;color:var(--orange)}.world-hook{font-size:var(--type-body-lg);max-width:48ch;line-height:1.6;margin-top:22px}.world-bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:35px;z-index:3}.world-bottom nav{display:flex;gap:12px}.world-bottom nav a{font:var(--type-micro) var(--mono);padding:12px 7px;border-bottom:1px solid #dcc9a94d;min-width:38px;text-align:center}.world-bottom nav a[aria-current]{color:var(--green);border-color:var(--green)}html.worlds-active{scroll-snap-type:y proximity}
.production{min-height:100svh;display:flex;padding-top:70px;padding-bottom:65px}.production-media{position:absolute;inset:0;z-index:-3}.production .scene{object-position:50% 50%}.production-content{display:flex;flex-direction:column;justify-content:space-between;gap:60px;z-index:2}.production h2{font-size:clamp(73px,8.5vw,125px);letter-spacing:-.07em}.production h2 .pixel{font-size:.61em;line-height:1.45;letter-spacing:-.07em}.production .eyebrow{margin-bottom:28px}.production .lead{font-size:var(--type-lead);max-width:47ch;margin-top:25px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:850px}.method-grid article{border-top:1px solid #dcc9a977;padding-top:20px}.method-grid h3{font-size:34px}.method-grid p{font-size:var(--type-copy);color:#c9c1ae;margin:14px 0 13px;max-width:37ch}.method-grid .text-link{font:var(--type-micro)/1.6 var(--mono);text-transform:uppercase}
.process{border-bottom:1px solid var(--line)}.process .split-heading h2{font-size:58px;max-width:18ch}.process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;margin:47px 0 35px;padding:0}.process-list li{border-top:1px solid var(--line);padding-top:22px}.process-list .pixel{font-size:var(--type-small);display:block;margin-bottom:24px}.process-list h3{font-size:29px;margin-bottom:14px}.process-list p{font-size:var(--type-body);color:#c9c1ae}.people h2{font-size:58px}.people .text-link{margin-top:20px}.people-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.portrait-placeholder{height:210px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:27px;background-image:radial-gradient(#dcc9a914 1px,transparent 1px);background-size:12px 12px}.portrait-placeholder>.pixel{font-size:32px;color:#63b77a80}.portrait-placeholder>.eyebrow{color:var(--muted);font-size:var(--type-micro)}.people-list h3{font-size:23px;margin-top:16px;letter-spacing:-.035em}.journal{border-top:1px solid var(--line)}.journal h2{font-size:62px}.journal h2 .pixel{font-size:.77em}.journal-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;margin-top:55px}.journal-art{border:1px solid var(--line);padding:25px;display:flex;flex-direction:column;justify-content:space-between;min-height:610px;background-image:radial-gradient(#dcc9a921 1px,transparent 1px);background-size:16px 16px}.journal-art>.eyebrow{font-size:var(--type-micro);color:var(--muted)}.diagram{display:flex;flex-direction:column;align-items:center;gap:24px}.diagram-block{font-size:34px;letter-spacing:.08em}.diagram-block.pixel{font-size:27px;color:var(--green);letter-spacing:0}.diagram>span{color:var(--muted)}.diagram-pixels{display:grid;grid-template-columns:repeat(6,20px);gap:8px;transform:rotate(-8deg)}.diagram-pixels i{width:20px;height:20px;background:var(--orange)}.diagram-pixels i:nth-child(3n){background:var(--green)}.diagram-pixels i:nth-child(4n){opacity:.15}.diagram-pixels i:nth-child(7n){visibility:hidden}.reading-list article{padding:25px 0 27px;border-top:1px solid var(--line)}.reading-list article:first-child{padding-top:0;border-top:0}.reading-list article>.eyebrow{color:var(--green);margin-bottom:18px}.reading-list h3{font-size:31px}.article-title{font:inherit;letter-spacing:inherit;line-height:1.12;text-align:left;padding:0;display:flex;justify-content:space-between;gap:15px;width:100%}.article-title>span{font-size:24px;color:var(--orange)}.article-title:hover{color:#fff4df}.reading-list p:not(.eyebrow){font-size:var(--type-copy);color:#c9c1ae;margin-top:15px}.reading-list .text-link{font-size:var(--type-caption);margin-top:15px}.preview-note{font:var(--type-micro)/1.8 var(--mono);color:var(--muted);margin-top:25px}.answers{padding-top:65px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;border-top:1px solid var(--line)}.answers h2{font-size:47px;margin-top:24px}details{border-top:1px solid var(--line);padding:23px 0}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;font-size:var(--type-lead-lg);line-height:1.5;cursor:pointer;display:flex;justify-content:space-between;gap:25px}summary::-webkit-details-marker{display:none}summary>span{color:var(--green);font:var(--type-lead) var(--pixel)}details[open] summary>span{transform:rotate(45deg)}details p{font-size:var(--type-copy);line-height:1.8;color:#c9c1ae;margin-top:20px}
.enquire{border-top:1px solid var(--line);padding-bottom:100px}.enquiry-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.enquiry-layout h2{font-size:64px;max-width:14ch}.enquiry-layout h2 .pixel{font-size:.81em}.enquiry-layout>div>p:not(.preview-note){font-size:var(--type-body-lg);margin-top:28px;max-width:34ch}.enquiry-layout .quote-note{font-size:var(--type-ui)!important;color:var(--muted)}form{display:flex;flex-direction:column;gap:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:flex;flex-direction:column;gap:10px;font:var(--type-micro)/1.6 var(--mono);text-transform:uppercase;color:var(--muted)}input,select,textarea{width:100%;border:0;border-bottom:1px solid #dcc9a970;border-radius:0;background:transparent;color:var(--beige);padding:12px 0;font:var(--type-body)/1.5 var(--sans);min-height:48px;resize:vertical}select{padding-right:10px}select option{background:var(--black)}input::placeholder,textarea::placeholder{color:#85877e}textarea{min-height:104px}.field-help{font:var(--type-micro)/1.7 var(--mono);color:var(--muted);margin-top:-6px}form .button{align-self:start;min-width:210px}.form-message:empty{display:none}.form-message{font:var(--type-label) var(--mono);color:var(--green)}[hidden]{display:none!important}
.site-footer{padding-top:45px;padding-bottom:30px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top .wordmark{font-size:46px}.footer-pixels{display:grid;grid-template-columns:repeat(32,1fr);gap:5px;height:90px;align-items:end;margin-top:45px;overflow:hidden}.footer-pixels i{height:13px;background:var(--green);opacity:.1;animation:pixel-wave 4.8s ease-in-out infinite;animation-delay:calc(var(--i)*-.26s)}.footer-pixels i:nth-child(4n){background:var(--orange)}.footer-pixels i:nth-child(7n){visibility:hidden}.footer-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:24px;font:var(--type-micro)/1.9 var(--mono);text-transform:uppercase}.footer-bottom>div{display:flex;gap:25px}.footer-bottom button{font-size:var(--type-micro)}
/* Reading and project detail overlays stay in the same visual system. */
body.dialog-open{overflow:hidden}dialog{width:min(980px,calc(100% - 48px));max-height:calc(100svh - 48px);padding:0;border:1px solid #dcc9a955;background:var(--black);color:var(--beige);overscroll-behavior:contain}dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}.dialog-toolbar{position:sticky;top:0;z-index:5;padding:14px 30px;display:flex;justify-content:space-between;align-items:center;background:#0d100ef5;border-bottom:1px solid var(--line)}.close-dialog{min-height:44px;font:var(--type-label) var(--mono);padding:8px}.close-dialog:hover{color:var(--orange)}#detail-content{padding:45px 50px 55px}.dialog-heading{font-size:54px;max-width:20ch;margin:15px 0 25px}.dialog-lead{font-size:var(--type-lead-lg);margin-bottom:25px;max-width:58ch}.dialog-image{height:380px;position:relative;margin:30px -50px;overflow:hidden}.dialog-image img{width:100%;height:100%;object-fit:cover}.dialog-image.gamer-girls img{width:200%;object-position:left}.dialog-image.racer-track-breed img{width:200%;transform:translateX(-50%);object-position:right}.dialog-facts{display:flex;gap:30px;flex-wrap:wrap;font:var(--type-micro)/1.6 var(--mono);text-transform:uppercase;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin:27px 0}.dialog-body section{border-top:1px solid var(--line);padding:27px 0}.dialog-body section h3{font-size:28px;letter-spacing:-.04em;margin-bottom:18px}.dialog-body section p,.dialog-body li{font-size:var(--type-body);line-height:1.8;color:#c9c1ae}.dialog-body p+p{margin-top:18px}.dialog-body ul{padding-left:22px}.dialog-body li+li{margin-top:12px}.dialog-source{font:var(--type-micro)/1.7 var(--mono);margin-top:20px}.dialog-source a{text-decoration:underline}.enquiry-summary{white-space:pre-wrap;word-break:break-word;font:var(--type-small)/1.8 var(--mono);border-top:1px solid var(--line);padding:25px 0}.dialog-footer-note{font:var(--type-micro)/1.8 var(--mono);color:var(--muted);margin-top:26px}.noscript-note{padding:30px;border:1px solid var(--orange)}
.motion-off{scroll-behavior:auto!important;scroll-snap-type:none!important}.motion-off .world-stage{transform:none!important}.motion-off .logo-track,.motion-off .footer-pixels i{animation:none!important}.motion-off .logo-track ul[aria-hidden]{display:none}.motion-off .logo-track{width:100%}.motion-off .logo-track ul{width:100%;justify-content:center;flex-wrap:wrap;padding:0 5%;gap:20px 45px}.motion-off .smear-canvas,.motion-off .ascii-layer{display:none!important}.motion-off .footer-pixels i{opacity:.4}.motion-off .button{transition:none}
@keyframes platform-roll{to{transform:translateX(-50%)}}@keyframes pixel-wave{0%,100%{opacity:.1;transform:translateY(4px)}50%{opacity:.7;transform:translateY(-12px)}}
@media(min-width:1700px){.hero h1{font-size:108px}.hero{padding-top:150px}.world-copy h2{font-size:150px}}
@media(max-width:1000px){.site-header nav{gap:18px}.site-header .wordmark{font-size:24px}.hero h1{font-size:6.5vw}.audience-grid{gap:26px}.audience-grid h3{font-size:29px}.route-label{display:block}.route-label>.pixel{display:block;margin-bottom:12px}.study{gap:6%}.study-image{min-height:480px}.split-heading{gap:6%}.people h2,.process .split-heading h2{font-size:49px}.journal h2{font-size:53px}.enquiry-layout h2{font-size:54px}.journal-layout{gap:6%}.process-list{gap:22px}.slate-index{gap:14px}.slate-index a{font-size:var(--type-caption)}.world-copy h2{font-size:10.5vw}.world{min-height:620px}}
@media(max-width:700px){
 :root{scroll-padding-top:0}body{font-size:var(--type-body)}.container{padding-left:22px;padding-right:22px}.section{padding-top:55px;padding-bottom:55px}h2{font-size:39px}h3{font-size:26px}.section-top{gap:20px;margin-bottom:24px}.section-top>.eyebrow{font-size:var(--type-micro)}.section-top>:last-child{max-width:20ch;text-align:right}.eyebrow{font-size:var(--type-micro)}.split-heading{display:block}.split-heading>p,.split-heading>div>p{margin-top:25px;font-size:var(--type-body)}.button{font-size:var(--type-label);padding:13px 15px;gap:17px;min-height:49px}.text-link{font-size:var(--type-label)}.actions{margin-top:25px;gap:10px}.site-header{height:86px;padding:20px 22px;gap:15px}.site-header .wordmark{font-size:24px}.site-header .wordmark>span{display:none}.mobile-enquire{display:block;font:var(--type-micro) var(--mono);margin-left:auto;text-decoration:underline;text-underline-offset:5px}#menu-toggle{display:block;font:var(--type-micro) var(--mono);min-height:44px;border:1px solid #dcc9a980;padding:11px 10px}.site-header nav{display:none;position:absolute;top:85px;left:0;right:0;background:#0d100ef5;padding:20px 22px;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header nav>a{padding:17px 0;font-size:var(--type-body)}.site-header nav>.button{padding:15px;font-size:var(--type-ui);margin-top:12px}.hero{min-height:100svh;padding-top:290px;padding-bottom:140px;justify-content:end}.hero h1{font-size:clamp(33px,9.6vw,52px);max-width:16ch;line-height:1.08;letter-spacing:-.055em}.hero-content>.eyebrow{font-size:var(--type-micro);margin-bottom:21px}.hero .lead{font-size:var(--type-copy);line-height:1.6;margin-top:22px;max-width:39ch}.hero .actions{flex-wrap:nowrap}.hero .actions>.button{flex:1;gap:12px;font-size:var(--type-caption);min-height:58px}.hero .scene{object-position:62% 50%}.shade{background:linear-gradient(90deg,#080d0a88,#080d0a05),linear-gradient(0deg,#080d0af5,#080d0aa3 54%,#080d0a10)}.image-status{font-size:var(--type-micro);top:105px;right:22px}.hero-edge{bottom:20px;gap:15px;align-items:end}.scroll-link{font-size:var(--type-micro);max-width:23ch;gap:10px}.effect-controls>.eyebrow{font-size:var(--type-micro);max-width:22ch;text-align:right}.effect-controls button{font-size:var(--type-micro)}.pixel-signature{display:none}.experience{padding-top:37px;padding-bottom:26px}.experience h2{font-size:27px;max-width:20ch}.marquee{margin:27px 0 10px}.logo-track ul{gap:35px;padding-right:35px}.logo-track li{font-size:25px}.credit-note{gap:20px;align-items:start}.credit-note p{font-size:var(--type-micro)}.credit-note button{font-size:var(--type-micro);min-width:50px}.audience h2{font-size:43px}.audience-grid{display:block;margin-top:36px}.audience-grid article{padding:25px 0 34px}.audience-grid article:last-child{padding-bottom:0}.route-label{display:flex;gap:18px;margin-bottom:22px}.route-label>.pixel{margin:0;font-size:var(--type-ui)}.route-label .eyebrow{font-size:var(--type-micro)}.audience-grid h3{font-size:32px;max-width:16ch;margin-bottom:19px}.audience-grid p{font-size:var(--type-copy);max-width:40ch;margin-bottom:18px}.study{display:flex;flex-direction:column;gap:30px;padding-top:10px}.study-image{min-height:0;aspect-ratio:1;width:100%}.study-copy h2{font-size:37px}.study-copy>p:not(.eyebrow){font-size:var(--type-body);margin-top:22px}.study-copy .eyebrow{font-size:var(--type-micro)}.study-copy .button{width:100%}.slate-intro{padding-top:45px;padding-bottom:30px}.slate-intro h2{font-size:43px;line-height:1.12}.slate-intro h2 .pixel{font-size:.66em}.slate-index{grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:30px;padding-top:20px}.slate-index a{font-size:var(--type-caption);gap:11px}.slate-index .pixel{font-size:var(--type-micro)}.slate-intro .actions{gap:12px}.world{height:100svh;min-height:700px;scroll-snap-align:none}.world-stage{transform:none!important}.world-top{top:27px}.world-top>.eyebrow{font-size:var(--type-micro)}.world-top>span:last-child{font-size:var(--type-micro);max-width:20ch}.world-copy{bottom:120px}.world-copy h2{font-size:clamp(47px,13vw,79px);max-width:11ch;line-height:1.03}.world.bhoothaganam h2{font-size:clamp(36px,10.8vw,65px)}.world-copy>.eyebrow{font-size:var(--type-micro);margin-bottom:18px}.world-hook{font-size:var(--type-copy);line-height:1.65;max-width:40ch;margin-top:22px}.world-copy .actions{flex-wrap:nowrap}.world-copy .actions .button{flex:1;font-size:var(--type-caption);min-height:58px;gap:10px}.world-bottom{bottom:25px;gap:20px}.world-bottom nav{gap:6px}.world-bottom nav a{font-size:var(--type-micro);min-width:29px;padding:12px 5px}.world-bottom .text-link{font-size:var(--type-micro);white-space:nowrap}.world .shade{background:linear-gradient(180deg,#080d0a9e,transparent 25%),linear-gradient(0deg,#080d0afa,#080d0a9c 54%,#080d0a10 90%)}.world.apsara .scene{object-position:60% 50%}.world.bhoothaganam .scene{object-position:62% 50%}.world .media-layer.gamer-girls .scene{width:180%;object-position:left center}.world .media-layer.racer-track-breed .scene{width:180%;transform:translateX(-44%);object-position:right center}.production{min-height:100svh;padding-top:55px;padding-bottom:42px}.production-content{gap:75px}.production h2{font-size:clamp(45px,12.5vw,65px)}.production h2 .pixel{font-size:.6em;line-height:1.45}.production .lead{font-size:var(--type-body);margin-top:24px}.production .eyebrow{font-size:var(--type-micro);margin-bottom:26px}.method-grid{gap:24px}.method-grid h3{font-size:28px}.method-grid p{font-size:var(--type-ui);line-height:1.7}.method-grid .text-link{font-size:var(--type-micro);gap:12px;line-height:1.8}.production .scene{object-position:61% 50%}.process .split-heading h2{font-size:40px}.process-list{display:block;margin-top:28px;margin-bottom:25px}.process-list li{position:relative;display:grid;grid-template-columns:34px 1fr;gap:10px 16px;padding:23px 0}.process-list li>.pixel{grid-row:1/3;font-size:var(--type-caption);margin:4px 0 0}.process-list li h3{font-size:27px;margin:0}.process-list li p{grid-column:2;font-size:var(--type-copy)}.process-list li:last-child{border-bottom:1px solid var(--line)}.process>.button{width:100%}.people h2{font-size:40px}.people-list{gap:14px;margin-top:32px}.portrait-placeholder{height:130px;gap:15px}.portrait-placeholder>.pixel{font-size:var(--type-body)}.portrait-placeholder>.eyebrow{font-size:var(--type-micro);text-align:center;max-width:12ch}.people-list h3{font-size:var(--type-body);letter-spacing:-.03em;line-height:1.3}.journal h2{font-size:41px}.journal h2 .pixel{font-size:.75em}.journal-layout{display:flex;flex-direction:column;gap:30px;margin-top:33px}.journal-art{min-height:350px;padding:20px}.journal-art>.eyebrow{font-size:var(--type-micro)}.diagram{gap:12px}.diagram-block{font-size:24px}.diagram-block.pixel{font-size:22px}.diagram-pixels{grid-template-columns:repeat(6,12px);gap:5px}.diagram-pixels i{width:12px;height:12px}.diagram>span{font-size:var(--type-small)}.reading-list h3{font-size:29px}.reading-list article{padding:24px 0}.reading-list article>.eyebrow{font-size:var(--type-micro)}.reading-list p:not(.eyebrow){font-size:var(--type-copy)}.answers{display:block;padding-top:45px}.answers h2{font-size:39px;margin-top:20px;margin-bottom:35px}summary{font-size:var(--type-body-lg)}details p{font-size:var(--type-copy)}.enquiry-layout{display:block}.enquiry-layout h2{font-size:43px}.enquiry-layout>div>p:not(.preview-note){font-size:var(--type-body);max-width:38ch}.enquiry-layout .preview-note{font-size:var(--type-micro)}.enquiry-layout form{margin-top:37px}.form-row{grid-template-columns:1fr;gap:22px}form{gap:22px}form>.button{width:100%}.site-footer{padding-top:35px;padding-bottom:25px}.footer-top .wordmark{font-size:34px}.footer-top .text-link{font-size:var(--type-micro)}.footer-pixels{height:68px;grid-template-columns:repeat(16,1fr);gap:4px;margin-top:25px}.footer-pixels i{height:8px}.footer-bottom{flex-direction:column;align-items:start;gap:18px;font-size:var(--type-micro)}.footer-bottom>div{gap:28px}.footer-bottom button{font-size:var(--type-micro)}dialog{width:calc(100% - 20px);max-height:calc(100svh - 20px)}.dialog-toolbar{padding:9px 18px}.close-dialog{font-size:var(--type-micro)}#detail-content{padding:28px 22px 35px}.dialog-heading{font-size:37px;line-height:1.09}.dialog-lead{font-size:var(--type-body-lg);line-height:1.7}.dialog-image{height:290px;margin:25px -22px}.dialog-facts{font-size:var(--type-micro);gap:16px}.dialog-body section h3{font-size:26px}.dialog-body section p,.dialog-body li{font-size:var(--type-copy)}.dialog-footer-note{font-size:var(--type-micro)}.motion-off .logo-track ul{gap:18px 24px}.motion-off .logo-track li{font-size:var(--type-lead-lg)}html.worlds-active{scroll-snap-type:none}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto!important;scroll-snap-type:none!important}*,*:before,*:after{animation:none!important;transition:none!important}.world-stage{transform:none!important}.smear-canvas,.ascii-layer{display:none!important}.footer-pixels i{opacity:.4}}

@media(min-width:701px) and (max-width:860px){.site-header{padding-left:4%;padding-right:4%;gap:16px}.site-header nav{gap:14px;font-size:var(--type-caption)}.site-header .button{font-size:var(--type-micro);padding:10px 12px}.site-header .wordmark{font-size:22px}}

@media(max-width:700px){.world-top>.eyebrow,.world-top>span:last-child,.world-copy>.eyebrow,.production .eyebrow,.route-label .eyebrow,.hero-content>.eyebrow,.image-status{font-size:var(--type-micro)}.method-grid .text-link{font-size:var(--type-micro)}.slate-index a{font-size:var(--type-label)}.effect-controls button,.scroll-link{font-size:var(--type-micro)}}
/* Revision 2: a continuous service scene with three transparent entry points. */
.experience{padding-bottom:38px}.experience .marquee{margin-bottom:0;outline-offset:-4px}.marquee:focus .logo-track{animation-play-state:paused}
.audience{min-height:100svh;padding:60px 0 24px;display:flex;flex-direction:column;justify-content:center}.service-backdrop{position:absolute;inset:0;z-index:-3}.service-scene{opacity:0;transition:opacity .55s ease}.service-scene.is-active{opacity:1}.service-scene[data-scene="0"] .scene{object-position:65% 50%}.service-scene[data-scene="1"] .scene{object-position:56% 50%}.service-scene[data-scene="2"] .scene{object-position:57% 50%}.audience>.shade{background:linear-gradient(0deg,#080d0af2,#080d0ac7 30%,#080d0a30 70%),linear-gradient(90deg,#080d0aa8,#080d0a30 75%),linear-gradient(180deg,#080d0a55,transparent 40%)}.audience-content{position:relative;z-index:1}.audience h2{font-size:clamp(45px,5.5vw,80px);max-width:15ch}.audience .section-top{margin-bottom:25px}.audience .section-top>:last-child{color:var(--beige)}.tap-instruction{display:none}.audience-grid{margin-top:40px;gap:45px}.audience-grid article{border-top-color:#dcc9a960;transition:border-color .3s}.audience-grid article.is-active{border-top-color:var(--orange)}.audience-grid h3{font-size:clamp(25px,2.6vw,37px);max-width:16ch;margin-bottom:16px}.service-choice{padding:0;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;color:var(--beige);transition:color .2s}.service-choice:hover,.service-option.is-active .service-choice{color:#fff0d8}.service-option.is-active .route-label>.pixel{color:var(--orange)}.audience-grid p{font-size:var(--type-small);line-height:1.65;color:#e0d5c0;margin-bottom:18px;max-width:38ch}.route-label{margin-bottom:20px}.service-caption{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #dcc9a933;margin-top:25px;padding-top:15px;color:#bdb9ac}.service-caption .eyebrow{font-size:var(--type-micro)}.production .shade{background:linear-gradient(90deg,#080d0af5,#080d0ab8 48%,#080d0a25),linear-gradient(0deg,#080d0ae6,transparent 70%)}.production .scene{object-position:62% 50%}
/* Each glyph keeps its original geometry; only the crossed letter scrambles. */
.glitch-label{display:inline;white-space:normal}.glitch-word{display:inline-block;white-space:nowrap}.glitch-char{display:inline-block;position:relative}.glitch-char.is-glitching{color:transparent!important}.glitch-char.is-glitching::after{content:attr(data-glyph);position:absolute;inset:0;overflow:hidden;white-space:nowrap;color:var(--orange);text-shadow:1px 0 var(--green);transform:translateX(var(--letter-shift,0));pointer-events:none}.motion-off .service-scene{transition:none}.motion-off .glitch-char{color:inherit!important}.motion-off .glitch-char::after{display:none}
@media(max-width:1000px) and (min-width:701px){.audience-grid{gap:25px}.audience-grid h3{font-size:27px}.audience-grid p{font-size:var(--type-ui)}.audience{padding-top:55px}.audience .route-label{display:block}.audience .route-label>.pixel{margin-bottom:10px}}
@media(max-width:700px){.audience{padding-top:50px;padding-bottom:24px;min-height:100svh}.audience h2{font-size:43px}.hover-instruction{display:none}.tap-instruction{display:inline}.audience .section-top>:last-child{max-width:22ch}.audience-grid{margin-top:42px}.audience-grid article{padding-top:25px;padding-bottom:28px}.audience-grid h3{font-size:30px;max-width:17ch}.audience .route-label{margin-bottom:18px;display:flex}.audience-grid p{font-size:var(--type-copy);max-width:42ch}.service-caption{align-items:start;gap:20px;margin-top:26px}.service-caption .eyebrow{font-size:var(--type-micro);max-width:23ch}.service-caption>:last-child{text-align:right}.service-scene[data-scene="0"] .scene{object-position:70% 50%}.service-scene[data-scene="1"] .scene{object-position:42% 50%}.service-scene[data-scene="2"] .scene{object-position:57% 50%}.audience>.shade{background:linear-gradient(0deg,#080d0aeb,#080d0ab8 55%,#080d0a35),linear-gradient(90deg,#080d0a65,#080d0a38)}.production .scene{object-position:68% 50%}.production .shade{background:linear-gradient(90deg,#080d0ad9,#080d0a5e),linear-gradient(0deg,#080d0af5,#080d0a88 70%,#080d0a55)}}
.button>.glitch-label,.text-link>.glitch-label,.article-title>.glitch-label{color:inherit;font-size:inherit}.button.secondary>.glitch-label{color:var(--beige)}

/* Keep the per-letter scramble legible on the filled primary action. */
.button:not(.secondary) .glitch-char.is-glitching::after{color:var(--black);text-shadow:1px 0 #245c34}

/* Revision 2.8: scroll coverage sits above the media, below readable HTML. */
[data-pixel-ambient]{position:relative;isolation:isolate}
.story-pixel-mask,.story-pixel-noise{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated}
.story-pixel-mask{z-index:0}
.story-pixel-noise{z-index:0}
.experience[data-pixel-ambient]>:not(canvas),.study[data-pixel-ambient]>:not(canvas){position:relative;z-index:1}
.motion-off .story-pixel-mask,.motion-off .story-pixel-noise{display:none!important}
@media(prefers-reduced-motion:reduce){.story-pixel-mask,.story-pixel-noise{display:none!important}}

/* Revision 2.9: clearly separated transparent service cards. */
.audience-cards{padding-top:44px;padding-bottom:20px}
.audience-cards .audience-grid{gap:18px;margin-top:28px}
.audience-cards .service-option{position:relative;border:1px solid #dcc9a94d;padding:24px;min-width:0;background:linear-gradient(150deg,#0d100e2e,#0d100e66);transition:border-color .22s ease,background-color .22s ease}
.audience-cards .service-option::before{content:"";position:absolute;top:-1px;left:-1px;width:34px;height:3px;background:var(--beige);opacity:.55;pointer-events:none;transition:width .22s ease,background-color .22s ease}
.audience-cards .service-option.is-active{border-color:#f2763db3;background-color:#0d100e26}
.audience-cards .service-option.is-active::before{width:62px;background:var(--orange);opacity:1}
.audience-cards .service-option:focus-within{outline:2px solid var(--green);outline-offset:3px}
.audience-cards .route-label{gap:12px;margin-bottom:18px;min-height:20px}
.audience-cards .route-label .eyebrow{margin:0;font-size:var(--type-micro)}
.audience-cards .route-label>.pixel{color:var(--green)}
.audience-cards .service-option.is-active .route-label>.pixel{color:var(--orange)}
.audience-cards .audience-grid h3{font-size:clamp(25px,2.35vw,34px);max-width:17ch;line-height:1.12;margin-bottom:16px}
.audience-cards .audience-grid p{margin-bottom:20px}
.audience-cards .audience-grid .sub-link{font-size:var(--type-micro)}
.audience-cards .service-caption{margin-top:20px}
@media(min-width:701px) and (max-width:1000px){.audience-cards .service-option{padding:20px 17px}.audience-cards .route-label{display:block}.audience-cards .audience-grid{gap:14px}}
@media(max-width:700px){.audience-cards .audience-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:30px}.audience-cards .service-option,.audience-cards .service-option:last-child{padding:26px 22px}.audience-cards .route-label{display:flex;margin-bottom:20px}.audience-cards .audience-grid h3{font-size:30px;max-width:18ch}.audience-cards .audience-grid p{margin-bottom:22px}.audience-cards .audience-grid .text-link{margin-top:0}}
.motion-off .audience-cards .service-option,.motion-off .audience-cards .service-option::before{transition:none}

/* Revision 2.11: one pinned screen, four semantic project panels. */
.world-reel[data-sticky-worlds]{position:relative}
.world-reel[data-sticky-worlds] .world-stage{transform:none!important}
.world-reel.is-sticky-reel{isolation:isolate;overflow-anchor:none}
.world-pin{position:sticky;top:0;height:var(--world-height);overflow:hidden;isolation:isolate;background:var(--black)}
.is-sticky-reel .world{position:absolute;inset:0;width:100%;height:var(--world-height);min-height:0;visibility:hidden;pointer-events:none;background:transparent;z-index:1;scroll-snap-align:none}
.is-sticky-reel .world.is-current{visibility:visible;pointer-events:auto}
.world-transition{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:none;pointer-events:none}
.is-pixelating .world-transition{display:block}
.is-pixelating .world-media{visibility:hidden}
.is-sticky-reel .world-copy,.is-sticky-reel .world-top{opacity:var(--meta-opacity,1)}
.world-stop{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
.world-reel[data-sticky-worlds] .world{scroll-snap-align:none}

/* 2.12 / Production explorer: large type, selectable capabilities and media. */
.production-explorer{display:block;min-height:100svh;padding:45px 0 54px;background:#0a0d0b;isolation:isolate;background-image:linear-gradient(#8b998712 1px,transparent 1px),linear-gradient(90deg,#8b998712 1px,transparent 1px);background-size:7px 7px}
.production-shell{position:relative;z-index:1}
.production-kicker{display:flex;justify-content:space-between;gap:20px;margin-bottom:40px;color:var(--green)}
.production-explorer .eyebrow{margin:0}
.production-explorer h2{font-size:clamp(54px,7.2vw,110px);font-weight:700;line-height:.96;letter-spacing:-.06em;text-transform:uppercase;margin:0 0 38px;max-width:none}
.production-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:'tabs media' 'details media';column-gap:32px;row-gap:40px}
.production-tabs{grid-area:tabs;display:flex;flex-direction:column;align-self:start}
.production-tab{width:100%;padding:7px 12px;display:flex;align-items:center;gap:14px;text-align:left;font-size:clamp(20px,2.15vw,34px);font-weight:700;line-height:1.1;letter-spacing:-.04em;color:#a4aa9f;transition:background-color .12s,color .12s;min-height:45px}
.production-tab .production-number{font-size:12px;letter-spacing:0;flex:0 0 22px;color:var(--green)}
.production-tab.is-selected{background:var(--beige);color:var(--black)}
.production-tab.is-selected .production-number{color:#9a3e17}
.production-tab:hover:not(.is-selected){color:var(--beige)}
.production-tab.is-selected .glitch-char.is-glitching:after{color:var(--black)}
.production-tab:focus-visible{outline-offset:3px;position:relative;z-index:2}
.production-details{grid-area:details;align-self:end;min-height:204px}
.production-panel[hidden]{display:none}
.production-panel:focus-visible{outline:1px solid var(--green);outline-offset:8px}
.production-summary{font-size:var(--type-copy);line-height:1.6;max-width:40ch;margin-bottom:20px;color:#b8bcae}
.production-panel ul{list-style:none;margin:0 0 16px;padding:0;font:var(--type-micro)/1.85 var(--mono);text-transform:uppercase;letter-spacing:.025em}
.production-panel li{display:flex;gap:12px;align-items:start}
.production-panel li>span{color:var(--green)}
.production-panel .text-link{font-size:var(--type-label);border-color:#dcc9a944}
.production-panel .button{font-size:var(--type-label);min-height:42px;padding:9px 14px}
.production-figure{grid-area:media;margin:0;display:flex;flex-direction:column;min-width:0;align-self:stretch}
.production-view{position:relative;isolation:isolate;overflow:hidden;flex:1;min-height:400px;background:var(--black)}
.production-view .scene{object-position:50% 50%}
.production-scene{visibility:hidden;opacity:0}
.production-scene.is-active{visibility:visible;opacity:1}
.production-view .smear-canvas{z-index:1}
.production-transition{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;display:none}
.production-view[data-pixel-transition=true] .production-transition{display:block}
.production-view[data-pixel-transition=true] .smear-canvas{visibility:hidden}
.production-figure figcaption{display:flex;justify-content:space-between;gap:14px;padding-top:13px;font:var(--type-micro)/1.6 var(--mono);color:#9da493}
.production-figure figcaption>:last-child{text-align:right;white-space:nowrap}
.production-noise{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;image-rendering:pixelated}
.motion-off .production-noise,.motion-off .production-transition{display:none!important}
@media(min-width:1500px){.production-view{min-height:490px}.production-layout{row-gap:70px}}
@media(max-width:700px){
 .production-explorer{padding:38px 0 45px}
 .production-kicker{margin-bottom:35px}
 .production-kicker>:last-child{text-align:right}
 .production-explorer h2{font-size:clamp(35px,9.7vw,64px);line-height:1.03;letter-spacing:-.055em;margin-bottom:30px}
 .production-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:'tabs' 'media' 'details';gap:24px}
 .production-tab{font-size:22px;padding:10px 8px;min-height:48px;gap:10px;line-height:1.18}
 .production-tab .production-number{flex-basis:20px}
 .production-view{min-height:0;aspect-ratio:1.16;flex:auto}
 .production-details{min-height:0;margin-top:5px}
 .production-summary{max-width:42ch}
 .production-figure figcaption{gap:18px}
 .production-figure figcaption>span{max-width:22ch}
 .production-figure figcaption>:last-child{max-width:12ch;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.production-noise,.production-transition{display:none!important}}

/* 2.13 / Readable production detail + a story taking shape through process. */
.production-explorer .eyebrow,.production-tab .production-number,.production-figure figcaption{font-size:.875rem}
.production-panel ul{font-size:.9375rem;line-height:1.8;letter-spacing:0}
.production-summary{font-size:1.1875rem}
.production-panel .text-link,.production-panel .button{font-size:1rem}
.production-tab .production-number{flex-basis:25px}

.process-journey{position:relative;isolation:isolate;background:#0a0d0b;overflow-anchor:none;background-image:linear-gradient(#8b998712 1px,transparent 1px),linear-gradient(90deg,#8b998712 1px,transparent 1px);background-size:7px 7px}
.process-sticky{position:relative;isolation:isolate;padding-top:42px;padding-bottom:32px}
.process-heading,.journey-stage,.journey-footer{position:relative;z-index:1}
.process-noise{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;image-rendering:pixelated}
.motion-off .process-noise{display:none!important}
@media(prefers-reduced-motion:reduce){.process-noise{display:none!important}}
.process-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:end;margin-bottom:32px}
.process-heading .eyebrow{font-size:.875rem;color:var(--green);margin-bottom:18px}
.process-heading h2{font-size:clamp(40px,4.4vw,68px);line-height:1.02;letter-spacing:-.055em}
.process-heading h2 .pixel{font-size:.78em;line-height:1.15;white-space:nowrap}
.process-heading>p{font-size:1.125rem;line-height:1.6;max-width:42ch;color:#b8bbaa;margin-bottom:3px}
.journey-stage{position:relative;min-height:490px;flex:1}
.journey-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;height:100%;list-style:none;margin:0;padding:0}
.journey-panel{position:relative;isolation:isolate;min-height:490px;--fill:1;--active:0}
.journey-fill{position:absolute;inset:auto 0 0;height:calc(var(--fill)*100%);background:linear-gradient(180deg,#26382b9e,#17251b80);border:1px solid #dcc9a92b;z-index:-1}
.journey-panel.is-current .journey-fill{border-color:#f2763d85;background:linear-gradient(180deg,#293b2ca6,#17251b99)}
.journey-panel.is-complete .journey-fill{border-color:#63b77a66}
.journey-number{position:absolute;left:20px;top:18px;font-size:14px;color:var(--green);z-index:2}
.journey-panel.is-current .journey-number{color:var(--orange)}
.journey-copy{position:absolute;bottom:25px;left:20px;right:20px;z-index:3}
.journey-copy .journey-label{font:12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.035em;color:#aaa99b;margin-bottom:10px}
.journey-copy h3{font-size:clamp(25px,2.5vw,39px);letter-spacing:-.055em;margin-bottom:14px}
.journey-copy>p:not(.journey-label){font-size:16px;line-height:1.55;max-width:30ch;color:#c4c3b3}
.journey-outcome{display:block;font:13px/1.5 var(--mono);color:var(--green);margin-top:18px;max-width:25ch}
.journey-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none}
.journey-still{position:absolute;top:36px;left:0;width:100%;height:205px;pointer-events:none}
.process-journey:not(.is-process-motion) .journey-panel{display:flex;align-items:flex-end;padding-top:248px}
.process-journey:not(.is-process-motion) .journey-copy{position:relative;inset:auto;margin:0 20px 25px}
.journey-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:20px}
.journey-example{font:14px/1.5 var(--mono);color:#8f9d8e;max-width:45ch}
.journey-footer .text-link{font-size:16px;white-space:nowrap}
.process-journey.is-process-motion{height:calc(100svh + var(--journey-travel))}
.is-process-motion .process-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;padding-top:32px;padding-bottom:24px}
.is-process-motion .journey-stage,.is-process-motion .journey-panel{min-height:0}
/* 2.14: reveal the entire stage with its rising panel, including copy and number. */
.is-process-motion .journey-panel{--fill:0;clip-path:inset(calc((1 - var(--fill))*100%) 0 0)}
.is-process-motion .journey-canvas{display:block}
.is-process-motion .journey-still{display:none}
@media(min-width:900px) and (max-height:780px){
 .is-process-motion .process-heading{margin-bottom:25px}
 .is-process-motion .process-heading h2{font-size:45px}
 .is-process-motion .process-heading .eyebrow{margin-bottom:12px}
 .is-process-motion .process-heading>p{font-size:17px}
 .is-process-motion .journey-copy{bottom:18px;left:17px;right:17px}
 .is-process-motion .journey-copy h3{margin-bottom:10px;font-size:30px}
 .is-process-motion .journey-copy .journey-label{margin-bottom:8px}
 .is-process-motion .journey-outcome{margin-top:12px}
}
@media(min-width:701px) and (max-width:899px){.journey-panels{grid-template-columns:1fr 1fr}.journey-panel{min-height:480px}.process-heading{gap:30px;grid-template-columns:1fr 1fr}.process-heading h2{font-size:40px}.journey-copy h3{font-size:32px}}
@media(max-width:700px){
 .process-sticky{padding-top:48px;padding-bottom:40px}
 .process-heading{display:block;margin-bottom:30px}
 .process-heading h2{font-size:39px}
 .process-heading>p{margin-top:24px;font-size:18px}
 .journey-panels{grid-template-columns:1fr;gap:20px}
 .journey-panel{min-height:465px}
 .journey-copy{left:24px;right:24px;bottom:26px}
 .process-journey:not(.is-process-motion) .journey-copy{margin:0 24px 26px}
 .journey-copy h3{font-size:34px}
 .journey-copy>p:not(.journey-label){font-size:17px;max-width:34ch}
 .journey-copy .journey-label,.journey-outcome{font-size:14px}
 .journey-number{left:24px}
 .journey-still{top:30px;height:205px}
 .journey-footer{display:flex;align-items:start;flex-direction:column;gap:15px;margin-top:27px}
 .journey-example{font-size:14px}
 .production-figure figcaption{font-size:14px}
 .production-tab .production-number{font-size:14px;flex-basis:23px}
}

/* 2.16 / The initial studio introduction presents collective experience. */
.studio-story{padding-top:100px;padding-bottom:105px}
.studio-story .section-top{margin-bottom:42px}
.studio-story-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.studio-story-layout h2{font-size:clamp(40px,4.65vw,70px);line-height:1.08;max-width:none}
.studio-story-layout h2 .pixel{font-size:.78em;white-space:nowrap}
.studio-story-copy p{font-size:19px;line-height:1.7;color:#c4c3b3;max-width:49ch;margin:0 0 23px}
.studio-story-copy .button{font-size:17px;margin-top:8px}
@media(max-width:700px){
 .studio-story{padding-top:65px;padding-bottom:65px}
 .studio-story .section-top{margin-bottom:28px}
 .studio-story-layout{grid-template-columns:1fr;gap:28px}
 .studio-story-layout h2{font-size:39px;max-width:none}
 .studio-story-copy p{font-size:18px;line-height:1.65;margin-bottom:21px}
}

/* 2.17 / Collective experience: a short narrative with two concrete figures. */
.studio-story-summary h2{font-size:clamp(40px,4.5vw,66px)}
.studio-proof{margin-top:55px;padding-top:23px;border-top:1px solid var(--line)}
.studio-proof>.eyebrow{font-size:13px;color:#a9ad9f;margin-bottom:20px}
.studio-proof dl{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0}
.studio-proof dt{margin:0}
.studio-proof-number{display:block;font:400 clamp(32px,3vw,44px)/1.2 var(--pixel);letter-spacing:-.065em;color:var(--orange);margin-bottom:15px}
.studio-proof dl>div+div .studio-proof-number{color:var(--green)}
.studio-proof-label{display:block;font-size:18px;line-height:1.4;color:var(--beige)}
.studio-proof dd{font-size:15px;line-height:1.6;color:#aeb3a3;margin:8px 0 0;max-width:25ch}
@media(max-width:700px){
 .studio-story-summary h2{font-size:39px}
 .studio-proof{margin-top:30px;padding-top:22px}
 .studio-proof dl{gap:20px}
 .studio-proof-number{font-size:32px}
 .studio-proof-label{font-size:17px}
 .studio-proof dd{font-size:15px}
 .studio-story-layout{gap:34px}
}

/* 2.18 / A continuous, dark editorial collage for Our story. */
.studio-collage{background:#0d100e;padding:85px 0 60px;overflow:hidden;isolation:isolate}
.studio-collage>.container{max-width:1580px}
.studio-collage .section-top{margin-bottom:42px}
.studio-collage .section-top .eyebrow{font-size:14px}
.story-collage-grid{--story-unit:calc((100vw - 10vw)/12);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(20,var(--story-unit));position:relative;background-image:linear-gradient(#dcc9a912 1px,transparent 1px),linear-gradient(90deg,#dcc9a912 1px,transparent 1px);background-size:calc(100%/12) var(--story-unit);border-right:1px solid #dcc9a912;border-bottom:1px solid #dcc9a912}
.story-item{position:relative;min-width:0;margin:0;z-index:1}
.story-drift{transform:translate3d(0,var(--story-y,0px),0)}
.story-copy{padding:32px 27px;background:#0d100ef5;opacity:var(--story-opacity,1)}
.story-copy h2,.story-copy h3{font-size:clamp(48px,5.75vw,84px);line-height:1.02;letter-spacing:-.06em;max-width:none}
.story-copy .pixel{font-size:.76em;letter-spacing:-.065em;white-space:nowrap}
.story-copy p{font-size:19px;line-height:1.6;max-width:42ch;color:#ccc7b8;margin-top:27px}
.story-copy .story-training{font-size:17px;line-height:1.6;color:#aeb4a6;max-width:41ch;margin-top:17px}
.story-opening{grid-column:1/8;grid-row:1/5;align-self:center}
.story-typewriter{grid-column:9/13;grid-row:2/6}
.story-photo{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:var(--black)}
.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.story-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#050907aa);pointer-events:none;z-index:1}
.story-photo figcaption{position:absolute;bottom:17px;left:19px;right:19px;font:14px/1.55 var(--mono);color:#f5e5c9;z-index:3;text-shadow:0 1px 4px #000}
.story-photo figcaption span{color:#d7d0bb;font-size:13px}
.story-photo-mask{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.is-story-motion .has-story-reveal .story-photo-mask{display:block}
.story-registration{font:28px/1 var(--mono);color:var(--green);justify-self:center;align-self:center;user-select:none}
.story-registration-one{grid-column:8;grid-row:1}
.story-filmcraft{grid-column:1/5;grid-row:7/11}
.story-experience{grid-column:6/13;grid-row:7/11;align-self:center}
.story-experience h3{font-size:clamp(45px,4.95vw,72px)}
.story-experience p{max-width:43ch}
.story-experience-label{grid-column:1/9;grid-row:12;align-self:center;padding-left:27px;font-size:14px;color:#b3b9a9}
.story-figure{align-self:start;padding:10px 27px 25px;background:#0d100ef2}
.story-figure-1{grid-column:1/5;grid-row:13/16}
.story-figure-2{grid-column:5/9;grid-row:13/16}
.story-figure-value{font-size:clamp(40px,4.7vw,69px);line-height:1.1;white-space:nowrap;margin-bottom:25px}
.story-figure h3{font-size:23px;letter-spacing:-.04em;line-height:1.25;max-width:18ch;margin-bottom:13px}
.story-figure .story-drift>p:last-child{font-size:17px;line-height:1.5;color:#b5b9a9;max-width:24ch}
.story-world{grid-column:10/13;grid-row:12/16}
.story-world img{object-position:56% 50%}
.story-pixel-mark{grid-column:2/4;grid-row:18/20;align-self:center;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:25px;transform:rotate(-90deg);opacity:.8}
.story-pixel-mark i{display:block;aspect-ratio:1;background:var(--green)}
.story-pixel-mark i:nth-child(3n){background:var(--orange)}
.story-pixel-mark i:nth-child(5n+1),.story-pixel-mark i:nth-child(7),.story-pixel-mark i:nth-child(14),.story-pixel-mark i:nth-child(18),.story-pixel-mark i:nth-child(24){visibility:hidden}
.story-finale{grid-column:5/13;grid-row:17/21;align-self:center}
.story-finale .story-copy{padding-top:24px;padding-bottom:24px}
.story-finale h3{font-size:clamp(48px,5.6vw,82px)}
.story-finale p{max-width:48ch;margin-top:23px}
.story-finale .story-studio-credit{font-size:16px;color:#aeb4a6;margin-top:14px}
.story-finale .button{font-size:17px;margin-top:26px}
.story-registration-two{grid-column:12;grid-row:11;color:var(--orange)}
.motion-off .story-drift{transform:none!important;opacity:1!important}
.motion-off .story-photo-mask{display:none!important}
@media(min-width:1580px){.story-collage-grid{--story-unit:calc((1580px - 10vw)/12)}}
@media(min-width:901px) and (max-width:1150px){
 .story-collage-grid{grid-template-rows:repeat(20,calc(var(--story-unit)*1.15));background-size:calc(100%/12) calc(var(--story-unit)*1.15)}
 .story-copy{padding:24px 20px}.story-copy p{font-size:18px}.story-copy .story-training{font-size:16px}
 .story-figure{padding-left:20px;padding-right:20px}.story-figure h3{font-size:21px}.story-figure-value{font-size:44px}
 .story-photo figcaption{font-size:13px;left:13px;right:13px}
}
@media(max-width:900px){
 .studio-collage{padding:55px 0 65px}.studio-collage .section-top{margin-bottom:30px;gap:16px}.studio-collage .section-top .eyebrow{font-size:13px}
 .story-collage-grid{--story-unit:calc(90vw/6);grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;row-gap:42px;background-size:calc(100%/6) var(--story-unit);padding:20px 0 30px}
 .story-copy{padding:10px 15px}.story-copy h2,.story-copy h3{font-size:clamp(38px,7vw,60px);line-height:1.06}.story-copy p{font-size:18px;line-height:1.6;margin-top:24px}.story-copy .story-training{font-size:16px;margin-top:15px}
 .story-opening{grid-column:1/-1;grid-row:1;align-self:start}
 .story-typewriter{grid-column:3/7;grid-row:2;aspect-ratio:1}
 .story-filmcraft{grid-column:1/5;grid-row:3;aspect-ratio:1}
 .story-experience{grid-column:1/-1;grid-row:4;align-self:start}
 .story-experience h3{font-size:clamp(34px,7vw,58px)}
 .story-experience-label{grid-column:1/-1;grid-row:5;padding-left:15px;font-size:13px;line-height:1.6;margin:12px 0 -25px}
 .story-figure{padding:15px 12px;align-self:stretch}.story-figure-1{grid-column:1/4;grid-row:6}.story-figure-2{grid-column:4/7;grid-row:6}
 .story-figure-value{font-size:clamp(28px,6.8vw,48px);margin-bottom:19px}.story-figure h3{font-size:19px;line-height:1.3}.story-figure .story-drift>p:last-child{font-size:16px;line-height:1.55}
 .story-world{grid-column:2/7;grid-row:7;aspect-ratio:1.15}
 .story-finale{grid-column:1/-1;grid-row:8;align-self:start}.story-finale .story-copy{padding:10px 15px}.story-finale h3{font-size:clamp(38px,7vw,62px)}.story-finale .button{font-size:17px}
 .story-registration-one{grid-column:1/3;grid-row:2}.story-registration-two{grid-column:5/7;grid-row:3;align-self:end;margin-bottom:30px}
 .story-pixel-mark{display:none}.story-photo figcaption{font-size:12px;left:14px;right:12px;bottom:12px}.story-photo figcaption span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.story-drift{transform:none!important;opacity:1!important}.story-photo-mask{display:none!important}}

/* 2.19 / Continue the process section's fine grid and animated glyph field. */
.studio-collage{position:relative;background-color:#0a0d0b;background-image:linear-gradient(#8b998712 1px,transparent 1px),linear-gradient(90deg,#8b998712 1px,transparent 1px);background-size:7px 7px}
.studio-collage>.container{position:relative;z-index:1}
.story-noise{position:absolute;left:0;width:100%;z-index:0;pointer-events:none;image-rendering:pixelated}
.story-copy,.story-figure{background:transparent;opacity:1}
.story-line{display:block;overflow:hidden;padding-bottom:.11em;margin-bottom:-.11em}
[data-story-appear]{display:block}
.is-story-motion [data-story-appear]{opacity:var(--text-alpha,1);transform:translate3d(0,var(--text-y,0px),0)}
.motion-off .story-noise{display:none!important}
.motion-off [data-story-appear]{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.story-noise{display:none!important}[data-story-appear]{opacity:1!important;transform:none!important}}

/* 2.20 / A brighter Journal: an analogue workstation above a perspective reading floor. */
.journal-studio{position:relative;isolation:isolate;overflow:clip;background:var(--black);padding:130px 0 calc(60px + var(--journal-edge-rise,8vw)*.5);color:#19221a;--journal-paper:#e8dcc2;--journal-green:#315b41;--journal-rust:#9b431e}
.journal-surface{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--journal-edge-rise,8vw)),0 100%);position:absolute;inset:0;z-index:-2;background:var(--journal-surface,var(--journal-paper));pointer-events:none}
.journal-surface:after{content:'';position:absolute;inset:0;background:linear-gradient(#0a0d0b 0,transparent 125px);pointer-events:none}
.journal-bloom{position:absolute;width:150%;height:130%;left:-25%;top:-10%;background:radial-gradient(ellipse at 66% 46%,#f2e5c6 0,#e9bd8866 28%,#b8c6a92b 52%,transparent 73%);transform:translateY(var(--bloom-y,0px)) scale(var(--bloom-scale,1));opacity:var(--bloom-alpha,1);transform-origin:66% 58%}
.journal-shell{position:relative;z-index:1;max-width:1580px}
.journal-studio .section-top{position:relative;z-index:5;margin-bottom:27px;opacity:var(--journal-heading-alpha,1)}
.journal-studio .section-top .eyebrow{font-size:14px;color:#44513c}
.journal-composition{position:relative;min-height:870px}
.journal-heading{position:relative;z-index:4;width:49%;transform:translateY(var(--journal-title-y,0px));opacity:var(--journal-heading-alpha,1)}
.journal-heading h2{font-size:clamp(49px,5.1vw,76px);line-height:1.04;letter-spacing:-.06em}
.journal-heading h2 .pixel{font-size:.71em;line-height:1.3;color:var(--journal-green)}
.journal-heading>p{font-size:19px;line-height:1.55;max-width:29ch;margin-top:25px;color:#4d5545}
.journal-station{position:absolute;z-index:3;width:55%;right:-1%;top:90px;pointer-events:none;transform:translate3d(var(--station-x,0px),var(--station-y,0px),0) rotate(var(--station-rotate,0deg));transform-origin:50% 65%;opacity:var(--station-alpha,1)}
.journal-cutout{position:relative;width:100%;isolation:isolate}
.journal-body{position:relative;z-index:1;width:100%;height:auto;user-select:none}
.journal-heads{position:absolute;z-index:2;left:60.3%;top:-6.2%;width:20.5%;aspect-ratio:1}
.journal-head{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden;opacity:0}
.journal-head.is-active{visibility:visible;opacity:1}
.journal-head-transition{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none;z-index:3}
.journal-heads.is-changing .journal-head{visibility:hidden}
.journal-heads.is-changing .journal-head-transition{display:block}
.journal-shadow{position:absolute;z-index:0;left:7%;right:4%;height:24%;bottom:-.5%;background:radial-gradient(ellipse,#3c302c55 0,#423c282d 32%,transparent 70%);transform:rotate(-9deg) skewX(-18deg);transform-origin:center}
.journal-floor-rule{position:relative;height:36px;z-index:1}
.journal-floor-rule i{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:#52604466;transform:scaleX(var(--floor-rule,1));transform-origin:left}
.journal-floor-rule>span{display:block;padding-left:89px;font:12px/1.5 var(--mono);letter-spacing:.05em;color:#67715b}
.journal-floor{position:relative;z-index:2;width:96%;margin-top:104px;perspective:1400px;transform:translateX(var(--floor-x,0px));opacity:var(--floor-alpha,1)}
.journal-plane{position:relative;transform:rotateX(19deg) rotateZ(-5deg);transform-origin:50% 15%;transform-style:preserve-3d}
.journal-questions{list-style:none;margin:0;padding:0}
.journal-questions li:first-child{border-top:0}
.journal-edge-anchor{position:absolute;bottom:0;width:0;height:0;pointer-events:none}.journal-edge-left{left:0}.journal-edge-right{right:0}
.journal-studio+.answers{border-top:0}
.journal-questions li{border-top:1px solid #59644c80;transform:translateX(var(--question-x,0px));opacity:var(--question-alpha,1)}
.journal-questions li:last-child{border-bottom:1px solid #59644c80}
.journal-question{display:grid;grid-template-columns:50px 1fr 44px;gap:23px;align-items:center;padding:20px 28px 23px 16px;position:relative;min-height:102px;transition:color .18s ease,background-color .18s ease}
.journal-question>div{max-width:84%}
.journal-questions li:nth-child(2) .journal-question>div{max-width:60%}
.journal-question .question-number{font-size:22px;color:var(--journal-rust);align-self:start;margin-top:25px}
.question-meta{display:block;font:12px/1.5 var(--mono);letter-spacing:.03em;text-transform:uppercase;color:#5b624f;margin-bottom:7px}
.journal-question h3{font-size:clamp(26px,2.75vw,40px);line-height:1.15;letter-spacing:-.045em;font-weight:500;text-wrap:balance}
.question-arrow{font-size:32px;align-self:center;color:var(--journal-green)}
.journal-question:hover,.journal-question:focus-visible{color:var(--journal-green);background:#fff8e732}
.journal-question:focus-visible{outline:2px solid var(--journal-green);outline-offset:3px;z-index:5}
.journal-question.is-selected .question-number{color:var(--journal-green)}
.journal-question .glitch-char.is-glitching:after{color:var(--journal-rust);text-shadow:1px 0 #547257}
.journal-bottom{display:flex;justify-content:space-between;gap:20px;padding:21px 28px 0 89px;position:relative;z-index:4}
.journal-bottom p{font-size:17px;color:#394830}
.journal-bottom>span{font:13px/1.6 var(--mono);color:#62674f;max-width:40ch;text-align:right}
.motion-off .journal-station,.motion-off .journal-heading,.motion-off .journal-floor,.motion-off .journal-questions li{transform:none!important;opacity:1!important}
.motion-off .journal-studio .section-top,.motion-off .journal-bottom,.motion-off .journal-floor-rule{opacity:1!important}
.motion-off .journal-floor-rule i{transform:none!important}
@media(min-width:1500px){.journal-composition{min-height:940px}.journal-floor{margin-top:149px}}
@media(min-width:901px) and (max-width:1150px){.journal-composition{min-height:790px}.journal-heading h2{font-size:53px}.journal-heading>p{font-size:18px;max-width:24ch}.journal-station{top:115px;width:56%}.journal-floor{margin-top:79px}.journal-floor-rule>span{padding-left:78px}.journal-bottom{padding-left:78px}.journal-question>div{max-width:90%}.journal-question h3{font-size:30px}.journal-question{gap:18px;padding:18px 20px 21px 10px}}
@media(max-width:900px){
 .journal-studio{padding-top:105px;padding-bottom:calc(45px + var(--journal-edge-rise,3.5vw)*.5)}.journal-studio .section-top{gap:20px;margin-bottom:35px}.journal-studio .section-top .eyebrow{font-size:13px}.journal-composition{min-height:0;display:flex;flex-direction:column}
 .journal-heading{width:100%}.journal-heading h2{font-size:clamp(38px,7.5vw,64px)}.journal-heading>p{font-size:18px;max-width:32ch;margin-top:21px}
 .journal-station{position:relative;top:auto;right:auto;width:91%;margin:60px 0 35px 9%;z-index:3;order:1}
 .journal-heads{left:60.3%;top:-6.2%;width:20.5%}
 .journal-floor-rule{height:40px}.journal-floor-rule>span{font-size:12px;padding-left:44px}
 .journal-floor{width:100%;margin-top:0;margin-bottom:0;perspective:none;order:3}.journal-plane{transform:rotate(-2deg);transform-origin:center}
 .journal-question{grid-template-columns:27px 1fr 22px;gap:12px;min-height:120px;padding:18px 11px 19px 5px}.journal-question>div,.journal-questions li:nth-child(2) .journal-question>div{max-width:none}.journal-question h3{font-size:clamp(23px,4.4vw,30px);line-height:1.2}.journal-question .question-number{font-size:15px;margin-top:25px}.question-meta{font-size:12px;letter-spacing:0}.question-arrow{font-size:23px}
 .journal-bottom{flex-direction:column;gap:10px;padding:21px 11px 0 44px}.journal-bottom p{font-size:16px}.journal-bottom>span{font-size:12px;text-align:left;max-width:none}
}
@media(prefers-reduced-motion:reduce){.journal-station,.journal-heading,.journal-floor,.journal-questions li{transform:none!important;opacity:1!important}.journal-studio .section-top,.journal-bottom,.journal-floor-rule{opacity:1!important}.journal-floor-rule i{transform:none!important}}

/* 2.22 / A warm full-width enquiry field, with quiet green and rust glyphs. */
.enquiry-paper{position:relative;isolation:isolate;overflow:clip;max-width:none;width:100%;border:0;padding:110px 0 105px;color:#233326;color-scheme:light;background-color:#e8dcc2;background-image:radial-gradient(ellipse at 10% 78%,#d6aa732e,transparent 52%),linear-gradient(#315b4109 1px,transparent 1px),linear-gradient(90deg,#315b4109 1px,transparent 1px);background-size:auto,8px 8px,8px 8px}
.enquiry-shell{position:relative;z-index:1;max-width:1580px}
.enquiry-paper .section-top{margin-bottom:56px;gap:24px;color:#4a5943}
.enquiry-paper .section-top .eyebrow{font-size:14px;color:#4a5943}
.enquiry-paper .enquiry-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%}
.enquiry-paper h2{font-size:clamp(48px,4.5vw,68px);line-height:1.08;max-width:14ch}
.enquiry-paper h2 .pixel{color:#9b431e;font-size:.77em;line-height:1.3}
.enquiry-paper .enquiry-intro>p:not(.preview-note){color:#43503c;font-size:20px;line-height:1.6;max-width:34ch;margin-top:27px}
.enquiry-paper .enquiry-intro .quote-note{color:#526047;font-size:17px!important;max-width:32ch}
.enquiry-paper .preview-note{font-size:13px;color:#5a654f;line-height:1.8;margin-top:30px}
.enquiry-paper label{color:#43543d;font-size:13px;line-height:1.6;gap:12px}
.enquiry-paper input,.enquiry-paper select,.enquiry-paper textarea{color:#243526;border-bottom:1px solid #59704d88;background-color:transparent;font-size:19px;line-height:1.55;padding:12px 0;min-height:48px}
.enquiry-paper input::placeholder,.enquiry-paper textarea::placeholder{color:#68715a;opacity:1}
.enquiry-paper select{appearance:none;-webkit-appearance:none;border-radius:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath d='m3 4 5 5 5-5' fill='none' stroke='%23315b41' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;padding-right:29px}
.enquiry-paper select option{background:#e8dcc2;color:#233326}
.enquiry-paper textarea{min-height:150px;max-height:420px}
.enquiry-paper input:focus-visible,.enquiry-paper select:focus-visible,.enquiry-paper textarea:focus-visible,.enquiry-paper .button:focus-visible{outline:2px solid #315b41;outline-offset:5px}
.enquiry-paper input:-webkit-autofill{-webkit-text-fill-color:#243526;box-shadow:0 0 0 1000px #e8dcc2 inset}
.enquiry-paper .field-help{font-size:13px;line-height:1.75;color:#526047;margin-top:-3px}
.enquiry-paper form{gap:25px;min-width:0}
.enquiry-paper .button{color:#151e16;background:#f2763d;border-color:#f2763d;font-size:17px;min-height:54px;min-width:220px}
.enquiry-paper .button:hover{background:#f68b50;border-color:#f68b50}
.enquiry-paper .button .glitch-char.is-glitching:after{color:#151e16;text-shadow:1px 0 #315b41}
.enquiry-paper .form-message{color:#315b41}
.enquiry-glyphs{position:absolute;left:0;width:100%;z-index:0;pointer-events:none;image-rendering:pixelated}
@media(max-width:900px){.enquiry-paper{padding:65px 0 70px}.enquiry-paper .section-top{margin-bottom:37px}.enquiry-paper .section-top .eyebrow{font-size:12px}.enquiry-paper .enquiry-layout{display:block}.enquiry-paper h2{font-size:clamp(40px,7.4vw,60px)}.enquiry-paper .enquiry-intro>p:not(.preview-note){font-size:18px;max-width:37ch}.enquiry-paper .enquiry-intro .quote-note{font-size:16px!important}.enquiry-paper .preview-note{font-size:12px}.enquiry-paper form{margin-top:48px;gap:25px}.enquiry-paper label{font-size:12px}.enquiry-paper input,.enquiry-paper select,.enquiry-paper textarea{font-size:18px}.enquiry-paper .field-help{font-size:12px}.enquiry-paper .form-row{grid-template-columns:1fr}.enquiry-paper .button{width:100%}}

/* 2.23 / Quiet screening-room window; only the image moves. */
.answers-window{--answers-travel:110px;position:relative;isolation:isolate;overflow:hidden;padding:0;background:#171815;border:0}
.answers-window-scene{position:absolute;inset:calc(-1 * var(--answers-travel) - 16px) 0;z-index:-2;pointer-events:none}
.answers-window-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.answers-window::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(9,12,10,.12) 0%,rgba(9,12,10,.08) 36%,rgba(9,12,10,.58) 59%,rgba(9,12,10,.65) 100%),linear-gradient(180deg,rgba(9,12,10,.72),transparent 48%,rgba(9,12,10,.15))}
.answers-window .answers-window-content{position:relative;min-height:clamp(620px,78svh,820px);align-items:start;padding-top:85px;padding-bottom:85px;border:0;color:#e9dcc5}
.answers-window h2{color:#eadcc3;text-shadow:0 2px 22px #090c0a66}
.answers-window .eyebrow{color:#d8c8aa}
.answers-window details{border-color:#dcc9a94d}
.answers-window details p{color:#e0d6c5}
.answers-window summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}
.motion-off .answers-window-scene{transform:none!important}
@media(max-width:700px){
 .answers-window{--answers-travel:38px}
 .answers-window .answers-window-content{min-height:780px;padding-top:60px;padding-bottom:65px}
 .answers-window-scene img{object-position:17% 50%}
 .answers-window::before{background:linear-gradient(180deg,#090c0ab3 0%,#090c0ad9 53%,#090c0a5c 85%,#090c0a80 100%)}
}
@media(prefers-reduced-motion:reduce){.answers-window-scene{transform:none!important}}

/* 2.24 / Clearer question typography and softly unfolding answers. */
.answers-window .answers h2{font-size:clamp(48px,4.2vw,64px);font-weight:600;line-height:1.04;letter-spacing:-.055em}
.answers-window summary{font-size:clamp(25px,2.05vw,31px);font-weight:600;line-height:1.32;letter-spacing:-.035em;align-items:flex-start;gap:23px}
.answers-window summary>.answer-question{display:block;flex:1;min-width:0;font:inherit;color:inherit}
.answers-window details[open] summary>.answer-question{transform:none}
.answers-window summary>.answer-toggle{flex:0 0 20px;font:400 22px/1.4 var(--pixel);color:var(--green);transform:rotate(0);transition:transform 340ms cubic-bezier(.25,.8,.25,1)}
.answers-window details[data-expanded="true"] summary>.answer-toggle,.answers-window details:not([data-expanded])[open] summary>.answer-toggle{transform:rotate(45deg)}
.answers-window .answer-panel{overflow:hidden}
.answers-window .answer-copy{padding-top:20px}
.answers-window .answer-copy p{margin:0}
.answers-window details[data-animating]{overflow-anchor:none}
.motion-off .answers-window .answer-toggle{transition:none}
@media(max-width:700px){
 .answers-window .answers h2{font-size:43px;font-weight:600}
 .answers-window summary{font-size:23px;line-height:1.35;gap:17px}
 .answers-window summary>.answer-toggle{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.answers-window .answer-toggle{transition:none}}

/* 2.25 / The beige page uncovers a stationary dark footer. */
#main{position:relative;z-index:2;background:var(--black);box-shadow:0 18px 35px #0005}
.footer-reveal{position:relative;z-index:1;background:#0a0e0b;color:var(--beige);padding:45px 0 20px;border:0;isolation:isolate}
.footer-reveal-enabled .footer-reveal{position:sticky;bottom:0}
.footer-directory{display:grid;grid-template-columns:1.35fr .7fr 1fr;gap:8%;align-items:start}
.footer-intro>.eyebrow,.footer-nav>.eyebrow{font:12px/1.6 var(--mono);letter-spacing:.05em;color:var(--green);margin:0 0 19px;text-transform:uppercase}
.footer-statement{font-size:clamp(26px,2.4vw,36px);font-weight:600;letter-spacing:-.04em;line-height:1.15;margin-bottom:17px}
.footer-statement .pixel{font-size:.76em;color:var(--orange);white-space:nowrap}
.footer-description{font-size:16px;line-height:1.55;max-width:35ch;color:#b6b8a9;margin-bottom:23px}
.footer-intro .button{font-size:16px;min-height:49px;padding:11px 18px}
.footer-nav{display:flex;flex-direction:column;align-items:stretch;gap:0}
.footer-nav>a{font-size:17px;line-height:1.35;min-height:35px;padding:6px 0;display:flex;gap:16px;justify-content:space-between;align-items:baseline;width:fit-content;max-width:100%}
.footer-nav>a:hover{color:#fff0d8}
.footer-nav>a>span[aria-hidden]:not(.glitch-label){color:var(--orange);font-size:16px}
.footer-reach{font:12px/1.7 var(--mono);color:#a9ae9d;max-width:28ch;margin-top:23px}
.footer-language-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dcc9a929;margin-top:35px;padding-top:18px;font:12px/1.6 var(--mono);color:#b7bcab}
.footer-language-row>a{padding:5px 0;min-height:32px;white-space:nowrap;color:var(--beige)}
.footer-language-row>a>span[aria-hidden]:not(.glitch-label){color:var(--green)}
.footer-reveal .footer-brand{display:flex;align-items:center;justify-content:space-between;gap:3%;width:100%;margin:30px 0 28px;font:700 clamp(100px,16.2vw,250px)/.8 var(--sans);letter-spacing:-.085em;color:var(--beige);white-space:nowrap}
.footer-reveal .footer-brand-name{font:inherit;letter-spacing:inherit;color:inherit;margin:0}
.footer-reveal .footer-brand-mark{display:grid;flex:0 0 .58em;width:.58em;height:.58em;grid-template-columns:repeat(3,1fr);gap:7%;margin:0;font:inherit}
.footer-brand-mark i{background:var(--green)}
.footer-brand-mark i:nth-child(2),.footer-brand-mark i:nth-child(6){background:var(--orange)}
.footer-brand-mark i:nth-child(3),.footer-brand-mark i:nth-child(7){opacity:0}
.footer-brand-mark i:nth-child(9){opacity:.45}
.footer-utilities{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dcc9a929;padding-top:13px;font:12px/1.6 var(--mono);color:#949d8b}
.footer-utilities>div{display:flex;gap:25px;align-items:center}
.footer-utilities .small-button{font-size:12px;min-height:32px;padding:5px 0;border:0}
.footer-reveal a:focus-visible{outline-offset:5px}
@media(max-width:1000px){
 .footer-directory{gap:5%;grid-template-columns:1.1fr .65fr 1fr}
 .footer-description{font-size:15px}
 .footer-nav>a{font-size:16px}
 .footer-reveal .footer-brand{font-size:16vw}
}
@media(max-width:700px){
 .footer-reveal{padding:38px 0 18px}
 .footer-directory{grid-template-columns:1fr 1.35fr;gap:35px 23px}
 .footer-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;column-gap:20px}
 .footer-intro>.eyebrow,.footer-intro>.footer-statement,.footer-intro>.footer-description{grid-column:1/-1}
 .footer-statement{font-size:30px}
 .footer-description{font-size:16px;max-width:38ch;margin-bottom:20px}
 .footer-intro .button{width:fit-content;grid-column:1/-1}
 .footer-nav>.eyebrow{margin-bottom:12px}
 .footer-nav>a{font-size:15px;min-height:40px;padding:8px 0;gap:7px}
 .footer-reach{margin-top:14px;font-size:12px}
 .footer-language-row{align-items:flex-start;margin-top:27px;padding-top:16px;font-size:12px;gap:16px}
 .footer-language-row>span{max-width:25ch}
 .footer-reveal .footer-brand{font-size:15vw;margin:32px 0 25px;letter-spacing:-.08em}
 .footer-utilities{align-items:flex-start;gap:12px;flex-wrap:wrap}
 .footer-utilities>div{gap:20px}
}
@media(prefers-reduced-motion:reduce){.footer-reveal-enabled .footer-reveal{position:relative}}
.motion-off .footer-reveal{position:relative}