:root{color-scheme:light;--paper:#f3f2ec;--ink:#171b1c;--muted:#545a59;--line:#c8cbc5;--signal:#ff7547;--edge:clamp(20px,5vw,82px);--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:.22em}a:focus-visible{outline:3px solid #ed5f35;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.04;letter-spacing:-.052em}a.brand{text-decoration:none;display:inline-flex;align-items:center;gap:9px;font-size:23px;font-weight:900;letter-spacing:-.075em}.brand img{width:29px;height:29px}.nav{padding:14px var(--edge);min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:18px}.nav nav,.footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(12px,2vw,30px)}nav a{text-decoration:none;font-size:.89rem;font-weight:620}nav a:hover{text-decoration:underline}.lang{font:700 .75rem var(--mono);border:1px solid var(--line);padding:6px 9px}.hero{position:relative;isolation:isolate;display:grid;align-content:end;background:#111923;color:#fff;min-height:clamp(430px,55vw,630px);padding:clamp(32px,6vw,86px) var(--edge);overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(82deg,#080e18e8 3%,#0c142899 43%,#09132310 83%),linear-gradient(0deg,#05101c8c,transparent 50%)}.eyebrow,.tag,.meta,figcaption{font:600 .75rem/1.5 var(--mono);letter-spacing:.075em}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase}.eyebrow:before{content:"";background:var(--signal);width:22px;height:4px}.hero h1{font-size:clamp(55px,7.4vw,110px);max-width:800px;margin:20px 0 15px;line-height:.98}.hero p:not(.eyebrow){font-size:clamp(16px,1.5vw,20px);max-width:49ch;color:#f3f5f9}.cta{display:inline-flex;align-items:center;gap:18px;justify-self:start;text-decoration:none;font-weight:720;padding:10px 17px;margin-top:23px;background:var(--signal);color:#161a1c;border:1px solid transparent}.cta:hover{background:#ffa37f}.section{padding:clamp(38px,5vw,72px) var(--edge)}.section h2{font-size:clamp(34px,4vw,60px);margin:12px 0 28px}.feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:#e7e8e0;border:1px solid var(--line)}.feature figure{min-height:290px;position:relative;background:#111923}.feature figure img{position:absolute;width:100%;height:100%;object-fit:cover}.feature article{padding:clamp(24px,4vw,62px);align-self:center}.feature h3{font-size:clamp(32px,4vw,62px);margin:13px 0}.feature p,.intro p,.support p{max-width:62ch;color:var(--muted)}.text-link{display:inline-block;margin:16px 18px 0 0;font-weight:700}.meta{color:#485253}.studio,.support{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}.studio h2,.support h2{margin-bottom:0}.studio p{max-width:60ch}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:#191f21;color:#f3f2ec;padding:21px var(--edge)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.gallery img{width:100%;height:auto}.gallery figcaption{color:var(--muted);margin-top:7px}.app-hero h1 span{display:block;font-size:.46em;letter-spacing:-.035em;margin-top:.15em}.tag{display:inline-block;padding:3px 9px;border:1px solid var(--line);margin:18px 4px 0 0}.skip{position:absolute;left:12px;top:-100px;z-index:4;background:white;color:black;padding:10px}.skip:focus{top:8px}
@media(max-width:680px){.nav{align-items:flex-start;gap:8px}.nav nav{justify-content:flex-end;gap:8px 12px}.nav nav a{font-size:.77rem}.feature,.studio,.support,.gallery{grid-template-columns:1fr}.feature figure{min-height:0;aspect-ratio:1.7}.hero{min-height:440px}.hero>img{object-position:65% center}.hero:after{background:linear-gradient(0deg,#08101bf2 1%,#08101ba8 48%,#08101b10)}.hero h1{font-size:clamp(46px,12vw,76px)}.section{padding-block:36px}.gallery{gap:16px}.studio,.support{gap:18px}.app-hero .eyebrow{font-size:.66rem}.footer nav{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

:root{--ink:#eaf1f4;--paper:#0a1018;--muted:#abbac6;--line:#303d49;--signal:#ff8e67;color-scheme:dark}
.nav{background:#0d151f;color:#f3f5f7;border-bottom:1px solid #374351}.nav nav a{color:#d6e1e9}.brand img{border:1px solid #694b40;border-radius:5px}.lang{border-radius:3px}
.hero{padding:clamp(52px,6vw,100px) var(--edge) 0;min-height:clamp(530px,58vw,760px);align-content:space-between;gap:38px;border-bottom:3px solid var(--tint)}
.hero:after{background:linear-gradient(90deg,#06101be8 0%,#071221af 30%,#09122420 68%),linear-gradient(0deg,#070e18 0%,#07122150 24%,transparent 72%)}
.hero-grid{position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:radial-gradient(#92b1d640 1px,transparent 1.3px);background-size:18px 18px;mask-image:linear-gradient(90deg,#000,transparent 42%)}
.hero-copy{align-self:center;max-width:53ch}.hero-copy .eyebrow{color:#f2f6f9}.hero .eyebrow:before{background:var(--tint)}.hero-copy h1{font-weight:830;font-size:clamp(52px,7.5vw,120px);letter-spacing:-.075em}.hero-copy em{font-style:normal;color:var(--tint)}.hero .hero-copy p:not(.eyebrow){font-size:clamp(16px,1.4vw,20px);max-width:41ch}.hero .cta{background:#f5f5ef;color:#111a20;display:inline-flex;border-radius:3px;align-items:center;min-height:46px}.cta b{font-size:1.3em}.hero .cta:hover{background:var(--tint)}
.hero-dock{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0 20px;border-top:1px solid #a6bfcd66}.film-id{font:650 .71rem/1.5 var(--mono);letter-spacing:.1em;color:#c9dbe5}.film-id span{display:block;color:var(--tint);font-size:1.1rem;letter-spacing:.23em}
.switches:not([hidden]){display:flex;gap:8px}.switches button{appearance:none;font:650 .75rem/1.25 system-ui;color:#e6edf1;background:#101925e8;border:1px solid #526371;border-radius:4px;display:flex;align-items:center;text-align:left;gap:9px;padding:5px 12px 5px 5px;cursor:pointer}.switches button img{width:48px;height:38px;object-fit:cover;border-radius:2px}.switches small{display:block;font:600 .67rem var(--mono);color:#b8c8d2;margin-bottom:3px}.switches button[aria-pressed=true]{border-color:var(--tint);box-shadow:inset 0 -2px var(--tint)}.switches button:hover{background:#283441}button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.section{background:linear-gradient(120deg,#111d29,#0d141e 75%)}.section>.eyebrow,.section>div>.eyebrow{color:#ffab88}.section h2{color:#f3f6f7}.feature{background:linear-gradient(120deg,#182b3a,#111d2b);border-radius:8px;overflow:hidden}.feature .meta,.tag,.unit .meta{color:#91dfed}.feature figure{overflow:hidden}.feature figure img{transition:transform .5s}.feature:hover figure img{transform:scale(1.025)}.text-link{color:#ffd0b8}.tag{border-radius:99px;border-color:#34515d}.gallery figure{background:#121d29;border:1px solid #334554;padding:6px;border-radius:5px}.gallery figcaption{color:#b4c5d1;padding:5px 8px}.studio,.support{background:linear-gradient(110deg,#172637,#0f1b29 60%,#28212a);border-top-color:#344452}.footer{background:#080e14;color:#d8e3ea}.support a,.studio a{overflow-wrap:anywhere}
.units{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.unit{border-top:3px solid #6edff3;background:#12202f;padding:clamp(15px,2.5vw,34px);overflow:hidden}.unit:nth-child(2){border-color:#ffd58b}.unit:nth-child(3){border-color:#ff846d}.portrait{display:grid;align-items:center;position:relative;isolation:isolate;aspect-ratio:1.6;margin-bottom:16px}.portrait:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse,#344b68,transparent 68%)}.portrait img{height:100%;max-height:190px;width:100%;object-fit:contain}.portrait span{position:absolute;inset:0 auto auto 0;color:#b5c7d6;font:600 .65rem var(--mono);letter-spacing:.08em}.unit h3{font-size:clamp(30px,4vw,56px);margin:8px 0 12px}.unit>p:last-child{color:#bac9d5;font-size:.95rem}
@media(max-width:790px){.hero-dock{display:block}.film-id{margin-bottom:10px}.film-id span{display:inline;margin-right:8px}.switches{max-width:100%}.hero{padding-top:46px;gap:28px;min-height:490px}.units{gap:8px}.unit{padding:14px}.hero:after{background:linear-gradient(90deg,#07101ddd,#07101d45),linear-gradient(0deg,#080e18 0%,transparent 56%)}}
@media(max-width:600px){.hero{padding-top:36px;gap:32px}.hero-copy h1{margin-block:16px}.switches:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.switches button{min-width:0;display:block;padding:4px;font-size:.68rem}.switches button img{width:100%;height:29px}.switches button span{display:block;padding:4px 1px}.switches small{display:none}.units{grid-template-columns:1fr}.unit .portrait{float:right;width:35%;height:108px;aspect-ratio:auto;margin:0 0 6px 8px}.portrait span{display:none}.unit h3{font-size:35px}.feature:hover figure img{transform:none}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .65s ease-out both}.cta,.switches button{transition:background-color .2s,border-color .2s}.gallery img{transition:filter .22s}.gallery a:hover img{filter:brightness(1.12)}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.feature figure img{transition:none}.feature:hover figure img{transform:none}}