@import url('/modern.css?v=3000');
body{background:#090907}.welcome-header{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);width:min(1280px,calc(100% - 34px));height:66px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(10,10,8,.58);backdrop-filter:blur(24px);padding:0 12px 0 18px;display:flex;align-items:center}.welcome-header .brand{margin-right:auto}.welcome-links{display:flex;align-items:center;gap:20px;margin-right:22px}.welcome-links a{color:#c0bdb2;font:600 10px/1 var(--ui);text-transform:uppercase;letter-spacing:.06em}.welcome-links a:hover{color:#fff}.public-hero{position:relative;min-height:100svh;display:flex;align-items:end;padding:150px max(28px,calc((100vw - 1280px)/2)) 72px;overflow:hidden}.public-hero video,.public-hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.public-hero .poster{background:url('/modern-city.png') center/cover}.public-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,5,.92),rgba(7,7,5,.32) 58%,rgba(7,7,5,.08)),linear-gradient(0deg,#090907 0%,transparent 40%)}.public-copy{position:relative;z-index:2;max-width:980px}.public-copy h1{font:400 clamp(68px,10.2vw,156px)/.79 var(--display);letter-spacing:.014em;text-transform:uppercase;margin:19px 0 30px;text-wrap:balance}.public-copy p{max-width:690px;color:#d6d2c5;font-size:clamp(17px,1.7vw,22px);margin:0 0 32px}.public-rail{position:absolute;z-index:3;right:max(26px,calc((100vw - 1280px)/2));bottom:75px;display:grid;gap:8px}.public-rail i{width:68px;height:3px;border-radius:4px;background:rgba(255,255,255,.28)}.public-rail i:first-child{background:var(--yellow)}.scroll-cue{position:absolute;z-index:3;right:max(28px,calc((100vw - 1280px)/2));top:50%;writing-mode:vertical-rl;color:#c4c1b6;font:600 9px/1 var(--ui);letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.scroll-cue:after{content:"";width:1px;height:55px;background:linear-gradient(var(--yellow),transparent)}
.manifesto{max-width:1280px;margin:0 auto;padding:130px 24px 150px;display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.manifesto-number{font:400 110px/1 var(--display);color:var(--yellow)}.manifesto h2{font:400 clamp(45px,6.3vw,92px)/.91 var(--display);text-transform:uppercase;margin:12px 0 30px}.manifesto p{color:#aaa79c;font-size:18px;max-width:730px}.manifesto-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.manifesto-points article{border-top:1px solid var(--line);padding:19px 4px}.manifesto-points b{display:block;font:600 11px/1.4 var(--ui);text-transform:uppercase}.manifesto-points span{display:block;color:var(--muted);margin-top:8px}
.story{position:relative;height:330vh}.story-stage{position:sticky;top:0;height:100vh;overflow:hidden}.story-image{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .8s ease,transform 1.3s ease;background:center/cover}.story-image.active{opacity:1;transform:scale(1)}.story-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,6,.93),rgba(8,8,6,.18) 77%),linear-gradient(0deg,rgba(8,8,6,.67),transparent 55%)}.story-copy{position:absolute;z-index:4;left:max(28px,calc((100vw - 1280px)/2));bottom:11vh;width:min(660px,calc(100% - 56px))}.story-panel{position:absolute;inset:auto 0 0;opacity:0;transform:translateY(24px);transition:.55s}.story-panel.active{position:relative;opacity:1;transform:none}.story-panel .index{font:400 13px/1 var(--display);color:var(--yellow)}.story-panel h2{font:400 clamp(48px,7vw,100px)/.85 var(--display);text-transform:uppercase;margin:15px 0 22px}.story-panel p{color:#d0cdc2;font-size:18px;max-width:590px}.story-progress{position:absolute;z-index:5;right:max(28px,calc((100vw - 1280px)/2));top:50%;transform:translateY(-50%);display:grid;gap:18px}.story-progress button{width:52px;border:0;background:transparent;color:#7b796f;text-align:right;font:400 12px/1 var(--display)}.story-progress button:after{content:"";display:block;height:2px;margin-top:7px;background:currentColor;transition:.25s}.story-progress button.active{color:var(--yellow);width:78px}
.examples{max-width:1280px;margin:0 auto;padding:140px 24px}.examples-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.examples h2{font:400 clamp(48px,6vw,86px)/.9 var(--display);text-transform:uppercase;margin:13px 0 0}.examples-head p{max-width:470px;color:var(--muted);font-size:17px}.example-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.example-card{position:relative;min-height:660px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background-position:center;background-size:cover}.example-card.small{min-height:323px}.example-stack{display:grid;gap:14px}.example-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,5,.92),transparent 65%)}.example-card .copy{position:absolute;z-index:2;left:27px;right:27px;bottom:25px}.example-card h3{font:400 clamp(28px,3vw,44px)/1 var(--display);text-transform:uppercase;margin:9px 0}.example-card p{color:#cbc8be;margin:0}.final-cta{margin:50px max(16px,calc((100vw - 1280px)/2)) 20px;min-height:600px;border-radius:34px;position:relative;overflow:hidden;background:url('/modern-city.png') center/cover;display:grid;place-items:center;text-align:center;padding:30px}.final-cta:after{content:"";position:absolute;inset:0;background:rgba(7,7,5,.72);backdrop-filter:blur(2px)}.final-cta>div{position:relative;z-index:2;max-width:850px}.final-cta h2{font:400 clamp(55px,8vw,115px)/.83 var(--display);text-transform:uppercase;margin:15px 0 27px}.footer{max-width:1280px;margin:auto;padding:42px 24px 50px;display:flex;align-items:center;border-top:1px solid var(--line);color:var(--muted)}.footer span:last-child{margin-left:auto}
@media(max-width:760px){.welcome-header{top:8px;width:calc(100% - 16px)}.welcome-links{display:none}.public-hero{padding:120px 20px 60px}.public-copy h1{font-size:64px}.public-rail,.scroll-cue{display:none}.manifesto{grid-template-columns:1fr;gap:15px;padding:90px 20px}.manifesto-number{font-size:65px}.manifesto-points{grid-template-columns:1fr}.story-copy{left:20px;width:calc(100% - 40px)}.story-panel h2{font-size:50px}.story-progress{right:12px;top:110px}.story-progress button{width:35px}.story-progress button.active{width:55px}.examples{padding:90px 12px}.examples-head{align-items:start;flex-direction:column}.example-grid{grid-template-columns:1fr}.example-card{min-height:500px}.final-cta{min-height:520px}.footer{align-items:start;gap:15px;flex-direction:column}.footer span:last-child{margin-left:0}}