:root{--kraft: #e7ddc9;--ink: #26221c;--tag-red: #c23b2a;--label: #faf8f2;--mute: #7c7364;--line: #cabfa6;--cond: "Helvetica Neue", Helvetica, Arial, sans-serif;--sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;--max: 900px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}body{font-family:var(--sans);background:var(--kraft);color:var(--ink);line-height:1.9;font-size:15.5px;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}.skip-link{position:absolute;left:-9999px;background:var(--tag-red);color:#fff;padding:.6em 1em;z-index:100}.skip-link:focus{left:0;top:0}a:focus-visible{outline:2px solid var(--tag-red);outline-offset:3px}.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(20px,5vw,40px)}.site-head{border-bottom:2px solid var(--ink)}.site-head .inner{max-width:var(--max);margin:0 auto;padding:13px clamp(20px,5vw,40px);display:flex;justify-content:space-between;align-items:center;gap:12px}.site-head .logo{font-family:var(--cond);font-weight:800;letter-spacing:.02em;text-decoration:none;color:var(--ink);font-size:1.05rem;text-transform:uppercase}.site-head a.ig{font-family:var(--cond);font-weight:700;font-size:.78rem;letter-spacing:.1em;color:var(--tag-red);text-decoration:none;white-space:nowrap}.site-head a.ig:hover,.site-head a.ig:focus-visible{text-decoration:underline;text-underline-offset:3px}.hero{padding:clamp(56px,11vh,120px) 0 clamp(40px,8vh,80px);border-bottom:2px solid var(--ink)}.hero .role{display:inline-block;font-family:var(--cond);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--kraft);padding:.35em 1em;transform:rotate(-2deg)}.hero h1{font-family:var(--cond);font-weight:800;font-size:clamp(3rem,12vw,6.5rem);line-height:.98;letter-spacing:-.01em;text-transform:uppercase;margin:.35em 0 .3em}.hero .lead{max-width:30em}section{padding:clamp(48px,8vh,84px) 0}section+section{border-top:2px solid var(--ink)}.sec-label{font-family:var(--cond);font-weight:700;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tag-red);display:block;margin-bottom:1em}h2{font-family:var(--cond);font-weight:800;text-transform:uppercase;font-size:clamp(1.5rem,4.2vw,2.2rem);letter-spacing:.01em;margin-bottom:.9em}.muted{color:var(--mute);font-size:.9rem}.note{font-size:.85rem;color:var(--mute);margin-top:1.4em}.popup-placeholder{border:2px dashed var(--ink);padding:clamp(24px,5vw,40px);max-width:40em;color:var(--mute)}.tag-list{display:grid;gap:16px}.tag-card{background:var(--label);border:2px solid var(--ink);padding:clamp(18px,3.5vw,28px);display:grid;grid-template-columns:auto 1fr;gap:1.4em;align-items:center;position:relative}.tag-card .date{font-family:var(--cond);font-weight:800;font-size:1.6rem;color:var(--tag-red);line-height:1;text-align:center}.tag-card .date .mo{display:block;font-size:.7rem;letter-spacing:.2em;color:var(--ink)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,3vw,24px)}@media(max-width:680px){.steps{grid-template-columns:1fr}}.step{border:2px solid var(--ink);padding:clamp(18px,3.5vw,28px);background:var(--label)}.step .n{font-family:var(--cond);font-weight:800;font-size:1.8rem;color:var(--tag-red)}.step h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1rem;margin:.3em 0 .5em}.step p{font-size:.9rem}.cats{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid var(--ink)}.cat{padding:clamp(22px,4.5vw,40px)}.cat:first-child{border-right:2px solid var(--ink)}.cat h3{font-family:var(--cond);font-weight:800;text-transform:uppercase;font-size:1.3rem;color:var(--tag-red);margin-bottom:.5em}@media(max-width:620px){.cats{grid-template-columns:1fr}.cat:first-child{border-right:none;border-bottom:2px solid var(--ink)}}.btn{display:inline-block;text-decoration:none;font-family:var(--cond);font-weight:800;letter-spacing:.1em;font-size:.85rem;text-transform:uppercase;background:var(--tag-red);color:#fff;padding:.85em 2em;margin-top:1.4em;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.btn:hover,.btn:focus-visible{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.text-link{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--tag-red);text-decoration-thickness:2px}.en-body{max-width:40em}footer{background:var(--ink);color:#c9bfa2;padding:clamp(36px,6vh,60px) 0 28px;font-size:.85rem}footer .brand{font-family:var(--cond);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--kraft);font-size:1.1rem}footer a{color:var(--label)}footer .demo-note{margin-top:2em;font-size:.74rem;line-height:1.7;opacity:.8;max-width:44em}.nf{min-height:70vh;display:grid;place-items:center;text-align:center;padding:40px 20px}.nf h1{font-family:var(--cond);font-weight:800;font-size:clamp(3rem,10vw,5rem)}