:root{--paper:#f7f5ed;--ink:#252720;--muted:#62655c;--line:#d9ddd0;--purple:#6b58ad}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--purple);outline-offset:6px;border-radius:3px}.skip{position:absolute;left:20px;top:-80px;background:white;padding:16px;z-index:9}.skip:focus{top:10px}body>header,body>main,body>footer{max-width:1240px;margin:auto}body>header{padding:30px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:30px;font-weight:900;letter-spacing:-2px}.brand span{font-size:22px;letter-spacing:-1px}.brand i{width:8px;height:8px;background:#9bac52;border-radius:50%;align-self:flex-start;margin-top:8px}body>header nav{display:flex;gap:30px;font-size:14px;font-weight:600}body>header nav a{padding:12px 0}body>main{padding:0 40px}.hero{position:relative;padding:70px 0 68px;border-bottom:1px solid var(--line);overflow:hidden}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:700;color:var(--muted)}h1{font-size:clamp(62px,7.5vw,100px);line-height:.96;letter-spacing:-6px;margin:26px 0 22px;font-weight:800}.hero p{font-size:18px;color:var(--muted);line-height:1.5;max-width:380px;margin:0 0 25px}.status{width:max-content;max-width:100%;display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:10px 14px;font-size:11px;color:var(--muted)}.status i{width:6px;height:6px;border-radius:50%;background:#7e875f}.hero-mark{position:absolute;right:30px;top:78px;display:flex;align-items:center;gap:0;transform:rotate(-9deg)}.hero-mark span{display:flex;align-items:center;justify-content:center;width:140px;height:180px;border-radius:24px;background:#e4dfef;color:#5e4c94;font-size:100px;font-weight:700;transform:rotate(-8deg);box-shadow:0 12px 25px #2527200b}.hero-mark span:nth-child(2){background:#e2ecb1;color:#43502a;transform:translateY(45px) rotate(13deg);margin-left:-25px}.hero-mark span:nth-child(3){background:#f0d6bd;color:#8b4d24;transform:translateY(15px) rotate(24deg);margin-left:-25px}.collection{padding:52px 0 12px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}h2{font-size:46px;letter-spacing:-2px;margin:10px 0 0;line-height:1.1}.count{font-size:12px;color:var(--muted);padding-bottom:5px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);border-radius:18px;padding:25px;background:#fbfaf5;min-height:203px;break-inside:avoid}.icon{display:flex;width:44px;height:44px;border-radius:13px;align-items:center;justify-content:center;margin-bottom:24px}.icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tone-0{background:#e8e2f2;color:#685392}.tone-1{background:#e7eccf;color:#596a30}.tone-2{background:#f1e1d2;color:#88552e}.tone-3{background:#dce9e7;color:#426964}h3{font-size:18px;line-height:1.25;margin:0 0 10px;letter-spacing:-.4px}.card p{font-size:14px;line-height:1.55;color:var(--muted);margin:0;max-width:31ch}body>footer{display:flex;justify-content:space-between;gap:20px;margin-top:64px;padding:30px 40px 40px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}body>footer a{text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.hero-mark{right:-20px;top:120px;transform:scale(.7) rotate(-9deg);transform-origin:right center}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero p{max-width:300px}h1{font-size:76px}}@media(max-width:600px){body>header{padding:20px 22px}body>main{padding:0 22px}body>header nav{gap:20px;font-size:13px}.brand span{font-size:19px}.hero{padding:45px 0 36px}.hero-mark{display:none}h1{font-size:64px;letter-spacing:-4px}.hero p{font-size:16px;max-width:280px}.eyebrow{font-size:10px;letter-spacing:1.5px}.collection{padding-top:38px}.section-title{margin-bottom:20px}h2{font-size:38px}.grid{grid-template-columns:1fr;gap:12px}.card{min-height:0;padding:22px;display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:16px}.icon{width:42px;height:42px;margin:0;grid-column:1;grid-row:1 / 3}.card h3{grid-column:2;grid-row:1}.card p{grid-column:2;grid-row:2}h3{font-size:17px;margin-bottom:7px}.card p{font-size:13px;max-width:none}.count{font-size:11px}body>footer{margin-top:38px;padding:25px 22px;display:block;line-height:2.2}body>footer a{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}.card-link{display:block;height:100%;border-radius:12px}.card{position:relative;transition:border-color .15s,background .15s}.card:has(a:hover){border-color:#9b93ad;background:#fffdf7}.card-link:focus-visible{outline-offset:10px}.card h3:after{content:' ↗';font-size:13px;color:var(--muted)}.format-detail{padding:36px 0 56px}.back-link{font-size:13px;display:inline-block;padding:10px 0;margin-bottom:28px;text-decoration:underline;text-underline-offset:5px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.format-detail h1{font-size:52px;line-height:1.05;letter-spacing:-2.5px;margin:18px 0 22px}.format-detail h1:focus{outline:none}.detail-description{font-size:18px;line-height:1.6;color:var(--muted);max-width:40ch}.format-detail h2{font-size:20px;letter-spacing:-.5px;margin:35px 0 20px}.steps{list-style:none;counter-reset:step;padding:0;display:grid;gap:18px}.steps li{counter-increment:step;display:flex;align-items:flex-start;gap:14px;line-height:1.5;font-size:15px}.steps li:before{content:'0' counter(step);font-size:11px;color:var(--purple);font-weight:bold;padding-top:4px;flex-shrink:0}.format-visual{margin:0;background:#eeece4;border:1px solid var(--line);padding:20px;border-radius:24px}.format-visual img{display:block;width:100%;height:auto;border-radius:14px}.format-visual figcaption{font-size:11px;line-height:1.5;color:var(--muted);margin:15px 2px 0}.concept-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--purple);font-weight:bold}@media(max-width:900px){.detail-layout{gap:26px}.format-detail h1{font-size:42px}}@media(max-width:600px){.card-link{display:contents}.detail-layout{grid-template-columns:1fr;gap:28px}.format-detail{padding-top:20px}.back-link{margin-bottom:20px}.format-detail h1{font-size:38px;letter-spacing:-1.5px}.detail-description{font-size:16px}.format-visual{padding:12px;border-radius:18px}.steps li{font-size:14px}.card:has(a:focus-visible){outline:3px solid var(--purple);outline-offset:3px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}