@layer tokens,base,components;@layer page{.story-cover img{border-radius:var(--radius-l);width:100%;height:auto}.story-cover figcaption,.story-pair figcaption{margin-top:var(--space-2xs);font-size:var(--step--1);color:var(--text-muted)}.story-intro{gap:var(--space-m);margin-top:var(--space-m);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.story-intro img{border-radius:var(--radius-s);width:64px;height:auto}.story-facts{gap:var(--space-s);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.story-facts dt{font-size:var(--step--1);color:var(--text-muted)}.story-facts dd{overflow-wrap:break-word;margin:0;font-weight:700}.story-grid{gap:var(--space-l);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.story-text{max-width:68ch}.story-text .section-head{margin-bottom:var(--space-s)}.story-text p+p{margin-top:.9em}.story-text p{color:var(--text-muted);hyphens:auto}.story-note{margin-top:var(--space-s);font-size:var(--step--1);color:var(--text-muted)}.story-pair{gap:var(--space-s);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.story-pair img{border-radius:var(--radius-m);width:100%;height:auto}.story-gallery{margin-top:var(--space-l)}.gallery-track{scroll-snap-type:x mandatory;padding-bottom:var(--space-2xs);overflow-x:auto}.gallery-track:focus-visible{outline-offset:4px}.gallery-list{gap:24px;margin:0;padding:0;list-style:none;display:flex}.gallery-list li{scroll-snap-align:start;flex:0 0 calc(33.3333% - 16px);min-width:0}.gallery-list a{border-radius:var(--radius-m);display:block;overflow:hidden}.gallery-list img{object-fit:cover;width:100%;height:22rem}.gallery-list figcaption{margin-top:var(--space-2xs);font-size:var(--step--1);color:var(--text-muted)}.gallery-controls{margin-top:var(--space-s);font-size:var(--step--1);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.gallery-controls[hidden]{display:none}.gallery-controls div{gap:10px;display:flex}.gallery-controls button,.lightbox button{border:1px solid var(--glass-line);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;place-items:center;font-size:22px;line-height:1;display:grid}.gallery-controls button:disabled{opacity:.4;cursor:default}.lightbox{width:min(960px,94vw);height:min(900px,94dvh);padding:var(--space-s) var(--space-m);border-radius:var(--radius-l);background:var(--bg);color:var(--text);border:0}.lightbox::backdrop{background:color-mix(in oklch, var(--ink) 55%, transparent)}.lightbox[open]{flex-direction:column;display:flex}.lightbox-top,.lightbox-arrows{justify-content:space-between;align-items:center;gap:var(--space-s);display:flex}.lightbox-arrows{justify-content:center}.lightbox figure{min-height:0;margin:var(--space-s) 0;flex-direction:column;flex:1;display:flex}.lightbox img{object-fit:contain;flex:1;width:100%;min-height:0}.lightbox figcaption{margin-top:var(--space-2xs);text-align:center;font-size:var(--step--1)}.story-notes{counter-reset:note;gap:var(--space-m);margin:var(--space-l) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.story-notes li{padding:var(--space-m);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-raised)}.story-notes li:before{counter-increment:note;content:counter(note, decimal-leading-zero);font-family:var(--font-brand);color:var(--action);margin-bottom:8px;display:block}.story-notes h3,.story-features h3{font-size:var(--heading-step-1);letter-spacing:-.02em;overflow-wrap:break-word;line-height:1.25}.story-notes p,.story-features p{color:var(--text-muted);margin-top:8px}.story-features{gap:var(--space-l) var(--space-m);margin:var(--space-l) 0 0;grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}.story-phone{max-width:220px;margin:0 auto var(--space-s)}@media (width>=760px){.story-features{grid-template-columns:repeat(2,minmax(0,1fr))}.story-features li:nth-child(odd):last-child{grid-column:1/-1;max-width:320px;margin-inline:auto}.story-features li:not(:has(.story-phone)){align-self:center}}.story-screens-note{margin-top:var(--space-m);font-size:var(--step--1);color:var(--text-muted)}.story-metrics{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;margin:0;padding:0;list-style:none;display:grid}.story-metrics li{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-raised);padding:14px 16px}.story-metric-label{font-size:var(--step--1);font-weight:650}.story-metric-note{font-size:var(--step--1);color:var(--text-muted);margin-top:4px}@media (width<=600px){.story-metrics{grid-template-columns:minmax(0,1fr)}}.story-outlook .actions{margin-top:var(--space-m)}.story-byline{margin-top:var(--space-m);font-size:var(--step--1);color:var(--text-muted);flex-wrap:wrap;gap:4px 0;display:flex}.story-byline>span:not(:last-child):after{content:"·";margin-inline:.6em}.story-byline a{color:var(--text)}@media (width<=960px){.story-grid,.story-notes{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){.gallery-list li{flex-basis:80%}.gallery-list img{height:18rem}.story-pair,.story-facts,.story-intro{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.story-notes h3,.story-features h3{hyphens:manual}}}