@charset "UTF-8";
:root{--bg:#111b21;--ink:#f3f1e9;--muted:#aeb9bd;--orange:#fa8b53;--line:#334047;--mint:#b9d6bc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:7px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.header{height:115px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:22px;letter-spacing:-1px;font-weight:800;white-space:nowrap}.brand-light{font-weight:400;margin-left:5px}.brand-icon{display:flex;align-items:center;justify-content:center;width:35px;height:39px;border-radius:8px;background:var(--orange);font-size:36px;color:var(--bg);letter-spacing:-5px;padding-right:6px;line-height:1}.brand-icon span{font-size:20px;align-self:flex-start;margin-top:5px}nav{display:flex;align-items:center;gap:35px;font-size:13px}nav>a:hover{color:var(--orange)}.nav-status{border:1px solid #516067;border-radius:50px;padding:13px 18px}.nav-status span{margin-left:20px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:8px}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:24px;align-items:center;min-height:690px;padding-top:65px;padding-bottom:62px}.eyebrow,.tiny,.scene-label,.hero-foot,.status-tag,.notes-top,.closing>a{font-family:"Courier New",monospace;font-size:11px;letter-spacing:1.2px;font-weight:600;line-height:1.6}.eyebrow{color:var(--muted);display:flex;align-items:center;gap:10px;margin:0 0 28px}.line{width:24px;height:1px;background:var(--orange)}h1{font-size:clamp(62px,6.7vw,98px);letter-spacing:-6px;line-height:.98;margin:0 0 27px;font-weight:700}h2{font-size:clamp(35px,3.6vw,52px);letter-spacing:-2px;line-height:1.1;margin:0 0 26px}h3{font-size:24px;letter-spacing:-.7px}.orange{color:var(--orange)}.hero-intro{font-size:23px;line-height:1.4;letter-spacing:-.5px;margin:0 0 20px}.hero-description{color:var(--muted);line-height:1.8;max-width:400px;font-size:15px}.button{display:inline-flex;align-items:center;gap:46px;background:var(--orange);color:#142027;border-radius:4px;padding:18px 22px;font-weight:700;font-size:14px;margin-top:18px;transition:background .2s,transform .2s}.button:hover{background:#ffab7e;transform:translateY(-2px)}.button span{font-size:22px;line-height:15px}.hero-foot{display:flex;gap:22px;font-size:9px;color:#83969e;margin-top:38px}.scene-wrap{position:relative;background:radial-gradient(ellipse at 52% 45%,#344846 0%,#1d3035 48%,#19282f 75%);border:1px solid #3d5055;border-radius:12px;overflow:hidden;transform:rotate(1deg)}.scene-label{display:flex;justify-content:space-between;padding:24px 24px 0;font-size:9px;color:#b7c5c5}.scene-label i{background:var(--orange)}.battlefield{width:100%;aspect-ratio:1.17;transition:filter .6s}.battlefield svg{width:100%;height:100%;display:block}.scene-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 24px 12px;gap:10px}.tiny{color:#a6bcbb;font-size:8px}.scene-bottom p{font-size:13px;margin:9px 0}.round-button{flex-shrink:0;color:var(--ink);background:#2e4146;width:38px;height:38px;border-radius:50%;border:1px solid #647b7b;font-size:23px;cursor:pointer}.round-button:hover{background:#4c6164}.concept-note{font-size:9px;color:#9db0b5;margin:0;padding:0 24px 19px}.night .battlefield{filter:brightness(.75) saturate(.8)}.night .lamp{fill:#ffe3a0;filter:drop-shadow(0 0 9px #ffb760)}.ticker{background:var(--mint);color:#21362e;padding:24px 0}.ticker>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.ticker span{font-size:18px;font-weight:800;letter-spacing:1px}.ticker .asterisk{font-size:32px;line-height:25px}.section{padding-top:100px;padding-bottom:100px}.section-head{display:grid;grid-template-columns:1fr 1fr;column-gap:90px}.section-head .eyebrow{grid-column:1/-1;margin-bottom:20px}.section-head>p:last-child{color:var(--muted);font-size:16px;line-height:1.8;max-width:415px;margin:0;align-self:center}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:45px}.principles article{border-top:1px solid var(--line);position:relative;padding-top:24px}.number{font:11px "Courier New",monospace;color:#879ca5}.principles h3{margin:24px 0 12px}.principles p,.studio-copy>p{font-size:15px;line-height:1.85;color:var(--muted);margin:0}.principle-art{height:140px;position:relative;margin-top:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.art-plan{background:linear-gradient(90deg,transparent 49%,#26363c 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#26363c 50%,transparent 51%);background-size:32px 32px}.art-plan span{width:34px;height:34px;border:1px solid #7eaaa0;background:#233e3d;transform:rotate(-30deg) skew(20deg);margin:7px}.art-plan b{position:absolute;color:var(--orange);font-size:76px;right:30%;top:5px}.art-waves i{position:absolute;width:105px;height:105px;border:1px solid #526366;background:transparent}.art-waves i:nth-child(2){width:145px;height:145px}.art-waves i:nth-child(3){width:190px;height:190px}.art-waves b{font-size:64px;color:var(--orange);font-weight:400}.art-mobile>div{width:72px;height:120px;border:2px solid #98b4ac;border-radius:13px;transform:rotate(15deg);padding:12px;box-shadow:10px 10px 0 #1d3035}.art-mobile span{color:var(--orange);font-size:44px;display:block;text-align:center}.art-mobile i{width:6px;height:6px;margin:3px}.development{background:#1c2b30;border-top:1px solid #344549;border-bottom:1px solid #344549;padding:88px 0}.dev-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center}.dev-grid>div>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#b9c4c5;max-width:465px}.status-tag{display:inline-flex;flex-direction:column;gap:6px;margin-top:25px;color:#91a7ac;font-size:9px}.status-tag span{font:13px Arial,sans-serif;letter-spacing:0;color:var(--mint)}.field-notes{background:#e8e5d9;color:#283735;padding:30px 32px;transform:rotate(-2deg);box-shadow:12px 12px 0 #122126}.notes-top{display:flex;justify-content:space-between;font-size:9px;border-bottom:1px solid #aeb5a8;padding-bottom:18px}.notes-top span:last-child{font-size:23px}.field-notes h3{font-size:32px;margin:25px 0;line-height:1.12}.field-notes ul{list-style:none;padding:0}.field-notes li{font-size:13px;padding:15px 0;border-bottom:1px solid #c3c8ba}.field-notes li span{font:10px monospace;margin-right:13px;color:#697768}.notes-bottom{font-size:12px;display:flex;justify-content:space-between;align-items:center;margin-top:23px}.notes-bottom span{font-size:40px;color:#c65b30}.studio{display:grid;grid-template-columns:1fr 1fr;gap:90px}.studio-copy .large-copy{font-size:23px;line-height:1.5;color:var(--ink);margin-bottom:25px}.studio-copy>p{margin-bottom:19px}.signature{display:flex;align-items:center;gap:15px;margin-top:28px}.signature-mark{width:46px;height:46px;background:var(--mint);color:#284038;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:bold}.signature strong,.signature div>span{display:block;font-size:12px}.signature div>span{color:var(--muted);font-size:11px;margin-top:6px}.closing{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding-top:30px;padding-bottom:30px}.closing-symbol{color:var(--orange);font-size:52px}.closing p{font-size:25px;letter-spacing:-.5px}.closing>a{margin-left:auto;color:var(--muted);font-size:9px}footer{padding-top:35px;padding-bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:16px}footer .brand-icon{transform:scale(.8);margin-right:-5px}footer p,footer>span{font-size:10px;color:var(--muted)}.skip{position:absolute;top:-100px;left:15px;z-index:10;padding:12px;background:var(--ink);color:var(--bg)}.skip:focus{top:10px}@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}h1{letter-spacing:-4px}.hero{gap:25px}.hero-foot{gap:10px;font-size:8px}.hero-intro{font-size:20px}.hero-description{font-size:14px}.scene-label{padding:18px 16px 0;font-size:8px}.scene-bottom{padding-left:16px;padding-right:16px}.scene-bottom p{font-size:11px}.dev-grid{gap:45px}.studio,.section-head{gap:40px}.ticker span{font-size:14px}.principles{gap:25px}.principles h3{font-size:21px}nav{gap:20px}}@media(max-width:740px){.wrap{width:calc(100% - 40px)}.header{height:85px}.brand{font-size:18px}nav>a:not(.nav-status){display:none}.nav-status{padding:10px 12px;font-size:10px}.nav-status span{display:none}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:45px;gap:42px}.hero h1{font-size:76px;letter-spacing:-4px}.hero-intro{font-size:22px}.hero-description{max-width:430px;font-size:15px}.hero-foot{font-size:9px;gap:22px;margin-top:28px}.scene-wrap{max-width:560px;width:100%;justify-self:center}.scene-label{padding:22px 20px 0;font-size:9px}.scene-bottom{padding-left:20px;padding-right:20px}.scene-bottom p{font-size:12px}.ticker{padding:20px 0}.ticker>.wrap{flex-wrap:wrap;justify-content:center;gap:13px 20px}.ticker span{font-size:11px}.ticker .asterisk{font-size:20px}.ticker .asterisk:last-of-type{display:none}.section{padding-top:65px;padding-bottom:65px}.section-head,.studio,.dev-grid{grid-template-columns:1fr;gap:12px}.section-head .eyebrow{margin-bottom:8px}.section-head>p:last-child{max-width:none}.principles{grid-template-columns:1fr;margin-top:36px;gap:30px}.principles article{display:grid;grid-template-columns:1fr 105px;gap:0 16px}.principles .number{grid-column:1}.principle-art{grid-column:2;grid-row:1/4;margin:0;height:140px}.principles h3{margin:16px 0 12px;font-size:23px}.principles p{font-size:14px}.art-plan span{min-width:23px;margin:2px}.art-plan b{right:10%;font-size:56px}.art-mobile>div{width:63px;height:107px}.development{padding:60px 0}.dev-grid{gap:42px}.field-notes{margin:0 5px;padding:25px}.studio{gap:15px}.studio-copy .large-copy{font-size:21px}.closing{flex-wrap:wrap;gap:15px;padding-top:24px;padding-bottom:24px}.closing p{font-size:18px;flex:1}.closing-symbol{font-size:40px}.closing>a{width:100%;text-align:right}footer{flex-wrap:wrap;gap:12px}footer p{margin-left:auto}footer>span{width:100%;padding-left:4px}.eyebrow{font-size:10px}h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}