:root{--ink:#0a1420;--paper:#f3efe5;--gold:#c59b52;--red:#f15d50;--blue:#3b82f6;--cyan:#28e0d2;--lime:#d8ff45;--serif:"Source Serif 4",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--space:"Space Grotesk",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;color:#eaf0f2;background:#07111d;font:400 16px/1.5 var(--sans)}button{font:inherit}.studio-bar{height:78px;position:sticky;z-index:80;top:0;padding:0 26px;display:flex;align-items:center;gap:35px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(7,17,29,.9);backdrop-filter:blur(20px)}.studio-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.studio-brand>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:#e9c783;font:600 14px var(--serif)}.studio-brand strong{font:600 13px var(--serif)}.studio-bar nav{flex:1;display:flex;justify-content:center;gap:22px}.studio-bar nav a{color:#7f929d;font-size:8px;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.studio-bar nav a.active{color:#fff}.studio-bar nav span{color:var(--gold)}.back-site{display:flex;align-items:center;gap:7px;color:#fff;font-size:8px;font-weight:800;text-decoration:none;text-transform:uppercase}.back-site svg{width:13px}.studio-progress{height:2px;position:absolute;right:0;bottom:0;left:0}.studio-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),var(--red),var(--cyan))}.design-intro{min-height:76vh;width:min(1200px,calc(100% - 42px));margin:auto;padding:110px 0 70px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.design-intro>span,.choice-panel>span{color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.18em}.design-intro h1{margin:20px 0;font:500 clamp(48px,6vw,82px)/.96 var(--serif);letter-spacing:-.05em}.design-intro h1 em{color:#e9c783}.design-intro p{max-width:720px;color:#9badb5;font-size:13px}.intro-arrows{margin-top:65px;display:grid;justify-items:center;gap:8px;color:#71858f;font-size:7px;text-transform:uppercase}.intro-arrows svg{width:18px}.design-option{width:min(1400px,calc(100% - 28px));margin:0 auto 160px}.option-label{width:min(1100px,calc(100% - 28px));margin:0 auto 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:20px}.option-label>span{color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.16em}.option-label strong{font:500 35px var(--serif)}.option-label p{margin:0;color:#81939c;font-size:8px;text-transform:uppercase}.mock-browser{overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#111;box-shadow:0 45px 120px rgba(0,0,0,.5)}.browser-top{height:34px;padding:0 13px;display:flex;align-items:center;gap:6px;color:#78909b;background:#0d1822;font-size:7px}.browser-top>i{width:7px;height:7px;border-radius:50%;background:#40515e}.browser-top>i:first-child{background:#f36a61}.browser-top>i:nth-child(2){background:#e1b654}.browser-top>i:nth-child(3){background:#55b985}.browser-top span{margin:auto}.option-notes{width:min(1100px,calc(100% - 28px));margin:25px auto 0;display:grid;grid-template-columns:1fr 1fr auto;gap:14px}.option-notes>div{padding:17px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;border:1px solid rgba(255,255,255,.1)}.option-notes svg{grid-row:1/3;width:18px;color:var(--gold)}.option-notes strong{font:500 14px var(--serif)}.option-notes p{margin:0;color:#81939c;font-size:8px}.option-notes>a{padding:15px;display:flex;align-items:center;gap:8px;color:#fff;border:1px solid rgba(255,255,255,.1);font-size:8px;font-weight:800;text-decoration:none;text-transform:uppercase}.option-notes>a svg{width:13px}
/* 01 — editorial */.editorial-page{min-height:670px;color:#1e2424;background:#eae3d4}.editorial-page>header{height:78px;padding:0 45px;display:flex;align-items:center;gap:45px;border-bottom:1px solid #b5ab96}.editorial-page>header>a{display:flex;align-items:center;gap:9px}.editorial-page>header>a b{width:38px;height:38px;display:grid;place-items:center;border:1px solid #202526;border-radius:50%;font:600 13px var(--serif)}.editorial-page>header>a span{font:600 11px/1 var(--serif)}.editorial-page>header nav{flex:1;text-align:center;font-size:7px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.editorial-page>header button,.editorial-hero button{padding:11px 13px;color:#f4eedf;border:0;background:#192426;font-size:7px;font-weight:800;text-transform:uppercase}.editorial-hero{min-height:500px;padding:60px 55px 40px;display:grid;grid-template-columns:110px 1fr 350px;gap:35px}.editorial-hero>aside{display:flex;align-items:flex-start;flex-direction:column}.editorial-hero>aside span,.editorial-hero article>p,.editorial-case>span{font-size:6px;font-weight:800;letter-spacing:.14em}.editorial-hero>aside i{width:1px;height:160px;margin:17px 0;background:#9b8b70}.editorial-hero>aside small{font:500 11px/1.2 var(--serif)}.editorial-hero article h2{margin:14px 0 30px;font:500 61px/.87 var(--serif);letter-spacing:-.06em}.editorial-hero article h2 em{color:#9b3c32}.editorial-hero article>div{display:flex;align-items:center;gap:17px}.editorial-hero article button{display:flex;align-items:center;gap:7px}.editorial-hero article button svg{width:12px}.editorial-hero article>div>span{font-size:7px}.editorial-case{padding:29px;position:relative;overflow:hidden;color:#f4eedf;background:#9e463d;box-shadow:17px 17px 0 #c5b99e;transform:rotate(2deg)}.editorial-case strong{display:block;margin-top:35px;font:500 28px/1.05 var(--serif)}.editorial-case>div{position:absolute;right:24px;bottom:25px;left:24px;display:flex;gap:5px}.editorial-case>div b{padding:5px;border:1px solid rgba(255,255,255,.35);font-size:5px}.editorial-case>i{position:absolute;right:-10px;top:40px;font:500 170px var(--serif);opacity:.09}.editorial-modules{height:92px;padding:0 45px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b5ab96}.editorial-modules span{padding:18px;border-right:1px solid #b5ab96;color:#766d5e;font-size:6px}.editorial-modules b{color:#1f2626;font:500 15px var(--serif)}.editorial-modules .hot{color:#9b3c32;background:#d8cbb4}
/* 02 — kinetic */.kinetic-page{min-height:680px;overflow:hidden;color:#f7faef;background:#080b13;font-family:var(--space)}.kinetic-page>header{height:76px;padding:0 35px;display:flex;align-items:center;gap:40px;border-bottom:1px solid #303541}.kinetic-page>header>a{display:flex;align-items:center;gap:10px}.kinetic-page>header>a b{width:40px;height:40px;display:grid;place-items:center;color:#080b13;border-radius:12px;background:var(--lime);font-size:13px}.kinetic-page>header>a span{font-size:9px;line-height:1}.kinetic-page>header nav{flex:1;text-align:center;color:#828997;font-size:7px}.kinetic-page>header nav span{color:var(--lime)}.kinetic-page>header button{padding:10px 14px;display:flex;align-items:center;gap:6px;color:#080b13;border:0;border-radius:999px;background:var(--lime);font-size:7px;font-weight:800}.kinetic-page>header button svg{width:12px}.kinetic-hero{min-height:490px;position:relative;padding:68px 60px}.ticker{position:absolute;top:0;right:0;left:0;overflow:hidden;color:#080b13;background:var(--cyan);font-size:7px;font-weight:800;line-height:24px;white-space:nowrap}.ticker span{display:block;word-spacing:25px}.kinetic-hero article>p{color:var(--cyan);font-size:7px;font-weight:800;letter-spacing:.17em}.kinetic-hero article h2{position:relative;z-index:3;margin:14px 0 24px;font:700 69px/.78 var(--space);letter-spacing:-.08em}.kinetic-hero article h2 i{color:var(--lime);font-style:normal}.kinetic-hero article button{padding:13px 15px;display:flex;align-items:center;gap:8px;color:#fff;border:1px solid #3b414e;background:transparent;font-size:7px;font-weight:800}.kinetic-hero article button svg{width:13px;color:var(--lime)}.kinetic-orbit{width:385px;height:385px;position:absolute;right:85px;top:62px;border:1px dashed #3f4656;border-radius:50%;background:radial-gradient(circle,rgba(40,224,210,.16),transparent 60%)}.kinetic-orbit>i{position:absolute;inset:50px;border:1px solid #2b3240;border-radius:50%;transform:rotate(35deg)}.kinetic-orbit>i:nth-child(2){inset:100px;transform:rotate(-15deg)}.kinetic-orbit>div{width:130px;height:130px;position:absolute;left:50%;top:50%;display:grid;place-items:center;color:#080b13;border-radius:34px;background:var(--lime);font-size:18px;font-weight:900;line-height:.8;text-align:center;transform:translate(-50%,-50%) rotate(-8deg);box-shadow:0 0 60px rgba(216,255,69,.22)}.kinetic-orbit>span{width:48px;height:48px;position:absolute;display:grid;place-items:center;border:1px solid #4a5160;border-radius:50%;background:#111723;font-size:12px;font-weight:800}.ko-1{left:15px;top:165px;color:#ff796d}.ko-2{left:90px;top:18px;color:#6ba7ff}.ko-3{right:45px;top:50px;color:#ba8dff}.ko-4{right:3px;bottom:105px;color:#ff796d}.ko-5{left:120px;bottom:0;color:var(--cyan)}.kinetic-news{width:310px;position:absolute;right:35px;bottom:20px;padding:17px;border:1px solid #3a4150;background:rgba(15,20,31,.93);transform:rotate(2deg)}.kinetic-news span{color:#080b13;background:#ff796d;font-size:6px;font-weight:800}.kinetic-news p{margin:8px 0;font-size:11px}.kinetic-news b{color:var(--lime);font-size:6px}.kinetic-cards{height:114px;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;background:#0d111a}.kinetic-cards>span{padding:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid #303643;font-size:7px}.kinetic-cards b{color:#66707e}.kinetic-cards i{font-style:normal}.kinetic-cards .kc-hot{color:#080b13;background:var(--cyan);transform:rotate(-1deg)}.kinetic-cards .kc-hot b{color:#16635f}
/* 03 — atlas */.atlas-page{min-height:680px;display:grid;grid-template-columns:230px 1fr;color:#193047;background:#eef3f4}.atlas-page>aside{padding:28px 24px;display:flex;flex-direction:column;color:#e9f0f2;background:#10283b}.atlas-page>aside>a{display:flex;align-items:center;gap:9px}.atlas-page>aside>a b{width:38px;height:38px;display:grid;place-items:center;color:#10283b;border-radius:50%;background:#f0cf88;font:600 13px var(--serif)}.atlas-page>aside>a span{font:600 11px/1 var(--serif)}.atlas-page>aside nav{margin-top:45px;display:grid;gap:5px}.atlas-page>aside nav span{padding:9px 10px;color:#8fa7b5;border-radius:7px;font-size:7px}.atlas-page>aside nav .active{color:#10283b;background:#f0cf88}.atlas-page>aside nav .case-nav{color:#fff;border:1px solid #385267}.atlas-page>aside small{margin-top:auto;color:#718c9c;font-size:6px;line-height:1.6}.atlas-page>main{padding:0 35px 35px}.atlas-page>main>header{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c7d3d7}.atlas-page>main>header span{font-size:6px;font-weight:800;letter-spacing:.14em}.atlas-page>main>header button{padding:10px 13px;display:flex;align-items:center;gap:7px;color:#fff;border:0;border-radius:7px;background:#153349;font-size:7px;font-weight:800}.atlas-page>main>header svg{width:12px}.atlas-title{padding:35px 0 25px;display:flex;align-items:end;justify-content:space-between}.atlas-title p,.atlas-grid article>span{color:#d25447;font-size:6px;font-weight:800;letter-spacing:.12em}.atlas-title h2{margin:8px 0 0;font:500 43px/.98 var(--serif);letter-spacing:-.04em}.atlas-title h2 em{color:#d25447}.atlas-score{display:flex;align-items:center;gap:10px}.atlas-score b{font:600 47px var(--serif)}.atlas-score span{color:#687f8c;font-size:6px;text-transform:uppercase}.atlas-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:9px}.atlas-grid article{min-height:175px;padding:20px;position:relative;border:1px solid #cad6da;border-radius:12px;background:#f8fbfb}.atlas-grid article h3{margin:25px 0 5px;font:600 20px/1.05 var(--serif)}.atlas-grid article p{margin:0;color:#6d818b;font-size:7px}.atlas-grid article>i,.atlas-grid article>svg{width:25px;position:absolute;right:18px;top:18px;color:#2d75c9}.atlas-grid .atlas-case{min-height:260px;grid-row:span 2;color:#fff;border:0;background:linear-gradient(135deg,#d75c50,#9d353e)}.atlas-grid .atlas-case span{color:#ffd4c6}.atlas-grid .atlas-case h3{font-size:30px}.atlas-grid .atlas-case p{max-width:340px;color:#f7c5bd;font-size:8px}.atlas-grid .atlas-case button{position:absolute;left:20px;bottom:20px;padding:9px;color:#9d353e;border:0;border-radius:6px;background:#fff;font-size:7px;font-weight:800}.atlas-grid .atlas-case::after{content:"§";position:absolute;right:18px;bottom:-35px;font:500 170px var(--serif);opacity:.1}.atlas-grid article>b{display:block;margin-top:25px;color:#2d75c9;font:600 31px var(--serif)}.atlas-grid .atlas-lab{grid-column:span 2;min-height:75px;background:#e2eef4}.atlas-grid .atlas-lab h3{margin-top:15px}
.choice-panel{min-height:78vh;width:min(1050px,calc(100% - 42px));margin:auto;padding:100px 0;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.choice-panel h2{margin:17px 0 35px;font:500 clamp(40px,5vw,64px)/.98 var(--serif)}.choice-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice-grid a{padding:25px;display:grid;color:#fff;border:1px solid rgba(255,255,255,.13);background:#0b1d2b;text-align:left;text-decoration:none;transition:.2s}.choice-grid a:hover{border-color:var(--gold);transform:translateY(-5px)}.choice-grid b{color:var(--gold);font-size:8px}.choice-grid strong{margin:22px 0 5px;font:500 20px var(--serif)}.choice-grid small{color:#80949e;font-size:8px}.choice-panel>p{max-width:650px;margin:30px 0;color:#8397a0;font-size:10px}.return-button{padding:13px 16px;display:flex;align-items:center;gap:8px;color:#0a1420;background:#e9c783;font-size:8px;font-weight:800;text-decoration:none;text-transform:uppercase}.return-button svg{width:13px}@media(max-width:1000px){.option-label{grid-template-columns:auto 1fr}.option-label p{grid-column:2}.option-notes{grid-template-columns:1fr 1fr}.option-notes>a{grid-column:1/-1;width:max-content}.editorial-hero{grid-template-columns:70px 1fr}.editorial-case{display:none}.kinetic-orbit{opacity:.35;right:0}.atlas-page{grid-template-columns:170px 1fr}.atlas-grid{grid-template-columns:1fr 1fr}.atlas-grid .atlas-case{grid-column:1/-1;grid-row:auto}.atlas-grid .atlas-lab{grid-column:1/-1}}@media(max-width:700px){.studio-bar{padding:0 14px;gap:15px}.studio-brand strong,.back-site{display:none}.studio-bar nav{justify-content:flex-start;overflow-x:auto}.design-option{width:calc(100% - 16px)}.option-label{grid-template-columns:1fr}.option-label p{grid-column:auto}.option-notes{grid-template-columns:1fr}.editorial-page,.kinetic-page,.atlas-page{min-height:600px}.editorial-page>header,.kinetic-page>header{padding:0 16px}.editorial-page>header nav,.kinetic-page>header nav{display:none}.editorial-hero{padding:45px 18px;grid-template-columns:1fr}.editorial-hero>aside{display:none}.editorial-hero article h2{font-size:50px}.editorial-modules{padding:0;grid-template-columns:1fr 1fr}.editorial-modules span:nth-child(2),.editorial-modules span:nth-child(3){display:none}.kinetic-hero{padding:65px 20px}.kinetic-hero article h2{font-size:49px}.kinetic-orbit{width:300px;height:300px;right:-100px;top:100px}.kinetic-news{right:14px}.kinetic-cards{grid-template-columns:1fr 1fr}.kinetic-cards span:nth-child(2),.kinetic-cards span:nth-child(4){display:none}.atlas-page{grid-template-columns:1fr}.atlas-page>aside{display:none}.atlas-page>main{padding:0 14px 25px}.atlas-title h2{font-size:35px}.atlas-score{display:none}.atlas-grid{grid-template-columns:1fr 1fr}.choice-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}