/* Digicam Atlas — design C (vintage analog film). Chosen 2026-10-15; see docs/design.md.
   Story/review styles are appended by scripts/build_all.py, scoped under .story. */
:root{--cream:#F5E6C8;--paper:#fffaf0;--sepia:#D4A574;--teal:#3F6F70;--rose:#C9707A;--ink:#2b2118;--line:#cdb68e;--muted:#5a4a3a;
 --sans:'Public Sans',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--serif:Merriweather,Georgia,serif;--display:'Abril Fatface',Georgia,serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--cream);color:var(--ink);font:18px/1.65 var(--serif);
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/><feColorMatrix values='0 0 0 0 .3  0 0 0 0 .2  0 0 0 0 .1  0 0 0 .09 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}
a{color:var(--teal);text-underline-offset:2px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:4px}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{line-height:1.15}
h1{font:400 clamp(2.2rem,6vw,4rem)/1.05 var(--display);margin:.3em 0 .25em;letter-spacing:-.01em}
h2{font:400 1.9rem/1.15 var(--display);margin:2.2rem 0 .7rem}
h3{font:700 1rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;background:var(--paper);padding:8px 12px;z-index:9}
.small{font:.9rem/1.5 var(--sans);color:var(--muted)}
.lede{font-size:1.15rem;color:var(--muted);max-width:44rem}
.code{font:600 .88em var(--mono);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:.05em .6em;white-space:nowrap}
.eyebrow{font:italic 1rem var(--serif);color:var(--rose);margin:1.4rem 0 0}.eyebrow a{color:var(--rose)}
.aka{margin:0 0 1rem;font-style:italic;color:var(--muted)}
.rule{border:0;border-top:3px double var(--ink);margin:14px 0}

/* header */
.top{border-bottom:2px solid var(--ink);background:var(--cream);position:sticky;top:0;z-index:5}
.top-in{display:flex;align-items:center;gap:18px;min-height:62px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:9px;font:400 1.5rem var(--display);color:var(--ink);text-decoration:none;min-height:44px}
.logo svg{color:var(--rose)}
.nav{display:flex;gap:2px;font:700 .95rem var(--sans)}
.nav a{color:var(--ink);text-decoration:none;padding:10px 12px;min-height:44px;display:inline-flex;align-items:center}
.nav a:hover{color:var(--teal);text-decoration:underline}
@media(max-width:820px){.top{position:static}.top-in{gap:4px 12px}.nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{padding:8px 10px;flex:0 0 auto}}
.search{margin-left:auto;position:relative;flex:1 1 220px;max-width:320px}
.search input{width:100%;min-height:44px;padding:8px 40px 8px 14px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font:16px var(--sans)}
.search svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.search.big{max-width:560px;margin:1.2rem 0 0}.search.big input{min-height:56px;font-size:18px;padding-left:20px}
@media(max-width:640px){.search{max-width:none;flex-basis:100%;margin:0 0 10px}}

.crumbs ol{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:6px;font:.85rem var(--sans);color:var(--muted)}
.crumbs li+li::before{content:"›";margin-right:6px}.crumbs a{color:var(--muted)}

/* generic model page (cameras that don't have a written review yet) */
.mhead h1{margin-top:.2em}
.specpanel{background:var(--paper);border:1px solid var(--line);padding:18px 20px;margin:8px 0 16px;box-shadow:0 2px 0 var(--line),0 10px 22px rgba(80,50,20,.14);transform:rotate(-.4deg)}
.specpanel dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 24px;margin:0}
.specpanel dt{font:700 .72rem var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--teal)}
.specpanel dd{margin:2px 0 0;font:1rem var(--serif)}
.buy{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 20px;margin:5px 8px 5px 0;border:2px solid var(--ink);background:var(--sepia);color:var(--ink);text-decoration:none;font:700 .95rem var(--sans);transition:background-color .2s}
.btn:hover{background:#e3b988}.btn-accent{background:var(--rose);color:#fff;border-color:var(--ink)}.btn-accent:hover{background:#b85f6a}.btn.alt{background:transparent}
.prose{max-width:46rem}
.checks{padding-left:1.2rem}.checks li{margin:.4rem 0}
.names{border-collapse:collapse}.names th,.names td{text-align:left;padding:7px 22px 7px 0;border-bottom:1px solid var(--line);font-weight:400}.names th{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px 16px}
@media(max-width:700px){.grid{grid-template-columns:repeat(2,1fr);gap:14px 10px}}
.tile{margin:0;background:#fff;padding:8px 8px 6px;box-shadow:0 8px 18px rgba(60,40,20,.25)}
.tile:nth-child(odd){transform:rotate(-1.2deg)}.tile:nth-child(even){transform:rotate(1deg)}
.tile img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:sepia(.1) saturate(.93)}
.tile figcaption{font:italic .74rem/1.35 var(--serif);color:var(--muted);margin-top:5px;overflow-wrap:anywhere}

/* lists and cards */
.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}
.cards a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none;min-height:44px;box-shadow:0 2px 0 var(--line);transition:border-color .2s}
.cards a:hover{border-color:var(--ink)}.cards a span:not(.code){font:.88rem var(--sans);color:var(--muted)}.cards .code{align-self:flex-start;white-space:normal;overflow-wrap:anywhere;border-radius:14px}
.cards li[hidden],tr[hidden]{display:none}
.hub{margin-top:1rem}
.filter{display:flex;flex-direction:column;gap:4px;max-width:420px;margin:1rem 0;font:.9rem var(--sans);color:var(--muted)}
.filter input{min-height:44px;padding:8px 14px;border:2px solid var(--ink);border-radius:10px;background:var(--paper);color:var(--ink);font:16px var(--sans)}
.tablewrap{overflow-x:auto;border:1px solid var(--line);background:var(--paper)}
.list{border-collapse:collapse;width:100%;font:.95rem var(--sans)}
.list th,.list td{text-align:left;padding:8px 12px;border-bottom:1px solid #e1cfaa;white-space:nowrap}
.list thead th{position:sticky;top:0;background:#f3e4c4;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}

/* home */
.hero{padding:2.4rem 0 1rem}.hero h1{font-size:clamp(2.4rem,7vw,4.4rem)}
.why{max-width:46rem;margin:2rem 0}
.stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;list-style:none;padding:0;margin:1rem 0}
.stories a{display:block;background:var(--paper);border:1px solid var(--line);box-shadow:0 2px 0 var(--line),0 10px 22px rgba(80,50,20,.12);color:var(--ink);text-decoration:none;overflow:hidden}
.stories img{width:100%;aspect-ratio:3/2;object-fit:cover;background:#fff;border-bottom:1px solid var(--line)}
.stories b{display:block;font:400 1.4rem/1.15 var(--display);margin:12px 16px 4px}.stories span{display:block;font:.92rem/1.5 var(--sans);color:var(--muted);margin:0 16px 14px}

/* footer */
.foot{border-top:2px solid var(--ink);margin-top:3rem;padding:1.6rem 0 2.6rem;background:var(--paper)}
.foot p{max-width:46rem}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* home (mix of B darkroom hero + C card catalogue) */
.nighthome{width:100vw;margin-left:calc(50% - 50vw);background:radial-gradient(ellipse 60% 70% at 70% 10%,#7a4e2c 0,#2a1b12 45%,#0b0807 100%);color:#f6e9d2;padding:48px 18px 36px;text-align:center}
.nighthome .in{max-width:960px;margin:0 auto}
.nighthome .kick{font:700 .8rem var(--mono);color:#ff8a1f;text-shadow:0 0 8px rgba(255,138,31,.7);letter-spacing:.14em;margin:0}
.nighthome h1{font:400 clamp(2.6rem,8vw,5.6rem)/.98 var(--display);color:#fff4e0;margin:.2em auto .15em;max-width:12em}
.nighthome .sub{font:italic 1.2rem/1.5 var(--serif);color:#e0cba8;max-width:36em;margin:0 auto}
.nighthome .search.big{margin:1.5rem auto 0;max-width:560px}.nighthome .search input{background:#fffaf0}
.scatter{position:relative;height:300px;margin:34px auto 6px;max-width:900px}@media(max-width:760px){.scatter{height:190px}}
.scatter .pl{position:absolute;background:#fff;padding:6px 6px 22px;box-shadow:0 14px 30px rgba(0,0,0,.7);width:23%;color:var(--ink)}.scatter .pl img{width:100%;aspect-ratio:1/1;object-fit:cover}
.scatter .pl i{position:absolute;bottom:3px;left:8px;font:italic .62rem var(--serif);color:#6b5a48}
.nighthome .credit{font:.7rem var(--sans);color:#a8977c;margin:0}
.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:2rem 0}@media(max-width:800px){.doors{grid-template-columns:1fr}}
.door{background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--sepia);padding:18px 20px;color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}.door:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--sepia)}
.door .n{font:400 2.6rem/1 var(--display);color:var(--rose)}.door b{display:block;font:400 1.5rem var(--display)}.door span{font:.92rem/1.5 var(--sans);color:var(--muted)}
.week{display:grid;grid-template-columns:1.05fr .95fr;background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--sepia);margin:2.4rem 0}@media(max-width:800px){.week{grid-template-columns:1fr}}
.week .ph{background:#fff;padding:20px;display:flex;align-items:center;justify-content:center;border-right:2px solid var(--ink)}@media(max-width:800px){.week .ph{border-right:0;border-bottom:2px solid var(--ink)}}.week .ph img{max-height:300px;width:auto}
.week .tx{padding:24px 28px}.week .k{font:700 .72rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rose)}.week h2{margin:.2em 0 .3em;font-size:2.2rem}
.week dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin:.8em 0 1em}.week dl div{border-bottom:1px dotted #b89f78;padding:5px 0;display:flex;justify-content:space-between;gap:8px}.week dt{font:700 .7rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.week dd{margin:0}
.drawer{margin:2.6rem 0}.drawer h2{margin-top:0}.drawer .tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:-2px;position:relative;z-index:1}
.drawer .tabs a{font:700 .9rem var(--sans);background:#ead8b3;border:2px solid var(--ink);border-bottom:0;padding:9px 16px;color:var(--ink);text-decoration:none;border-radius:8px 8px 0 0;min-height:44px;display:inline-flex;align-items:center}.drawer .tabs a.on{background:var(--paper)}
.drawer .cards-box{background:var(--paper);border:2px solid var(--ink);padding:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px}
.idx{background:#fffdf6;border:1px solid var(--line);border-top:3px solid var(--rose);padding:10px 12px;color:var(--ink);text-decoration:none;display:block;background-image:repeating-linear-gradient(transparent 0 25px,#d9e6ef 25px 26px)}.idx[hidden]{display:none}
.idx b{font:400 1.1rem/1.2 var(--display);display:block}.idx span{font:.74rem var(--mono);color:var(--muted)}.idx img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:8px;border:3px solid #fff;box-shadow:0 2px 6px rgba(60,40,20,.3)}
.traits{display:flex;flex-wrap:wrap;gap:10px;margin:1rem 0}.traits a{background:var(--paper);border:2px solid var(--ink);padding:9px 16px;font:700 .85rem var(--sans);color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;box-shadow:3px 3px 0 var(--sepia)}.traits a:hover{background:#ffe9bd}

.buybar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:1.2rem 0 1.6rem;padding:12px 14px;border:2px solid var(--ink);background:var(--paper)}
.buybar-h{flex:0 0 100%;font:700 .8rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:2px}
.stickybuy{display:none}
@media(max-width:820px){
 .stickybuy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;justify-content:center;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--paper);border-top:2px solid var(--ink)}
 .stickybuy .btn{margin:0;width:100%;justify-content:center}
 body{padding-bottom:64px}
}

.gloss{display:grid;gap:0;border:2px solid var(--ink);background:var(--paper);margin:1rem 0 2rem}
.gloss>div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:10px 14px;border-bottom:1px solid var(--line)}
.gloss>div:last-child{border-bottom:0}
.gloss dt{font:700 .98rem var(--sans)}.gloss dd{margin:0;font-size:.95rem}
@media(min-width:820px){.gloss>div{grid-template-columns:260px minmax(0,1fr);gap:18px}}
.term .answer{font-size:1.08rem}

/* stories and reviews */
.story .wrap{max-width:760px}.story .dek{font:italic 1.25rem/1.5 Merriweather,serif;color:#5a4a3a;margin:.3em 0 1.2em}.story .byline{font:600 .8rem 'Public Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.story article p{margin:0 0 1.15em}.story article h2{margin-top:2.8rem}.story article h3{font:700 1.05rem 'Public Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);margin:1.8em 0 .4em}.story .fn a{font:700 .7rem 'Public Sans',sans-serif;text-decoration:none;color:var(--rose);padding:0 1px}.story .drop::first-letter{font:400 4.4rem/.8 'Abril Fatface',serif;float:left;padding:.08em .1em 0 0;color:var(--rose)}.story .table{width:100%;border-collapse:collapse;font-size:.95rem;margin:1em 0 1.6em;background:#fffaf0;border:1px solid #cdb68e}.story .table th,.story .table td{text-align:left;padding:9px 12px;border-bottom:1px solid #e1cfaa;vertical-align:top}.story .table thead th{font:700 .75rem 'Public Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);background:#f3e4c4}.story .table td:first-child{font-weight:700}.story .scroll{overflow-x:auto}.story .callout{background:#fffaf0;border-left:6px solid var(--rose);padding:14px 18px;margin:1.6em 0;box-shadow:0 2px 0 #cdb68e}.story .callout p{margin:0}.story .tl{list-style:none;padding:0;margin:1em 0 1.8em;border-left:3px solid var(--sepia)}.story .tl li{position:relative;padding:0 0 14px 22px}.story .tl li::before{content:"";position:absolute;left:-9px;top:7px;width:14px;height:14px;border-radius:50%;background:var(--rose);border:3px solid var(--cream)}.story .tl b{font:700 .85rem 'Public Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);display:block}.story .row4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 14px;margin:1.4em 0}@media(max-width:800px){.story .row4{grid-template-columns:repeat(2,1fr)}}.story .pola{margin:0;background:#fff;padding:9px 9px 8px;box-shadow:0 8px 18px rgba(60,40,20,.28)}.story .row4 .pola:nth-child(odd){transform:rotate(-1.4deg)}.story .row4 .pola:nth-child(even){transform:rotate(1.2deg)}.story .pola img{aspect-ratio:1/1;object-fit:cover;width:100%;filter:sepia(.12) saturate(.92)}.story .pola figcaption{font:italic .72rem Merriweather;color:#5a4a3a;padding:7px 2px 6px;line-height:1.35}.story .sources{font-size:.88rem;line-height:1.5}.story .sources li{margin:.45em 0}.story .card2{background:#fffaf0;border:1px solid #cdb68e;padding:18px 20px;box-shadow:0 2px 0 #cdb68e,0 10px 22px rgba(80,50,20,.15);margin:1.4em 0}.story .card2 dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}@media(max-width:600px){.story .card2 dl{grid-template-columns:1fr}}.story .card2 div{display:flex;justify-content:space-between;border-bottom:1px dotted #b89f78;padding:6px 0;gap:10px}.story .card2 dt{font:700 .75rem 'Public Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.story .card2 dd{margin:0;text-align:right}.story .bleed{width:min(1040px,100vw - 32px);position:relative;left:50%;transform:translateX(-50%)}.story .prod{margin:1.6em 0;background:#fff;padding:12px;box-shadow:0 10px 26px rgba(60,40,20,.22)}.story .prod img{width:100%;height:auto}.story .prod figcaption{font:italic .85rem/1.45 Merriweather;color:#5a4a3a;padding:10px 4px 2px}.story .prod .cr{display:block;font:normal .68rem 'Public Sans',sans-serif;color:#8a7760;margin-top:3px}.story .prod.hero{margin-top:.6em;padding:16px}.story .duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:700px){.story .duo{grid-template-columns:1fr}}.story .duo .prod{margin:.6em 0}.story .wins{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;margin:1.4em 0}.story .wcol{display:flex;flex-direction:column;gap:18px}.story .wcol .win:last-child{flex:1 1 auto}@media(max-width:800px){.story .wins{grid-template-columns:1fr}}.story .win{margin:0;background:#fffaf0;border:1px solid #cdb68e;box-shadow:0 2px 0 #cdb68e,0 8px 18px rgba(80,50,20,.12);padding:0 0 14px}.story .win img{width:100%;aspect-ratio:3/2;object-fit:cover;background:#fff;border-bottom:1px solid #cdb68e}.story .win h4{font:400 1.35rem 'Abril Fatface',serif;margin:12px 16px 4px}.story .win p{margin:0 16px .6em;font-size:.95rem;line-height:1.55}.story .win .cr{display:block;font:normal .66rem 'Public Sans',sans-serif;color:#8a7760;margin:0 16px 8px}.story .win.plain{padding-top:2px}.story .pull{font:italic 1.5rem/1.35 Merriweather,serif;border-left:6px solid var(--rose);padding:6px 0 6px 20px;margin:1.8em 0;color:#3b2c1f}.story .pull small{display:block;font:600 .72rem 'Public Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-top:8px}.story .shopline{font:italic .95rem var(--sans,Merriweather);color:#5a4a3a;border-top:1px dotted #b89f78;border-bottom:1px dotted #b89f78;padding:8px 0;margin:-.4em 0 1.4em}.story .vs td:nth-child(2){background:#fff3d9}.story .vs td:nth-child(3){background:#eaf4f1}
body{overflow-x:hidden}.story .night{width:100vw;margin-left:calc(50% - 50vw);background:radial-gradient(ellipse 60% 70% at 72% 40%,#7a4e2c 0,#2a1b12 42%,#0b0807 100%);color:#f6e9d2;padding:56px 18px 70px;position:relative}.story .night .in{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}@media(max-width:800px){.story .night .in{grid-template-columns:1fr}}.story .night .eyebrow{color:#ffb86b;margin:0}.story .night h1{color:#fff4e0;font-size:clamp(2.4rem,7vw,4.6rem);margin:.15em 0 .25em}.story .night .dek{color:#e7d3b3}.story .night .byline{color:#ffb86b}.story .print{background:#fff;padding:12px 12px 8px;transform:rotate(3.2deg);box-shadow:0 0 110px 36px rgba(255,205,140,.34),0 24px 46px rgba(0,0,0,.65);margin:0}.story .print img{width:100%;height:auto}.story .print figcaption{font:italic .7rem Merriweather;color:#6b5a48;padding:7px 2px 2px}.story .print a{color:#8a5a2b}.story .stampline{font:700 1.05rem 'JetBrains Mono',ui-monospace,monospace;color:#ff8a1f;text-shadow:0 0 8px rgba(255,138,31,.7);letter-spacing:.06em;margin-top:18px}.story .imagined{font:italic 1.12rem/1.7 Merriweather,serif;color:#3b2c1f;border-left:6px solid var(--rose);padding:4px 0 4px 20px;margin:0 0 1.6em}.story .imagined small{display:block;font:600 .68rem 'Public Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-top:8px}.story .lcds{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:1.6em 0 .4em}@media(max-width:800px){.story .lcds{grid-template-columns:1fr;max-width:430px;margin-left:auto;margin-right:auto}}.story .lcd{margin:0}.story .bezel{display:grid;grid-template-columns:1fr 42px;gap:10px;background:linear-gradient(155deg,#f1f3f7,#b5bcc9 55%,#dde1e9);border-radius:20px;padding:12px;box-shadow:0 14px 28px rgba(40,30,20,.35),inset 0 2px #fff}.story .screen{position:relative;background:#000;border-radius:6px;overflow:hidden;border:3px solid #1b1d22;aspect-ratio:4/3}.story .screen img{width:100%;height:100%;object-fit:cover;display:block}.story .ring{display:flex;align-items:center;justify-content:center}.story .ring i{display:block;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#aab2c0);box-shadow:0 2px 5px rgba(0,0,0,.35)}.story .stamp{position:absolute;right:8px;bottom:6px;font:700 .8rem 'JetBrains Mono',ui-monospace,monospace;color:#ff8a1f;text-shadow:0 0 6px rgba(255,120,0,.85),0 0 1px #000;letter-spacing:.05em}.story .lcd figcaption{font:normal .66rem 'Public Sans',sans-serif;color:#8a7760;margin-top:8px}.story .strips{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:1.4em 0}@media(max-width:800px){.story .strips{grid-template-columns:repeat(2,1fr)}}.story .strip{margin:0;background:#161210;padding:10px 10px 8px;border-radius:3px;position:relative}.story .strip::before,.story .strip::after{content:"";position:absolute;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,#161210 0 9px,#f5e6c8 9px 14px)}.story .strip::before{top:2px}.story .strip::after{bottom:2px}.story .strip img{width:100%;aspect-ratio:4/3;object-fit:cover;margin:6px 0 4px;filter:contrast(1.04)}.story .strip figcaption{font:italic .75rem/1.35 Merriweather;color:#e8d7b9;padding:0 2px 8px}.story .strip figcaption span{display:block;font:normal .62rem 'Public Sans',sans-serif;color:#a8977c;margin-top:3px}.story .strip a{color:#ffb86b}.story .sdwrap{display:flex;gap:26px;align-items:center;margin:1.4em 0;background:#fffaf0;border:1px solid #cdb68e;padding:20px;box-shadow:0 2px 0 #cdb68e}@media(max-width:700px){.story .sdwrap{flex-direction:column;text-align:center}}.story .sdwrap svg{flex:0 0 150px;width:150px;filter:drop-shadow(0 8px 10px rgba(60,40,20,.35)) rotate(-6deg)}.story .sdwrap p{margin:0}.story .sdwrap b{font:400 2.4rem 'Abril Fatface',serif;color:var(--rose);display:block;line-height:1}.story .big{font:400 clamp(1.7rem,4.6vw,2.5rem)/1.15 'Abril Fatface',serif;margin:1.4em 0;color:#2b2118}.story .big em{color:var(--rose);font-style:normal}