:root{--bg:#f3f1ec;--card:#fff;--ink:#151515;--mute:#5e5c57;--line:#dedad2;--red:#d33d2c;--f-head:"Unbounded", "Arial Black", sans-serif;--f-text:"Onest", "Segoe UI", system-ui, sans-serif;--pad:clamp(16px, 4vw, 56px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--f-text);-webkit-font-smoothing:antialiased;margin:0}h1,h2,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.top{max-width:1400px;padding:22px var(--pad);justify-content:space-between;gap:16px;margin:0 auto;font-size:14px;display:flex}.top__brand{letter-spacing:.02em;font-weight:700}.top__brand span{color:var(--mute);font-weight:400}.top__meta{color:var(--mute)}.intro{max-width:1400px;padding:clamp(40px, 7vw, 100px) var(--pad) clamp(40px, 6vw, 80px);grid-template-columns:7fr 5fr;align-items:end;gap:32px;margin:0 auto;display:grid}.intro h1{font:700 clamp(38px, 6vw, 92px)/.98 var(--f-head);letter-spacing:-.04em}.intro__text>p{font-size:clamp(17px,1.4vw,20px)}.legend{color:var(--mute);gap:8px;margin-top:20px;font-size:14px;display:grid}.mark{background:var(--red);color:#fff;border-radius:999px;margin-right:4px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.mark--todo{color:#5c4a00;background:#fff1b8;border-radius:3px;font-family:ui-monospace,monospace}.concepts{max-width:1400px;padding:0 var(--pad);counter-reset:c;gap:clamp(20px,3vw,36px);margin:0 auto;display:grid}.concept{background:var(--card);border-radius:28px;grid-template-columns:7fr 5fr;align-items:center;gap:clamp(20px,3vw,48px);padding:clamp(16px,2vw,28px);display:grid}.concept__shot{background:var(--bg);aspect-ratio:16/10;border-radius:18px;display:block;position:relative;overflow:hidden}.concept__d{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.concept__m{border-radius:14px;width:21%;transition:transform .8s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-18%;right:4%;box-shadow:0 0 0 5px #151515,0 20px 40px -10px #00000073}.concept:hover .concept__d{transform:scale(1.02)}.concept:hover .concept__m{transform:translateY(-4%)}.concept__n{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-size:13px}.concept h2{font:700 clamp(30px, 3.2vw, 48px)/1.05 var(--f-head);letter-spacing:-.03em;margin-top:10px}.concept__idea{margin-top:14px;font-size:clamp(17px,1.3vw,19px)}.concept__list{color:var(--mute);gap:8px;margin-top:18px;font-size:15px;display:grid}.concept__list li{padding-left:20px;position:relative}.concept__list li:before{content:"";background:var(--line);border-radius:50%;width:8px;height:8px;position:absolute;top:.6em;left:0}.open{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:10px;min-height:52px;margin-top:26px;padding:0 26px;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.open:after{content:"→";transition:transform .3s}.open:hover{background:var(--red)}.open:hover:after{transform:translate(4px)}.foot{max-width:1400px;padding:clamp(40px, 6vw, 80px) var(--pad) 48px;color:var(--mute);margin:0 auto;font-size:14px}.foot p{max-width:70ch}@media (width<=860px){.intro,.concept{grid-template-columns:1fr}.concept__m{width:26%;bottom:-12%}.top__brand span{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}