body{color:#333;font-family:helvetica,arial,sans-serif;line-height:1.5;margin:0 auto;max-width:40em;padding:0 1em}h1,h2,h3,h4,h5,h6{margin:1.25em 0 .5em;line-height:1.2}a:link{color:#00e}a:visited{color:#518}a:focus,a:hover{color:#03f}a:active{color:#e00}h1 a:empty:before,h2 a:empty:before,h3 a:empty:before,h4 a:empty:before,h5 a:empty:before,h6 a:empty:before{content:"#"}h1 a:empty,h2 a:empty,h3 a:empty,h4 a:empty,h5 a:empty,h6 a:empty{visibility:hidden;padding-left:.25em}h1:hover a:empty,h2:hover a:empty,h3:hover a:empty,h4:hover a:empty,h5:hover a:empty,h6:hover a:empty{visibility:visible}img{max-width:100%}figure{margin:1em 0;text-align:center}figcaption{font-size:small}code,kbd,pre,samp{font-family:monospace,monospace}code,kbd,pre{color:#050}samp{color:#730}blockquote,pre{background:#eee;padding:.5em}pre{overflow:auto}blockquote{border-left:medium solid #ccc;margin:1em 0}blockquote :first-child{margin-top:0}blockquote :last-child{margin-bottom:0}table{border-collapse:collapse}td,th{border:thin solid #999;padding:.3em .4em;text-align:left}@media (prefers-color-scheme:dark){body{background:#111;color:#bbb}a:link{color:#9bf}a:visited{color:#caf}a:focus,a:hover{color:#9cf}a:active{color:#f99}code,kbd,pre{color:#9c6;font-family:monospace,monospace}samp{color:#db0}blockquote,pre{background:#000}blockquote{border-color:#333}td,th{border-color:#666}}:root{--stone:#E6E7E4;--paper:#F7F8F6;--ink:#191713;--muted:#615A4C;--rule:#C7BEAB;--gold:#E3A91B;--gold-deep:#7E5608;--violet:#4B2FBC;--mount:#4B2FBC;--mount-edge:#2E1C7C;--glass:#FFFFFF;--warm:#F6E6BC;}html[data-side="without"]{--mount:#9A9384;--mount-edge:#726B5C;--warm:#E6E2D7;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;max-width:none;padding:0;background:var(--stone);color:var(--ink);font-family:ui-sans-serif,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.55;overflow-x:clip;font-size:clamp(1rem,0.96rem + 0.2vw,1.0625rem);}h1,h2,h3,.plate,.mast b{font-family:ui-serif,Georgia,"Times New Roman",serif;font-weight:800;line-height:1.12;letter-spacing:-0.01em}a:link,a:visited{color:var(--gold-deep)}a.btn-next:link,a.btn-next:visited,.mast a:link,.mast a:visited{color:var(--ink)}footer a:link,footer a:visited,.sources a:link,.sources a:visited{color:var(--muted)}.wrap{width:min(100% - 2rem,70rem);margin-inline:auto}header.top{padding:1.1rem 0 0.2rem}.brandline{display:flex;align-items:center;gap:0.85rem}.brandline img{display:block;width:clamp(68px,17vw,160px);height:auto;border-radius:14px}.brandline b{font-family:ui-serif,Georgia,"Times New Roman",serif;font-size:clamp(1.05rem,0.9rem + 1.1vw,1.5rem);letter-spacing:0.01em}.brandline span{display:block;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted)}.hero{padding:0.6rem 0 2.2rem}.hero-grid{display:grid;gap:1.3rem}h1{font-size:clamp(1.9rem,1.15rem + 3.4vw,3.4rem);margin:0.6rem 0 0}h1 .em{color:var(--gold-deep)}.sub{margin:0.75rem 0 0;color:var(--muted);font-size:clamp(1rem,0.95rem + 0.35vw,1.15rem);max-width:34em}.toggle{display:inline-flex;align-items:center;gap:0;margin:1.1rem 0 0;padding:4px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;position:relative;min-height:52px;cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--ink);font:inherit;font-weight:600;}.toggle:focus-visible{outline:3px solid var(--gold-deep);outline-offset:3px}.toggle span{position:relative;z-index:1;display:grid;place-items:center;min-width:8.2rem;min-height:44px;padding:0 1rem;font-size:0.95rem;border-radius:999px;color:var(--muted);background:transparent;transition:background 220ms ease,color 200ms ease,transform 260ms ease}html[data-side="with"] .toggle span:first-of-type,html[data-side="without"] .toggle span:last-of-type{background:var(--ink);color:var(--paper)}.toggle span.nudge{animation:nudge 620ms ease 1}@keyframes nudge{0%,100%{transform:translateX(0)}45%{transform:translateX(8px)}}.case{margin:1.4rem 0 0;padding:0}.case .side{margin:0}.case svg{display:block;width:100%;height:auto;max-width:30rem;margin-inline:auto}.plaque{margin:0.55rem auto 0;max-width:30rem;background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:0.6rem 0.8rem;font-size:0.86rem;letter-spacing:0.02em;color:var(--ink)}.plaque b{font-weight:600}.plaque em{font-style:normal;color:var(--muted)}.btn-next{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.6rem;background:var(--gold);color:var(--ink);font-weight:700;font-size:1.05rem;border-radius:999px;border:2px solid var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform 150ms ease}.btn-next:focus-visible{outline:3px solid var(--gold-deep);outline-offset:3px}.btn-next:active{transform:translateY(1px)}@media (hover: hover) and (pointer: fine){.btn-next:hover{transform:translateY(-1px)}}.ctarow{margin-top:1.4rem}.under{margin:0.6rem 0 0;font-size:0.9rem;color:var(--muted)}.contents{border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);padding:1rem 0}.contents h2{font-size:0.78rem;letter-spacing:0.18em;text-transform:uppercase;margin:0 0 0.6rem;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:600;color:var(--muted)}.contents ol{list-style:none;margin:0;padding:0;display:grid;gap:0.4rem}.contents li{display:flex;align-items:center;gap:0.6rem}.contents a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule);font-size:0.95rem}.tick{width:18px;height:18px;flex:0 0 18px;border:2px solid var(--ink);border-radius:4px;display:grid;place-items:center;font-size:11px;line-height:1;color:var(--paper);background:transparent}.tick.read{background:var(--ink)}.tick.read::after{content:"\2713"}.scrolly{display:block;padding:1.6rem 0 0}.stage{position:sticky;top:0;z-index:2;background:var(--stone);padding:0.8rem 0 0.7rem;border-bottom:1px solid var(--rule)}.stage svg{display:block;width:100%;height:auto;max-width:22rem;margin-inline:auto}.steps{display:grid;gap:0}.step{padding:1.8rem 0 2.2rem;border-bottom:1px solid var(--rule)}.step h2{font-size:clamp(1.35rem,1.1rem + 1.1vw,2rem);margin:0 0 0.2rem}.step p{color:var(--muted);margin:0.5rem 0 0;max-width:36em}.bento{display:grid;gap:0.7rem;margin-top:1.1rem}.tile{background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:0.9rem 1rem}.tile.big{background:var(--ink);color:var(--warm)}.tile.big b{font-family:ui-serif,Georgia,serif;font-size:clamp(1.2rem,1rem + 1.2vw,1.7rem);font-weight:800;display:block}.tile small{display:block;font-size:0.74rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);margin-bottom:0.25rem}.tile.big small{color:var(--gold)}.tile b{font-weight:600}.label{background:var(--paper);border:3px solid var(--ink);border-radius:6px;padding:0.9rem 1rem;margin-top:1.1rem;max-width:30rem}.label h3{margin:0;font-size:1.25rem;letter-spacing:0.02em}.label hr{border:0;border-top:7px solid var(--ink);margin:0.5rem 0 0.4rem}.label hr.thin{border-top:1px solid var(--ink)}.label dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:0.35rem 0.8rem;font-size:0.93rem}.label dt{color:var(--muted)}.label dd{margin:0;font-weight:600;text-align:right}.quotebar{margin-top:1.1rem;border-left:3px solid var(--ink);background:var(--paper);padding:0.85rem 1rem;border-top:1px solid var(--rule);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.quotebar q{font-family:ui-serif,Georgia,serif;font-size:1.05rem}.quotebar cite{display:block;font-style:normal;font-size:0.8rem;color:var(--muted);margin-top:0.35rem}.mast{margin:2.2rem 0 2.6rem;border-top:5px solid var(--ink);border-bottom:5px solid var(--ink);padding:1.1rem 0}.mast small{display:block;font-size:0.72rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--muted);text-align:center;border-bottom:1px solid var(--rule);padding-bottom:0.5rem;margin-bottom:0.8rem}.mast b{display:block;font-size:clamp(1.4rem,1.1rem + 1.8vw,2.3rem);text-align:center;font-weight:800}.mast p{text-align:center;margin:0.9rem 0 0}.mast a{display:inline-flex;align-items:center;min-height:52px;padding:0 1.5rem;background:var(--gold);border:2px solid var(--ink);border-radius:999px;color:var(--ink);font-weight:700;text-decoration:none}.mast a:focus-visible{outline:3px solid var(--gold-deep);outline-offset:3px}footer{border-top:1px solid var(--rule);margin-top:0;padding:1.4rem 0 4.6rem;color:var(--muted);font-size:0.8rem}footer a{color:var(--muted)}footer .dot{opacity:0.6;padding:0 0.35rem}footer .checked{display:block;margin-top:0.5rem;font-size:0.72rem;line-height:1.6}.btn-link{background:none;border:0;padding:0;font:inherit;color:var(--muted);text-decoration:underline;cursor:pointer}.sources{position:fixed;left:0;bottom:0;z-index:40;max-width:min(21rem,92vw);background:var(--paper);border:2px solid var(--ink);border-bottom:0;border-left:0;border-radius:0 10px 0 0;padding-bottom:env(safe-area-inset-bottom)}.sources summary{list-style:none;cursor:pointer;padding:0.5rem 0.9rem;font-size:0.78rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;min-height:40px;display:flex;align-items:center}.sources summary::-webkit-details-marker{display:none}.sources .body{padding:0 0.9rem 0.8rem;font-size:0.84rem;border-top:1px solid var(--rule)}.sources .body p{margin:0.6rem 0 0;color:var(--muted)}dialog{border:2px solid var(--ink);border-radius:10px;padding:0;max-width:min(34rem,92vw);width:100%;background:var(--paper);color:var(--ink)}dialog::backdrop{background:rgba(25,23,19,0.55)}.sheet{max-height:min(70dvh,30rem);overflow-y:auto;padding:1.1rem 1.2rem}.sheet h2{margin:0 0 0.3rem;font-size:1.3rem}.sheet h3{margin:1.3rem 0 0.2rem;font-size:1.05rem}.sheet p{margin:0.45rem 0 0;font-size:0.9rem;color:var(--muted)}.sheet-foot{border-top:1px solid var(--rule);padding:0.7rem 1.2rem;display:flex;justify-content:flex-end;background:var(--paper)}.closebtn{min-height:44px;padding:0 1.2rem;border:2px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.closebtn.done{background:var(--ink);color:var(--paper)}@media (min-width: 900px){.hero-grid{grid-template-columns:1.05fr 0.95fr;align-items:center;gap:2.6rem}.hero{padding:1.4rem 0 3rem}.case{margin-top:0}.scrolly{display:grid;grid-template-columns:0.9fr 1.1fr;gap:2.6rem;align-items:start}.stage{position:sticky;top:2rem;border-bottom:0;padding-top:0}.bento{grid-template-columns:1fr 1fr}.tile.big{grid-column:1 / -1}.contents ol{grid-template-columns:repeat(3,1fr)}}.stage[data-step="1"] #s2,.stage[data-step="1"] #s3,.stage[data-step="2"] #s1,.stage[data-step="2"] #s3,.stage[data-step="3"] #s1,.stage[data-step="3"] #s2{display:none}@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}