/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V4
 * genre: atmospheric · macrostructure: full-bleed dossier · theme: pestle-gold
 */
:root{--color-paper:#100d12;--color-paper-2:#18141a;--color-paper-3:#241f23;--color-ink:#f4efe2;--color-muted:#c9bfa9;--color-accent:#d7b765;--color-accent-2:#78b89d;--color-line:rgba(244,239,226,.18);--color-focus:#e4c970;--font-display:"Noto Sans SC",sans-serif;--font-body:"Noto Sans SC",sans-serif;--radius-sm:6px;--max:1160px}html,body{overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.site-nav{position:sticky;top:0;z-index:30;background:rgba(16,13,18,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-line)}.site-nav__inner{height:68px;width:min(var(--max),calc(100% - 28px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;white-space:nowrap}.brand img{border-radius:6px}.nav-links{display:flex;align-items:center;gap:18px}.nav-links a{font-weight:700;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-line);border-radius:6px;padding:10px 16px;font-weight:900;line-height:1;min-height:42px}.btn-cta{background:var(--color-accent);color:#151008;border-color:var(--color-accent)}.btn-ghost{background:rgba(255,255,255,.06)}.btn-lg{min-height:52px;padding:14px 20px}.menu-btn{display:none}.hero{min-height:calc(100vh - 68px);position:relative;display:grid;align-items:end}.hero__bg,.hero__veil{position:absolute;inset:0}.hero__bg{background-size:cover;background-position:center 32%;filter:saturate(.95) contrast(1.05)}.hero__veil{background:linear-gradient(90deg,rgba(16,13,18,.96),rgba(16,13,18,.62) 46%,rgba(16,13,18,.18)),linear-gradient(0deg,var(--color-paper),transparent 38%)}.hero__content{position:relative;width:min(760px,calc(100% - 32px));margin:0 auto 8vh 8vw}.badge,.eyebrow{color:var(--color-accent);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hero h1,.subhero h1{font-size:clamp(2.3rem,6vw,5.6rem);line-height:1.02;margin:12px 0;font-weight:900;overflow-wrap:anywhere}.hero h1 span{display:block;font-size:clamp(1rem,2vw,1.7rem);color:var(--color-muted);margin-top:12px}.hero__lead{font-size:clamp(1rem,1.8vw,1.28rem);max-width:680px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}.metrics div,.info-grid article,.feature-grid article,.topic-card,.review-card{background:rgba(255,255,255,.055);border:1px solid var(--color-line);border-radius:6px;padding:18px}.metrics b{font-size:1.4rem;color:var(--color-accent);display:block}.metrics span,.info-grid span{color:var(--color-muted);font-size:.9rem}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.section{padding:82px 0}.section--alt{background:var(--color-paper-2)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}.section h2{font-size:clamp(1.7rem,3vw,3rem);line-height:1.15;margin:0 0 16px}.section-head{margin-bottom:28px;max-width:760px}.info-grid,.feature-grid,.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-item{border:1px solid var(--color-line);padding:0;background:var(--color-paper-3);border-radius:6px;overflow:hidden;aspect-ratio:16/10;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover}.download-band{padding:70px 0;text-align:center;background:linear-gradient(135deg,var(--color-accent),#725b25);color:#151008}.download-band h2{font-size:clamp(1.9rem,4vw,3.8rem);margin:0 0 14px}.subhero{padding:96px 0 54px;background:linear-gradient(135deg,var(--color-paper-2),var(--color-paper));border-bottom:1px solid var(--color-line)}.guide-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.04);border-radius:6px;overflow:hidden}th,td{border:1px solid var(--color-line);padding:12px;text-align:left;vertical-align:top}.article{width:min(860px,calc(100% - 32px));margin:0 auto;padding:92px 0}.article h1{font-size:clamp(2rem,5vw,4rem);line-height:1.08;margin:16px 0}.article h2{font-size:1.55rem;margin-top:36px}.answer{font-size:1.16rem;color:var(--color-ink);background:rgba(215,183,101,.12);border-left:4px solid var(--color-accent);padding:16px}.article-meta,.breadcrumb{display:flex;gap:10px;flex-wrap:wrap;color:var(--color-muted);font-size:.92rem}.site-footer{border-top:1px solid var(--color-line);padding:50px 0;background:#0b090c}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:24px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-bottom{border-top:1px solid var(--color-line);margin-top:28px;padding-top:18px;color:var(--color-muted);font-size:.9rem}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);display:none;place-items:center;z-index:50;padding:22px}.lightbox.is-open{display:grid}.lightbox img{max-height:82vh;border-radius:6px}.lightbox button{position:absolute;top:18px;right:18px}.tabbar{display:flex;gap:10px;margin-bottom:20px}.tabbar button{border:1px solid var(--color-line);background:rgba(255,255,255,.06);color:var(--color-ink);border-radius:6px;padding:9px 13px}@media(max-width:860px){.nav-links{display:none;position:absolute;left:14px;right:14px;top:76px;flex-direction:column;background:var(--color-paper-2);border:1px solid var(--color-line);padding:16px;border-radius:6px}.nav-links.is-open{display:flex}.menu-btn{display:inline-flex;background:transparent;color:var(--color-ink);border:1px solid var(--color-line);border-radius:6px;padding:9px 12px}.hero__content{margin:0 auto 42px;width:calc(100% - 32px)}.metrics,.info-grid,.feature-grid,.topic-grid,.topic-grid.compact,.gallery-grid,.split,.guide-grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:720px}.section{padding:56px 0}.btn{width:auto}.cta-row .btn{flex:1 1 210px}.hero__veil{background:linear-gradient(0deg,var(--color-paper),rgba(16,13,18,.45) 50%,rgba(16,13,18,.18))}}