.epi-magazine{--epi-surface:var(--background);--epi-text:var(--foreground);--epi-muted:var(--subtle);--epi-border:var(--line)}.epi-cover{background:var(--ink);height:80svh;min-height:620px;color:var(--ink-foreground);position:relative;overflow:hidden}.epi-cover>img{object-fit:cover;object-position:center;width:100%;height:112%;transform:translateY(var(--epi-parallax,0px))}.epi-cover:after{content:"";background:var(--epi-cover-scrim);position:absolute;inset:0}.epi-cover-copy{z-index:1;padding-block:56px;position:absolute;inset:auto 0 0}.epi-cover h1{max-width:1000px;margin-top:20px;font-size:56px;font-weight:500;line-height:1.1}.epi-number,.epi-issue,.epi-norms{letter-spacing:0;font-family:ui-monospace,monospace;font-size:12px}.epi-number{color:var(--primary)}.epi-intro{padding-block:56px 80px}.epi-chapo{max-width:65ch;font-size:19px;line-height:1.65}.epi-intro .blog-prose{max-width:65ch}.epi-intro-photo{margin-block:48px}.epi-intro-photo img{border-radius:12px;width:100%;height:auto}.epi-toc{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px;margin-top:36px;display:grid}.epi-toc a{border-radius:12px;gap:10px;display:grid}.epi-toc img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;height:auto;transition:opacity .2s}.epi-toc a:hover img{opacity:.85}.epi-look{background:var(--epi-surface);color:var(--epi-text);padding-block:80px}.epi-look[data-dark=true]{--epi-surface:var(--ink);--epi-text:var(--ink-foreground);--epi-muted:var(--ink-muted);--epi-border:var(--ink-line)}.epi-look-heading{margin-bottom:40px}.epi-look-heading h2{margin-top:12px;font-family:Cormorant Garamond,Georgia,serif;font-size:56px;line-height:1.15}.epi-look-heading>p{max-width:45ch;margin-top:12px;font-family:Cormorant Garamond,Georgia,serif;font-size:30px;font-style:italic;line-height:1.3}.epi-look-grid{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.epi-look-grid[data-reverse=true] .epi-look-photos{order:2}.epi-look img{border-radius:12px;width:100%;height:auto}.epi-look figcaption{color:var(--epi-muted);margin-top:10px;font-size:12px;line-height:1.5}.epi-photo-duo{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-top:28px;display:grid}.epi-photo-duo img{object-fit:contain;max-height:420px}.epi-look h3{margin-bottom:16px;font-size:17px;font-weight:600}.epi-look-copy>h3:not(:first-child){margin-top:32px}.epi-look .blog-prose,.epi-look .blog-prose p,.epi-look .blog-prose li{color:var(--epi-text);max-width:65ch;font-size:15px;line-height:1.7}.epi-look .blog-prose strong{color:var(--epi-text)}.epi-tags{flex-wrap:wrap;gap:8px;display:flex}.epi-tags span{border:1px solid var(--epi-border);border-radius:4px;padding:6px 10px;font-size:12px}.epi-variations{grid-template-columns:1fr 1fr;gap:20px;display:grid}.epi-variations p{margin-top:0}.epi-norms{border-top:1px solid var(--epi-border);flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:24px;display:flex}.epi-norms span{border:1px solid var(--epi-border);border-radius:4px;padding:8px 12px}.epi-colors{margin-top:48px}.epi-swatches{grid-template-columns:repeat(5,1fr);gap:24px;margin-block:32px;display:grid}.epi-swatch{border:1px solid var(--epi-border);border-radius:50%;width:44px;height:44px;margin-bottom:16px;display:block}.epi-swatch-0{background:var(--epi-orange)}.epi-swatch-1{background:var(--epi-yellow)}.epi-swatch-2{background:var(--epi-red)}.epi-swatch-3{background:var(--epi-blue)}.epi-swatch-4{background:var(--epi-green)}.epi-ending{padding-block:80px}.epi-ending .blog-prose{max-width:65ch}.epi-ending-duo{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px;display:grid}.epi-ending-duo img{object-fit:cover;border-radius:12px;width:100%;height:430px}.epi-magazine :focus-visible{outline-color:var(--primary)}@media (width<=767px){.epi-cover{height:60svh;min-height:470px}.epi-cover-copy{padding-block:32px}.epi-cover h1{font-size:32px;line-height:1.2}.epi-toc{grid-template-columns:1fr 1fr;gap:24px 16px}.epi-intro,.epi-look,.epi-ending{padding-block:48px}.epi-look-heading h2{font-size:40px}.epi-look-heading>p{font-size:26px}.epi-look-grid{grid-template-columns:1fr;gap:36px}.epi-look-grid[data-reverse=true] .epi-look-photos{order:0}.epi-variations,.epi-swatches{grid-template-columns:1fr}.epi-swatches>div{grid-template-columns:44px 1fr;gap:20px;display:grid}.epi-ending-duo{gap:12px}.epi-ending-duo img{height:230px}}@media (prefers-reduced-motion:reduce){.epi-cover>img{transform:none}.epi-toc img{transition:none}}
