@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=EB+Garamond:ital,wght@0,400;1,400&display=swap');
/* A shared universe: thin editorial type, spatial matter, native scrolling. */
body{overflow-x:clip}h1,h2,h3,.hero-title,.display-title,.statement-title,.contact-title,.kinetic-title,.portfolio-marquee,.process-hero h1,.contact-page h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1 em,h2 em{text-transform:lowercase}.hero{min-height:110svh;padding-top:12rem;justify-content:center;background:radial-gradient(ellipse at 63% 43%,#28201b 0, #101113 35%,#08090a 72%)}.hero:after,.hero-slice,.hero-orbit{display:none}.hero-title{font-size:clamp(5rem,12vw,12rem);line-height:.88;margin:1.5rem 0 3rem;pointer-events:none}.hero-title span{position:relative;z-index:3}.hero-title em{margin-left:10vw;font-weight:400}.hero .eyebrow{position:relative;z-index:3;color:#c7a66a}.hero-bottom{margin-left:52%;gap:2rem}.hero-bottom p{font-size:.95rem;max-width:24rem;color:#c4beb4}.hero-bottom .circle-link{flex-shrink:0}.universe-scroll{position:absolute;left:var(--gutter);bottom:3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;text-decoration:none;display:flex;gap:2rem}.universe-scroll span{color:#c7a66a}.hero-title span:first-child{animation:universe-entry 1.4s both}.hero-title span:last-child{animation:universe-entry 1.7s both}
.spatial-scene{--size:clamp(120px,18vw,260px);position:absolute;inset:0;display:grid;place-items:center;perspective:1000px;pointer-events:none}.hero>.spatial-scene{left:33%;top:-7%;opacity:.9}.spatial-object{width:var(--size);height:var(--size);position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx,-24deg)) rotateY(var(--ry,35deg)) rotateZ(var(--rz,12deg));will-change:transform}.spatial-face{position:absolute;inset:0;backface-visibility:visible;border:1px solid #c7a66a70;background:linear-gradient(145deg,#d9c8a477,#473c30e8 45%,#131518f5);box-shadow:inset 0 0 60px #0007;transform:rotateY(var(--angle)) translateZ(var(--depth));transition:background .8s;opacity:.92}.spatial-face:nth-child(1){--angle:0deg}.spatial-face:nth-child(2){--angle:90deg}.spatial-face:nth-child(3){--angle:180deg}.spatial-face:nth-child(4){--angle:270deg}.spatial-face:nth-child(5){transform:rotateX(90deg) translateZ(var(--depth))}.spatial-face:nth-child(6){transform:rotateX(-90deg) translateZ(var(--depth))}.spatial-face:after{content:'';position:absolute;inset:13%;border:1px solid #eee9de30;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.spatial-face{border-radius:var(--round,12%)}.spatial-orbit{position:absolute;width:70%;height:70%;border:1px solid #c7a66a25;border-radius:50%;transform:rotateX(68deg) rotateZ(-25deg)}
.statement{background:#0c0d0f}.statement-title{font-size:clamp(3rem,6.8vw,7rem)}.principle h3{font-size:1.7rem;font-weight:400}.morph-story{background:#08090a}.story-stage{align-self:start}.morph-machine{display:none}.story-stage>.spatial-scene{--size:clamp(110px,17vw,230px)}.story-stage-word{font-family:Georgia,serif;font-weight:400;font-style:italic;text-transform:lowercase;font-size:clamp(4rem,11vw,10rem);color:#c7a66a80;-webkit-text-stroke:0;bottom:9vh}.story-stage-meta{top:8rem}.story-chapters h2{font-weight:400}.story-chapters article{min-height:100svh}.story-chapters p{font-size:.95rem}.morph-story[data-stage='2'] .spatial-face{background:linear-gradient(140deg,#ece5d399,#28201ae8)}.morph-story[data-stage='3'] .spatial-face{background:linear-gradient(140deg,#c7a66a88,#57263acc)}
.universe-ribbon{padding:5rem 0;overflow:hidden;border-block:1px solid #eee9de16;background:#0d0e10}.universe-ribbon p{margin:0;width:max-content;font-family:Georgia,serif;font-size:clamp(3.5rem,9vw,9rem);font-style:italic;font-weight:400;color:#c7a66a;transform:translateX(var(--ribbon-x,-5%));will-change:transform}.universe-ribbon span{color:transparent;-webkit-text-stroke:1px #eee9de77}.portfolio{background:radial-gradient(ellipse at 50% 60%,#1d1a18,#0b0c0e 70%)}.project-list{gap:3rem}.project-card{position:relative}.project-visual{border:1px solid #eee9de20;border-radius:50% 50% 0 0;transform:perspective(1000px) rotateY(-6deg);transition:transform .6s}.project-card:nth-child(2){padding-top:9rem}.project-card:hover .project-visual{transform:perspective(1000px) rotateY(0deg) translateY(-8px)}.project-open{background:transparent;border-block:1px solid #c7a66a55;color:var(--paper);padding-inline:0}.project-open h3{font-weight:400}.project-meta{font-size:.6rem}.visual-one span{background:radial-gradient(circle at 28% 22%,#eadbc0,#9e8055 30%,#30281e 60%,#090a0b 82%);box-shadow:20px 25px 60px #0009}.visual-two{background:#151113}.visual-two span,.visual-two i,.visual-two b{background:linear-gradient(135deg,#66503d,#191516);border-color:#c7a66a66}.contact-title{font-weight:400}.contact-orb{opacity:.18}.manifesto{background:#111214;color:#eee9de}.page-footer{background:#141516;color:#eee9de;border-top:1px solid #c7a66a44}.page-footer a{font-family:Georgia,serif;font-weight:400}.venture-lime{background:#282219;color:#eee9de}.portfolio-marquee em,.process-hero h1 em{color:#c7a66a}.site-header{background:linear-gradient(#08090aee,transparent)}a:focus-visible,button:focus-visible{outline:2px solid #c7a66a;outline-offset:6px}.reveal,.wipe-in{opacity:1;clip-path:none}.reveal:not(.is-visible){transform:none}
@keyframes universe-entry{from{opacity:0;transform:translateY(50px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
.spatial-scene.spatial-journey{position:fixed;inset:auto;z-index:4;width:clamp(180px,30vw,440px);height:clamp(180px,30vw,440px);transform:translate(-50%,-50%);pointer-events:none;--size:clamp(85px,13vw,180px)}.spatial-journey .spatial-object{filter:hue-rotate(var(--journey-hue,0deg))}.spatial-journey .spatial-orbit{width:100%;height:100%}.site-header{z-index:20}.hero-title,.story-chapters,.statement-copy,.portfolio-heading,.project-meta,.project-card h3,.project-card p,.approach-intro,.contact-title,.primary-link{position:relative;z-index:5}
body,button,.site-nav,.wordmark,.footer-brand,.eyebrow,.section-label,.project-meta,.project-kicker,.hero-index,.principle span,.process b,.story-stage-meta,.story-chapters article>span,.venture-number,.scene-copy>p,.process-wheel span{font-family:'EB Garamond',Georgia,serif;font-weight:400}h1,h2,h3,.hero-title,.display-title,.statement-title,.contact-title,.kinetic-title,.portfolio-marquee,.process-hero h1,.contact-page h1,.story-stage-word,.manifesto-lines p,.process li>span,.page-footer a,.venture-copy h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300}em,.hero-title em,.contact-title em,.universe-ribbon p{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-style:italic}.site-nav{font-size:1rem}.eyebrow,.section-label,.project-meta{font-size:.78rem}p{font-size:1.1rem}.statement-copy,.story-chapters p{font-size:1.15rem}
@media(max-width:760px){.hero{padding-top:10rem;min-height:100svh}.hero-title{font-size:clamp(4rem,17vw,7rem);margin-block:4rem}.hero-title em{margin-left:0}.hero>.spatial-scene{left:30%;top:-12%;opacity:.6}.hero-bottom{margin-left:0;margin-bottom:4rem}.hero-bottom p{max-width:75%}.hero:after{display:none}.project-card:nth-child(2){padding-top:0}.story-stage>.spatial-scene{top:-25%;--size:130px}.story-stage-word{bottom:42vh}.story-chapters article{background:linear-gradient(transparent 30%,#08090ae8 58%)}.story-stage-meta{top:7rem}.hero .circle-link{width:4rem}.universe-ribbon{padding-block:3rem}.morph-story{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.wipe-in{opacity:1;transform:none;clip-path:none}[data-kinetic],.kinetic-number,.contact-page h1,.contact-page h1 em{translate:none;rotate:none;scale:none}.story-stage{position:relative;height:60vh}.morph-story{min-height:0;display:block}.story-chapters article{min-height:0;padding:3rem var(--gutter);margin:0!important}.story-stage-word{bottom:2rem}.spatial-object{will-change:auto}.project-visual{transform:none}.universe-ribbon p{white-space:normal;width:auto;font-size:3rem;padding:1rem;transform:none}}
/* Uppercase headings and navigation, including italic title fragments. */
body :is(h1,h2,h3,h4,h5,h6),body :is(h1,h2,h3,h4,h5,h6) *,body .site-nav a,body .menu-toggle{ text-transform:uppercase; }
/* Shared display face: upright geometric sans, separate from editorial body copy. */
/* Solid / outline title signature; no layout offsets on narrow story columns. */
body .title-outline{color:transparent!important;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #eee9de;font-family:'Manrope',Arial,sans-serif;font-style:normal;font-weight:700;text-transform:uppercase}
body h3 .title-outline{-webkit-text-stroke:.65px #eee9de}
@media(forced-colors:active){body .title-outline{color:CanvasText!important;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0}}
body :is(h1,h2) em,body :is(h1,h2) .outline{color:transparent!important;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #eee9de;text-shadow:none}
body :is(h1,h2) em::selection,body :is(h1,h2) .outline::selection{color:#08090a;-webkit-text-fill-color:#08090a;background:#eee9de}
@media(forced-colors:active){body :is(h1,h2) em,body :is(h1,h2) .outline{color:CanvasText!important;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0}}
body :is(h1,h2,h3,h4,h5,h6),body :is(h1,h2,h3,h4,h5,h6) *{font-family:'Manrope',Arial,sans-serif!important;font-style:normal!important;font-weight:700!important;letter-spacing:-.035em}
body .site-nav a,body .menu-toggle{font-family:'Manrope',Arial,sans-serif;font-style:normal;font-weight:700;font-size:.8rem;letter-spacing:-.025em}