/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}
}
}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}
}
@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}
}
}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit{padding-block:0}
::-webkit-datetime-edit-year-field{padding-block:0}
::-webkit-datetime-edit-month-field{padding-block:0}
::-webkit-datetime-edit-day-field{padding-block:0}
::-webkit-datetime-edit-hour-field{padding-block:0}
::-webkit-datetime-edit-minute-field{padding-block:0}
::-webkit-datetime-edit-second-field{padding-block:0}
::-webkit-datetime-edit-millisecond-field{padding-block:0}
::-webkit-datetime-edit-meridiem-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){appearance:button}
::file-selector-button{appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
}
@layer components;@layer utilities{.visible{visibility:visible}
.relative{position:relative}
.start{inset-inline-start:var(--spacing)}
.table{display:table}
.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
.resize{resize:both}
.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.outline{outline-style:var(--tw-outline-style);outline-width:1px}
.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
}
:root{--ink:#070806;--ink-soft:#11120f;--paper:#eae8df;--paper-warm:#ded9cc;--acid:#c6ff48;--gold:#d3a84d;--muted:#8e9086;--line-dark:#eae8df29;--line-light:#0708062e}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body,a,button{cursor:none}
::selection{background:var(--acid);color:var(--ink)}
a{color:inherit;text-decoration:none}
button{font:inherit}
.site{background:var(--ink);min-height:100vh;position:relative}
.noise{z-index:90;pointer-events:none;opacity:.055;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 17% 23%,#0000 0,#ffffff73 .7px,#0000 1.5px 3px),repeating-radial-gradient(circle at 72% 61%,#0000 0,#ffffff59 .6px,#0000 1.3px 3px);background-size:7px 9px,11px 13px;position:fixed;inset:0}
.ambient-light{z-index:0;pointer-events:none;background:radial-gradient(circle at 78% 28%,#d1a74f1c,#0000 22%),radial-gradient(circle at 20% 66%,#c6ff4809,#0000 18%);position:fixed;inset:-30%}
.three-scene{z-index:1;pointer-events:none;opacity:0;transition:opacity 1.2s 1.25s;position:fixed;inset:0}
.is-loaded .three-scene{opacity:1}
.three-scene canvas{width:100%;height:100%;display:block}
.cursor{z-index:999;pointer-events:none;border:1px solid #eae8df61;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;transition:width .25s,height .25s,background .25s,border-color .25s;position:fixed;top:-20px;left:-20px}
.cursor i{background:var(--acid);width:4px;height:4px;box-shadow:0 0 12px var(--acid);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.scroll-progress{z-index:500;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}
.scroll-progress i{transform-origin:0;background:var(--acid);width:100%;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 18px #c6ff488c}
.loader{z-index:1000;background:var(--paper);color:var(--ink);place-items:center;transition:transform .95s cubic-bezier(.76,0,.24,1) 1.45s;display:grid;position:fixed;inset:0;overflow:hidden}
.is-loaded .loader{pointer-events:none;transform:translateY(-101%)}
.loader:after{content:"";background:var(--acid);animation:.65s cubic-bezier(.76,0,.24,1) 1.1s forwards loader-flash;position:absolute;inset:0;transform:translateY(101%)}
@keyframes loader-flash{to{transform:translateY(-101%)}
}
.loader-mark{letter-spacing:-.1em;align-items:center;gap:clamp(1rem,3vw,3rem);font-size:clamp(4rem,13vw,12rem);font-weight:900;line-height:.7;display:flex}
.loader-mark i{background:currentColor;width:1px;height:.7em;animation:.55s cubic-bezier(.2,.8,.2,1) .25s forwards loader-slash;display:block;transform:rotate(24deg)scaleY(0)}
@keyframes loader-slash{to{transform:rotate(24deg)scaleY(1)}
}
.loader-mark span{opacity:0;animation:.6s forwards loader-letter;transform:translateY(30px)}
.loader-mark span:last-child{animation-delay:.12s}
@keyframes loader-letter{to{opacity:1;transform:translateY(0)}
}
.loader-meta{letter-spacing:.18em;justify-content:space-between;font-size:.66rem;display:flex;position:absolute;bottom:3rem;left:3.5vw;right:3.5vw}
.loader-meta p{margin:0}
.loader-line{background:#07080633;height:1px;position:absolute;bottom:2rem;left:3.5vw;right:3.5vw;overflow:hidden}
.loader-line i{background:var(--ink);height:100%;animation:1.25s cubic-bezier(.65,0,.35,1) forwards load-line;display:block}
@keyframes load-line{0%{transform:translate(-100%)}
to{transform:translate(0)}
}
.nav-shell{z-index:100;height:94px;color:var(--paper);background:linear-gradient(#070806eb,#07080600);justify-content:space-between;align-items:center;padding:0 3.5vw;transition:transform .8s cubic-bezier(.2,.8,.2,1) 1.75s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}
.is-loaded .nav-shell{transform:translateY(0)}
.brand{--mx:0px;--my:0px;transform:translate(var(--mx), var(--my));align-items:center;gap:.9rem;transition:transform .25s;display:flex}
.brand-box{letter-spacing:-.06em;border:1px solid;place-items:center;width:46px;height:38px;font-size:.74rem;font-weight:800;display:grid}
.brand-name{letter-spacing:.17em;font-size:.56rem;font-weight:700;line-height:1.28}
.nav-links{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:2.25rem;font-size:.66rem;font-weight:700;display:flex}
.nav-links>a:not(.nav-cta){padding:.5rem 0;position:relative}
.nav-links>a:not(.nav-cta):after{content:"";background:var(--acid);height:1px;transition:right .25s;position:absolute;bottom:0;left:0;right:100%}
.nav-links>a:not(.nav-cta):hover:after{right:0}
.nav-links sup{color:var(--acid);margin-left:.1rem}
.nav-cta{--mx:0px;--my:0px;min-height:46px;transform:translate(var(--mx), var(--my));border:1px solid #eae8df80;border-radius:999px;align-items:center;gap:1.4rem;padding:0 1.1rem 0 1.3rem;transition:color .25s,background .25s,transform .25s;display:flex}
.nav-cta:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}
.arrow-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}
.arrow-icon.diagonal{transform:rotate(-45deg)}
.menu-button{display:none}
.hero{z-index:2;border-bottom:1px solid var(--line-dark);min-height:max(860px,100svh);padding:145px 3.5vw 2.6rem;position:relative;overflow:hidden}
.hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#070806e6 0,#07080666 45%,#0708060d 70%),linear-gradient(#0000 70%,#070806eb);position:absolute;inset:0}
.hero-copy{z-index:3;width:min(76vw,1100px);position:relative}
.eyebrow{letter-spacing:.19em;align-items:center;gap:.7rem;margin:0;font-size:.63rem;font-weight:700;display:flex}
.eyebrow span{background:var(--acid);border-radius:50%;width:7px;height:7px;box-shadow:0 0 18px #c6ff48b3}
.hero-eyebrow{opacity:0;transition:opacity .7s 1.9s,transform .7s 1.9s;transform:translateY(15px)}
.is-loaded .hero-eyebrow{opacity:1;transform:translateY(0)}
.hero h1{letter-spacing:-.09em;text-transform:uppercase;margin:clamp(2rem,5vh,4.5rem) 0 0;font-size:clamp(4.7rem,10.8vw,10.8rem);font-weight:900;line-height:.72}
.hero-line{height:.86em;display:block;overflow:hidden}
.hero-line i{font-style:normal;transition:transform 1s cubic-bezier(.16,1,.3,1) 1.85s;display:block;transform:translateY(120%)rotate(2deg)}
.hero-line:nth-child(2) i{transition-delay:1.95s}
.hero-line:nth-child(3) i{transition-delay:2.05s}
.hero-line:nth-child(4) i{transition-delay:2.15s}
.is-loaded .hero-line i{transform:translateY(0)rotate(0)}
.hero-line.outline{color:#0000;-webkit-text-stroke:1px #eae8dfcc;text-stroke:1px #eae8dfcc}
.hero-line.small-line{letter-spacing:-.08em;color:var(--gold);margin-left:11vw;font-family:Georgia,Times New Roman,serif;font-size:.67em;font-style:italic;font-weight:400}
.hero-line.small-line i{font-style:italic}
.hero-line.final-line{margin-left:3vw}
.hero-bottom{opacity:0;align-items:center;gap:3rem;max-width:660px;margin:clamp(2.5rem,6vh,5.5rem) 0 0 18vw;transition:opacity .8s 2.45s;display:flex}
.is-loaded .hero-bottom{opacity:1}
.hero-bottom>p{color:#eae8dfb3;max-width:355px;margin:0;font-size:clamp(.78rem,1vw,.92rem);line-height:1.7}
.circle-link{--mx:0px;--my:0px;letter-spacing:.12em;width:120px;height:120px;transform:translate(var(--mx), var(--my));border:1px solid #eae8df59;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.56rem;font-weight:700;line-height:1.35;transition:transform .25s,color .4s,background .4s;display:flex;position:relative}
.circle-link:before{content:"";border:1px dashed #eae8df2e;border-radius:50%;animation:16s linear infinite spin;position:absolute;inset:7px}
.circle-link:hover{background:var(--acid);color:var(--ink)}
.circle-link .arrow-icon{width:15px;position:absolute;top:18px;right:18px}
@keyframes spin{to{transform:rotate(360deg)}
}
.vertical-label{z-index:3;letter-spacing:.18em;writing-mode:vertical-rl;color:#eae8df85;font-size:.52rem;position:absolute;top:50%;right:1.2rem;transform:translateY(-50%)}
.hero-orbit-note{z-index:3;color:#eae8df70;letter-spacing:.16em;align-items:center;gap:.7rem;font-size:.5rem;line-height:1.4;display:flex;position:absolute;top:60%;right:7vw}
.hero-orbit-note i{background:currentColor;width:36px;height:1px}
.hero-proof{z-index:4;gap:2.6rem;display:flex;position:absolute;bottom:2.6rem;right:3.5vw}
.hero-proof div{align-items:flex-end;gap:.65rem;display:flex}
.hero-proof strong{font-size:1.45rem;line-height:.8}
.hero-proof span{color:#eae8df75;letter-spacing:.12em;font-size:.46rem;line-height:1.35}
.ticker{z-index:3;background:var(--acid);color:var(--ink);transform-origin:50%;padding:1.1rem 0;position:relative;overflow:hidden;transform:rotate(-1.15deg)scale(1.03)}
.ticker-track{width:max-content;animation:28s linear infinite ticker-scroll;display:flex}
.ticker-track span{letter-spacing:-.03em;align-items:center;gap:2rem;padding-right:2rem;font-size:clamp(1rem,1.5vw,1.4rem);font-weight:900;display:flex}
.ticker-track i{font-size:.8rem;font-style:normal}
@keyframes ticker-scroll{to{transform:translate(-50%)}
}
.section-pad{z-index:3;padding:clamp(6rem,12vw,11rem) 3.5vw;position:relative}
.section-label{border-bottom:1px solid var(--line-light);color:var(--ink);letter-spacing:.16em;grid-template-columns:70px 1fr auto;align-items:center;gap:1rem;padding-bottom:1rem;font-size:.58rem;font-weight:700;display:grid}
.section-label.inverse{color:var(--paper);border-color:var(--line-dark)}
.section-label p,.section-label small{font:inherit;margin:0}
.section-label span{color:var(--gold)}
.section-label small{color:#07080673}
.section-label.inverse small{color:#eae8df73}
[data-reveal]{opacity:0;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(42px)}
[data-reveal].is-visible{opacity:1;transform:translateY(0)}
.statement{background:var(--paper);color:var(--ink)}
.statement-grid{grid-template-columns:1fr 2.2fr .8fr;align-items:start;gap:4vw;padding-top:clamp(5rem,9vw,9rem);display:grid}
.statement-kicker{color:#77786f;margin:.7rem 0 0;font-size:.74rem;line-height:1.6}
.statement h2,.work-intro h2,.capability-head h2,.process-head h2,.reaction h2,.contact-link{letter-spacing:-.075em;margin:0;font-size:clamp(3.3rem,7.7vw,8.6rem);font-weight:900;line-height:.82}
em{letter-spacing:-.06em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}
.statement h2 em{color:#0000;-webkit-text-stroke:1px var(--ink)}
.statement-body{max-width:260px;margin:.7rem 0 0;font-size:.9rem;line-height:1.75}
.work{background:var(--paper);color:var(--ink);padding-top:2rem}
.work-intro{justify-content:space-between;align-items:flex-end;gap:2rem;padding:clamp(5rem,8vw,8rem) 0 5rem;display:flex}
.work-intro h2{font-size:clamp(3rem,6.8vw,7.4rem)}
.work-intro p{width:240px;margin:0 0 .5rem;font-size:.82rem;line-height:1.7}
.project-list{perspective:1200px;grid-template-columns:repeat(12,1fr);gap:2.5vw;display:grid}
.project-card{--rx:0deg;--ry:0deg;--glow-x:50%;--glow-y:50%;border:1px solid var(--line-light);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;padding:1.1rem;transition:transform .18s,box-shadow .5s;position:relative}
.project-card:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--glow-x) var(--glow-y), #ffffff42, transparent 32%);transition:opacity .3s;position:absolute;inset:0}
.project-card:hover:after{opacity:1}
.project-nocturne{grid-column:1/span 8}
.project-mora{grid-column:5/span 8;margin-top:5rem}
.project-kinetic{grid-column:1/span 8;margin-top:5rem}
.project-meta{text-transform:uppercase;letter-spacing:.14em;grid-template-columns:50px 1fr auto;align-items:center;gap:1rem;font-size:.55rem;display:grid}
.project-meta p{margin:0}
.project-meta.top{margin-bottom:1rem}
.project-meta.bottom{margin-top:1rem}
.project-meta.bottom h3{letter-spacing:-.06em;margin:0;font-size:clamp(1.5rem,3vw,3.2rem)}
.project-meta.bottom p{text-align:right;color:#07080694}
.visual{height:clamp(400px,55vw,720px);position:relative;overflow:hidden;transform:translateZ(12px)}
.browser-bar{z-index:4;color:#ffffff73;border-bottom:1px solid #ffffff1f;align-items:center;gap:5px;height:38px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}
.browser-bar>span{background:currentColor;border-radius:50%;width:4px;height:4px}
.browser-bar small{letter-spacing:.15em;margin-left:auto;font-size:.42rem}
.nocturne-visual{color:#fff;background:linear-gradient(105deg,#000000e0,#0000000d),radial-gradient(circle at 72% 43%,#e8ab5c7a,#0000 16%),linear-gradient(140deg,#080808 0 46%,#3f3024 46% 48%,#120f0e 48% 64%,#6a4b2d 64% 65%,#18130f 65%)}
.nocturne-copy{align-items:flex-end;padding:4rem 4vw;display:flex;position:absolute;inset:0}
.nocturne-copy>p{z-index:3;width:130px;margin:0;font-family:Georgia,serif;font-size:1rem;font-style:italic;line-height:1.3;position:relative}
.nocturne-copy>strong{color:#ffffff0f;font-size:clamp(18rem,42vw,38rem);font-weight:400;line-height:.7;position:absolute;bottom:-7vw;right:2vw}
.building-lines{position:absolute;inset:15% 8% 0 40%;transform:skewY(-8deg)}
.building-lines i{background:#e1b67659;width:1px;position:absolute;top:0;bottom:0}
.building-lines i:first-child{left:0}
.building-lines i:nth-child(2){left:25%}
.building-lines i:nth-child(3){left:66%}
.building-lines i:nth-child(4){right:0}
.mora-visual{color:#243329;background:#d8d1c0}
.browser-bar.light{color:#2433298c;border-color:#2433292e}
.mora-copy{padding:4vw;position:absolute;inset:38px 0 0;overflow:hidden}
.mora-copy>span{letter-spacing:.2em;font-size:.54rem}
.mora-copy h3{z-index:3;letter-spacing:-.07em;margin:22% 0 0;font-family:Georgia,serif;font-size:clamp(3rem,8vw,8rem);font-style:italic;font-weight:400;line-height:.73;position:relative}
.mora-orb{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#edf3dd,#8daa81 28%,#243e2b 70%,#08130c);border-radius:50%;width:58%;animation:5s ease-in-out infinite orb-float;position:absolute;top:12%;right:-8%;box-shadow:inset -30px -30px 80px #00000047,0 45px 90px #203f273d}
@keyframes orb-float{50%{transform:translateY(-18px)rotate(4deg)}
}
.kinetic-visual{background:var(--acid);color:#090b07}
.browser-bar.acid{color:#090b078c;border-color:#090b0729}
.kinetic-copy{align-items:center;padding:4vw;display:flex;position:absolute;inset:38px 0 0;overflow:hidden}
.kinetic-copy p{z-index:3;letter-spacing:-.09em;margin:0;font-size:clamp(4rem,10vw,10rem);font-weight:900;line-height:.72;position:relative}
.kinetic-copy>span{font-variant-numeric:tabular-nums;font-size:1.2rem;position:absolute;bottom:3vw;right:3vw}
.speed-lines{background:repeating-linear-gradient(90deg,#0000 0 18px,#090b0714 19px 20px);animation:1.2s linear infinite speed;position:absolute;inset:0;transform:rotate(-12deg)scale(1.3)}
@keyframes speed{to{transform:rotate(-12deg)translate(40px)scale(1.3)}
}
.capabilities{background:var(--ink);color:var(--paper);overflow:hidden}
.capability-head{padding:clamp(5rem,9vw,9rem) 0}
.capability-head>p{color:var(--muted);letter-spacing:.18em;margin:0 0 1rem;font-size:.65rem}
.capability-head h2{font-size:clamp(4rem,10vw,11rem)}
.capability-head h2 em{color:var(--gold)}
.bento-grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}
.bento{border:1px solid var(--line-dark);background:#0d0f0c;flex-direction:column;justify-content:space-between;min-height:520px;padding:1.4rem;display:flex;position:relative;overflow:hidden}
.bento:before{content:"";opacity:0;background:radial-gradient(circle at 50% 30%,#d3a84d1a,#0000 36%);transition:opacity .45s;position:absolute;inset:0}
.bento:hover:before{opacity:1}
.bento-wide{grid-column:span 7}
.bento-motion,.bento-type{grid-column:span 5}
.bento-convert{grid-column:span 7}
.bento-number{z-index:2;color:var(--gold);font-size:.58rem;position:relative}
.bento>div:last-child{z-index:2;justify-content:space-between;align-items:end;gap:2rem;display:flex;position:relative}
.bento h3{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,4.6rem);line-height:.9}
.bento p{max-width:230px;color:var(--muted);margin:0;font-size:.76rem;line-height:1.65}
.signal-visual{justify-content:center;align-items:center;gap:2.8vw;display:flex;position:absolute;inset:12% 5% 35%}
.signal-visual i{background:linear-gradient(to bottom, transparent, var(--acid), transparent);width:1px;height:18%;animation:1.6s ease-in-out infinite signal;box-shadow:0 0 18px #c6ff488c}
.signal-visual i:nth-child(2){height:42%;animation-delay:-.25s}
.signal-visual i:nth-child(3){height:72%;animation-delay:-.5s}
.signal-visual i:nth-child(4){height:100%;animation-delay:-.75s}
.signal-visual i:nth-child(5){height:72%;animation-delay:-1s}
.signal-visual i:nth-child(6){height:42%;animation-delay:-1.25s}
@keyframes signal{50%{opacity:.3;transform:scaleY(.25)}
}
.motion-orbit{aspect-ratio:1;border:1px solid #eae8df26;border-radius:50%;width:min(26vw,330px);animation:14s linear infinite spin;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}
.motion-orbit:before,.motion-orbit:after{content:"";border:1px solid #d3a84d47;border-radius:50%;position:absolute;inset:18%;transform:rotateX(65deg)}
.motion-orbit:after{border-color:#c6ff4847;inset:34%;transform:rotateY(65deg)}
.motion-orbit i{background:var(--gold);width:9px;height:9px;box-shadow:0 0 24px var(--gold);border-radius:50%;position:absolute}
.motion-orbit i:first-child{top:30%;left:8%}
.motion-orbit i:nth-child(2){background:var(--acid);top:55%;right:2%}
.motion-orbit i:nth-child(3){background:var(--paper);bottom:-5px;left:48%}
.type-visual{letter-spacing:-.18em;color:#0000;-webkit-text-stroke:1px #eae8df2e;font-family:Georgia,serif;font-size:clamp(9rem,22vw,21rem);font-style:italic;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}
.conversion-visual{letter-spacing:.16em;justify-content:center;align-items:center;gap:1.5rem;font-size:.55rem;display:flex;position:absolute;inset:15% 10% 38%}
.conversion-visual span{color:var(--muted)}
.conversion-visual i{background:linear-gradient(90deg, var(--muted), var(--acid));width:45%;height:1px;position:relative}
.conversion-visual i:after{content:"";border-top:1px solid var(--acid);border-right:1px solid var(--acid);width:8px;height:8px;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}
.conversion-visual strong{border:1px solid var(--acid);color:var(--acid);font-size:inherit;padding:.8rem 1rem;font-weight:700;box-shadow:0 0 35px #c6ff4817}
.value{background:var(--paper);color:var(--ink);overflow:hidden}
.value-copy{padding:clamp(5rem,10vw,10rem) 0}
.value-copy>p{letter-spacing:.2em;margin:0 0 1rem;font-size:.58rem;font-weight:700}
.value-copy h2{letter-spacing:-.1em;margin:0;font-size:clamp(5rem,14vw,15rem);font-weight:900;line-height:.68}
.value-copy h2 span{color:#0000;-webkit-text-stroke:1px var(--ink)}
.value-copy .value-switch{margin:5rem 0 1rem 38vw}
.value-copy .value-answer{margin-left:20vw}
.value-copy .value-answer em{color:var(--gold)}
.value-details{grid-template-columns:1fr auto 1fr;align-items:center;gap:4vw;display:grid}
.value-note{max-width:230px}
.value-note.align-end{justify-self:end}
.value-note span{letter-spacing:.16em;font-size:.56rem;font-weight:700}
.value-note p{color:#66685f;font-size:.78rem;line-height:1.7}
.price-disc{--rx:0deg;--ry:0deg;aspect-ratio:1;width:min(34vw,430px);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;background:radial-gradient(circle at 34% 27%,#ffe5a3 0,#d3a84d 17%,#72521f 44%,#19160d 70%,#020201 100%);border-radius:50%;padding:2rem;transition:transform .18s;box-shadow:inset -40px -40px 80px #00000073,0 40px 90px #60420f3d}
.disc-inner{color:#f5e5bd;text-align:center;border:1px solid #ffedbb59;border-radius:50%;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:1.2rem;display:flex}
.disc-inner small{letter-spacing:.16em;font-size:.46rem}
.disc-inner strong{letter-spacing:-.1em;font-size:clamp(3rem,8vw,7rem)}
.disc-inner p{letter-spacing:.14em;font-size:.45rem;line-height:1.5}
.process{color:var(--paper);background:#0d0f0c}
.process-head{justify-content:space-between;align-items:flex-end;gap:3rem;padding:clamp(5rem,9vw,9rem) 0;display:flex}
.process-head h2{font-size:clamp(3rem,6.8vw,7rem)}
.process-head h2 em{color:var(--gold)}
.process-head>p{width:260px;color:var(--muted);margin:0 0 .5rem;font-size:.8rem;line-height:1.7}
.process-steps{border-top:1px solid var(--line-dark)}
.process-step{border-bottom:1px solid var(--line-dark);grid-template-columns:70px 1fr 1fr 60px;align-items:center;gap:2rem;min-height:150px;display:grid;position:relative;overflow:hidden}
.process-step:before{content:"";background:var(--acid);transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translateY(101%)}
.process-step:hover:before{transform:translateY(0)}
.process-step>*{z-index:1;transition:color .3s;position:relative}
.process-step:hover>*{color:var(--ink)}
.process-step>span{color:var(--gold);font-size:.58rem}
.process-step h3{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4.5vw,4.6rem)}
.process-step p{max-width:350px;color:var(--muted);margin:0;font-size:.78rem;line-height:1.65}
.process-step i{border:1px solid;border-radius:50%;justify-self:end;width:40px;height:40px}
.process-step i:before,.process-step i:after{content:"";background:currentColor;width:16px;height:1px;position:absolute;top:19px;right:11px}
.process-step i:after{transform:rotate(90deg)}
.reaction{background:var(--acid);min-height:100svh;color:var(--ink);flex-direction:column;justify-content:center;display:flex;overflow:hidden}
.reaction>p{z-index:3;letter-spacing:.16em;margin:0 0 2rem 9vw;font-size:.6rem;font-weight:700;line-height:1.5;position:relative}
.reaction h2{z-index:3;margin-left:9vw;font-size:clamp(4.4rem,11vw,12rem);position:relative}
.reaction h2 em{color:#0000;-webkit-text-stroke:2px var(--ink)}
.reaction-orbit{aspect-ratio:1;border:1px solid #0708062e;border-radius:50%;width:58vw;animation:30s linear infinite spin;position:absolute;top:50%;right:-10vw;transform:translateY(-50%)}
.reaction-orbit:before{content:"";border:1px solid #07080626;border-radius:50%;position:absolute;inset:12%}
.reaction-orbit i{background:var(--ink);border-radius:50%;width:16px;height:16px;position:absolute}
.reaction-orbit i:first-child{top:34%;left:3%}
.reaction-orbit i:nth-child(2){bottom:16%;right:12%}
.reaction-orbit span{letter-spacing:-.12em;font-size:8vw;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}
.contact{background:var(--ink);min-height:100svh;color:var(--paper);flex-direction:column;padding-bottom:2rem;display:flex}
.contact-top{border-bottom:1px solid var(--line-dark);letter-spacing:.16em;justify-content:space-between;padding-bottom:1rem;font-size:.55rem;display:flex}
.contact-main{flex:1;grid-template-columns:.5fr 1.5fr;align-items:center;gap:3vw;padding:6rem 0;display:grid}
.contact-main>p{color:var(--muted);letter-spacing:.16em;margin:0;font-size:.6rem;line-height:1.6}
.contact-link{--mx:0px;--my:0px;transform:translate(var(--mx), var(--my));font-size:clamp(4rem,9.2vw,10rem);transition:transform .25s;display:block;position:relative}
.contact-link em{color:var(--acid)}
.contact-link>span{aspect-ratio:1;border:1px solid var(--line-dark);border-radius:50%;place-items:center;width:clamp(60px,8vw,120px);transition:background .3s,color .3s;display:grid;position:absolute;top:50%;right:1vw;transform:translateY(-50%)}
.contact-link:hover>span{background:var(--acid);color:var(--ink)}
.contact-link .arrow-icon{width:30%;height:30%}
footer{border-top:1px solid var(--line-dark);grid-template-columns:1fr 1fr 1fr;align-items:end;gap:2rem;padding-top:2rem;display:grid}
footer>p{color:var(--muted);text-align:center;letter-spacing:.12em;margin:0;font-size:.5rem}
footer>div{letter-spacing:.12em;justify-content:flex-end;gap:1.6rem;font-size:.5rem;display:flex}
.footer-brand .brand-box{width:38px;height:32px}
.footer-brand .brand-name{font-size:.48rem}
@media (width<=1020px){.hero-copy{width:88vw}
.hero h1{font-size:clamp(4.6rem,12vw,8rem)}
.hero-proof{display:none}
.statement-grid{grid-template-columns:.55fr 2.2fr}
.statement-body{grid-column:2}
.project-nocturne,.project-mora,.project-kinetic{grid-column:1/span 12;margin-top:2rem}
.visual{height:min(68vw,680px)}
.bento-wide,.bento-motion,.bento-type,.bento-convert{grid-column:span 6}
.bento>div:last-child{display:block}
.bento p{margin-top:1rem}
.process-step{grid-template-columns:50px .8fr 1fr 50px}
}
@media (width<=760px){body,a,button{cursor:auto}
.cursor{display:none}
.noise{opacity:.035}
.nav-shell{height:78px;padding:0 1.1rem}
.brand-name{display:none}
.brand-box{width:42px;height:34px}
.menu-button{z-index:3;background:0 0;border:1px solid #eae8df59;border-radius:50%;width:44px;height:44px;padding:0;display:block;position:relative}
.menu-button span{background:var(--paper);height:1px;transition:transform .3s,top .3s;position:absolute;left:12px;right:12px}
.menu-button span:first-child{top:17px}
.menu-button span:last-child{top:25px}
.menu-button.is-open span:first-child{top:21px;transform:rotate(45deg)}
.menu-button.is-open span:last-child{top:21px;transform:rotate(-45deg)}
.nav-links{z-index:2;background:var(--ink);letter-spacing:-.06em;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.4rem;padding:2rem;font-size:9vw;transition:transform .65s cubic-bezier(.76,0,.24,1);display:flex;position:fixed;inset:0;transform:translateY(-101%)}
.nav-links.is-open{transform:translateY(0)}
.nav-links sup{font-size:.7rem}
.nav-cta{letter-spacing:.12em;min-height:50px;margin-top:1rem;font-size:.65rem}
.hero{min-height:820px;padding:118px 1.1rem 2rem}
.hero:before{background:linear-gradient(#0000 40%,#070806fa),linear-gradient(90deg,#070806a6,#0000)}
.hero-copy{width:100%}
.hero h1{margin-top:3rem;font-size:clamp(4rem,21vw,7rem);line-height:.74}
.hero-line.small-line{margin-left:4vw;font-size:.56em}
.hero-line.final-line{margin-left:0;font-size:.88em}
.hero-bottom{margin:3rem 0 0 8vw;display:block}
.circle-link{width:100px;height:100px;margin:2rem 0 0 auto}
.hero-orbit-note,.vertical-label{display:none}
.three-scene{opacity:.58}
.ticker{padding:.85rem 0}
.section-pad{padding:6rem 1.1rem}
.section-label{grid-template-columns:38px 1fr auto}
.statement-grid{padding-top:5rem;display:block}
.statement-kicker{margin-bottom:2rem}
.statement h2,.work-intro h2,.capability-head h2,.process-head h2,.reaction h2,.contact-link{font-size:clamp(3.2rem,15vw,5.8rem)}
.statement-body{margin-top:2rem;margin-left:20vw}
.work{padding-top:1.5rem}
.work-intro{padding:4rem 0 2.5rem;display:block}
.work-intro p{margin-top:1.5rem;margin-left:20vw}
.project-list{display:block}
.project-card{margin:0 0 2rem;padding:.7rem}
.project-meta{grid-template-columns:32px 1fr auto}
.project-meta.bottom{justify-content:space-between;display:flex}
.project-meta.bottom h3{font-size:1.8rem}
.visual{height:115vw;max-height:570px}
.nocturne-copy{padding:3rem 1.4rem}
.mora-copy{padding:1.4rem}
.mora-copy h3{margin-top:50%;font-size:15vw}
.mora-orb{width:82%;right:-24%}
.kinetic-copy{padding:1.4rem}
.kinetic-copy p{font-size:17vw}
.capability-head{padding:5rem 0}
.bento-grid{display:block}
.bento{min-height:500px;margin-bottom:1rem}
.motion-orbit{width:68vw}
.value-copy{padding:5rem 0}
.value-copy h2{font-size:20vw}
.value-copy .value-switch{margin:4rem 0 1rem 22vw}
.value-copy .value-answer{margin-left:8vw}
.value-details{flex-direction:column;gap:4rem;display:flex}
.price-disc{order:-1;width:80vw}
.value-note{align-self:flex-start}
.value-note.align-end{align-self:flex-end}
.process-head{padding:5rem 0 3rem;display:block}
.process-head>p{margin:2rem 0 0 20vw}
.process-step{grid-template-columns:35px 1fr 35px;gap:1rem;padding:1.8rem 0;display:grid}
.process-step h3{font-size:2.4rem}
.process-step p{grid-column:2/4}
.process-step i{grid-area:1/3;width:34px;height:34px}
.process-step i:before,.process-step i:after{width:14px;top:16px;right:9px}
.reaction{min-height:720px}
.reaction>p,.reaction h2{margin-left:0}
.reaction-orbit{width:120vw;right:-55vw}
.contact{min-height:800px;padding-bottom:1.2rem}
.contact-main{padding:6rem 0;display:block}
.contact-main>p{margin-bottom:2rem}
.contact-link>span{width:68px;margin:2.2rem 0 0 auto;position:relative;top:auto;right:auto;transform:none}
footer{grid-template-columns:1fr 1fr}
footer>p{display:none}
footer>div{text-align:right;flex-direction:column;gap:.65rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
.loader{display:none}
.nav-shell,.hero-eyebrow,.hero-line i,.hero-bottom{opacity:1;transform:none}
}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}