@font-face{font-family:DM;src:url('assets/dm-sans.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:DM;src:url('assets/dm-sans-italic.ttf') format('truetype');font-weight:100 900;font-style:italic;font-display:swap}
:root{--paper:#f2f2f7;--ink:#202129;--blue:#1726df;--line:rgba(32,33,41,.2);--pad:4.5vw;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;background:var(--paper);color:var(--ink);font-family:DM,Arial,sans-serif}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}p{line-height:1.45;margin:0}h1,h2,h3{font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:0;text-wrap:balance}h2{font-size:clamp(40px,5.6vw,80px)}h3{font-size:28px}em{font-weight:400}img{max-width:100%;display:block}::selection{background:#d9ff6c;color:#162014}:focus-visible{outline:2px solid #5b75ff;outline-offset:6px}input,textarea{caret-color:var(--blue)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:#8c8e9a;border-radius:9px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}.skip{position:fixed;top:10px;left:20px;z-index:100;transform:translateY(-180%);padding:14px;background:white}.skip:focus{transform:none}.header{position:fixed;top:30px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;z-index:30;pointer-events:none;transition:color .3s}.header a,.header button{pointer-events:auto}.brand{display:flex;align-items:center;min-height:44px}.brand img{width:180px;height:auto;filter:brightness(0)}.header.on-dark .brand img{filter:brightness(0) invert(1)}.header-actions{display:flex;gap:10px;align-items:center}.pill{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:46px;padding:13px 22px;background:var(--ink);color:#fff;border:0;border-radius:30px;font-size:13px;line-height:1;transition:background .3s,color .3s,transform .4s var(--ease)}.pill:hover{background:var(--blue);color:white;transform:translateY(-2px)}.pill .icon{width:17px;height:17px}.menu-button{background:#e4e5ed;color:var(--ink);gap:14px}.menu-button:hover{background:#d2d4e2;color:var(--ink)}.menu-dots{width:14px;height:6px;background:radial-gradient(circle at 3px 3px,currentColor 2.2px,transparent 2.5px),radial-gradient(circle at 11px 3px,currentColor 2.2px,transparent 2.5px)}.dot{width:4px;height:4px;background:currentColor;border-radius:50%}.motion-toggle{width:44px;height:44px;border:0;border-radius:50%;background:#e4e5ed;display:grid;place-items:center}.pause-icon{width:16px;height:2px;background:var(--ink);transition:transform .3s}.motion-toggle[aria-pressed=true] .pause-icon{background:transparent;width:0;height:0;border-left:10px solid var(--ink);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}.header.on-dark .motion-toggle{background:#e4e5ed}.hero{padding:35px var(--pad) 0;min-height:100svh}.hero-intro{margin-left:26%;max-width:600px;padding:5px 0 0}.hero h1{font-size:clamp(32px,3.1vw,46px);line-height:1.06;letter-spacing:-.025em}.hero-intro p{font-size:17px;max-width:520px;margin-top:18px}.hero-window{position:relative;margin-top:36px;width:100%;height:calc(100svh - 292px);min-height:390px;max-height:830px;border-radius:20px;overflow:hidden;background:#0c142a;isolation:isolate;touch-action:pan-y}.hero-window canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1.3s}.loaded .hero-window canvas{opacity:1}.hero-art-caption{position:absolute;inset:auto 36px 30px;display:flex;justify-content:space-between;align-items:flex-end;color:#fff;pointer-events:none}.hero-art-caption>span:first-child{font-size:clamp(24px,2.5vw,36px);line-height:1.1;letter-spacing:-.025em}.interact-hint{display:flex;align-items:center;gap:10px;font-size:13px}.pointer-symbol{width:24px;height:24px;border:1px solid #b9c8ed;border-radius:50%;position:relative}.pointer-symbol:after{content:'';position:absolute;inset:8px;border-radius:50%;background:#dce7ff}.hero-bottom{display:flex;align-items:center;justify-content:space-between;min-height:64px;font-size:12px}.hero-bottom a{display:flex;gap:12px;align-items:center}.hero-bottom .icon{width:16px}.crosshair{width:14px;height:14px;position:relative}.crosshair:before,.crosshair:after{content:'';position:absolute;background:currentColor}.crosshair:before{width:14px;height:1px;top:6px}.crosshair:after{width:1px;height:14px;left:6px}.load-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#cbd7f3;font-size:14px;pointer-events:none;transition:opacity .5s}.loaded .load-status{opacity:0}.loading-line{width:120px;height:1px;background:#334163;overflow:hidden}.loading-line:after{content:'';display:block;width:40px;height:1px;background:#fff;animation:loading 1.2s infinite var(--ease)}@keyframes loading{to{transform:translateX(120px)}}.load-error{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:white;gap:20px}.load-error[hidden]{display:none}.intro{padding-top:155px;padding-bottom:80px}.reveal-sentence{font-size:clamp(44px,6.6vw,94px);max-width:1180px;line-height:1.05}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-top:80px}.intro-bottom p{font-size:25px;max-width:570px;letter-spacing:-.02em}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:15px;padding:15px 0 8px;border-bottom:1px solid currentColor;margin-top:24px}.text-link .icon{transition:transform .4s var(--ease);width:19px}.text-link:hover .icon{transform:translate(3px,-3px)}.small-orbit{position:relative;display:block;width:150px;height:150px;transform:rotate(-30deg);margin-left:20%}.small-orbit i{position:absolute;inset:12px;border:1px solid #767886;border-radius:50%;transform:rotateY(60deg)}.small-orbit i:nth-child(2){transform:rotateY(60deg) rotateX(60deg)}.small-orbit i:nth-child(3){transform:rotateX(60deg)}.relationships{border-top:1px solid var(--line);margin-top:110px;padding-top:34px;display:grid;grid-template-columns:1fr 2fr;gap:7vw;align-items:center}.relationship p{font-size:13px;margin-bottom:27px}.relationship img{object-fit:contain;height:65px;width:auto;max-width:180px;filter:brightness(0);opacity:.85}.trusted img{height:50px;max-width:210px}.incubator-logos{display:flex;justify-content:space-between;gap:45px;align-items:center}.incubator-logos img{max-width:160px}.incubator-logos img:first-child{height:62px;width:125px;object-fit:contain}.work{padding-top:150px;padding-bottom:145px;background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.section-heading h2{max-width:1100px;font-size:clamp(40px,5.1vw,74px)}.section-heading>p{font-size:16px;flex-shrink:0;padding-bottom:5px}.work-grid{display:grid;grid-template-columns:1.32fr 1fr;gap:100px 5vw;margin-top:80px;align-items:start}.project{min-width:0;--entry:1;--rx:0deg;--ry:0deg}.project-image{position:relative;display:block;overflow:hidden;border-radius:16px;isolation:isolate;transform:perspective(1500px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s var(--ease),box-shadow .7s var(--ease);will-change:transform;background:#e8eaed}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);transform:scale(1.06) translateY(var(--image-y,0px))}.project-image:hover{box-shadow:0 22px 50px #17233e24}.project-image:hover>img{transform:scale(1.1) translateY(var(--image-y,0px))}.project-venezuela .project-image{aspect-ratio:1.08}.project-venezuela .project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#121620a6 100%);z-index:1}.project-art-title{position:absolute;bottom:38px;left:35px;z-index:2;font-size:clamp(32px,4.1vw,60px);color:white;line-height:1.02;letter-spacing:-.03em}.round-arrow{position:absolute;z-index:3;right:24px;bottom:25px;width:48px;height:48px;border-radius:50%;background:white;color:var(--ink);display:grid;place-items:center;transition:background .3s,transform .4s}.project-image:hover .round-arrow{background:#d9ff6c;transform:rotate(45deg)}.project-northern{padding-top:260px}.project-northern .project-image{aspect-ratio:.91;background:#e9ede9}.project-northern .project-image>img{object-fit:contain;scale:1.14}.project-caption{margin-top:22px;position:relative;padding-right:10px}.project-caption h3{font-size:25px;letter-spacing:-.025em;line-height:1.14}.project-caption p{font-size:13px;color:#62636e;margin-top:10px}.project-caption>span{font-size:13px;display:block;margin-top:5px;color:#62636e}.project-crypto{grid-column:1/-1;width:85%;margin-left:auto;margin-top:10px}.project-crypto .project-image{aspect-ratio:1.85;background:#101d43;display:flex;align-items:center;padding:4.5vw;gap:4vw;color:#fff}.crypto-art-heading{font-size:clamp(36px,5vw,72px);line-height:1.03;letter-spacing:-.035em;flex:1;z-index:1}.chart-paper{width:50%;height:100%;overflow:hidden;transform:rotate(-6deg) translateY(6%);transition:transform .8s var(--ease);box-shadow:12px 20px 35px #02071a50;border-radius:4px}.chart-paper img{width:100%;height:100%;object-fit:contain;background:#0b1631}.project-crypto .project-image:hover .chart-paper{transform:rotate(-2deg) translateY(0)}.project-crypto .project-caption{display:grid;grid-template-columns:1fr 1fr}.project-crypto .project-caption p,.project-crypto .project-caption>span{grid-column:2}.project-crypto .project-caption h3{grid-row:1/3}.journey{height:490svh;background:#111720;color:#fff;position:relative}.journey-stage{height:100svh;position:sticky;top:0;isolation:isolate;overflow:hidden}.journey-canvas{position:absolute;inset:0;touch-action:pan-y}.journey-canvas canvas{display:block;width:100%;height:100%}.journey-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#060e2090,transparent 35%,transparent 75%,#060b1833)}.journey-chapter{position:absolute;left:var(--pad);right:var(--pad);inset-block:0;opacity:0;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:15vh;will-change:opacity,transform}.journey-chapter h2{font-size:clamp(48px,5.5vw,80px);line-height:1.04;max-width:650px;text-shadow:0 4px 30px #0008}.journey-chapter p{font-size:20px;max-width:400px;text-shadow:0 4px 24px #000}.chapter-open{align-items:center;padding-bottom:0}.chapter-open h2{font-size:clamp(64px,6.5vw,94px)}.chapter-open p{align-self:flex-end;margin-bottom:16vh}.chapter-world h2{font-size:clamp(44px,4.8vw,70px)}.chapter-world>p{font-size:clamp(34px,4vw,58px);line-height:1.05;text-align:right;max-width:620px;letter-spacing:-.03em}.chapter-pattern{align-items:flex-end}.chapter-connect h2{margin-left:auto;text-align:right}.chapter-connect p{position:absolute;left:0;bottom:15vh}.chapter-end{justify-content:center;align-items:center;flex-direction:column;gap:35px;text-align:center;padding:0}.chapter-end .pill{pointer-events:auto;background:#f2f2f7;color:#171b2a}.journey-bottom{position:absolute;bottom:48px;left:var(--pad);right:var(--pad);display:flex;gap:30px;align-items:center;font-size:12px;color:#d6dcea}.journey-track{height:1px;flex:1;background:#c7d0e044;overflow:hidden}.journey-track span{display:block;height:100%;width:100%;background:#dce7ff;transform:scaleX(0);transform-origin:left}.scene-credit{position:absolute;bottom:18px;left:var(--pad);font-size:10px;color:#c1cbdc;text-decoration:underline;text-underline-offset:3px}.journey-skip{position:absolute;top:110px;right:var(--pad);font-size:12px;display:flex;align-items:center;gap:8px;color:#d6dcea}.journey-skip .icon{width:15px}.expertise{background:var(--blue);color:#fff;padding-top:125px;padding-bottom:130px}.expertise .section-heading>p{color:#e1e3ff}.service-list{margin-top:75px;background:#f5f5fa;color:var(--ink);border-radius:16px;overflow:hidden;transform:perspective(1500px) rotateX(var(--service-rotate,0deg));transform-origin:center top}.service{padding:0 38px;border-bottom:1px solid #cdd0dc}.service:last-child{border-bottom:0}.service summary{list-style:none;display:grid;grid-template-columns:1.1fr 1fr 24px;align-items:center;gap:30px;min-height:108px;cursor:pointer}.service summary::-webkit-details-marker,.enquiry summary::-webkit-details-marker{display:none}.service summary>span:first-child{font-size:clamp(26px,2.7vw,40px);letter-spacing:-.03em}.service-tag{font-size:15px;color:#666874}.plus{width:18px;height:18px;position:relative;display:block;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;background:currentColor;transition:transform .4s var(--ease)}.plus:before{width:18px;height:1px;top:8px}.plus:after{width:1px;height:18px;left:8px}.service[open] .plus:after,.enquiry[open] .plus:after{transform:rotate(90deg)}.service summary:hover{color:var(--blue)}.service-content{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;padding:20px 50px 45px 0}.service-content h3{font-size:28px;margin:0 0 24px}.service-content p{margin:0 0 15px;max-width:70ch;font-size:16px;color:#4c4e5b}.service-content ul{padding:0;margin:0;list-style:none}.service-content li{padding:13px 0;border-bottom:1px solid #d4d6df;font-size:16px}.service-content .text-link{margin-top:10px}.studio{background:var(--paper);padding-top:135px;padding-bottom:120px}.studio-opening{display:grid;grid-template-columns:1.5fr 1fr;gap:7vw;align-items:end}.studio-opening h2{font-size:clamp(40px,4.7vw,68px)}.studio-opening p{font-size:20px;max-width:600px}.disciplines{display:flex;gap:40px;align-items:center;padding:100px 0 90px;border-bottom:1px solid var(--line)}.discipline{flex:1}.discipline h3{font-size:44px;margin-bottom:20px}.discipline p{font-size:17px;max-width:32ch;color:#60626f}.discipline-connector{width:40px;height:40px;border:1px solid #767886;border-radius:50%;position:relative}.discipline-connector:before,.discipline-connector:after{content:'';position:absolute;background:#737582}.discipline-connector:before{height:1px;width:14px;left:12px;top:19px}.discipline-connector:after{width:1px;height:14px;left:19px;top:12px}.process{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:90px}.process h2{font-size:clamp(42px,4.5vw,64px)}.process ol{margin:0;padding:0;list-style:none;counter-reset:step}.process li{position:relative;counter-increment:step;padding:0 0 35px 50px;margin-bottom:35px;border-bottom:1px solid var(--line)}.process li:before{content:'0'counter(step);position:absolute;left:0;top:6px;font-size:12px}.process h3{font-size:32px;margin-bottom:13px}.process p{font-size:16px;color:#60626f;max-width:55ch}.audience{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:70px;padding-top:45px;border-top:1px solid var(--line)}.audience>p{font-size:32px;line-height:1.08;letter-spacing:-.02em}.audience ul{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;list-style:none;padding:0;margin:0;font-size:15px;color:#50525e}.contact{position:relative;overflow:hidden;padding-top:120px;padding-bottom:90px;background:#1625dd;color:white;isolation:isolate}.contact h2{position:relative;z-index:1;font-size:clamp(70px,9.2vw,132px);max-width:1000px;letter-spacing:-.04em}.contact-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:65px}.contact-bottom p{font-size:20px;color:#e1e4ff}.contact-cta{font-size:clamp(40px,6vw,86px);line-height:1;letter-spacing:-.035em;display:flex;gap:50px;align-items:center;border-bottom:1px solid #c6cbff;padding-bottom:18px}.contact-cta .icon{width:clamp(40px,5vw,72px);height:clamp(40px,5vw,72px);transition:transform .5s var(--ease)}.contact-cta:hover .icon{transform:translate(7px,-7px)}.contact-orbit{position:absolute;width:600px;height:600px;right:-70px;top:-80px;opacity:.18;transform:translate(var(--contact-x,0px),var(--contact-y,0px)) rotate(-25deg);pointer-events:none}.contact-orbit span{position:absolute;inset:0;border:1px solid #d4d9ff;border-radius:50%;transform:rotateY(55deg)}.contact-orbit span:nth-child(2){transform:rotateY(55deg) rotateZ(60deg)}.contact-orbit span:nth-child(3){transform:rotateY(55deg) rotateZ(120deg)}.enquiry{position:relative;margin-top:60px;border-top:1px solid #a6afff66;z-index:1}.enquiry summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:24px 0;font-size:19px}.enquiry form{display:grid;grid-template-columns:1fr 1fr;gap:30px 50px;padding:25px 0 0;max-width:1100px}.field label{display:block;font-size:14px;margin-bottom:10px;color:#e3e7ff}.field input,.field select,.field textarea{background:#fff;color:var(--ink);border:0;border-radius:6px;padding:13px 14px;width:100%;min-height:48px;outline-offset:3px}.field textarea{resize:vertical}.field-wide,.form-action{grid-column:1/-1}.form-action{display:flex;align-items:center;gap:25px}.form-action .pill{background:#fff;color:var(--ink)}.form-action p,#form-status{font-size:13px;color:#e3e7ff}.footer{background:var(--paper);padding-top:70px;padding-bottom:28px}.footer-brand{display:block;padding:0 0 50px}.footer-brand img{width:100%;height:auto;max-height:180px;object-fit:fill;filter:brightness(0)}.footer-links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin:30px 0 65px;font-size:15px}.footer-links nav{display:flex;gap:24px;flex-wrap:wrap}.footer-links>div{text-align:right}.footer-links>div p{margin-top:12px}.footer-links .icon{width:14px;height:14px;vertical-align:middle}.footer-legal{border-top:1px solid var(--line);padding-top:23px;font-size:12px;display:flex;justify-content:space-between;gap:20px;color:#5b5d69}.footer-legal>div{display:flex;gap:25px}.footer-legal .icon{width:13px;height:13px;vertical-align:middle}.menu{position:fixed;inset:0;width:100%;max-width:none;max-height:none;height:100svh;border:0;background:#e9eaf2;padding:30px var(--pad) 40px;color:var(--ink);z-index:100}.menu::backdrop{background:#1c223488}.menu-top{display:flex;justify-content:space-between;align-items:center}.menu-top img{filter:brightness(0);width:180px;height:auto}.menu nav{display:flex;flex-direction:column;gap:12px;margin:65px 0 45px 26%;align-items:flex-start}.menu nav a{font-size:clamp(40px,5.5vw,76px);line-height:1.02;letter-spacing:-.035em;transition:color .2s}.menu nav a:hover{color:var(--blue)}.menu nav .icon{width:50px;height:50px}.menu>a{margin-left:26%;font-size:17px;border-bottom:1px solid}.cursor{position:fixed;top:0;left:0;width:72px;height:72px;border:1px solid #d9e4ffaa;border-radius:50%;display:grid;place-items:center;pointer-events:none;z-index:80;opacity:0;transition:opacity .2s,width .3s,height .3s,background .3s;transform:translate(-100px,-100px);color:#fff;font-size:11px;background:#18213d22}.cursor.active{opacity:1}.cursor.project-mode{width:80px;height:80px;background:#fff;color:#1b2131;border:0;box-shadow:0 8px 22px #0a132d20}.no-script{padding:25px var(--pad)}
/* Reading pages share the studio's typography and spacing. */
.reading-page .header{position:absolute}.reading-main{padding:150px var(--pad) 100px;max-width:1500px;margin:auto}.reading-main h1{font-size:clamp(46px,7vw,96px);max-width:1100px;margin:30px 0}.reading-main>p{font-size:20px;max-width:70ch;margin:22px 0}.reading-main h2{font-size:38px;margin:60px 0 25px}.reading-main .meta{font-size:15px;color:#636574}.case-image{width:100%;height:auto;border-radius:16px;margin:50px 0;max-height:850px;object-fit:contain}.case-bottom{margin-top:70px;display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:30px;border-top:1px solid var(--line)}.reading-main a:not(.pill){text-decoration:underline;text-underline-offset:5px}.reading-main ul{max-width:70ch;line-height:1.7}.reading-main .case-summary{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin:60px 0}.reading-main .case-summary p{font-size:20px}.reading-main .case-summary h2{margin:0;font-size:50px}
@media(min-width:1700px){:root{--pad:5vw}.hero-intro{max-width:720px}.hero-intro p{font-size:20px}.hero-window{height:calc(100svh - 320px)}}
@media(max-width:1100px){:root{--pad:4vw}.hero-intro{margin-left:25%;max-width:470px;padding-right:120px;min-width:500px}.hero h1{font-size:36px}.hero-intro p{font-size:16px}.header .talk{display:none}.header-actions{gap:8px}.brand img{width:160px}.section-heading>p{display:none}.relationships{gap:35px}.incubator-logos{gap:25px}.incubator-logos img{max-width:130px}.project-northern{padding-top:170px}.project-art-title{font-size:40px}.studio-opening{gap:4vw}.studio-opening p{font-size:18px}.discipline-connector{display:none}.disciplines{gap:35px}.discipline h3{font-size:36px}.contact-cta{gap:25px}.footer-links{grid-template-columns:1fr 1.4fr}.footer-links>div{text-align:left;grid-column:1/-1;display:flex;justify-content:space-between}.footer-links>div p{margin:0}}
@media(max-width:760px){:root{--pad:20px}html{scroll-padding-top:88px}.header{top:20px}.brand img{width:145px}.header-actions{gap:7px}.header .pill{min-height:40px;padding:12px 15px;font-size:12px}.motion-toggle{height:40px;width:40px}.hero{padding-top:103px;min-height:auto}.hero-intro{margin:0;max-width:450px;min-width:0;padding:0}.hero h1{font-size:43px;line-height:1.03}.hero-intro p{font-size:15px;max-width:340px;margin-top:18px}.hero-window{margin-top:28px;height:46svh;min-height:330px;max-height:480px;border-radius:16px}.hero-art-caption{inset:auto 22px 22px;align-items:flex-end}.hero-art-caption>span:first-child{font-size:25px}.interact-hint{font-size:10px;gap:7px;max-width:90px}.pointer-symbol{width:20px;height:20px;flex-shrink:0}.pointer-symbol:after{inset:6px}.hero-bottom{font-size:10px;min-height:64px;gap:12px}.hero-bottom .crosshair:nth-of-type(2){display:none}.hero-bottom a{gap:5px}.hero-bottom .icon{width:13px;height:13px}.crosshair{width:10px;height:10px;flex-shrink:0}.crosshair:before{width:10px;top:5px}.crosshair:after{height:10px;left:5px}.intro{padding-top:90px;padding-bottom:65px}.reveal-sentence{font-size:43px;letter-spacing:-.035em;line-height:1.07}.intro-bottom{grid-template-columns:1fr;gap:30px;margin-top:40px}.small-orbit{display:none}.intro-bottom p{font-size:21px}.text-link{font-size:14px;margin-top:20px}.relationships{margin-top:60px;grid-template-columns:1fr;gap:40px;padding-top:30px}.relationship p{font-size:12px;margin-bottom:20px}.relationship img{height:55px}.trusted img{height:44px;width:185px}.incubator-logos{justify-content:flex-start;gap:22px}.incubator-logos img{width:90px;max-width:30%;height:52px}.incubator-logos img:first-child{width:90px;height:52px}.work{padding-top:70px;padding-bottom:90px}.section-heading h2{font-size:40px;line-height:1.06}.work-grid{display:flex;flex-direction:column;gap:55px;margin-top:40px}.project{width:100%;padding:0;margin:0}.project-venezuela .project-image{aspect-ratio:.94}.project-art-title{font-size:39px;left:23px;bottom:27px}.round-arrow{right:18px;bottom:20px;width:40px;height:40px}.project-caption{margin-top:18px}.project-caption h3{font-size:23px}.project-caption p,.project-caption>span{font-size:12px}.project-northern{width:87%;align-self:flex-end}.project-northern .project-image{aspect-ratio:.86}.project-crypto .project-image{aspect-ratio:.88;display:block;padding:30px 25px}.crypto-art-heading{font-size:43px}.chart-paper{height:65%;width:72%;margin:15px 0 0 auto;transform:rotate(-8deg) translate(0,5%)}.project-crypto .project-caption{display:block}.journey{height:430svh}.journey-chapter{padding-bottom:16vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:22px}.chapter-open{justify-content:space-between;padding-top:18vh;padding-bottom:19vh}.chapter-open h2{font-size:55px}.chapter-open p{align-self:flex-start;margin:0;font-size:16px}.journey-chapter h2{font-size:43px;max-width:340px}.chapter-world h2{font-size:37px}.chapter-world>p{font-size:31px;max-width:350px;align-self:flex-end;text-align:right}.chapter-pattern p{font-size:16px}.chapter-connect h2{font-size:42px;align-self:flex-end}.chapter-connect p{position:static;align-self:flex-start;font-size:16px}.chapter-end{justify-content:center;align-items:center;padding:0;gap:28px}.chapter-end h2{font-size:55px}.journey-bottom{bottom:50px;font-size:10px;gap:14px}.journey-count{display:none}.journey-skip{top:85px;font-size:10px}.scene-credit{font-size:9px;bottom:20px}.expertise{padding-top:80px;padding-bottom:85px}.expertise .section-heading h2{font-size:39px}.service-list{margin-top:40px;border-radius:14px}.service{padding:0 21px}.service summary{grid-template-columns:1fr 18px;gap:15px;min-height:91px}.service summary>span:first-child{font-size:27px}.service-tag{display:none}.service-content{grid-template-columns:1fr;gap:25px;padding:10px 0 32px}.service-content h3{font-size:24px;margin-bottom:18px}.service-content p{font-size:15px}.service-content li{font-size:14px;padding:10px 0}.studio{padding-top:85px;padding-bottom:75px}.studio-opening{grid-template-columns:1fr;gap:30px}.studio-opening h2{font-size:40px}.studio-opening p{font-size:18px}.disciplines{padding:55px 0;display:block}.discipline{display:grid;grid-template-columns:1fr 1.5fr;gap:25px;margin-top:32px;align-items:start}.discipline:first-child{margin-top:0}.discipline h3{font-size:28px;margin:0}.discipline p{font-size:15px}.process{grid-template-columns:1fr;gap:40px;margin-top:55px}.process h2{font-size:42px}.process li{padding-left:40px;padding-bottom:26px;margin-bottom:25px}.process h3{font-size:28px}.process p{font-size:15px}.audience{grid-template-columns:1fr;gap:30px;margin-top:35px;padding-top:35px}.audience>p{font-size:30px}.audience ul{font-size:13px;gap:17px 20px}.contact{padding-top:80px;padding-bottom:65px}.contact h2{font-size:70px;line-height:.99}.contact-bottom{display:block;margin-top:38px}.contact-bottom p{font-size:17px}.contact-cta{font-size:54px;margin-top:50px;justify-content:space-between;padding-bottom:17px}.contact-cta .icon{height:45px;width:45px}.contact-orbit{width:380px;height:380px;right:-150px;top:0}.enquiry{margin-top:40px}.enquiry summary{font-size:16px}.enquiry form{grid-template-columns:1fr;gap:22px;padding-top:16px}.field-wide,.form-action{grid-column:auto}.form-action{display:block}.form-action p{margin-top:15px}.footer{padding-top:45px;padding-bottom:25px}.footer-brand{padding-bottom:20px}.footer-links{grid-template-columns:1fr;gap:25px;margin:28px 0 40px}.footer-links nav{gap:20px;font-size:14px}.footer-links>div{display:block}.footer-links>div p{margin-top:15px;font-size:14px}.footer-legal{display:block;font-size:11px}.footer-legal>div{margin-top:20px;gap:23px}.menu{padding-top:20px}.menu-top img{width:145px}.menu nav{margin:65px 0 45px;gap:17px}.menu nav a{font-size:48px}.menu nav .icon{width:35px;height:35px}.menu>a{margin:0;font-size:15px}.cursor{display:none}.reading-main{padding-top:120px;padding-bottom:60px}.reading-main h1{font-size:48px}.reading-main>p{font-size:18px}.reading-main h2{font-size:30px}.case-image{margin:30px 0;border-radius:12px}.reading-main .case-summary{grid-template-columns:1fr;gap:25px;margin:40px 0}.reading-main .case-summary h2{font-size:38px}.reading-main .case-summary p{font-size:17px}.case-bottom{display:block}.case-bottom .pill{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-image{transform:none!important}.project-image>img{transform:none!important}.service-list{transform:none!important}.contact-orbit{transform:none!important}.cursor{display:none}.journey{height:auto}.journey-stage{height:auto;position:relative;padding:85px 0 65px}.journey-canvas{height:75svh;position:relative}.journey-vignette{display:none}.journey-chapter{position:relative;opacity:1!important;transform:none!important;inset:auto;margin:0 var(--pad);padding:35px 0;display:block}.journey-chapter h2{font-size:40px}.journey-chapter p{font-size:18px;margin:20px 0 0;text-align:left}.chapter-world>p{font-size:27px}.chapter-connect h2{margin:0;text-align:left}.chapter-end{text-align:left}.chapter-end .pill{margin-top:25px}.journey-bottom,.journey-skip{display:none}.scene-credit{bottom:25px}.chapter-open{padding-top:30px}}
.cursor:not(.project-mode){width:12px;height:12px;border:1px solid #e4ecff;background:#d9e7ff33}.scene-unavailable .journey-canvas{background:#111720 url('assets/world-poster.jpg') center/cover no-repeat}.scene-unavailable .hero-window{background:#0c142a url('assets/hero-poster.jpg') center/cover no-repeat}.scene-unavailable .journey-chapter{opacity:1}.scene-unavailable .journey-chapter:not(.chapter-open){display:none}
.loaded .load-status{display:none}.loaded .hero-window canvas{opacity:1;transition:none}
/* Continuous astronaut opening. The world resumes after the portfolio interlude. */
.opening-scroll{height:200svh;position:relative;background:var(--paper)}.opening-scroll .hero{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;isolation:isolate}.opening-scroll .hero-window{position:absolute;margin:0;max-height:none;min-height:0;z-index:-1}.opening-scroll .hero-intro{position:relative;z-index:2}.opening-scroll .hero-bottom{position:absolute;bottom:0;left:var(--pad);right:var(--pad);z-index:2}.opening-subtitles{position:absolute;inset:auto var(--pad) 11vh;pointer-events:none;text-align:center;color:white;z-index:3}.opening-subtitle{position:absolute;bottom:0;left:0;right:0;opacity:0}.opening-subtitle h2{font-size:clamp(38px,4.6vw,65px);text-shadow:0 3px 20px #0008}.opening-subtitle p{font-size:18px;margin-top:18px;color:#e1e8f6;text-shadow:0 2px 16px #000}.opening-scroll .hero-art-caption{transition:opacity .3s}.opening-scroll .hero-window canvas{opacity:1}.journey{height:360svh}
/* Lusion About's fanned playing-card composition, with Chartipedia's services. */
.expertise-theatre{height:330svh;padding:0;position:relative;background:#2329ed}.expertise-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;perspective:1600px}.expertise-heading{position:absolute;top:120px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:flex-end;z-index:2;pointer-events:none}.expertise-heading h2{font-size:clamp(60px,7.5vw,108px);line-height:.98}.expertise-heading p{max-width:300px;font-size:17px;line-height:1.35;margin:0 12vw 10px 0}.expertise-ribbon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.expertise-ribbon path{stroke:#fff;stroke-width:25;fill:none;stroke-linecap:round;stroke-dasharray:2200;stroke-dashoffset:var(--ribbon,2200)}.capability-deck{position:absolute;left:50%;top:50%;height:450px;width:0;transform:translateY(-33%);perspective:1800px}.capability-card{position:absolute;left:0;top:0;width:var(--card-width,280px);height:450px;transform:translate(-50%,-50%);transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 18px 18px #101a990d)}.card-rotor{height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(180deg);transition:translate .5s var(--ease)}.capability-card:hover .card-rotor,.capability-card:focus-within .card-rotor{translate:0 -14px}.card-front,.card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;overflow:hidden}.card-front{background:#fff;color:#11131b;display:flex;flex-direction:column;padding:27px 25px}.card-back{background:#2329ed;transform:rotateY(180deg);border:2px solid #fff;color:#fff;display:grid;place-items:center}.card-back svg{width:100%;height:100%;position:absolute;inset:0;stroke:currentColor;fill:none;stroke-width:1.4}.card-back-letter{font-size:88px;line-height:1;display:grid;place-items:center;width:110px;height:110px;background:#2329ed;border:1px solid #fff;border-radius:50%;font-weight:500}.card-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.card-heading h3{font-size:27px;line-height:1.02;letter-spacing:-.025em;max-width:170px}.card-heading>span{font-weight:700;font-size:34px;line-height:.85;letter-spacing:-.04em}.card-tagline{font-size:13px;color:#62636d;margin-top:22px;min-height:36px}.card-front ul{margin:10px 0 0;padding:0;list-style:none}.card-front li{font-size:14px;line-height:1.3;padding:15px 0;border-bottom:2px dotted #e0e1e8}.card-service-links{margin-top:20px;display:flex;flex-direction:column;gap:11px}.card-service-link{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0;background:transparent;border:0;text-align:left;font-size:12px;line-height:1.2}.card-service-link .icon{width:16px;height:16px}.card-service-link:hover{color:#2633e6}.card-foot{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;align-items:center;transform:rotate(180deg);font-size:22px;letter-spacing:-.03em}.card-foot>span:first-child{font-size:28px;font-weight:700}.expertise-controls{position:absolute;left:var(--pad);right:var(--pad);bottom:36px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#e9eaff}.expertise-controls>div{display:flex;gap:10px}.expertise-controls button{width:40px;height:40px;border:1px solid #b3b7ff66;border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center}.expertise-controls button:hover{background:#fff;color:#2329ed}.expertise-controls .icon{width:18px;height:18px}#card-prev .icon{rotate:-135deg}#card-next .icon{rotate:45deg}.service-dialog{width:min(1000px,calc(100% - 40px));max-height:88svh;background:#f5f5fa;color:var(--ink);border:0;border-radius:16px;padding:25px 30px;overscroll-behavior:contain}.service-dialog::backdrop{background:#080d25bf;backdrop-filter:blur(8px)}.service-dialog-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d2d4df;padding-bottom:20px;font-size:20px}.service-dialog .service-list{transform:none;margin-top:10px;border-radius:0}.service-dialog .service{padding:0 10px}.service-dialog .service summary{min-height:80px}.service-dialog .service summary>span:first-child{font-size:27px}.service-dialog .service-content{gap:35px;padding-right:5px}.service-dialog .service-content p{font-size:15px}.service-dialog .service-content h3{font-size:25px}.service-dialog .service-content li{font-size:14px}
/* The studio is a continuous typographic and particle performance. */
.studio-theatre{height:400svh;padding:0;background:#10131a;color:#fff;position:relative}.studio-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}.studio-stage>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.studio-intro{position:absolute;left:var(--pad);right:var(--pad);top:20vh;display:block;max-width:850px}.studio-intro h2{font-size:clamp(42px,5.5vw,80px);line-height:1.05;max-width:850px}.studio-intro p{font-size:19px;max-width:540px;margin:24px 0 0;color:#d4deef;line-height:1.5}.studio-heading{position:absolute;left:var(--pad);top:11vh;opacity:0;z-index:1;will-change:transform,opacity}.studio-heading h3{font-size:clamp(42px,5.2vw,76px);line-height:1.05;max-width:850px}.studio-disciplines{position:absolute;inset:0}.studio-word{position:absolute;left:var(--pad);bottom:0;width:min(55vw,690px);opacity:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-bottom:18vh;will-change:transform,opacity;pointer-events:none}.studio-word h4{font-size:clamp(60px,8vw,96px);line-height:.92;letter-spacing:-.035em}.studio-word p{font-size:21px;line-height:1.4;margin-top:20px;color:#d4deef;max-width:460px}.studio-track{height:1px;position:absolute;left:var(--pad);right:var(--pad);bottom:50px;background:#9cabc733}.studio-track span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#dce7fb}.audience-strip{background:#10131a;color:#e3e9f5;overflow:hidden;padding:55px var(--pad) 85px}.audience-strip>p{font-size:17px;margin-bottom:35px}.audience-words{display:flex;gap:55px;align-items:center;width:max-content;transform:translateX(var(--audience-x,0px));will-change:transform}.audience-words span{font-size:clamp(30px,3.8vw,55px);white-space:nowrap;letter-spacing:-.03em}.audience-words span:after{content:'';width:8px;height:8px;background:#cedaff;display:inline-block;border-radius:50%;vertical-align:middle;margin-left:55px}
/* Cobalt invitation, with a pointer-responsive geometric particle field. */
.contact-theatre{background:#2329ed;padding:0;position:relative;overflow:hidden}.contact-stage{height:100svh;min-height:680px;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:110px var(--pad) 90px}.contact-stage>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.contact-title-link{text-align:center;position:relative;display:block}.contact-title-link h2{font-size:clamp(76px,10vw,144px);line-height:.98;max-width:1200px;font-weight:400;letter-spacing:-.04em;text-shadow:0 2px 10px #2329ed33}.contact-title-link h2 em{font-style:normal}.contact-circle{width:80px;height:80px;border:1px solid #eef0ff88;border-radius:50%;display:grid;place-items:center;position:absolute;top:50%;right:-140px;transform:translateY(-50%);transition:background .4s,color .4s,scale .4s var(--ease)}.contact-circle .icon{height:35px;width:35px}.contact-title-link:hover .contact-circle{background:#fff;color:#2329ed;scale:1.1}.contact-email{background:#fff;color:#1e2240;position:absolute;bottom:65px;font-size:13px;gap:25px;padding-left:30px;padding-right:30px}.contact-enquiry{position:relative;z-index:1;padding-top:0;padding-bottom:30px}.contact-enquiry .enquiry{margin-top:0}.footer{position:relative;z-index:1}.footer-brand img{max-height:none;object-fit:contain}.footer-links>div>a{margin-left:22px}.footer-links>div>a:first-child{margin-left:0}
@media(max-width:1100px){.expertise-heading p{margin-right:0}.card-front{padding:23px 19px}.card-heading h3{font-size:23px}.card-front li{font-size:12px}.card-tagline{font-size:12px}.studio-intro{gap:5vw}.studio-intro p{font-size:17px}.studio-word p{font-size:20px}.contact-circle{right:-105px;width:66px;height:66px}.contact-title-link h2{font-size:10vw}}
@media(max-width:760px){.opening-scroll{height:280svh}.opening-scroll .hero{padding-top:103px}.opening-subtitles{inset:auto var(--pad) 14vh}.opening-subtitle h2{font-size:35px}.opening-subtitle p{font-size:15px;line-height:1.4;max-width:330px;margin:16px auto 0}.opening-scroll .hero-art-caption{inset:auto 22px 24px}.opening-scroll .interact-hint{font-size:10px;max-width:110px}.journey{height:350svh}.expertise-theatre{height:380svh}.expertise-heading{top:115px;display:block}.expertise-heading h2{font-size:64px;line-height:.95}.expertise-heading p{font-size:14px;margin:25px 0 0;max-width:220px}.capability-deck{height:430px;top:52%;transform:none}.capability-card{height:430px;width:var(--card-width,280px)}.card-front{padding:25px 24px}.card-heading h3{font-size:27px}.card-front li{font-size:14px;padding:14px 0}.card-tagline{font-size:14px}.card-service-link{font-size:13px}.card-foot{font-size:23px}.expertise-controls{bottom:30px;font-size:10px;gap:18px}.expertise-controls>div{gap:7px}.expertise-controls button{width:35px;height:35px}.expertise-ribbon path{stroke-width:35}.service-dialog{padding:20px 18px;width:calc(100% - 24px);max-height:90svh}.service-dialog .service{padding:0 3px}.service-dialog .service summary{min-height:74px}.service-dialog .service summary>span:first-child{font-size:24px}.service-dialog-top{font-size:17px}.service-dialog-top .pill{padding:12px 17px;min-height:40px}.studio-theatre{height:440svh}.studio-intro{top:20vh;display:block;max-width:calc(100% - var(--pad)*2)}.studio-intro h2{font-size:43px}.studio-intro p{font-size:16px;max-width:320px;margin:24px 0 0;line-height:1.5}.studio-heading{top:11vh}.studio-heading h3{font-size:38px;max-width:300px}.studio-word{left:var(--pad);width:calc(100% - var(--pad)*2);padding-bottom:15vh}.studio-word h4{font-size:54px;line-height:.98}.studio-word p{font-size:17px;max-width:320px;margin-top:17px;line-height:1.45}.studio-track{bottom:50px}.contact-stage{height:90svh;min-height:680px;padding-top:85px}.contact-title-link h2{font-size:70px;line-height:1.03}.contact-circle{position:static;width:60px;height:60px;margin:30px auto 0;transform:none}.contact-circle .icon{width:25px;height:25px}.contact-email{bottom:50px}.contact-enquiry{padding-bottom:20px}.contact-enquiry .enquiry summary{padding-top:25px}.footer-links>div>a{margin-left:22px}}
@media(prefers-reduced-motion:reduce){.opening-scroll{height:auto}.opening-scroll .hero{position:relative;height:auto;min-height:100svh;overflow:visible}.opening-scroll .hero-window{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:46svh!important;margin-top:30px;z-index:0;border-radius:16px!important}.opening-scroll .hero-bottom{position:relative;left:auto;right:auto}.opening-subtitles{position:relative;color:var(--ink);inset:auto;margin:40px 0}.opening-subtitle{position:relative;opacity:1!important;margin:30px 0}.opening-subtitle p{color:#505361;text-shadow:none}.opening-subtitle h2{text-shadow:none}.expertise-theatre{height:auto;padding:75px var(--pad)}.expertise-stage{position:relative;height:auto;overflow:visible}.expertise-heading{position:relative;inset:auto;margin-bottom:45px}.expertise-heading h2{font-size:55px}.expertise-heading p{margin-top:25px}.expertise-ribbon{display:none}.capability-deck{position:relative;width:100%;height:auto;inset:auto;transform:none;display:grid;grid-template-columns:1fr 1fr;gap:25px}.capability-card{position:relative;width:100%;height:450px;inset:auto;transform:none!important;filter:none}.card-rotor{transform:none!important}.expertise-controls{display:none}.studio-theatre{height:auto;padding:75px var(--pad)}.studio-stage{position:relative;height:auto;overflow:visible}.studio-stage>canvas{opacity:.13}.studio-intro,.studio-heading,.studio-disciplines,.studio-word{position:relative;inset:auto;opacity:1!important;transform:none!important}.studio-intro{display:block;margin-bottom:70px}.studio-intro h2{font-size:45px}.studio-intro p{margin-top:25px;max-width:600px}.studio-heading{margin:0 0 35px}.studio-heading h3{font-size:40px}.studio-disciplines{display:block}.studio-word{display:flex;width:auto;padding:0;margin:54px 0;min-height:0}.studio-word h4{font-size:56px!important}.studio-word p{margin-top:18px;font-size:19px;max-width:620px}.studio-track{display:none}.audience-words{width:auto;flex-wrap:wrap;transform:none!important;gap:25px}.audience-words span{font-size:24px}.audience-words span:after{display:none}.contact-stage{height:80svh}.service-dialog .service-list{display:block}.service-dialog .service{height:auto}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.capability-deck{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.journey{height:auto}}
.capability-deck{transform:none}
.opening-scroll .hero-art-caption{transition:none}
.project-venezuela .project-image{background:#121620}.card-front li{line-height:1.35}.studio-word p{line-height:1.35}.hero-art-caption .interact-hint,.hero-bottom,.journey-bottom,.scene-credit,.journey-skip,.expertise-controls{font-size:11px}
@media(max-width:760px){.opening-scroll .interact-hint,.hero-bottom,.journey-bottom,.scene-credit,.journey-skip,.expertise-controls{font-size:11px}}
@media(max-width:400px){.reading-page .brand img{width:130px}.reading-page .header-actions{gap:7px}.reading-page .header-actions .pill{font-size:11px;padding:12px 14px}}
.portable-reader{position:fixed;inset:0;width:100%;height:100svh;max-width:none;max-height:none;border:0;background:var(--paper);padding:0;z-index:120;overscroll-behavior:contain}.portable-reader::backdrop{background:#101729cc}.portable-close{position:sticky;top:25px;margin:25px var(--pad) 0 auto;display:flex;z-index:5}.portable-reader .reading-main{padding-top:10px}.portable-reader .case-bottom{padding-bottom:50px}


/* Opening revision: one full-bleed world, with the story set inside it. */
.opening-scroll{background:#07101d}
.opening-scroll .hero{padding:0;min-height:100svh;height:100svh;background:#07101d;color:#fff}
.opening-scroll .hero-window{position:absolute;inset:0;width:100%;height:100%;margin:0;max-height:none;min-height:0;border-radius:0;z-index:0;background:#07101d}
.opening-scroll .hero-window canvas{opacity:1}
.opening-scroll .hero-intro{position:absolute;top:clamp(118px,14vh,160px);left:var(--pad);margin:0;padding:0;max-width:min(650px,55vw);z-index:2;color:#fff;pointer-events:none}
.opening-scroll .hero h1{font-size:clamp(48px,6vw,82px);line-height:.99;letter-spacing:-.035em;text-shadow:0 3px 28px #07101d99}
.opening-scroll .hero-intro p{max-width:490px;margin-top:22px;font-size:clamp(16px,1.35vw,19px);color:#e6edf7;text-shadow:0 2px 18px #07101d}
.opening-scroll .hero-art-caption{inset:auto var(--pad) 92px;color:#fff}
.opening-scroll .hero-bottom{left:var(--pad);right:var(--pad);bottom:22px;min-height:42px;color:#f1f4fb}
.opening-scroll .opening-subtitles{inset:auto var(--pad) 13vh}
.opening-scroll .opening-subtitle h2{font-size:clamp(46px,5.3vw,76px);text-shadow:0 2px 26px #030914b0}
.opening-scroll .opening-subtitle p{max-width:650px;margin:18px auto 0}
.header.on-dark .talk{background:#f2f3f7;color:#202129}
.header.on-dark .menu-button,.header.on-dark .motion-toggle{background:#f2f3f7;color:#202129}
.header.on-dark .menu-button:hover,.header.on-dark .motion-toggle:hover{background:#dfe3ee;color:#202129}

/* Each authentic case opens from its own edge and settles into the mosaic. */
.project-image{transform:perspective(1500px) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz,0deg));transform-origin:50% 55%}
.project-image:hover{transform:perspective(1500px) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz,0deg)) translate3d(0,-4px,18px);box-shadow:0 24px 56px #17233e30}
.project-northern .project-image{background:#e7ece8}
.project-northern .project-image>img{mix-blend-mode:multiply;filter:contrast(1.14) saturate(1.16)}
@media(max-width:760px){
  .work{padding-top:120px}
  .opening-scroll .hero-intro{top:clamp(118px,14vh,150px);left:var(--pad);right:var(--pad);max-width:calc(100% - 40px)}
  .opening-scroll .hero h1{font-size:clamp(44px,11.4vw,58px)}
  .opening-scroll .hero-intro p{font-size:15px;max-width:370px;margin-top:17px}
  .opening-scroll .hero-art-caption{inset:auto var(--pad) 82px}
  .opening-scroll .hero-bottom{bottom:12px;min-height:40px}
  .opening-scroll .hero-bottom .crosshair{display:none}
  .opening-scroll .hero-bottom{justify-content:space-between}
  .opening-scroll .opening-subtitles{inset:auto var(--pad) 14vh}
  .opening-scroll .opening-subtitle h2{font-size:36px}
  .opening-scroll .opening-subtitle p{font-size:15px;line-height:1.4;max-width:340px}
}
@media(prefers-reduced-motion:reduce){
  .opening-scroll{height:auto;min-height:100svh}
  .opening-scroll .hero{position:relative;height:100svh;min-height:100svh;overflow:hidden;padding:0}
  .opening-scroll .hero-window{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;z-index:0}
  .opening-scroll .hero-intro{top:14vh;left:var(--pad);max-width:min(650px,85vw)}
  .opening-scroll .hero-art-caption{display:none}
  .opening-scroll .hero-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:12px;min-height:42px}
  .opening-scroll .opening-subtitles{position:absolute;inset:auto var(--pad) 84px;margin:0;display:grid;gap:18px;text-align:left}
  .opening-scroll .opening-subtitle{position:relative;inset:auto;opacity:1!important;transform:none!important;margin:0}
  .opening-scroll .opening-subtitle h2{font-size:clamp(28px,5vw,48px);text-shadow:0 2px 26px #030914b0}
  .opening-scroll .opening-subtitle p{font-size:15px;color:#e6edf7;text-shadow:none}
}

/* 2026-11-09 homepage positioning and copy */
.opening-scroll .hero-intro{max-width:min(790px,56vw)}
.opening-scroll .hero-intro h1{max-width:760px;font-size:clamp(38px,4.8vw,66px);line-height:.99;letter-spacing:-.035em;text-wrap:balance}
.opening-scroll .hero-intro p{max-width:510px;font-size:clamp(15px,1.25vw,18px);line-height:1.45}
.opening-scroll .opening-subtitle h2{text-wrap:balance}
.reveal-sentence{text-wrap:balance;max-width:1120px}
.project-caption{display:block!important}
.project-caption .project-status{margin-top:11px;color:#62636e;font-size:13px}
.project-caption .project-description{max-width:58ch;margin-top:14px;color:#363943;font-size:16px;line-height:1.55}
.project-link{display:inline-flex;align-items:center;gap:12px;margin-top:17px;font-size:14px;font-weight:600}
.project-link .icon{width:16px;height:16px;transition:transform .35s var(--ease)}
.project-link:hover .icon{transform:translate(3px,-3px)}
.card-tagline{min-height:0;font-size:14px;line-height:1.5;color:#50515b}
.card-service-link{text-decoration:none}
.services{background:#fff;color:var(--ink);padding-top:130px;padding-bottom:145px}
.services .section-heading h2{font-size:clamp(48px,6vw,86px);line-height:1}
.services .service-list{margin-top:52px;background:#f4f4f7;border-radius:16px;overflow:hidden}
.services .service{padding:0 42px;border-bottom:1px solid #d9dbe2}
.services .service:last-child{border-bottom:0}
.services .service summary{grid-template-columns:1.1fr 1fr 24px;min-height:108px}
.services .service summary>span:first-child{font-size:clamp(24px,2.5vw,36px);line-height:1.12}
.services .service summary:hover{color:var(--blue)}
.services .service-content{display:block;padding:0 70px 38px 0}
.services .service-content p{max-width:68ch;font-size:16px;line-height:1.6;color:#454752}
.services .service-content .text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.services .service[open] summary{color:var(--blue)}
.journey-chapter h2{text-wrap:balance;max-width:780px}
.studio-intro h2,.studio-heading h3{text-wrap:balance}
.contact-copy{width:min(1040px,100%);text-align:center;position:relative;z-index:1}
.contact-copy h2{font-size:clamp(58px,8.5vw,120px);line-height:.98;max-width:1050px;font-weight:400;letter-spacing:-.04em;text-shadow:0 2px 10px #2329ed33}
.contact-copy h2 em{font-style:normal}
.contact-copy p{max-width:650px;margin:26px auto 0;font-size:clamp(16px,1.6vw,20px);line-height:1.5;color:#f0f1ff}
.contact-copy .contact-email{position:relative;bottom:auto;margin-top:34px}
@media(max-width:1100px){.services .service{padding:0 28px}.services .service-content{padding-right:30px}}
@media(max-width:760px){
 .opening-scroll .hero-intro{left:var(--pad);right:var(--pad);max-width:calc(100% - 40px)}
 .opening-scroll .hero-intro h1{max-width:560px;font-size:clamp(29px,8.3vw,39px);line-height:1.02;letter-spacing:-.03em}
 .opening-scroll .hero-intro p{max-width:370px;font-size:14px;line-height:1.45;margin-top:14px}
 .opening-scroll .opening-subtitle h2{font-size:clamp(28px,7.2vw,36px);line-height:1.05}
 .project-caption .project-description{font-size:15px;line-height:1.5}
 .services{padding-top:84px;padding-bottom:92px}
 .services .section-heading h2{font-size:48px}
 .services .service-list{margin-top:34px;border-radius:13px}
 .services .service{padding:0 20px}
 .services .service summary{grid-template-columns:1fr 18px;min-height:86px;gap:14px}
 .services .service summary>span:first-child{font-size:24px}
 .services .service-content{padding:0 0 27px}
 .services .service-content p{font-size:15px;line-height:1.55}
 .contact-copy h2{font-size:clamp(48px,13vw,70px)}
 .contact-copy p{max-width:370px;font-size:16px;line-height:1.45}
 .contact-copy .contact-email{margin-top:26px}
}

/* Keep the fixed navigation out of the reading path. */
.header{will-change:transform,opacity;transition:color .3s,transform .42s var(--ease),opacity .3s}
.header.nav-hidden{transform:translateY(-145%);opacity:0}
@media(prefers-reduced-motion:reduce){.header{will-change:auto;transition:none}.header.nav-hidden{transform:none;opacity:1}}
@media(max-width:760px){.opening-scroll .hero-art-caption{inset:auto var(--pad) 76px;display:flex;justify-content:center}.opening-scroll .interact-hint{max-width:none;white-space:nowrap}}


/* Keep the original staggered work composition and add a quiet title cue. */
.project-caption h3 a{display:inline-flex;align-items:center;gap:12px}
.project-caption h3 .work-arrow{width:24px;height:24px;flex:0 0 24px;opacity:0;transform:translate(-7px,7px);transition:opacity .35s var(--ease),transform .45s var(--ease)}
.project:hover .project-caption h3 .work-arrow,.project:focus-within .project-caption h3 .work-arrow{opacity:1;transform:translate(0,0)}
.project-image:hover{transform:perspective(1500px) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz,0deg)) translate3d(0,-4px,18px);box-shadow:0 24px 56px #17233e30}
@media(max-width:760px){.project-caption{margin-top:18px}.project-caption h3{font-size:23px}.project-caption p,.project-caption>span{font-size:12px}}


/* One shared relationship group under the studio introduction. */
.relationships{display:block}.relationships>.relationship{display:grid;grid-template-columns:1fr;gap:26px}.relationships>.relationship>p{margin:0;font-size:14px;letter-spacing:.01em}.relationship-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-items:start;gap:clamp(20px,4vw,58px)}.relationship-logos img{width:100%;height:58px;max-width:190px;object-fit:contain;object-position:left center;filter:brightness(0);opacity:.82}
@media(max-width:760px){.relationships{margin-top:70px}.relationships>.relationship{gap:22px}.relationship-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}.relationship-logos img{height:50px;max-width:150px}}


/* Bring the original deep-space atmosphere behind the new four-stage particle forms. */
.studio-theatre{background:radial-gradient(ellipse 58% 62% at 78% 46%,rgba(40,65,118,.25),transparent 76%),radial-gradient(ellipse 64% 46% at 16% 83%,rgba(22,51,89,.24),transparent 72%),linear-gradient(180deg,#050914 0%,#07101d 54%,#090d1a 100%);}

/* The animated service cards combine the old expertise and service accordion sections. */
.card-front .card-heading h3{width:100%;max-width:none;font-size:clamp(25px,2.4vw,31px);line-height:1.02}
.card-tagline{min-height:0;max-width:21ch;margin-top:18px;font-size:14px;line-height:1.4;color:#50515b}
.service-detail{margin-top:auto;padding-top:13px;border-top:1px solid #d9dbe2}
.service-detail summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;list-style:none;cursor:pointer;font-size:13px;color:#292b35}
.service-detail summary::-webkit-details-marker{display:none}
.service-detail[open] summary{color:var(--blue)}
.service-detail[open] .plus:after{transform:rotate(90deg)}
.service-detail-content{padding:8px 0 2px}
.service-detail-content p{font-size:12.5px;line-height:1.45;color:#555763}
.service-detail-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}
.service-detail-actions a{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:12px;line-height:1.25}
.service-detail-actions a:hover{color:var(--blue)}
.service-detail-actions .icon{width:14px;height:14px;transition:transform .3s var(--ease)}
.service-detail-actions a:hover .icon{transform:translate(2px,-2px)}
@media(max-width:760px){.card-front .card-heading h3{font-size:27px}.card-tagline{max-width:26ch;font-size:14px}.service-detail-content p{font-size:13px}.service-detail-actions a{font-size:13px}}


/* Keep project names on the images; use the small caption line for their category. */
.project-type{margin-top:8px!important;color:#4d4f59!important;font-size:12px!important;letter-spacing:.01em}
.project-art-title{z-index:3;text-wrap:balance}
.project-northern .project-image:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 34%,#111827d9 100%)}
.project-northern .project-art-title{left:35px;bottom:38px;max-width:calc(100% - 110px);color:#fff;font-size:clamp(30px,3.25vw,43px)}
.project-crypto .project-art-title{left:3vw;bottom:2.5vw;width:43%;max-width:12ch;color:#fff;font-size:clamp(34px,4.4vw,62px);line-height:.99}
.project-crypto .chart-paper{margin-left:auto}
@media(max-width:760px){.project-northern .project-art-title{left:23px;bottom:27px;max-width:calc(100% - 82px);font-size:clamp(28px,8vw,34px)}.project-crypto .project-art-title{left:25px;bottom:22px;width:calc(100% - 50px);max-width:12ch;font-size:36px}}