:root{--bg-canvas:#30202b;--bg-surface:#422d38;--bg-surface-hover:#503440;--text-primary:#f5eee8;--text-muted:#d5c1c8;--accent-primary:#ff6f59;--accent-secondary:#efbc8b;--border-subtle:#94636a;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px var(--accent-primary);--glass-backdrop:blur(16px) saturate(180%);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.8 "Trebuchet MS","Segoe UI",sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-secondary);text-underline-offset:5px}a:hover{color:var(--text-primary)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover;border-radius:var(--radius)}h1,h2,h3{line-height:1.13;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}h1{font-size:clamp(2.5rem,5.2vw,4.7rem);margin:.3em 0 .5em}h2{font-size:clamp(1.8rem,3.2vw,2.65rem);margin:0 0 .6em}h3{font-size:1.3rem;margin:.2em 0 .65em}p{margin:.75em 0 1.15em}ul,ol{padding-left:1.4em}small,.small{font-size:.85rem;color:var(--text-muted)}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}.skip-link{position:absolute;top:-100px;left:16px;z-index:20;background:var(--text-primary);color:var(--bg-canvas);padding:12px}.skip-link:focus{top:12px}.site-header{position:relative;padding:24px 30px 0;border-bottom:1px solid var(--border-subtle)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text-primary);font-weight:bold;font-size:1.05rem;text-decoration:none;letter-spacing:-.02em}.brand-mark{width:32px;height:32px;display:inline-grid;place-items:center;border:1px solid var(--accent-primary);border-radius:10px;color:var(--accent-primary);flex-shrink:0}.site-nav{display:flex;gap:26px;justify-content:center;padding:19px 0 21px}.site-nav a{font-size:.9rem;color:var(--text-muted);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent-primary)}.menu-toggle{display:none}.container{max-width:1200px;margin:0 auto;padding:0 28px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:34px;align-items:center;min-height:610px;padding-top:64px;padding-bottom:70px;position:relative}.evidence-grid{background-image:linear-gradient(rgba(239,188,139,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(239,188,139,.05) 1px,transparent 1px);background-size:38px 38px}.eyebrow{color:var(--accent-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:bold}.hero .intro{font-size:1.15rem;color:var(--text-muted);max-width:45ch}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;background:var(--accent-primary);color:#30202b;border:1px solid var(--accent-primary);border-radius:12px;box-shadow:4px 4px 0 #160e15;font-weight:bold;text-decoration:none;transition:transform .25s var(--ease-kinetic),box-shadow .25s var(--ease-kinetic),background .25s}.button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 #160e15;color:#30202b;background:#ff8977}.button.secondary{background:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.button.secondary:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.button-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0}.photo-sequence{height:400px;position:relative;min-width:0}.photo-sequence figure{position:absolute;margin:0;width:57%;transition:transform .6s var(--ease-kinetic)}.photo-sequence img{width:100%;aspect-ratio:4/5;filter:brightness(.67) saturate(.6);border:1px solid var(--border-subtle);box-shadow:0 16px 35px #160e1570}.photo-sequence figure:nth-child(1){left:0;top:0;transform:rotate(-8deg)}.photo-sequence figure:nth-child(2){left:23%;top:49px;transform:rotate(5deg);z-index:1}.photo-sequence figure:nth-child(3){right:0;top:110px;transform:rotate(-3deg);z-index:2}.photo-sequence figcaption{position:absolute;bottom:16px;left:16px;background:#30202be6;border:1px solid var(--border-subtle);padding:3px 10px;border-radius:8px;font-size:.75rem;color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase}.section{padding:76px 0;border-top:1px solid var(--border-subtle)}.section-intro{max-width:68ch;color:var(--text-muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px;margin-top:30px}.panel,.article-row,.evidence-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:28px;box-shadow:none}.panel{transition:transform .4s var(--ease-kinetic),background .4s,border-color .4s}.panel:hover{transform:translateY(-5px);background:var(--bg-surface-hover);border-color:var(--accent-primary)}.panel p{color:var(--text-muted)}.tag{display:inline-block;border:1px solid var(--border-subtle);border-radius:30px;padding:3px 11px;color:var(--accent-secondary);font-size:.72rem;letter-spacing:.04em;margin-bottom:12px}.tag.spoiler{color:#ffb3a5;border-color:#c47e77}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split.reverse .split-image{order:2}.split-image{margin:0}.split-image img{width:100%;aspect-ratio:4/3;border:1px solid var(--border-subtle);filter:brightness(.8) saturate(.6)}figcaption{font-size:.78rem;color:var(--text-muted);margin-top:10px}.split-copy p{color:var(--text-muted)}.evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.evidence-panel{padding:21px}.evidence-panel strong{display:block;color:var(--accent-secondary);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.evidence-panel p{font-size:.95rem;margin:.5em 0}.article-row{display:grid;grid-template-columns:85px 1fr auto;gap:22px;align-items:center;margin:16px 0;padding:20px}.article-row img{width:85px;height:85px;aspect-ratio:1;border:1px solid var(--border-subtle)}.article-row h3{margin:0 0 8px}.article-row p{margin:0;color:var(--text-muted);font-size:.9rem}.article-row .tag{margin:0}.arrow{font-size:1.5rem;text-decoration:none}.page-heading{max-width:900px;padding:64px 0 36px}.page-heading h1{font-size:clamp(2.5rem,5vw,4rem)}.page-heading .intro{max-width:68ch;color:var(--text-muted);font-size:1.1rem}.reading{max-width:72ch;margin:0 auto}.reading h2{font-size:1.9rem;margin-top:1.5em}.reading h3{margin-top:1.4em}.reading p,.reading li{color:var(--text-muted)}.reading strong{color:var(--text-primary)}.article-body{padding-bottom:65px}.article-banner{margin:0 0 35px}.article-banner img{width:100%;aspect-ratio:16/9;max-height:440px;border:1px solid var(--border-subtle)}.notice{border-left:3px solid var(--accent-primary);padding:14px 22px;background:var(--bg-surface);border-radius:0 20px 20px 0;margin:25px 0}.notice p{margin:.3em 0}.toc{display:flex;flex-wrap:wrap;gap:12px 22px;margin:22px 0 32px;font-size:.9rem}details{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-surface);margin:14px 0;padding:0 24px}summary{cursor:pointer;padding:21px 0;font-weight:bold;line-height:1.5}details[open]{padding-bottom:14px}details p{margin-top:0}.spoiler-disclosure{border-color:var(--accent-primary)}.spoiler-disclosure summary{color:#ffb3a5}.faq-list{margin:30px 0 65px}.form-panel{max-width:72ch;margin:0 auto 60px}.field{display:block;margin:18px 0}.field span{display:block;margin-bottom:7px;font-weight:bold}input,textarea,select{width:100%;background:#30202b;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 14px;min-height:48px}textarea{resize:vertical;min-height:170px}input::placeholder,textarea::placeholder{color:#bda4ae}.output{min-height:190px;white-space:pre-wrap}.status{min-height:1.8em;color:var(--accent-secondary);font-size:.9rem}.site-footer{border-top:1px solid var(--border-subtle);padding:36px 28px;color:var(--text-muted);font-size:.85rem}.footer-inner{max-width:1144px;margin:auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.site-footer p{margin:8px 0}.site-footer a{color:var(--text-muted)}.footer-note{max-width:65ch}.reading-end{margin:35px 0 0}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}.preference-box{max-width:72ch;margin:0 auto 60px}.preference-box h2{font-size:1.5rem}
@media(min-width:1025px){.photo-sequence{margin-left:20px}.hero:before{content:"";position:absolute;z-index:-1;width:360px;height:360px;right:70px;top:80px;border-radius:50%;background:radial-gradient(circle,#ff6f5918,transparent 70%);animation:ambientFloat 12s ease-in-out infinite}}
@keyframes ambientFloat{50%{transform:translate(-20px,25px) scale(1.08)}}
@media(min-width:769px) and (max-width:1024px){.hero{gap:20px;min-height:570px}.photo-sequence{height:340px}.site-nav{gap:20px}.split{gap:30px}.container{padding:0 24px}}
@media(max-width:768px){.site-header{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:10px}.brand{font-size:.9rem}.brand-mark{width:28px;height:28px}.menu-toggle{display:inline-grid;place-items:center;width:44px;height:44px;font-size:1.8rem;line-height:1;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary)}.site-nav{position:absolute;left:16px;right:16px;top:calc(100% + 8px);display:none;z-index:10;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:16px;grid-template-columns:1fr 1fr;gap:4px}.site-nav.is-open{display:grid;animation:menuEnter .25s var(--ease-kinetic)}.site-nav a{padding:10px 14px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:55px;gap:20px}.hero h1{max-width:15ch}.photo-sequence{height:350px;max-width:460px;width:100%;margin:10px auto 30px}.photo-sequence img{aspect-ratio:4/4.5}.split{grid-template-columns:1fr;gap:28px}.split.reverse .split-image{order:0}.section{padding:48px 0}.page-heading{padding-top:40px}.article-row{grid-template-columns:64px 1fr;gap:16px}.article-row img{width:64px;height:64px}.article-row .arrow{display:none}.footer-inner{display:block}.footer-links{margin-top:20px}.evidence-pair{gap:12px}.panel{padding:24px}}
@keyframes menuEnter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){body{font-size:16px}.container{padding:0 20px}.brand{font-size:.78rem;gap:7px}.site-header{padding:15px 16px}.hero h1{font-size:2.8rem}.photo-sequence{height:290px}.photo-sequence figure:nth-child(3){top:80px}.photo-sequence figure:nth-child(2){top:36px}.photo-sequence figcaption{left:10px;bottom:10px;font-size:.65rem}.evidence-pair{grid-template-columns:1fr}.page-heading h1{font-size:2.5rem}.panel,.form-panel{padding:22px}.article-row{padding:16px}.button-row{gap:13px}.site-footer{padding:28px 20px}.reading h2{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}
@media print{body{background:white;color:#222}.site-header,.site-footer,.button-row,.photo-sequence,.menu-toggle{display:none}.reading p,.reading li,.section-intro{color:#222}.panel,details,.notice{background:white;border-color:#777}a{color:#333}.reveal-ready{opacity:1;transform:none}details:not([open]){display:none}}