:root{--bg:#f4f1eb;--paper:#fffdf8;--ink:#171613;--muted:#6f6a61;--line:#ddd7cc;--accent:#7a6846;--accent2:#d9c7a2;--dark:#1d1b17;--good:#486b55;--warn:#9a6c27;--bad:#8b4d49;--radius:22px;--shadow:0 18px 50px rgba(32,27,20,.08)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
img{max-width:100%;display:block}
.shell{width:min(1180px,calc(100% - 32px));margin:auto}
.topbar{position:sticky;top:0;z-index:40;background:rgba(244,241,235,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(122,104,70,.14)}
.nav{height:74px;display:flex;align-items:center;gap:22px}
.brand{font-family:Georgia,serif;font-size:25px;letter-spacing:.11em;font-weight:700}
.brand b{font-weight:400;color:var(--accent)}
.navlinks{display:flex;gap:22px;margin-left:auto;font-size:14px;color:#4b463f}
.navlinks a:hover{color:#111}
.navcta{padding:11px 16px;border-radius:999px;background:var(--dark);color:#fff;font-size:13px}
.hero{padding:74px 0 40px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:stretch}
.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700}
.hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(50px,7vw,92px);line-height:.96;letter-spacing:-.045em;margin:16px 0 22px}
.hero p{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px}
.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.btn{border:0;border-radius:999px;padding:14px 20px;cursor:pointer;display:inline-flex;align-items:center;gap:9px}
.btn-dark{background:var(--dark);color:#fff}
.btn-light{background:var(--paper);border:1px solid var(--line)}
.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:32px;font-size:13px;color:#6a645b}
.trust span:before{content:'✓';margin-right:7px;color:var(--good)}
.hero-card{background:linear-gradient(145deg,#26221c,#15130f);color:#fff;border-radius:34px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden;min-height:470px}
.hero-card:after{content:'';position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-80px;top:-60px}
.hero-card .mini{color:#d6cbb6;font-size:12px;letter-spacing:.16em}
.object{margin:42px auto 26px;width:230px;height:170px;border:1px solid rgba(255,255,255,.28);border-radius:34px 34px 22px 22px;position:relative;background:linear-gradient(135deg,#8f7956,#443925);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.object:before{content:'';position:absolute;width:110px;height:52px;border:7px solid #5b4c34;border-bottom:0;border-radius:60px 60px 0 0;left:53px;top:-44px}
.object:after{content:'PIECE ID';position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.28em;color:#e6d6b3}
.scanline{height:2px;background:linear-gradient(90deg,transparent,#e8d8b5,transparent);position:absolute;left:35px;right:35px;top:190px;box-shadow:0 0 20px #e8d8b5}
.score-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.score{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);padding:15px;border-radius:16px}
.score strong{display:block;font-size:22px}
.score small{color:#c7bcaa}
.section{padding:58px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.section h2{font-family:Georgia,serif;font-size:clamp(34px,5vw,54px);font-weight:500;letter-spacing:-.035em;margin:8px 0}
.section p.lead{color:var(--muted);max-width:680px;line-height:1.65}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 8px 24px rgba(30,24,16,.03)}
.card:hover{transform:translateY(-2px);transition:.2s ease;box-shadow:var(--shadow)}
.icon{width:44px;height:44px;border-radius:14px;background:#eee6d7;display:grid;place-items:center;margin-bottom:18px;font-size:21px}
.card h3{font-size:19px;margin:0 0 9px}
.card p{color:var(--muted);line-height:1.55;margin:0}
.tag{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;padding:7px 9px;border-radius:999px;background:#eee6d7;color:#5c4c31}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.check-panel{background:var(--dark);color:#fff;border-radius:30px;padding:30px}
.check-panel.light{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.check-panel h3{font-family:Georgia,serif;font-size:30px;margin:8px 0 12px}
.feature-list{display:grid;gap:12px;margin:22px 0}
.feature{display:flex;align-items:start;gap:12px;padding:14px;border-radius:15px;background:rgba(255,255,255,.06)}
.light .feature{background:#f5f0e7}
.feature b{font-size:14px}
.feature small{display:block;color:#aea493;margin-top:4px}
.light .feature small{color:var(--muted)}
.wizard{background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}
.steps{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
.step{padding:8px 12px;background:#eee9df;border-radius:999px;font-size:12px;color:#756e63}
.step.active{background:var(--dark);color:#fff}
.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.choice{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;text-align:left;cursor:pointer}
.choice:hover,.choice.selected{border-color:#8f7b54;background:#faf4e8}
.choice strong{display:block}
.choice small{color:var(--muted)}
.photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.photo-slot{min-height:120px;border:1px dashed #b7ae9e;border-radius:16px;padding:12px;background:#fbf8f2;display:flex;flex-direction:column;justify-content:space-between;font-size:12px}
.photo-slot input{font-size:11px;max-width:100%}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.metric{border:1px solid var(--line);border-radius:17px;padding:16px;background:#fff}
.metric .num{font-size:26px;font-weight:700}
.metric.good .num{color:var(--good)}
.metric.warn .num{color:var(--warn)}
.library{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.article{min-height:250px;border-radius:24px;padding:22px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(160deg,#efe6d7,#c8b48e);position:relative;overflow:hidden}
.article:nth-child(2){background:linear-gradient(160deg,#e8e7e3,#9d9b92)}
.article:nth-child(3){background:linear-gradient(160deg,#edd8ce,#a97965)}
.article:nth-child(4){background:linear-gradient(160deg,#d9d6d0,#6f6a62)}
.article:before{content:'';position:absolute;width:140px;height:140px;border:1px solid rgba(255,255,255,.4);border-radius:50%;right:-28px;top:-28px}
.article small{letter-spacing:.13em;text-transform:uppercase}
.article h3{font-family:Georgia,serif;font-size:24px;margin:7px 0 0}
.passport{background:linear-gradient(135deg,#fdfaf4,#e4d4b8);border:1px solid #d3c4a7;border-radius:30px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:26px}
.passport-id{background:#1b1916;color:#fff;border-radius:24px;padding:26px;position:relative;overflow:hidden}
.passport-id .qr{width:92px;height:92px;background:repeating-linear-gradient(45deg,#fff 0 4px,#1b1916 4px 8px);border:6px solid #fff;margin-top:30px}
.footer{padding:42px 0 60px;border-top:1px solid var(--line);margin-top:40px;color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:22px}
.footer h4{color:var(--ink);margin:0 0 12px}
.footer a{display:block;margin:8px 0;font-size:14px}
.disclaimer{font-size:12px;line-height:1.6;margin-top:30px;max-width:850px}
.mobile-menu{display:none}
.page-hero{padding:58px 0 24px}
.page-hero h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,70px);font-weight:500;letter-spacing:-.04em;margin:12px 0}
.crumb{font-size:12px;color:var(--muted)}
.results{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}
.big-score{background:var(--dark);color:#fff;border-radius:28px;padding:28px}
.big-score .circle{width:160px;height:160px;border-radius:50%;border:12px solid #d8c59e;display:grid;place-items:center;margin:20px auto;font-size:42px;font-weight:700}
.evidence{display:grid;gap:10px}
.evidence-row{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:15px;border-bottom:1px solid var(--line)}
.status-good{color:var(--good)}
.status-warn{color:var(--warn)}
@media(max-width:900px){.hero-grid,.checks,.passport,.results{grid-template-columns:1fr}
.grid3,.library{grid-template-columns:repeat(2,1fr)}
.choice-grid{grid-template-columns:repeat(2,1fr)}
.photo-grid{grid-template-columns:repeat(2,1fr)}
.metric-grid{grid-template-columns:repeat(2,1fr)}
.navlinks{display:none}
.mobile-menu{display:block;margin-left:auto}
.navcta{display:none}
.footer-grid{grid-template-columns:1fr 1fr}
.hero{padding-top:48px}
}
@media(max-width:560px){.grid3,.library,.footer-grid{grid-template-columns:1fr}
.hero h1{font-size:50px}
.hero-card{min-height:420px}
.choice-grid,.photo-grid,.metric-grid{grid-template-columns:1fr}
.shell{width:min(100% - 22px,1180px)}
.section{padding:40px 0}
.nav{height:64px}
}

/* V2: preserve the original ink, paper and brass identity. */
:root{--muted:#625d54;--accent:#75603e;--warn:#79501b}
body{line-height:1.6}p,li,dd{overflow-wrap:anywhere}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #88651b;outline-offset:5px}a.text-link,.prose a:not(.btn),.next-step a:not(.btn){text-decoration:underline;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}.btn,.navcta,.menu-toggle{min-height:44px;font-size:.9375rem}.btn{justify-content:center}.shell>*{min-width:0}[hidden]{display:none!important}main:focus{outline:none}section[id],main[id]{scroll-margin-top:110px}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 20px;background:var(--dark);color:#fff;border-radius:4px}.skip-link:focus{top:12px}.nav{height:auto;min-height:74px}.navlinks{align-items:center;font-size:.9375rem}.navlinks a{padding:10px 0}.navlinks a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:7px}.menu-toggle{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:8px 13px;cursor:pointer}.lead{max-width:720px;color:var(--muted);font-size:1.125rem;line-height:1.7}.eyebrow,.tag,.mini,.byline,.crumb,.trust,.step{font-size:.8125rem}.trust{font-size:.875rem}.hero-card .mini{font-size:.8125rem}.hero-card{display:flex;flex-direction:column;justify-content:space-between}.hero-card .object{flex-shrink:0;margin-top:70px}.score-row{gap:8px}.score{padding:12px 9px;min-width:0}.score strong{font-size:1rem}.score small{display:block;font-size:.875rem}.card{transition:transform .18s ease,box-shadow .18s ease}.card:not(a):hover{transform:none;box-shadow:none}a.card:hover{border-color:var(--accent)}.check-panel .eyebrow,.big-score .eyebrow{color:#d9c7a2}.check-panel.light .eyebrow{color:var(--accent)}.check-panel h2{font-size:2rem}.feature small{font-size:.9375rem;color:#c9bfaf}.light .feature small,.passport .feature small{color:var(--muted)}.feature b{font-size:1rem}.tag{margin-bottom:12px}.article{background:linear-gradient(160deg,#efe6d7,#dac7a5);min-height:255px;border:1px solid #bfb29b;border-radius:10px;padding:24px}.article:nth-child(2){background:linear-gradient(160deg,#eceae4,#cbc5b9)}.article:nth-child(3){background:linear-gradient(160deg,#e6e5e2,#babdb7)}.article:nth-child(4){background:linear-gradient(160deg,#e7e1d7,#c4b8a5)}.article h3{font-size:1.875rem}.article p{margin:7px 0;color:#40392f;font-size:.9375rem}.article small{font-size:.8125rem}.read-link{font-size:.875rem;margin-top:18px;text-decoration:underline;text-underline-offset:4px}.article:hover{border-color:#645330}.passport-id{min-height:280px}.sample-mark{font-size:.875rem;letter-spacing:.09em;color:#e8d7b7;padding:14px 0;border-top:1px solid #70624e}.passport-id small{position:static!important;display:block;margin-top:24px;font-size:.8125rem}.notice{padding:18px 20px;border-left:3px solid var(--accent);background:#f0e8da;color:#443b2b;font-size:1rem}.choice{min-height:85px}.choice[aria-pressed=true]{border:2px solid #75603e;padding:17px;background:#f5ecd9}.choice small{font-size:.875rem}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-slot{gap:12px;min-height:160px;font-size:.9375rem;min-width:0}.photo-slot label{font-weight:600}.photo-slot input{font-size:.875rem;width:100%;min-width:0}.photo-slot input::file-selector-button{font:inherit;min-height:44px;border:1px solid #c4b7a1;border-radius:6px;background:#fffdf8;padding:6px 10px;cursor:pointer}.photo-slot.is-selected{border-style:solid;background:#f1f4ee}.photo-slot.has-error{border:2px solid #894131}.file-status{font-size:.875rem;color:#625d54;overflow-wrap:anywhere}.has-error .file-status{color:#833923}.status-neutral{color:#5c5a50}.big-score h2,.big-score h3{font-family:Georgia,serif;font-size:1.75rem;line-height:1.3}.big-score p{color:#d0c5b5}.disclaimer{font-size:.875rem;max-width:950px}.footer h2{font:600 1rem/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--ink);margin:0 0 12px}.footer .brand{font-size:25px}.footer a{padding:5px 0}.copyright{font-size:.8125rem;margin-top:24px}.breadcrumbs{padding-top:28px;font-size:.875rem;color:var(--muted)}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;gap:10px;flex-wrap:wrap}.breadcrumbs li+li:before{content:'/';margin-right:10px;color:#827865}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.breadcrumbs+.page-hero,.breadcrumbs+article .page-hero{padding-top:26px}.guide-deck{font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2rem);margin:10px 0 14px;color:#5e4c30}.byline{color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.guide-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:60px;align-items:start;padding-top:20px}.toc{position:sticky;top:106px;display:flex;flex-direction:column;gap:10px;border-top:2px solid var(--ink);padding:18px 0}.toc h2{font-size:1rem;margin:0 0 4px}.toc a{display:block;padding:7px 0;font-size:.9375rem;color:#625239}.toc a:hover{text-decoration:underline}.prose{max-width:780px}.prose section{padding:0 0 40px;margin-bottom:28px;border-bottom:1px solid var(--line)}.prose h2{font-family:Georgia,serif;font-size:clamp(1.875rem,3.5vw,2.5rem);line-height:1.18;letter-spacing:-.025em;font-weight:500;margin:0 0 20px}.prose h3{font-size:1.125rem;line-height:1.4;margin-top:26px}.prose p,.prose dd,.prose li{color:#5a554d;line-height:1.8}.prose li{margin-bottom:18px}.inspection-list{counter-reset:evidence;display:grid;gap:0}.inspection-list>div{padding:20px 0 20px 46px;border-top:1px solid var(--line);position:relative}.inspection-list>div:before{counter-increment:evidence;content:counter(evidence,decimal-leading-zero);position:absolute;left:0;top:23px;color:var(--accent);font-size:.8125rem;letter-spacing:.08em}.inspection-list dt{font-weight:650;font-size:1.125rem}.inspection-list dd{margin:8px 0 0}.question{padding:2px 22px 12px;background:var(--paper);border-left:2px solid #b49c70;margin:20px 0}details{border-top:1px solid var(--line);padding:16px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;min-height:44px;padding:8px 0}details p{margin:12px 0 8px}.next-step{background:#eae0cf;padding:28px;border-radius:10px}.next-step h2{font-size:1.75rem}.table-scroll{overflow-x:auto;margin:24px 0}table{border-collapse:collapse;width:100%;text-align:left;font-size:.9375rem}caption{text-align:left;font-weight:600;margin-bottom:15px}th,td{padding:14px;vertical-align:top;border-bottom:1px solid #c9bfaf}thead{background:#e7ddca}.reading-steps{padding-left:24px}.prose>.btn{margin-top:16px}
@media(min-width:901px){.menu-toggle{display:none!important}}
@media(max-width:1000px){.nav{gap:15px}.navlinks{gap:15px}.navcta{display:none}.guide-layout{gap:30px;grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:900px){.topbar{position:relative;backdrop-filter:none;background:var(--bg)}.nav{flex-wrap:wrap;padding:16px 0;gap:12px}.menu-toggle{margin-left:auto}.navlinks{display:flex;width:100%;margin:0;flex-wrap:wrap;gap:8px 24px;order:3}.navlinks a{padding:8px 0}.nav-enhanced .navlinks{display:none}.nav-enhanced.menu-open .navlinks{display:flex}.guide-layout{grid-template-columns:1fr;gap:24px}.toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.toc h2{grid-column:1/-1}.prose{max-width:100%}.hero-card{min-height:420px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}section[id],main[id]{scroll-margin-top:20px}}
@media(max-width:560px){.hero{padding-top:35px}.hero h1{font-size:clamp(2.75rem,12vw,3.75rem)}.hero-card{padding:24px 16px;border-radius:20px;min-height:400px}.hero-grid{gap:24px}.score-row{grid-template-columns:1fr}.score{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;gap:12px}.hero-card .object{width:200px;height:145px;margin:65px auto 25px}.object:before{left:43px;width:100px}.shell{width:calc(100% - 32px)}.wizard,.passport,.check-panel,.big-score{padding:22px 18px;border-radius:16px}.photo-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr 1fr}.choice{padding:13px}.choice[aria-pressed=true]{padding:12px}.evidence-row{grid-template-columns:1fr;gap:4px;padding:12px 0}.toc{grid-template-columns:1fr}.next-step{padding:24px 18px}.page-hero h1{font-size:clamp(2.5rem,10vw,3.5rem)}.article{min-height:215px}.hero-actions .btn{width:100%}th,td{padding:10px}.inspection-list>div{padding-left:34px}.brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.card:hover{transform:none}}
@media print{.topbar,.footer,.toc,.skip-link,.hero-actions,.photo-slot input,#clear-photos{display:none!important}body{background:white;color:black}.shell{width:100%}.guide-layout{display:block}.prose{max-width:none}details{break-inside:avoid}.prose section{break-inside:auto}.notice{border:1px solid #555}.hero-card,.card,.wizard{box-shadow:none}.page-hero{padding-top:0}}

/* Presentation migrated from the original page markup. */
.legacy-style-1{color:#bdb3a3;line-height:1.6}
.legacy-style-2{font-family:Georgia,serif;font-size:28px}
.legacy-style-3{color:#bfb4a2}
.legacy-style-4{position:absolute;right:24px;bottom:24px;color:#bfb4a2}
.legacy-style-5{font-size:34px}
.legacy-style-6{color:#bdb3a3}
.legacy-style-7{font-family:Georgia,serif;font-size:30px}

/* V3: editorial archive desk with an immediate working path. */
.hero{padding:54px 0 42px}
.hero-grid{grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);gap:42px;align-items:center}
.hero-copy>p{margin-bottom:22px}
.hero h1{font-size:clamp(4rem,7vw,6.6rem);max-width:620px;margin-bottom:18px}
.hero-planner{background:rgba(255,253,248,.96);border:1px solid #d5ccbd;border-radius:14px;padding:20px;box-shadow:0 18px 45px rgba(42,34,23,.08)}
.planner-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:17px}
.planner-kicker,.planner-label{display:block;color:var(--accent);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;font-weight:750}
.planner-head h2{font:500 1.5rem/1.18 Georgia,serif;letter-spacing:-.02em;margin:4px 0 0}
.privacy-chip{white-space:nowrap;border:1px solid #d9d0c1;background:#f2ece1;border-radius:999px;padding:7px 9px;color:#655d51;font-size:.75rem}
.planner-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.planner-label{margin-bottom:7px}
.brand-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.planner-brand,.model-select{width:100%;height:44px;border:1px solid #cec4b4;border-radius:7px;background:#fffdf8;color:var(--ink)}
.planner-brand{cursor:pointer;font-weight:650}.planner-brand:hover,.planner-brand.is-active{border-color:var(--dark);background:var(--dark);color:#fff}.planner-brand[aria-pressed=true]{box-shadow:inset 0 0 0 1px #fff3}
.model-select{padding:0 11px}
.brief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}
.brief-grid span{background:#f0eadf;border:1px solid #e1d8c9;border-radius:7px;padding:9px;color:#6b645a;font-size:.75rem}.brief-grid b{display:block;color:var(--ink);font:600 1.2rem/1.1 Georgia,serif}
.planner-summary{color:#625d54;font-size:.875rem;line-height:1.55;margin:13px 0}
.planner-actions{display:flex;align-items:center;gap:15px}.planner-cta{border-radius:7px;justify-content:space-between;flex:1}.planner-library-link{font-size:.8125rem;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.hero-visual{margin:0;position:relative;min-height:620px;border-radius:18px;overflow:hidden;background:#1d1b17;box-shadow:0 28px 75px rgba(27,22,16,.2)}
.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 55%,rgba(12,10,8,.8))}
.hero-visual img{width:100%;height:100%;min-height:620px;object-fit:cover}
.hero-visual figcaption{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;display:flex;align-items:center;gap:14px;color:#fff}
.hero-visual figcaption strong,.hero-visual figcaption small{display:block}.hero-visual figcaption strong{font:500 1.35rem/1.2 Georgia,serif}.hero-visual figcaption small{color:#d9d0c3;margin-top:5px;font-size:.8125rem}
.visual-number{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d7c49e;border-radius:50%;color:#e7d3ac;font:600 .75rem/1 ui-monospace,monospace}
.visual-seal{position:absolute;top:20px;right:20px;width:64px;height:64px;display:grid;place-items:center;text-align:center;border-radius:50%;background:rgba(26,22,17,.82);border:1px solid rgba(230,211,174,.55);color:#e6d3ac;font:600 .7rem/1.1 ui-monospace,monospace;letter-spacing:.12em}.visual-seal span{font-size:.55rem;color:#b9aa90}
.library-tools{display:grid;grid-template-columns:1fr minmax(260px,360px);align-items:end;gap:28px;margin-bottom:22px}.library-tools h2{margin-bottom:0}.guide-search label{display:block;font-size:.8125rem;font-weight:700;margin-bottom:7px}.guide-search input{width:100%;min-height:46px;border:1px solid #cfc5b5;border-radius:8px;background:var(--paper);padding:10px 13px}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-row button{min-height:40px;border:1px solid #cfc5b5;border-radius:999px;background:transparent;padding:7px 13px;cursor:pointer}.filter-row button[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:#fff}.filter-row span{margin-left:auto;color:var(--muted);font-size:.875rem}.article[hidden]{display:none}.article:nth-child(5){background:linear-gradient(160deg,#ebe4dc,#c9bba9)}.article:nth-child(6){background:linear-gradient(160deg,#eee6dc,#d6c1a7)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 1fr;gap:24px}.hero-visual,.hero-visual img{min-height:570px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-visual,.hero-visual img{min-height:480px}.hero-visual{order:-1}.hero h1{max-width:none}.hero{padding-top:26px}.library-tools{grid-template-columns:1fr}}
@media(max-width:560px){.hero-visual,.hero-visual img{min-height:360px}.hero-visual{border-radius:12px}.hero-visual figcaption{left:16px;right:16px;bottom:15px}.hero-visual figcaption small{display:none}.hero-planner{padding:16px 14px}.planner-row{grid-template-columns:1fr}.brand-switch{grid-template-columns:1fr 1fr}.brief-grid{grid-template-columns:1fr 1fr}.brief-grid span:last-child{grid-column:1/-1}.planner-actions{align-items:stretch;flex-direction:column}.planner-library-link{text-align:center;padding:5px}.planner-head{align-items:center}.planner-head h2{font-size:1.3rem}.filter-row span{width:100%;margin:4px 0 0}.guide-search input{font-size:1rem}}