*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#120d0d;color:#fff1e6;font:17px/1.55 system-ui,sans-serif}a{color:inherit}header{position:sticky;top:0;z-index:2;background:#150e0efa;border-bottom:1px solid #553a2e;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 4vw}header a{text-decoration:none;font-size:.86rem;font-weight:750}nav{display:flex;gap:clamp(10px,2vw,30px)}button,.hero-action a,.back{display:inline-block;padding:.5em .9em;border:1px solid #d5a47a;background:#261812;color:inherit;font:inherit;text-decoration:none;cursor:pointer}.hero{position:relative;background:#0a0807}.hero>img{display:block;width:100%;max-height:80svh;object-fit:cover;object-position:center top}.hero-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 6vw;background:#211611}.hero-action span,small{color:#ffc58f;letter-spacing:.15em;font-weight:750;font-size:.78rem}.hero-action a{background:#ffc58f;color:#1c100b;font-weight:750}.back{margin:1rem 6vw}.chapter{padding:clamp(2.6rem,6vw,6rem) 6vw;border-bottom:1px solid #553a2e}.chapter:nth-of-type(even){background:#1a1110}.chapter-head{margin:0 0 2rem}h2{font-size:clamp(2.7rem,6vw,6rem);line-height:.98;letter-spacing:-.055em;margin:.25rem 0 0}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(24px,5vw,80px);align-items:start}.copy-block{margin-bottom:1rem}h3{font-size:1rem;line-height:1.35;letter-spacing:.04em;color:#ffca9b;margin:1.15rem 0 .3rem}p{margin:.25rem 0 .85rem}img{width:100%;display:block}.visuals img{border-radius:4px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.65rem}.gallery img{height:100%;aspect-ratio:16/10;object-fit:contain;background:#0a0807}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}footer{padding:2rem 6vw;color:#e0bdab}:focus-visible{outline:3px solid #ffca9b;outline-offset:4px}@media(max-width:850px){header nav{display:none}.split{grid-template-columns:1fr}.hero>img{max-height:none}.chapter{padding-inline:5vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:#120b11}header{background:#190f17}.chapter:nth-of-type(even){background:#1c1019}small{color:#ff9bc1}.hero-action a{background:#ff9bc1}.extra img{width:min(100%,18rem);margin:auto}.examples .visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.examples .gallery{display:contents}.examples .copy:empty,.gallery:empty{display:none}.gallery img{aspect-ratio:auto}@media(max-width:650px){.examples .visuals{grid-template-columns:1fr}}
.chapter{padding-inline:clamp(20px,3vw,60px)}.split{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:clamp(20px,3vw,56px)}.attention-art>img{margin-bottom:1.5rem}.attention-art>.gallery:empty{display:none}.gallery{align-items:start}.gallery img,.visuals img{height:auto;aspect-ratio:auto;object-fit:initial;background:transparent}#c6 .split{display:flex;flex-direction:column}#c6 .visuals{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.75rem}#c6 .gallery{display:contents}@media(max-width:850px){.split{grid-template-columns:1fr}#c6 .visuals{grid-template-columns:1fr}}
.chapter h2{font-size:clamp(2rem,3.8vw,4.25rem);line-height:1.08;max-width:28ch;margin:1.5rem 0 1rem;text-wrap:balance}.chapter .copy{font-size:clamp(1.075rem,1.65vw,1.375rem);line-height:1.6}.chapter .mission{font-size:clamp(1.5rem,3vw,3rem);line-height:1.12;margin:0 0 1rem;text-wrap:balance}.chapter-art>img,.attention-art>img{width:100%;height:auto;border-radius:4px}.chapter-art .gallery{margin-top:.75rem}#c6 .chapter-art .gallery{display:grid}
.chapter h2{max-width:none;text-wrap:wrap}.menu-divider{border-inline-start:1px solid #8f6276;padding-inline-start:clamp(12px,2vw,28px)}nav{gap:clamp(9px,1.6vw,24px)}.challenge-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(4px,.65vw,12px)}.challenge-panel img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;border-radius:4px}

.challenge-panel{gap:6px;background:transparent}.challenge-panel figure{position:relative;margin:0;min-width:0}.challenge-panel img{display:block;aspect-ratio:4/5;border-radius:0}.challenge-panel figcaption{position:absolute;top:0;left:0;width:max-content;min-width:58%;max-width:97%;padding:.22em .4em;background:#020f26;color:#ff0066;font-weight:900;text-transform:uppercase;font-size:clamp(.55rem,1.85vw,1.65rem);line-height:1.15;letter-spacing:-.025em}

#c6 .copy p{margin:0}#c6 .copy p+p{margin-top:.4rem}