@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Outfit;src:url('assets/Outfit.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Cormorant;src:url('assets/CormorantGaramond.ttf') format('truetype');font-weight:300 700;font-style:italic;font-display:swap}
:root{--black:#050505;--surface:#0c0b0e;--white:#efedf1;--silver:#bfc0c4;--muted:#97939f;--purple:#7427b4;--electric:#a16cd4;--line:#29262e;--serif:Cormorant,Georgia,serif;--sans:Manrope,Arial,sans-serif;--gutter:clamp(24px,4.8vw,88px);--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait}button{border:0}::selection{background:#7427b4;color:#fff}img{display:block;max-width:100%}em{font-family:var(--serif);font-weight:400}h1,h2,h3,p{margin:0}h2{font-weight:400;line-height:1.08;letter-spacing:-.055em;font-size:clamp(42px,5.3vw,78px)}h2 em{font-size:1.18em;letter-spacing:-.045em}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #bb8ced;outline-offset:6px}button{background:none}.eyebrow,.section-label,.hero-meta,.text-link,.button,.process-number{font-size:10px;font-weight:600;letter-spacing:.13em;line-height:1.6}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#bb8ced;box-shadow:0 0 12px #9657c577;margin-right:11px;vertical-align:middle}.skip-content{position:fixed;top:-90px;left:24px;z-index:200;background:white;color:black;padding:12px 24px}.skip-content:focus{top:15px}.section-shell{padding:42px var(--gutter) 100px;scroll-margin-top:0}.section-label{display:flex;justify-content:space-between;color:#a9a5ae;border-top:1px solid var(--line);padding-top:22px}.section-label>span:last-child{font-size:9px;color:#7e7985}.text-link{display:inline-flex;align-items:center;gap:34px;padding:12px 0;border-bottom:1px solid #6b6473;transition:color .2s,gap .3s}.text-link span{font-size:21px;font-weight:400}.text-link:hover{gap:44px;color:#c89ff0}.text-button{display:inline-flex;align-items:center;gap:15px;padding:8px 0;font-size:11px}.text-button span{font-size:17px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:55px;min-height:54px;padding:16px 24px;transition:background .25s,color .25s,transform .25s}.button-light{background:#ebe8ed;color:#161319}.button-light:hover{background:#cdb5e6;transform:translateY(-2px)}.button span{font-size:20px;font-weight:400}.button-outline{border:1px solid #4d4654}.button-outline:hover{background:#18131e}
.site-header{height:110px;position:absolute;top:0;left:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);gap:32px}.brand-link{width:95px;flex-shrink:0}.site-header nav{display:flex;gap:36px;padding-left:35px}.site-header nav a{font-size:11px;color:#c4bfc9;transition:color .2s}.site-header nav a:hover{color:#fff}.header-contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border:1px solid #685473;border-radius:999px;background:#100b16a6;font-size:9px;font-weight:600;letter-spacing:.1em;white-space:nowrap;flex-shrink:0;transition:background .25s,border-color .25s,color .25s}.header-contact:hover{background:#7427b4;border-color:#a16cd4;color:#fff}.menu-toggle{display:none;width:42px;height:42px}.menu-toggle span{display:block;height:1px;background:white;width:24px;margin:6px auto}.mobile-menu{position:absolute;z-index:30;top:92px;left:0;right:0;background:#100d14;padding:25px var(--gutter);border-bottom:1px solid var(--line)}.mobile-menu a{display:flex;justify-content:space-between;padding:14px 0;font-size:25px}.mobile-menu[hidden]{display:none}
.hero{min-height:850px;height:min(940px,100svh);position:relative;padding:142px var(--gutter) 38px;overflow:hidden;isolation:isolate}.hero::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 78% 54%,#21102b45,transparent 49%)}.hero-meta{display:flex;justify-content:space-between;font-size:9px;font-weight:400;color:#a39ba9}.hero-meta>span:last-child{font-size:8px;letter-spacing:.16em}.hero-title{position:relative;z-index:3;pointer-events:none;padding-top:70px;width:62%}.hero-title>.eyebrow{font-size:8px;letter-spacing:.19em;color:#9d93a7;display:block;margin-bottom:22px}.hero h1{font-size:clamp(60px,6.65vw,108px);font-weight:500;line-height:1.01;letter-spacing:-.065em}.hero h1 em{font-size:1.16em;letter-spacing:-.06em}.hero h1>em.connection-word{display:inline-block;font-size:1.25em;line-height:1.03;margin-top:2px}.title-star{color:#a486be;font-size:38px;display:inline-block;vertical-align:top;transform:translate(25px,30px)}.sculpture-scene{position:absolute;width:clamp(600px,56vw,850px);aspect-ratio:1;right:-2%;top:122px;z-index:1;--mx:55%;--my:50%;--rx:0deg;--ry:0deg;touch-action:pan-y}.sculpture-image{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform 1s var(--ease),opacity .6s;will-change:transform}.scene-halo{position:absolute;inset:17%;background:radial-gradient(ellipse,#4e1c5929,transparent 68%);filter:blur(40px)}.object-coordinate{position:absolute;right:14%;top:4%;font-size:7px;letter-spacing:.13em;color:#706878}.coord-top::before{content:'+';font-size:14px;position:relative;left:-12px}.inspection-layer{position:absolute;inset:0;pointer-events:none;background:#130c1ac4;clip-path:circle(0 at var(--mx) var(--my));transition:clip-path .35s var(--ease);mix-blend-mode:screen}.inspection-layer svg{width:100%;height:100%}.sculpture-scene.inspect-hover .inspection-layer{clip-path:circle(120px at var(--mx) var(--my))}.sculpture-scene.inspect-locked .inspection-layer{clip-path:circle(75% at 50% 50%);background:#11081988}.sculpture-scene.inspect-locked .sculpture-image{opacity:.4}.reveal-button{position:absolute;bottom:7.5%;left:36%;display:flex;gap:10px;align-items:center;font-size:10px;color:#cec4d8;z-index:4;padding:10px 16px;border:1px solid #57465c;border-radius:30px;background:#100c15c9;backdrop-filter:blur(8px);transition:border-color .3s}.reveal-button:hover{border-color:#b088d0}.reveal-icon{font-size:20px;color:#bc94dd}.scene-instruction{position:absolute;bottom:4%;left:39%;font-size:6px;letter-spacing:.15em;color:#83768d}#connection-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .4s}#connection-canvas.ready{opacity:.8}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:36px;display:flex;align-items:flex-end;justify-content:space-between;z-index:4}.hero-intro p{font-size:12px;line-height:1.8;color:#b9b1c0;margin-bottom:20px}.hero-intro .text-link{font-size:8px;padding:6px 0;gap:25px}.explore-link{display:flex;align-items:center;gap:13px;margin-left:auto;margin-right:32%;font-size:8px;line-height:1.6;letter-spacing:.1em}.scroll-circle{display:grid;place-items:center;border:1px solid #4b4052;border-radius:50%;width:44px;height:44px;font-size:20px;transition:transform .3s}.explore-link:hover .scroll-circle{transform:translateY(5px)}.hero-index{font-size:8px;color:#8a7f93;letter-spacing:.1em;position:absolute;right:0;bottom:0}
.agency{padding-top:42px}.agency-layout{display:grid;grid-template-columns:1fr 1.16fr;gap:9%;padding:95px 3% 75px}.agency-mark{align-self:center;display:flex;flex-direction:column;align-items:center;gap:38px}.agency-mark img{width:80%;max-width:340px}.agency-mark .eyebrow{color:#8c7a9c;font-size:9px}.agency-copy h2{font-size:clamp(40px,4.6vw,65px);margin-bottom:30px}.agency-copy p{font-size:12px;color:#a8a1ad;line-height:1.9;margin-top:18px;max-width:480px}.agency-copy p.large-copy{font-size:18px;line-height:1.65;color:#ded8e5;letter-spacing:-.025em}.agency-copy .text-link{margin-top:22px;font-size:9px}.editorial-line{padding:50px 0 12px;text-align:center;font-size:clamp(24px,3.8vw,56px);line-height:1.3;font-weight:400;letter-spacing:-.04em;color:#d6d1dc}.editorial-line em{color:#9d83b3;font-size:1.23em}
.expertise{background:linear-gradient(180deg,#050505,#0e0b11 55%,#080609);padding-bottom:65px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:66px 0 50px}.section-heading p{font-size:12px;color:#a59cab;line-height:1.9;padding-bottom:7px;max-width:280px}.artefact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.artefact{position:relative;text-align:left;padding:22px 22px 25px;display:flex;flex-direction:column;align-items:stretch;min-width:0;border-right:1px solid var(--line);transition:background .4s}.artefact:first-child{padding-left:0}.artefact:last-child{border-right:0;padding-right:0}.artefact:hover,.artefact[aria-expanded=true]{background:radial-gradient(ellipse at center,#3c234130,transparent 75%)}.artefact-top{font-size:9px;letter-spacing:.1em;color:#8c8195;display:flex;justify-content:space-between}.artefact-top>span{font-size:20px;color:#9d8cab}.artefact-visual{display:flex;align-items:center;justify-content:center;aspect-ratio:1.3;width:100%;position:relative;margin:10px 0 18px;transition:transform .7s var(--ease);isolation:isolate}.artefact-visual::after{content:'';position:absolute;width:60%;height:20%;bottom:0;border-radius:50%;background:#70299c16;filter:blur(19px);z-index:-1}.artefact-visual>svg{width:100%;height:100%}.artefact-visual>canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .4s}.artefact-visual.rendered>canvas{opacity:1}.artefact-visual.rendered>svg{opacity:0}.artefact:hover .artefact-visual,.artefact:focus-visible .artefact-visual{transform:translateY(-8px) rotate(-3deg)}.artefact-name{font-size:clamp(14px,1.5vw,23px);font-weight:500;letter-spacing:-.02em;line-height:1.25;min-height:55px}.artefact-caption{font-size:9px;color:#94899c;margin-top:14px;line-height:1.8}.artefact-action{margin-top:27px;padding-top:16px;border-top:1px solid var(--line);font-size:7px;letter-spacing:.1em;display:flex;align-items:center;justify-content:space-between;color:#b6a7c3}.artefact-action>span{font-size:18px}.expertise-detail{position:relative;padding:44px;background:#17101e;display:grid;grid-template-columns:1fr 1fr;gap:60px;border:1px solid #473051;margin-top:25px;scroll-margin-top:35px}.expertise-detail[hidden]{display:none}.expertise-detail h3{font-size:28px;letter-spacing:-.04em;line-height:1.2;margin:14px 0}.expertise-detail .eyebrow{font-size:8px;color:#ad88cb}.expertise-detail p,.expertise-detail li{font-size:12px;line-height:1.9;color:#c0b3c8}.expertise-detail ul{padding-left:17px;align-self:center;margin:0}.expertise-detail li{padding:4px}.expertise-detail .text-link{font-size:8px;margin-top:18px}.close-button{position:absolute;right:12px;top:8px;font-size:25px;color:#baa8c8;padding:4px 10px}
.approach{padding-top:60px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:10px;position:relative}.process:before{content:'';position:absolute;left:0;right:0;top:54px;height:1px;background:linear-gradient(90deg,#624273,#a884be,#382a41)}.process article{position:relative}.process-number{font-size:9px;color:#85778f}.process-dot{display:block;width:7px;height:7px;border-radius:50%;background:#cbb5d9;box-shadow:0 0 0 5px #09060b;margin:27px 0 33px}.process article h3{font-size:18px;font-weight:400;letter-spacing:-.025em;margin-bottom:15px}.process article p{font-size:11px;color:#9c91a5;line-height:1.9;max-width:225px}
.contact{background:radial-gradient(ellipse at 0 80%,#27103555,transparent 60%);padding-bottom:90px}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding-top:85px}.contact-heading>.eyebrow{font-size:8px;color:#ad91c2}.contact-heading h2{font-size:clamp(42px,5.3vw,80px);font-weight:500;line-height:1.05;margin:26px 0 30px;letter-spacing:-.055em;position:relative}.contact-heading h2 em{font-size:1.75em;line-height:.9;color:#b591d1}.contact-heading p{font-size:12px;color:#a79aae;margin:42px 0 22px}.contact-heading>.text-link{font-size:8px}.conversation>.eyebrow{font-size:8px;color:#8c7b9a}.conversation h3{font-size:29px;line-height:1.2;font-weight:400;letter-spacing:-.04em;margin:14px 0 23px}.conversation h3 em{font-size:1.25em;color:#c2adcF}.project-choices{display:flex;flex-wrap:wrap;gap:8px}.project-choices button{border:1px solid #45374e;border-radius:30px;padding:9px 13px;font-size:9px;display:flex;gap:16px;align-items:center;transition:background .25s,border-color .25s}.project-choices button:hover,.project-choices button[aria-pressed=true]{background:#3a1c4d;border-color:#9363b1}.project-choices button span{font-size:13px;color:#b59bc8}.conversation-response{font-size:11px;line-height:1.8;min-height:40px;margin:24px 0;color:#b9a4c7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{display:block;color:#c6b8ce;font-size:9px;letter-spacing:.02em;margin-bottom:22px}form label>span{color:#bb82df}form label>.optional{color:#83718e;font-size:8px}input,textarea{display:block;border:0;border-bottom:1px solid #514056;border-radius:0;padding:10px 0;background:transparent;color:#ece4f2;width:100%;font-size:11px;resize:vertical;line-height:1.8}input::placeholder,textarea::placeholder{color:#7d6d86}input:focus,textarea:focus{outline:0;border-color:#bc8bdc;box-shadow:0 1px 0 #bc8bdc}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#db9db6}.field-error{display:block;font-size:9px;color:#e4a8be;letter-spacing:0;margin-top:5px}.field-error:empty{display:none}.form-note{color:#9d89aa;font-size:9px;line-height:1.8;margin:5px 0 20px}.form-status{margin-top:15px;color:#d3b6e7;font-size:11px}.form-status:empty{display:none}#submit-brief{width:100%;font-size:9px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.brief-preview{margin-top:20px;padding:15px;border:1px solid #4f365e}.brief-preview textarea{font-size:10px}.brief-preview .text-link{font-size:8px}.site-footer{padding:0 var(--gutter)}.footer-top{border-top:1px solid var(--line);display:flex;align-items:center;gap:55px;padding:45px 0}.footer-top img{width:120px}.footer-top p{font-size:8px;letter-spacing:.07em;color:#b4a3c0;line-height:2}.footer-top p span{font-size:10px;letter-spacing:0;color:#7d7086}.back-top{margin-left:auto;border:1px solid #49384e;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:21px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:20px 0 25px;gap:18px;color:#8f7d9b;font-size:7px;letter-spacing:.08em}.footer-bottom .text-button{font-size:9px;letter-spacing:0}.footer-bottom .text-button span{font-size:12px}.sound-bars{letter-spacing:2px;color:#b99aca}.noscript-message{padding:20px;text-align:center}
.entrance{position:fixed;inset:0;z-index:100;background:#050505;display:none;overflow:hidden;isolation:isolate}.intro-active .entrance{display:block}.intro-active body{overflow:hidden}.entrance-top,.entrance-bottom{position:absolute;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;z-index:8}.entrance-top{top:38px}.entrance-top .eyebrow{font-size:8px;color:#a295ac}.entrance-top .eyebrow:first-child{color:#e0d7e7}.entrance-bottom{bottom:32px}.entrance-bottom>.eyebrow{font-size:8px;color:#86718e}.entrance-bottom>.text-button{color:#ddd1e6}.invitation{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 25px;text-align:center;transition:opacity .5s,transform .8s var(--ease)}.intro-kicker{font-size:8px;color:#a28aad;margin-bottom:32px}.invitation h2{font-size:clamp(32px,4.7vw,70px);line-height:1.12;letter-spacing:-.045em;font-weight:400}.invitation h2 em{font-size:1.25em;color:#bea1d4}.intro-choices{display:flex;gap:14px;margin-top:42px}.intro-choices .button{font-size:9px;min-width:205px}.invitation-note{margin-top:22px;font-size:10px;color:#75687e}.threshold{position:absolute;inset:0;background:linear-gradient(90deg,#050505 48.7%,#ae66e2 49.8%,#ede0ff 50%,#a761dd 50.2%,#050505 51.3%);opacity:0;transform:scaleY(.1);pointer-events:none}.entrance[data-state=transition] .invitation{opacity:0;transform:translateZ(-30px) scale(.95);pointer-events:none}.entrance[data-branch=yes] .threshold{animation:portal 2.6s var(--ease) both}.entrance[data-state=entered]{animation:exit-intro .5s var(--ease) forwards;pointer-events:none}.fabric{position:absolute;inset:-30%;opacity:0;transform:scale(.35) translateY(120%) rotate(15deg);background:radial-gradient(ellipse at 50% 25%,#211626,#050505 65%);filter:blur(4px);pointer-events:none}.fabric-fold{position:absolute;inset:0;background:linear-gradient(107deg,transparent 30%,#3f314144 44%,#050505 52%,transparent 62%);transform:rotate(-12deg)}.f-two{transform:rotate(45deg);opacity:.6}.f-three{transform:rotate(-65deg);opacity:.5}.entrance[data-branch=no] .fabric{animation:fabric-cover 4.6s var(--ease) forwards}.always-in{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:clamp(25px,3vw,46px);letter-spacing:.01em;font-weight:400;opacity:0;pointer-events:none}.always-in em{display:contents;color:#c1a7d3}.entrance[data-branch=no] .always-in{animation:always-in 4.6s var(--ease) forwards}.entrance[data-branch=no] .invitation{opacity:0;transform:scale(1.07)}#intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.entrance.has-video #intro-video{display:block}.entrance.has-video .fabric{display:none}.entrance.reduced .threshold,.entrance.reduced .fabric,.entrance.reduced .always-in{animation:none}.entrance.reduced{transition:opacity .18s}.entrance.reduced[data-state=transition]{opacity:0}
@keyframes portal{0%{opacity:0;transform:scaleY(.08) scaleX(.4)}30%{opacity:1;transform:scaleY(.65) scaleX(1)}55%{opacity:1;transform:scaleY(1) scaleX(1)}100%{opacity:0;transform:scaleY(2) scaleX(65)}}@keyframes exit-intro{to{opacity:0;visibility:hidden}}@keyframes fabric-cover{0%{opacity:0;transform:scale(.35) translateY(120%) rotate(15deg)}18%{opacity:1}48%,72%{opacity:1;transform:scale(1.3) translateY(0) rotate(0);filter:blur(0)}84%{opacity:1}100%{opacity:0;transform:scale(1.5) translateY(-120%) rotate(-8deg)}}@keyframes always-in{0%,50%{opacity:0}60%,77%{opacity:1}87%,100%{opacity:0}}
@media(min-width:1600px){.hero-title{padding-top:90px}.hero{min-height:970px}.sculpture-scene{right:2%;top:130px}.hero-bottom{bottom:52px}.hero-intro p{font-size:14px}.hero-intro .text-link{font-size:10px}.hero-meta{font-size:10px}}
@media(max-width:1100px){.hero{height:850px;min-height:850px}.hero-title{padding-top:95px;width:70%}.hero h1{font-size:7.4vw}.sculpture-scene{width:66vw;right:-9%;top:165px}.title-star{font-size:30px;transform:translate(12px,20px)}.hero-meta>span:last-child{font-size:7px}.explore-link{margin-right:20%}.artefact{padding:20px 14px}.artefact-caption{font-size:8px}.artefact-name{min-height:45px}.section-heading p{font-size:11px}.contact-layout{gap:7%}.site-header nav{gap:22px}.agency-layout{gap:6%;padding-left:0;padding-right:0}}
@media(max-width:760px){:root{--gutter:25px}html{scroll-padding-top:35px}.site-header{height:95px;gap:15px}.brand-link{width:79px}.site-header nav{display:none}.header-contact{margin-left:auto;font-size:8px;padding:12px 15px}.menu-toggle{display:block}.hero{height:1040px;min-height:1040px;padding-top:123px}.hero-meta{font-size:7px;letter-spacing:.08em}.hero-meta>span:last-child{display:none}.hero-title{padding-top:48px;width:100%}.hero-title>.eyebrow{font-size:6px;letter-spacing:.14em;margin-bottom:20px}.hero h1{font-size:clamp(48px,10.6vw,80px);line-height:1.03}.hero h1>em.connection-word{font-size:1.25em}.title-star{font-size:25px;transform:translate(18px,18px)}.sculpture-scene{width:110vw;right:-6vw;top:385px;max-width:620px}.object-coordinate{top:4%;right:12%;font-size:6px}.reveal-button{bottom:4%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px}.scene-instruction{bottom:0%;left:50%;transform:translateX(-50%);white-space:nowrap}.hero-bottom{bottom:30px;align-items:flex-end}.hero-intro p{font-size:11px;line-height:1.8;margin-bottom:15px}.desktop-break{display:none}.hero-intro{max-width:75%}.hero-intro .text-link{font-size:6px;gap:10px}.explore-link{margin:0;gap:0}.explore-link>span:last-child{display:none}.scroll-circle{width:38px;height:38px;font-size:18px}.hero-index{display:none}.section-shell{padding-top:30px;padding-bottom:65px}.section-label{font-size:8px;padding-top:18px}.section-label>span:last-child{display:none}.agency-layout{grid-template-columns:1fr;gap:55px;padding:65px 0 40px}.agency-mark img{max-width:220px}.agency-mark{gap:25px}.agency-mark .eyebrow{font-size:7px}.agency-copy h2{font-size:47px}.agency-copy p{font-size:12px;max-width:none}.agency-copy p.large-copy{font-size:19px}.editorial-line{padding-top:35px;font-size:25px;line-height:1.4}.section-heading{padding:48px 0 35px;display:block}.section-heading h2{font-size:44px}.section-heading p{margin-top:24px;font-size:11px}.artefact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.artefact,.artefact:first-child,.artefact:last-child{padding:18px 14px 22px}.artefact:nth-child(odd){padding-left:0}.artefact:nth-child(even){border-right:0;padding-right:0;padding-left:17px}.artefact:nth-child(-n+2){border-bottom:1px solid var(--line)}.artefact-visual{margin:8px 0 17px;aspect-ratio:1.1}.artefact-name{font-size:15px;min-height:40px}.artefact-caption{font-size:8px;margin-top:10px}.artefact-action{font-size:6px;margin-top:19px;letter-spacing:.06em}.artefact-top{font-size:8px}.artefact-top>span{font-size:17px}.expertise-detail{padding:30px 23px;grid-template-columns:1fr;gap:22px}.expertise-detail h3{font-size:25px}.process{grid-template-columns:1fr;margin-top:8px;gap:0;padding-left:28px}.process:before{left:5px;top:10px;right:auto;bottom:28px;height:auto;width:1px;background:linear-gradient(#ad80c4,#34233c)}.process article{padding:0 0 30px 14px;display:grid;grid-template-columns:35px 1fr;gap:10px}.process-number{font-size:8px;grid-row:1/3;line-height:2.9}.process-dot{position:absolute;left:-26px;top:9px;margin:0;width:6px;height:6px}.process article h3{font-size:19px;margin:0}.process article p{font-size:11px;max-width:100%;grid-column:2}.contact-layout{grid-template-columns:1fr;padding-top:50px;gap:65px}.contact-heading h2{font-size:56px;max-width:400px}.contact-heading p{margin-top:35px}.conversation h3{font-size:32px}.project-choices button{font-size:10px;padding:10px 13px}.project-choices{gap:9px}.conversation-response{font-size:12px}.form-row{gap:18px}form label{font-size:10px}input,textarea{font-size:12px;padding:12px 0}.form-note{font-size:10px}#submit-brief{font-size:10px}.footer-top{gap:22px;flex-wrap:wrap;padding:32px 0}.footer-top img{width:95px}.footer-top p{max-width:160px;font-size:7px}.footer-top p span{font-size:9px}.back-top{width:33px;height:33px}.footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:13px;font-size:6px}.footer-bottom>span:last-child{display:none}.footer-bottom .text-button{font-size:8px}.entrance-top{top:26px}.entrance-top>.eyebrow:last-child{font-size:6px;max-width:120px;text-align:right}.entrance-bottom{bottom:22px}.entrance-bottom>.eyebrow{font-size:6px}.invitation h2{font-size:clamp(29px,7.6vw,49px)}.intro-kicker{font-size:7px}.intro-choices{flex-direction:column;gap:10px;margin-top:32px;width:min(260px,80vw)}.intro-choices .button{font-size:9px}.invitation-note{font-size:9px}.always-in{font-size:25px}}
@media(min-width:540px) and (max-width:760px){.hero{height:1200px;min-height:1200px}.sculpture-scene{top:460px;right:0}.hero-title{padding-top:50px}.hero h1{font-size:10.2vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sculpture-image{will-change:auto;transform:none!important}}

/* Local inspection never takes over the rest of the page. */
/* Keep the original astral reveal; soften only the rose behind its 120px window. */
@property --inspection-open{syntax:'<number>';inherits:false;initial-value:0}
.sculpture-image{--inspection-open:0;mask-image:radial-gradient(circle at var(--mx) var(--my),rgb(0 0 0 / calc(1 - .9 * var(--inspection-open))) 120px,#000 160px);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my),rgb(0 0 0 / calc(1 - .9 * var(--inspection-open))) 120px,#000 160px);transition:transform 1s var(--ease),opacity .6s,--inspection-open .4s ease}
.sculpture-scene.inspect-hover .sculpture-image{--inspection-open:1;transition-duration:1s,.6s,.2s}
.sculpture-scene.inspect-locked .sculpture-image{opacity:.12;mask-image:none;-webkit-mask-image:none}
.hero-bottom{pointer-events:none}.hero-intro,.hero-bottom a{pointer-events:auto}
#connection-canvas.ready{clip-path:circle(0 at var(--mx) var(--my));transition:clip-path .35s var(--ease)}
.inspect-hover #connection-canvas.ready{clip-path:circle(120px at var(--mx) var(--my))}
.inspect-locked #connection-canvas.ready{clip-path:circle(75% at 50% 50%)}
.text-button{min-height:44px}.reveal-button{min-height:44px}
.site-header{position:fixed;transition:height .3s,background .3s,backdrop-filter .3s}
.site-header.is-scrolled{height:82px;background:#070609eb;backdrop-filter:blur(18px);border-bottom:1px solid #29222e}
.site-header.is-scrolled .brand-link{width:76px}
.fabric::after{content:'';position:absolute;inset:0;background:#050505;opacity:0}
.entrance[data-branch=no] .fabric::after{animation:full-dark 4.6s linear forwards}
@keyframes full-dark{0%,38%{opacity:0}49%,75%{opacity:1}100%{opacity:0}}
@media(max-width:760px){.mobile-menu{position:fixed}.site-header.is-scrolled{height:78px}.mobile-menu{top:78px}}

/* Reading copy stays comfortable beneath the editorial-scale headlines. */
.hero-intro p{font-size:14px}.agency-copy p{font-size:14px}.agency-copy p.large-copy{font-size:20px}
.section-heading p{font-size:13px}.artefact-caption{font-size:11px}.process article p{font-size:13px}
.expertise-detail p,.expertise-detail li{font-size:14px}.contact-heading p{font-size:14px}
.project-choices button{font-size:11px}.conversation-response{font-size:13px}
form label{font-size:11px}input,textarea{font-size:13px}.form-note{font-size:11px}
.field-error{font-size:11px}.form-status{font-size:13px}
@media(max-width:1100px) and (min-width:761px){.artefact-caption{font-size:10px}.hero-intro p{font-size:13px}}
@media(max-width:760px){.hero-intro p{font-size:12px}.agency-copy p{font-size:14px}.agency-copy p.large-copy{font-size:20px}.artefact-caption{font-size:10px}.section-heading p{font-size:13px}.process article p{font-size:13px}.contact-heading p{font-size:14px}.form-row{grid-template-columns:1fr;gap:0}.conversation-response{min-height:45px}}
@media(max-width:539px){.hero{height:max(1040px,calc(650px + 100vw));min-height:max(1040px,calc(650px + 100vw))}}

/* Geometric display face inspired by the supplied reference, in a lighter weight. */
h1,h2,h3,.artefact-name,.editorial-line,.always-in,.yes-message{font-family:Outfit,Manrope,sans-serif}
.hero h1,h2,.contact-heading h2,.invitation h2,.conversation h3,.expertise-detail h3,.editorial-line,.artefact-name{font-weight:500}
/* Approved aligned hero: the same Outfit Medium face as Creative vision. */
.hero h1{font-family:Outfit,Manrope,sans-serif;font-weight:500;line-height:1.04;letter-spacing:-.055em}
.contact-heading h2{font-family:Manrope,Arial,sans-serif;font-weight:400;line-height:1.08;letter-spacing:-.04em}
.hero h1 em,.contact-heading h2 em{font-size:1em;line-height:inherit;letter-spacing:-.04em}
.hero-second-line{display:block;white-space:nowrap}
@media(max-width:760px){.contact-heading h2{font-size:clamp(44px,13.5vw,56px)}}
@media(max-width:380px){.hero h1{font-size:40px}.title-star{font-size:22px;transform:translate(12px,18px)}}

/* Metal and neon share one native cursor, including during fast movement. */
@media(hover:hover) and (pointer:fine){
  html,body{cursor:url('assets/thorn-cursor.svg') 34 34,auto}
  a,button,[role=button],label,summary{cursor:url('assets/thorn-cursor.svg') 34 34,pointer}
  input,textarea,[contenteditable=true]{cursor:text}
  button:disabled{cursor:wait}
}

/* Approved objects retain their image fallbacks and native card interactions. */
.artefact-visual>.object-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;transition:opacity .4s}
.artefact-visual.rendered>.object-fallback{opacity:0}


/* The living image uses the same rose-only inspection mask and pointer parallax. */
.sculpture-live{position:absolute;inset:0;pointer-events:none}
.sculpture-living #sculpture-image{opacity:0!important}

/* Drawn arrows keep the same shape on desktop and mobile, with no emoji fallback. */
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.ui-arrow{display:inline-block;width:.9em;height:.9em;flex:none;vertical-align:-.08em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}

/* Keep the separate creation page within the existing navigation. */
@media(min-width:761px) and (max-width:1100px){.site-header{gap:20px}.site-header nav{gap:20px;padding-left:0}}