@font-face{font-family:Manrope;src:url('./fonts/manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url('./fonts/bodonimoda.ttf') format('truetype');font-style:italic;font-weight:400 900;font-display:swap}
:root{--bg:#080a0c;--ink:#f1eee8;--muted:#adb2b5;--gold:#d5b78e;--blue:#a8cddd;--serif:'Bodoni Moda',Georgia,serif;--sans:Manrope,Arial,sans-serif;--out:cubic-bezier(.23,1,.32,1);--inout:cubic-bezier(.77,0,.175,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button svg,a svg{width:20px;height:20px;flex:none}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400}em{font-family:var(--serif);font-weight:400}::selection{background:var(--gold);color:var(--bg)}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}button:active,.primary-button:active{scale:.975}.wrap{max-width:1344px;width:calc(100% - 160px);margin-inline:auto}.section{scroll-margin-top:105px}.skip-link{position:fixed;top:-70px;left:20px;z-index:300;padding:12px 20px;background:var(--ink);color:var(--bg)}.skip-link:focus{top:12px}
.page-progress{position:fixed;inset:0 0 auto;height:2px;z-index:100;pointer-events:none}.page-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--blue));transform:scaleX(0);transform-origin:left}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:106px;padding:0 4.6vw;display:flex;align-items:center;justify-content:space-between;gap:30px;transition:height 280ms var(--out),background 280ms ease,box-shadow 280ms ease}
.site-header:after{content:'';position:absolute;bottom:0;left:4.6vw;right:4.6vw;height:1px;background:#ffffff1a}.site-scrolled .site-header{height:78px;background:#0a0c0ee8;backdrop-filter:blur(18px);box-shadow:0 8px 40px #0002}.site-scrolled .site-header:after{opacity:.45}
.identity{display:inline-flex;align-items:center;gap:22px;flex:none}.monogram{font:italic 49px/1 var(--serif);letter-spacing:-6px}.monogram span{color:var(--gold)}.identity-name{font-size:15px;letter-spacing:-.03em;font-weight:500}.site-header nav{display:flex;gap:36px;font-size:14px;color:#c0c5c7}.site-header nav a{position:relative;padding:13px 0}.site-header nav a:after{content:'';position:absolute;bottom:7px;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform 350ms var(--out)}.site-header nav a:hover:after{transform:scaleX(1);transform-origin:left}
.header-actions{display:flex;align-items:center;gap:24px}.header-connect{display:flex;align-items:center;gap:16px;font-size:14px}.header-connect svg{width:18px}.motion-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:7px 13px;border:1px solid #ffffff20;border-radius:30px;color:#c0c6ca;font-size:11px;white-space:nowrap;transition:border-color 200ms ease}.motion-toggle:hover{border-color:#b5a49180}.motion-bars{height:13px;display:flex;align-items:center;gap:3px}.motion-bars i{width:2px;height:5px;border-radius:2px;background:var(--gold);animation:bar 1.2s ease-in-out infinite alternate}.motion-bars i:nth-child(2){height:13px;animation-delay:-.3s}.motion-bars i:nth-child(3){height:8px;animation-delay:-.7s}@keyframes bar{to{transform:scaleY(.3)}}
.chapter-nav{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:9px}.chapter-nav a{width:28px;height:28px;display:grid;place-items:center;position:relative}.chapter-nav i{width:4px;height:4px;border-radius:50%;background:#59636b;transition:background 250ms,box-shadow 250ms,scale 250ms}.chapter-nav .active i{background:var(--gold);scale:1.5;box-shadow:0 0 0 4px #d5b78e12,0 0 20px #d5b78e66}.chapter-nav span{position:absolute;right:34px;border:1px solid #ffffff1a;background:#101418ed;border-radius:6px;padding:5px 12px;white-space:nowrap;font-size:12px;opacity:0;transform:translateX(5px);transition:opacity 180ms,transform 180ms;pointer-events:none}.chapter-nav a:hover span,.chapter-nav a:focus-visible span{opacity:1;transform:none}
.hero{height:100svh;min-height:920px;max-height:1200px;position:relative;isolation:isolate;overflow:hidden;background:#080a0c}.hero-atmosphere{position:absolute;inset:-10%;z-index:-4;background:radial-gradient(ellipse at 79% 40%,#96794d22,transparent 32%),radial-gradient(ellipse at 62% 72%,#648ba41f,transparent 37%)}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(0deg,var(--bg),transparent 19%)}.hero-orbits{position:absolute;z-index:-3;width:750px;height:750px;left:calc(76% - 375px);top:calc(50% - 375px);border-radius:50%;border:1px solid #b7b09e12;pointer-events:none}.hero-orbits:before,.hero-orbits:after{content:'';position:absolute;border-radius:50%;border:1px solid #b7b09e0d;inset:-62px;transform:scaleY(.66) rotate(-25deg)}.hero-orbits:after{inset:70px;transform:scaleX(.68) rotate(36deg)}
#sculpture{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:1;pointer-events:none}.hero-inner{position:relative;width:calc(100% - 160px);max-width:1450px;margin-inline:auto;padding-top:clamp(225px,25.5vh,315px);z-index:2;pointer-events:none}.hero-inner>*{pointer-events:auto}h1{font-size:clamp(94px,9.35vw,152px);line-height:1.015;letter-spacing:-.07em;max-width:940px;font-weight:400}h1 em{letter-spacing:-.06em;color:#ddc6a3;font-size:1.055em;padding-right:.12em}h1 .title-line{display:block;overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em}h1 .title-line>span{display:block;transform-origin:bottom left}.js-motion h1 .title-line>span{animation:title-in 1250ms var(--out) both}.js-motion h1 .title-line:nth-child(2)>span{animation-delay:120ms}
@keyframes title-in{from{opacity:0;transform:translateY(112%) rotate(3deg)}to{opacity:1;transform:none}}
.hero-copy{font-size:18px;line-height:1.85;max-width:570px;margin-top:32px;color:#bac0c2;letter-spacing:-.018em}.hero-copy strong{font-weight:500;color:var(--ink)}.hero .primary-button{margin-top:33px}.js-motion .hero-copy,.js-motion .hero .primary-button{animation:soft-in 900ms var(--out) both;animation-delay:380ms}.js-motion .hero .primary-button{animation-delay:470ms}@keyframes soft-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.primary-button{display:inline-flex;align-items:center;gap:30px;border:1px solid #b6a18366;border-radius:60px;padding:11px 12px 11px 26px;min-height:64px;background:#101110bb;font-size:14px;font-weight:500;transition:background 220ms,border-color 220ms,box-shadow 220ms,scale 160ms}.primary-button>span{height:40px;width:40px;border-radius:50%;display:grid;place-items:center;background:#d8bc9512;border:1px solid #ae957344;transition:background 250ms,color 250ms}.primary-button svg{width:18px;height:18px}.primary-button:hover{background:#24201a;border-color:#d5b78e;box-shadow:0 8px 45px #b2986712}.primary-button:hover>span{background:var(--gold);color:#171612}
.hero-bottom{position:absolute;bottom:40px;left:80px;right:80px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:#aeb5b9}.range{display:flex;align-items:center;gap:18px;font-size:12px;font-variant-numeric:tabular-nums}.range i{width:170px;height:1px;background:linear-gradient(90deg,#ccac7e,#7ba1b7);position:relative}.range i:after{content:'';width:5px;height:5px;position:absolute;top:-2px;left:0;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);animation:range 7s linear infinite}@keyframes range{to{left:100%}}.scroll-cue{display:flex;gap:12px;align-items:center}.scroll-cue svg{width:18px;height:18px;animation:scroll-cue 2.4s ease-in-out infinite}@keyframes scroll-cue{50%{transform:translateY(5px)}}
.sculpture-label{position:absolute;right:12%;bottom:143px;display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.16em;color:#acb8bb}.label-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 13px var(--gold)}.label-line{width:68px;height:1px;background:linear-gradient(90deg,#c7ac7d66,#83a3b277)}
.journey-intro{position:relative;padding-block:140px 115px;display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:90px;border-top:1px solid #ffffff16}.journey-intro h2,.ideas-heading h2{font-size:clamp(49px,5.35vw,83px);letter-spacing:-.065em;line-height:1.06}.journey-intro h2 em{color:#dbc8ab}.journey-intro p,.ideas-heading>p{font-size:18px;line-height:1.9;color:var(--muted);max-width:430px}.journey-intro .text-button{margin-top:26px!important}.text-button{display:inline-flex;align-items:center;gap:18px;padding:12px 0;color:#d4c2a7;font-size:14px;line-height:1.5}.text-button svg{width:17px;height:17px;transition:transform 220ms var(--out)}.text-button:hover svg{transform:translate(3px,-3px)}
.timeline{position:relative}.timeline-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.timeline-connectors path{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.timeline-connectors .flow{filter:drop-shadow(0 0 5px #ddbe8580)}.timeline-row{perspective:1600px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:140px;align-items:center;min-height:640px;padding-block:48px}.timeline-date{position:absolute;left:50%;transform:translate(-50%,-50%);padding:13px 10px;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:3;background:var(--bg)}.timeline-date span{font-size:12px;color:var(--gold);font-variant-numeric:tabular-nums}.timeline-date i,.ortivs-date i{display:block;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px var(--bg),0 0 0 7px #b4986c88,0 0 25px #bd9d6770}.business-row .timeline-date span{color:var(--blue)}.business-row .timeline-date i{background:var(--blue);box-shadow:0 0 0 6px var(--bg),0 0 0 7px #729bb488}
.timeline-card{--card-color:207,173,122;position:relative;min-width:0;min-height:500px;padding:34px;border:1px solid #b9a17b45;border-radius:22px;background:radial-gradient(ellipse at 90% 0%,#aa895c20,transparent 65%),linear-gradient(140deg,#1f1d19,#101316 72%);box-shadow:inset 0 1px 0 #fff1,0 35px 85px -45px #000;overflow:hidden;isolation:isolate;transition:border-color 300ms,box-shadow 300ms,opacity 800ms var(--out),transform 800ms var(--out)}
.timeline-card.business{--card-color:149,190,216;border-color:#7390a845;background:radial-gradient(ellipse at 90% 0%,#638aa72b,transparent 70%),linear-gradient(140deg,#19232a,#101418 75%)}
.timeline-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(550px circle at var(--mx,80%) var(--my,10%),rgba(var(--card-color),.10),transparent 62%);opacity:.5;transition:opacity 300ms}
.timeline-card:before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#e7d4b380,transparent)}.timeline-card:hover{border-color:#c7ad7c88;box-shadow:inset 0 1px 0 #fff1,0 40px 90px -45px #000}.timeline-card.business:hover{border-color:#9dbdd688}.timeline-card:hover:after{opacity:1}
.card-top{display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.09em;color:#cbb48d}.business .card-top{color:#a6c3d4}.card-visual{position:relative;height:240px;display:flex;align-items:center;isolation:isolate}.card-art{position:absolute;right:-40px;top:-7px;width:320px;height:235px;color:#d7b67e80;z-index:-1;transform-origin:center;will-change:transform}.business .card-art{color:#8fb9d385}.wordmark{position:relative;display:block;font-weight:500;font-size:clamp(54px,5.2vw,82px);line-height:1;letter-spacing:-.075em;color:#e9d9bf;text-shadow:0 5px 40px #0008}.wordmark.small{font-size:clamp(40px,4.2vw,66px);letter-spacing:-.045em}.business .wordmark{color:#d0e1eb}
.timeline-card h3{font-size:30px;line-height:1.16;letter-spacing:-.045em}.timeline-card p{font-size:16px;line-height:1.85;color:#b5bdc1;margin-top:15px;max-width:430px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:29px;position:relative;z-index:5}.card-bottom>span{font-size:11px;color:#b2b8ba;max-width:80%}.circle-button{height:44px;width:44px;min-width:44px;border-radius:50%;display:grid;place-items:center;border:1px solid #a594794d;transition:background 220ms,color 220ms,scale 160ms}.circle-button svg{width:19px;height:19px}.circle-button:hover{background:#dbc49e;color:#151512;border-color:#dbc49e}
.row-aside{position:relative;z-index:2}.section-number{display:block;font-size:12px;letter-spacing:.09em;color:#b9b2a4;margin-bottom:29px}.row-aside h2{font-size:clamp(41px,4.2vw,66px);line-height:1.1;letter-spacing:-.055em}.row-aside h2 em{color:#d1b78f}.row-aside p{margin-top:25px;font-size:17px;line-height:1.85;max-width:400px;color:var(--muted)}.business-row .row-aside h2 em{color:#afd0df}.row-aside .text-button{margin-top:19px;color:#c5dbe5}.row-aside.quiet h2{font-size:clamp(39px,3.6vw,57px)}.year-outline{display:block;font:italic clamp(100px,12vw,180px)/1 var(--serif);letter-spacing:-.08em;color:#bd9d6c59}.transition-line{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:27px;text-align:center;padding:50px 20px;margin:60px 0;min-height:170px;background:var(--bg);border-block:1px solid #2a2e31;font-size:20px;color:#aeb8bd}.transition-line em{font-size:40px;color:#d6bc96}
.ortivs-section{position:relative;padding-top:155px}.ortivs-date{position:absolute;top:35px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:25px;background:var(--bg);padding:12px 14px;font-size:14px;color:#c4d4dc}.ortivs-date i{background:#c1d8e5;box-shadow:0 0 0 6px var(--bg),0 0 0 7px #7895a5}
.ortivs-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #94b3c360;border-radius:26px;padding:42px 60px 0;background:radial-gradient(ellipse at 100% 0,#3e5d7459,transparent 64%),linear-gradient(140deg,#1b252c,#10161a 76%);box-shadow:inset 0 1px 0 #e7f3fb26,0 30px 150px -80px #9fbfd970}.ortivs-card:before{content:'';position:absolute;inset:-100px -50px auto auto;width:600px;height:600px;border-radius:50%;border:1px solid #b9d3e21a;box-shadow:0 0 0 50px #adc6d307,0 0 0 100px #adc6d305,0 0 0 150px #adc6d303;pointer-events:none;z-index:-1}.ortivs-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.08em;color:#b4c9d4}.ortivs-content{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding-block:85px 65px}.ortivs-title h2{font-size:clamp(70px,7.2vw,112px);line-height:1.02;letter-spacing:-.065em}.ortivs-title h2 em{color:#c4dce8}.ortivs-title .text-button{margin-top:24px;color:#e1ebee}.ortivs-statement h3{font-size:35px;letter-spacing:-.045em;line-height:1.28}.ortivs-statement p{color:#b5c6cf;font-size:17px;line-height:1.85;margin-top:25px;max-width:440px}.ortivs-statement .text-button{margin-top:17px;color:#c5dce9}
.operating-flow{display:flex;align-items:center;gap:24px;border-block:1px solid #93aebe35;padding-block:29px}.operating-flow>span{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:16px}.operating-flow i{width:6px;height:6px;border-radius:50%;background:#bdd9e8;box-shadow:0 0 20px #97d6f366}.operating-flow b{display:flex;flex:1;justify-content:center;position:relative}.operating-flow b:before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#5e76864a}.operating-flow b svg{position:relative;width:18px;height:18px;background:#172027;color:#afc9d8}.operating-flow small{font-size:12px;line-height:1.7;border-left:1px solid #546a7666;padding-left:24px;margin-left:20px;color:#b1c2ca}.ortivs-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding-block:27px;font-size:12px;color:#afc4cf}
.ideas-trunk{height:135px;width:1px;margin:auto;background:linear-gradient(#a4c2d580,#a4c2d522);position:relative}.ideas-trunk i{position:absolute;bottom:-3px;left:-3px;width:7px;height:7px;border-radius:50%;background:#b3d3e2;box-shadow:0 0 20px #bdd8e6aa}.ideas-section{padding-top:45px}.ideas-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px}.ideas-heading h2 em{color:#c1d7e0}.ideas-heading .section-number{color:#adc9d7}.project-branches{height:90px;position:relative;display:grid;grid-template-columns:1fr 1fr}.project-branches:before{content:'';position:absolute;top:40px;left:25%;right:25%;height:1px;background:#93b2c238}.project-branches:after{content:'';position:absolute;left:50%;top:0;width:1px;height:40px;background:#93b2c238}.project-branches span{justify-self:center;align-self:end;width:1px;height:50px;background:#93b2c238}.project-branches span:last-child{display:none}
.project-grid{perspective:1600px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px;position:relative}.project-card{--accent:#d6b98e;--accent-rgb:205,171,122;grid-column:span 2;position:relative;min-width:0;min-height:400px;overflow:hidden;isolation:isolate;text-align:left;border:1px solid #a59a7f36;border-radius:20px;padding:28px;background:radial-gradient(ellipse at 50% 25%,#725c3824,transparent 70%),linear-gradient(145deg,#171a1b,#101315);display:flex;flex-direction:column;box-shadow:inset 0 1px 0 #fff08,0 12px 32px #0003;transition:border-color 240ms,box-shadow 300ms,opacity 750ms var(--out),transform 750ms var(--out)}
.project-card.blue{--accent:#afd1e5;--accent-rgb:145,190,215;border-color:#93b7ce2e;background:radial-gradient(ellipse at 65% 20%,#385a7433,transparent 72%),linear-gradient(145deg,#161d23,#101518)}.project-card.silver{--accent:#c7d4d9;--accent-rgb:185,205,214;border-color:#b9c6cd2e;background:radial-gradient(ellipse at 60% 10%,#52657330,transparent 70%),linear-gradient(145deg,#1b2023,#111517)}
.project-card:nth-child(-n+2),.project-card:nth-child(n+6){grid-column:span 3;min-height:440px;padding:34px}.project-card:nth-child(-n+2){min-height:520px}.project-card:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:4;background:radial-gradient(500px circle at var(--mx,70%) var(--my,10%),rgba(var(--accent-rgb),.13),transparent 64%);opacity:0;transition:opacity 260ms}.project-card:hover:after{opacity:1}.project-card:hover{border-color:rgba(var(--accent-rgb),.65);box-shadow:inset 0 1px 0 #fff1,0 30px 70px -30px #000}
.project-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;line-height:1.5;color:var(--accent);letter-spacing:.06em}.project-index{font-size:11px;color:#95a2aa}.project-visual{position:relative;display:block;height:165px;margin:3px -20px 15px;isolation:isolate;pointer-events:none}.project-visual svg{display:block;height:100%;width:100%;overflow:visible;transition:transform 650ms var(--out);transform-origin:center}.project-card:nth-child(-n+2) .project-visual{height:245px;margin-top:0;margin-bottom:10px}.project-card:nth-child(n+6) .project-visual{height:175px}.project-title{display:block;font-size:30px;line-height:1.17;letter-spacing:-.04em;max-width:100%;position:relative;z-index:3}.project-card:nth-child(-n+2) .project-title{font-size:40px}.project-card:nth-child(n+6) .project-title{font-size:34px}.project-copy{display:block;font-size:16px;line-height:1.8;color:#acbac2;margin-top:15px;max-width:460px;position:relative;z-index:3}.project-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#c1cbd0;margin-top:auto;padding-top:27px;position:relative;z-index:3}.project-foot svg{width:19px;height:19px;color:var(--accent);transition:transform 250ms var(--out)}.project-card:hover .project-foot svg{transform:translate(3px,-3px)}.ideas-note{font-size:13px;line-height:1.8;color:#98a8b0;margin-top:35px;max-width:780px}
.closing{padding-block:110px 95px;margin-top:155px;border-top:1px solid #9eacb037;position:relative;isolation:isolate}.closing:before{content:'';position:absolute;z-index:-1;inset:-100px 0 0;background:radial-gradient(ellipse 55% 46% at 65% 52%,#9e7c401c,transparent 100%);pointer-events:none}.closing-inner.wrap,.site-footer.wrap{max-width:none;width:calc(100% - 9.2vw)}.closing-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;color:#a3b2ba}.closing-top .section-number{margin:0}.closing h2{font-size:clamp(82px,9.5vw,148px);line-height:1.03;letter-spacing:-.065em;margin-top:45px}.closing h2 em{color:#dbc39f}.closing-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:38px}.closing-bottom p{font-size:18px;line-height:1.85;color:#aebbc3}.light-button{background:#dfc9a6;color:#141619;border-color:#dfc9a6}.light-button>span{border-color:#64554044}.light-button:hover{background:#f3e2c6;color:#141619;border-color:#f3e2c6}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #98aab528;padding-block:35px 45px;color:#acb7bf;font-size:13px}.site-footer .monogram{font-size:42px}.site-footer .identity{gap:20px;color:#e1e3e0}.site-footer>div{display:flex;align-items:center;gap:25px}.site-footer a,.site-footer button{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:5px 0}.site-footer svg{width:15px;height:15px}.footer-line{font-size:12px}
dialog{width:860px;max-width:calc(100% - 40px);max-height:88svh;padding:0;color:var(--ink);border:1px solid #859aa369;border-radius:24px;background:radial-gradient(ellipse at 95% 0,#627e9226,transparent 50%),#12191e;box-shadow:0 40px 160px #000b;overflow:auto;scrollbar-width:thin;scrollbar-color:#687880 #162027}dialog::backdrop{background:#020507c9;backdrop-filter:blur(16px)}.dialog-inner{padding:50px 56px;position:relative}.dialog-close{position:sticky;top:0;float:right;z-index:5;margin:-20px -23px 20px 20px;background:#1e2a33}.detail-category{display:block;font-size:12px;letter-spacing:.07em;color:#d0b795;margin-top:10px;margin-bottom:24px;padding-right:20px}#detail-title{font-size:clamp(36px,4vw,56px);line-height:1.08;letter-spacing:-.055em;max-width:650px}.detail-subtitle{font:italic 31px/1.4 var(--serif);color:#d0d5d3;margin-top:14px}.detail-body{font-size:18px;line-height:1.85;color:#c0cbd2;margin-top:28px}.detail-section{border-top:1px solid #a0b4c026;padding-top:25px;margin-top:30px}.detail-section h3{font-size:18px;font-weight:500;color:#e3e8eb;margin-bottom:12px;letter-spacing:-.02em}.detail-section p,.detail-section ul{font-size:16px;line-height:1.9;color:#b6c4ce}.detail-section ul{margin:0;padding-left:20px}.detail-links{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:30px}.detail-links a{display:inline-flex;align-items:center;gap:12px;color:#e1c69f;font-size:14px;min-height:40px}.detail-links svg{width:16px;height:16px}.detail-note{font-size:13px;line-height:1.9;color:#a1b0bc;border-top:1px solid #9cb6c329;margin-top:28px;padding-top:24px}body.dialog-open{overflow:hidden}
.js-motion .reveal{opacity:0;transform:translateY(36px)}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}.row-aside.reveal{transition:opacity 850ms var(--out),transform 850ms var(--out)}.ortivs-card.reveal{transition:opacity 1000ms var(--out),transform 1000ms var(--out)}.transition-line.reveal{transition:opacity 700ms var(--out),transform 700ms var(--out)}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .project-card:hover .project-visual svg{transform:none}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .title-line>span,.motion-paused .hero-copy,.motion-paused .hero .primary-button{animation:none!important;opacity:1!important;transform:none!important}
@media(hover:hover) and (pointer:fine){.project-card:hover .project-visual svg{transform:translateY(-6px) scale(1.045)}.project-card:active{scale:.99}}
@media(min-width:1700px){.hero-inner{width:calc(100% - 200px)}.hero-bottom{left:100px;right:100px}}
@media(max-width:1150px){.wrap,.hero-inner,.closing-inner.wrap,.site-footer.wrap{width:calc(100% - 100px)}.site-header{padding-inline:40px;gap:20px}.site-header nav{gap:22px;font-size:12px}.header-actions{gap:15px}.header-connect{font-size:12px}.identity-name{font-size:13px}.identity{gap:15px}.hero{min-height:860px}h1{font-size:9.7vw}.hero-inner{padding-top:230px}.hero-copy{font-size:17px;max-width:480px}.hero-bottom{left:50px;right:50px}.hero-bottom>span:first-child{max-width:210px}.timeline-row{gap:100px}.timeline-card{padding:28px;min-height:485px}.card-visual{height:220px}.card-art{width:260px;right:-40px}.card-top{font-size:10px}.card-bottom>span{font-size:11px;max-width:170px}.timeline-card h3{font-size:27px}.timeline-card p{font-size:15px}.journey-intro{gap:50px}.journey-intro p,.ideas-heading>p{font-size:16px}.row-aside h2{font-size:42px}.row-aside p{font-size:16px}.section-number{font-size:11px}.ortivs-card{padding-inline:40px}.ortivs-content{gap:40px}.ortivs-title h2{font-size:78px}.ortivs-statement h3{font-size:28px}.ortivs-statement p{font-size:16px}.operating-flow{gap:15px}.operating-flow small{font-size:11px;margin-left:0;padding-left:15px}.operating-flow>span{font-size:14px}.project-grid{gap:20px}.project-card{padding:24px;min-height:390px}.project-card:nth-child(-n+2),.project-card:nth-child(n+6){padding:28px}.project-title{font-size:26px}.project-copy{font-size:15px}.project-top{font-size:10px}.project-visual{height:140px}.project-card:nth-child(-n+2) .project-visual{height:215px}.project-card:nth-child(-n+2){min-height:490px}.project-card:nth-child(-n+2) .project-title{font-size:35px}.project-card:nth-child(n+6) .project-title{font-size:30px}.site-footer>div{gap:16px}.footer-line{display:none}}
@media(max-width:850px){.wrap,.hero-inner,.closing-inner.wrap,.site-footer.wrap{width:calc(100% - 72px)}.site-header{height:90px;padding-inline:32px}.site-header nav{display:none}.chapter-nav{right:8px}.hero{min-height:1160px;max-height:none}.hero-inner{padding-top:175px}h1{font-size:12.2vw}.hero-copy{max-width:530px;font-size:18px}.hero-bottom{left:36px;right:36px;font-size:11px}.range i{width:115px}.sculpture-label{right:14%;bottom:85px}.hero-orbits{width:550px;height:550px;left:calc(67% - 275px);top:calc(66% - 275px)}.journey-intro{padding-block:100px 80px;display:block}.journey-intro h2{font-size:64px}.journey-intro p{margin-top:30px;max-width:520px;font-size:17px}.journey-intro p br{display:none}.timeline-row{gap:75px;min-height:600px}.timeline-card{padding:25px;min-height:480px}.card-top{letter-spacing:.01em;font-size:10px}.card-visual{height:210px}.card-art{width:240px;right:-55px}.wordmark{font-size:50px}.wordmark.small{font-size:36px}.timeline-card h3{font-size:25px}.timeline-card p{font-size:15px}.row-aside h2,.row-aside.quiet h2{font-size:37px}.row-aside p{font-size:16px}.text-button{font-size:13px}.card-bottom>span{font-size:10px;max-width:160px}.timeline-date span{font-size:11px}.ortivs-card{padding:35px 32px 0}.ortivs-content{grid-template-columns:1fr;gap:35px;padding-block:45px}.ortivs-title h2{font-size:90px}.ortivs-statement{max-width:580px}.ortivs-statement h3{font-size:30px}.ortivs-statement h3 br{display:none}.ortivs-statement p{max-width:580px;font-size:17px}.operating-flow small{display:none}.ortivs-bottom{font-size:11px}.ideas-heading{display:block}.ideas-heading h2{font-size:62px}.ideas-heading>p{margin-top:27px;font-size:17px;max-width:550px}.ideas-heading>p br{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-card,.project-card:nth-child(n+6),.project-card:nth-child(-n+2){grid-column:span 1;padding:27px;min-height:440px}.project-card:last-child{grid-column:span 2;min-height:360px;padding-right:50%}.project-card:last-child .project-visual{position:absolute;left:44%;right:0;top:10%;height:80%}.project-card:last-child .project-copy{max-width:100%}.project-card:nth-child(-n+2) .project-visual,.project-card:nth-child(n+6) .project-visual,.project-visual{height:165px;margin-top:5px}.project-title,.project-card:nth-child(-n+2) .project-title,.project-card:nth-child(n+6) .project-title{font-size:29px}.project-copy{font-size:15px}.project-top{font-size:10px}.closing{margin-top:100px;padding-block:80px}.closing h2{font-size:100px}.closing-bottom p{font-size:16px}.closing-bottom{align-items:flex-start;flex-direction:column}.site-footer{flex-wrap:wrap}.site-footer>div{gap:24px}}
@media(max-width:600px){.wrap,.hero-inner,.closing-inner.wrap,.site-footer.wrap{width:calc(100% - 44px)}.site-header{height:82px;padding-inline:22px;gap:12px}.site-scrolled .site-header{height:70px}.site-header:after{left:22px;right:22px}.identity{gap:12px}.monogram{font-size:43px}.identity-name{font-size:12px}.header-actions{gap:13px}.header-connect{font-size:0;gap:0;width:32px;min-height:42px;justify-content:center}.header-connect svg{width:20px;height:20px}.motion-toggle{width:38px;height:38px;min-height:38px;padding:0}.motion-toggle #motion-label{display:none}.chapter-nav{display:none}.hero{height:100svh;min-height:970px;max-height:1120px}.hero-inner{padding-top:155px}h1{font-size:clamp(50px,15.1vw,78px);line-height:1.03;letter-spacing:-.073em}h1 em{font-size:1.07em}.hero-copy{font-size:16px;line-height:1.85;max-width:440px;margin-top:29px}.hero-copy br{display:none}.hero-copy strong{display:block;margin-bottom:8px}.desktop-break{display:none}.hero .primary-button{margin-top:28px}.primary-button{font-size:13px;min-height:60px;gap:23px;padding:10px 10px 10px 22px}.primary-button>span{width:38px;height:38px}.hero-bottom{left:22px;right:22px;bottom:24px;font-size:11px;flex-wrap:wrap;gap:18px}.hero-bottom>span:first-child{display:none}.range{gap:12px;font-size:11px}.range i{width:72px}.scroll-cue{font-size:11px;gap:8px}.scroll-cue svg{width:15px;height:15px}.hero-orbits{width:380px;height:380px;left:calc(50% - 190px);top:calc(73% - 190px)}.sculpture-label{left:0;right:0;justify-content:center;bottom:92px;font-size:9px;gap:15px}.label-line{width:45px}.journey-intro{padding-block:80px 55px}.journey-intro h2{font-size:clamp(39px,10.7vw,62px);line-height:1.12;letter-spacing:-.06em}.journey-intro p{margin-top:27px;font-size:16px;line-height:1.85}.journey-intro .text-button{margin-top:21px!important}.text-button{font-size:13px;gap:14px}.timeline{padding-left:21px}.timeline-row{display:flex;flex-direction:column;gap:28px;min-height:0;padding:28px 0 55px;align-items:stretch}.timeline-row .row-aside{order:0;padding:0 3px}.timeline-row .timeline-card{order:1}.timeline-date{left:-21px;transform:translate(-50%,-50%);padding:11px 3px;gap:13px}.timeline-date span{writing-mode:vertical-rl;font-size:10px}.timeline-date i{width:5px;height:5px}.timeline-card{min-height:448px;padding:25px 24px;border-radius:18px}.timeline-card h3{font-size:27px;letter-spacing:-.045em}.timeline-card p{font-size:16px;line-height:1.8}.card-top{font-size:10px;letter-spacing:.05em}.card-visual{height:218px}.card-art{width:265px;height:210px;right:-44px;top:6px}.wordmark{font-size:66px}.wordmark.small{font-size:48px}.card-bottom{margin-top:25px}.card-bottom>span{font-size:11px;max-width:185px;line-height:1.6}.circle-button{height:44px;width:44px}.section-number{font-size:11px;margin-bottom:21px}.row-aside h2,.row-aside.quiet h2{font-size:43px;line-height:1.1;letter-spacing:-.055em}.row-aside p{font-size:16px;margin-top:22px}.row-aside.quiet{display:flex;align-items:center;gap:24px}.row-aside.quiet p{font-size:14px;margin:0}.row-aside.quiet h2{font-size:38px}.business-row .row-aside.quiet{display:block}.business-row .row-aside.quiet p{margin-top:22px;font-size:16px}.year-outline{font-size:94px;min-width:140px}.transition-line{display:block;min-height:0;padding:36px 0;margin:10px 0 33px;font-size:17px}.transition-line em{display:block;font-size:33px;margin-top:8px}.ortivs-section{padding-top:120px;margin-left:-21px}.ortivs-date{top:20px;font-size:12px;gap:23px}.ortivs-card{padding:26px 24px 0;border-radius:20px}.ortivs-top{font-size:10px;letter-spacing:.035em;gap:12px}.ortivs-content{padding-block:40px 36px;gap:32px}.ortivs-title h2{font-size:clamp(55px,16.1vw,78px);line-height:1.03}.ortivs-title .text-button{margin-top:20px}.ortivs-statement{border-top:1px solid #7ea1b32c;padding-top:28px}.ortivs-statement h3{font-size:27px}.ortivs-statement p{font-size:16px;line-height:1.85;margin-top:19px}.ortivs-statement .text-button{margin-top:15px}.operating-flow{gap:10px;padding-block:24px}.operating-flow>span{font-size:12px;gap:7px}.operating-flow i{width:4px;height:4px}.operating-flow b{min-width:10px}.operating-flow b svg{width:13px;height:13px}.ortivs-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;font-size:11px;padding-block:24px}.ideas-trunk{height:100px}.ideas-section{padding-top:25px}.ideas-heading h2{font-size:49px;line-height:1.09}.ideas-heading>p{font-size:16px;line-height:1.85;max-width:350px}.project-branches{display:none}.project-grid{display:flex;flex-direction:column;gap:24px;margin-top:44px}.project-card,.project-card:nth-child(n+6),.project-card:nth-child(-n+2),.project-card:last-child{padding:27px;min-height:440px;border-radius:18px}.project-card:nth-child(-n+2){min-height:465px}.project-card:last-child .project-visual{position:relative;left:auto;right:auto;top:auto;height:180px}.project-visual,.project-card:nth-child(n+6) .project-visual,.project-card:nth-child(-n+2) .project-visual{height:185px;margin-inline:-18px;margin-block:5px 15px}.project-top{font-size:11px;letter-spacing:.02em}.project-title,.project-card:nth-child(n+6) .project-title,.project-card:nth-child(-n+2) .project-title{font-size:32px;line-height:1.18}.project-copy{font-size:16px;line-height:1.8;max-width:100%}.project-foot{font-size:12px;padding-top:25px}.ideas-note{font-size:12px;margin-top:27px}.closing{margin-top:80px;padding-block:65px}.closing-top{font-size:11px;align-items:flex-start;gap:15px}.closing-top .section-number{font-size:10px}.closing-top>span:last-child{font-size:11px;max-width:110px;text-align:right}.closing h2{font-size:clamp(68px,18vw,96px);margin-top:37px;line-height:1.06}.closing-bottom{gap:24px;margin-top:28px}.closing-bottom p{font-size:16px}.site-footer{gap:23px;padding-block:30px;align-items:flex-start}.site-footer .identity{font-size:13px;gap:18px}.site-footer>div{width:100%;justify-content:space-between;gap:10px;font-size:12px}.site-footer a,.site-footer button{font-size:12px}.site-footer .monogram{font-size:37px}dialog{max-width:calc(100% - 24px);max-height:91svh;border-radius:20px}.dialog-inner{padding:35px 25px}.dialog-close{margin:-17px -10px 18px 14px}.detail-category{font-size:10px;line-height:1.8;margin-top:7px;margin-bottom:22px;padding-right:26px}#detail-title{font-size:37px;line-height:1.1}.detail-subtitle{font-size:25px}.detail-body{font-size:16px;line-height:1.85;margin-top:24px}.detail-section{padding-top:22px;margin-top:26px}.detail-section h3{font-size:17px}.detail-section p,.detail-section ul{font-size:16px;line-height:1.85}.detail-note{font-size:12px}.detail-links{gap:17px;flex-direction:column}.detail-links a{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal,.js-motion h1 .title-line>span,.js-motion .hero-copy,.js-motion .hero .primary-button{opacity:1;transform:none}.project-card:hover .project-visual svg{transform:none}}
@media print{.site-header{position:relative}.chapter-nav,.motion-toggle,.page-progress,dialog{display:none}.hero{min-height:600px;height:600px}.hero-inner{padding-top:90px}.reveal{opacity:1!important;transform:none!important}.timeline-card,.project-card,.ortivs-card{break-inside:avoid}body{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

@media(min-width:480px) and (max-width:600px){.hero{min-height:1050px}}

/* A full-width atmosphere belongs to the page, never to a clipped content box. */
body{isolation:isolate}
#story-atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
body:after{content:'';position:fixed;inset:0;z-index:45;pointer-events:none;background:url('./grain.svg') repeat;opacity:.037;mix-blend-mode:soft-light}
.hero-atmosphere{background:radial-gradient(ellipse at 83% 22%,#ac997838,transparent 40%),radial-gradient(ellipse at 63% 76%,#7394a22b,transparent 38%),linear-gradient(118deg,#080a0c 30%,#141719 75%,#080a0c)}
.hero-copy{max-width:620px}
.journey-intro{border-top-color:transparent}
.transition-line{background:transparent;border-block:0;min-height:285px;flex-direction:column;gap:12px;margin-block:75px;font-size:18px}
.transition-line em{font-size:clamp(34px,4.3vw,66px);line-height:1.2;letter-spacing:-.025em}
.row-aside p,.journey-intro p{color:#b9bfc1}
.timeline-date,.ortivs-date{border-radius:32px;background:#080a0cee}
.ideas-note{color:#a9b5bb;font-size:14px;line-height:1.85;max-width:730px;margin-top:38px}
.project-explorer{display:none;justify-content:space-between;align-items:center;gap:24px;padding-block:37px 30px;margin-bottom:18px;border-bottom:1px solid #b9c9d122}
.project-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.project-filters button{font-size:13px;line-height:1.6;padding:11px 18px;min-height:44px;border-radius:24px;border:1px solid transparent;color:#afbbc2;transition:color 180ms,background 180ms,border-color 180ms}
.project-filters button:hover{color:#f1eee8;background:#b6c9d00a}
.project-filters button[aria-pressed=true]{color:#f1e8d7;border-color:#cab58c59;background:linear-gradient(140deg,#c6ac7a22,#a6bcca0b);box-shadow:inset 0 1px 0 #ffecce12}
#project-count{font-size:12px;color:#afbbc2;white-space:nowrap}
.project-top{font-size:12px;letter-spacing:.015em;flex-wrap:wrap;row-gap:6px}
.project-stage{font-size:11px;color:#acbbc5;letter-spacing:0;white-space:nowrap}
.project-card[hidden]{display:none!important}
.project-grid{margin-top:32px}
.detail-note{color:#bfccd3;font-size:14px}
@media(min-width:851px){
  .project-grid.is-filtered .project-card{grid-column:span 3;min-height:460px;padding:34px}
  .project-grid.is-filtered .project-visual{height:210px}
  .project-grid.is-filtered .project-title{font-size:36px}
}
@media(max-width:1150px){.project-explorer{align-items:flex-start;flex-direction:column;gap:14px}.project-top{font-size:11px}.project-filters button{font-size:12px}}
@media(min-width:601px) and (max-width:850px){
  .project-card:last-child .project-visual{margin-inline:0}
  .project-grid.is-filtered .project-card:last-child{grid-column:span 1;padding-right:27px;min-height:440px}
  .project-grid.is-filtered .project-card:last-child .project-visual{position:relative;left:auto;right:auto;top:auto;height:165px}
}
@media(max-width:600px){
  .hero-copy{max-width:440px}
  .transition-line{display:flex;min-height:240px;margin-block:15px 25px;padding-inline:10px;font-size:15px;gap:10px}
  .transition-line em{font-size:36px;margin-top:0}
  .project-explorer{padding-block:27px 22px;margin-bottom:0;gap:17px}
  .project-filters{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .project-filters button{font-size:12px;padding:10px 9px;border-color:#c3d5df20;min-height:47px}
  #project-count{font-size:12px;white-space:normal}
  .project-top{font-size:11px}.project-stage{font-size:11px}
  .project-grid{margin-top:27px}.ideas-note{font-size:13px;margin-top:28px}
  .detail-note{font-size:13px}
}
@media print{#story-atmosphere,body:after,.project-explorer{display:none!important}.project-card[hidden]{display:flex!important}}
