*{box-sizing:border-box}:root{--bg:#323b49;--text:#d8dddf;--muted:#a0a8b0;--white:#f4f0e8;--accent:#10d6b5;--hot-pink:#ff2d95;--panel:rgba(37,45,56,.92);--paper:rgba(226,218,197,.94);--ink:#111820;--page-max-width:1280px;--gutter:20px;--baseline:20px;--display-font:"Bungee",Georgia,serif}body.theme-moon{--accent:#5cc8ff;--paper:rgba(228,230,242,.96);--display-font:"Shrikhand",Georgia,serif}body.theme-orbituary{--accent:#d99a3c;--paper:rgba(234,224,201,.96);--display-font:"Rye",Georgia,serif}html{scroll-behavior:smooth}body{margin:0;background-color:var(--bg);background-image:linear-gradient(rgba(50,59,73,.78),rgba(50,59,73,.78)),url("../../images/optimized/background.jpg");background-size:cover;background-position:center;background-attachment:fixed;color:var(--text);font-family:"DM Sans",Helvetica,Arial,sans-serif;font-size:16.5px;line-height:1.65;letter-spacing:.01em}p{margin:0 0 .85em}p:last-child{margin-bottom:0}img{display:block;width:100%;height:auto}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:10px 16px;background:var(--accent);color:var(--bg);font-weight:700;text-decoration:none}.skip-link:focus{left:12px;top:12px}.site-header,.main-nav,.magazine-page,.site-footer{width:85%;max-width:var(--page-max-width);margin:0 auto}.site-header{display:flex;flex-direction:column;justify-content:center;padding:48px 0 28px;border-bottom:1px solid rgba(255,255,255,.18);position:relative}.site-title{margin:0 0 16px;font-family:var(--display-font);font-size:clamp(2.5rem,6vw,4.6rem);font-weight:400;line-height:1.05;color:var(--hot-pink);text-shadow:3px 3px 0 var(--accent),5px 5px 0 rgba(0,0,0,.22)}.site-subtitle{margin:0;max-width:760px;color:var(--accent);font-weight:600;font-style:italic;font-size:1.2rem}.nav-toggle{display:none;position:absolute;right:0;bottom:28px;border:1px solid rgba(255,255,255,.35);background:rgba(17,24,32,.75);color:var(--text);padding:9px 12px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.nav-toggle .bar{display:block;width:22px;height:2px;margin:4px 0;background:var(--accent)}.main-nav{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:14px;padding:20px 0}.main-nav a{position:relative;overflow:hidden;isolation:isolate;color:var(--text);text-decoration:none;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.24em;padding:8px 16px;border:1px solid rgba(255,255,255,.28);background:rgba(17,24,32,.42);transition:color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.main-nav a::before{content:"";position:absolute;inset:0 -25%;z-index:-1;background:var(--hot-pink);transform:translateX(-130%) skewX(-12deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.main-nav a:hover,.main-nav a:focus-visible{color:#0c0e13;border-color:var(--hot-pink);transform:translateY(-2px) scale(1.03);box-shadow:0 0 16px rgba(255,45,149,.75),0 8px 22px rgba(255,45,149,.45)}.main-nav a:hover::before,.main-nav a:focus-visible::before{transform:translateX(0) skewX(-12deg)}.main-nav a.active{background-color:var(--accent);border-color:var(--accent);color:var(--bg)}.main-nav a:first-child{color:var(--hot-pink);border-color:rgba(255,45,149,.55)}.magazine-page{padding:24px;background:rgba(205,210,212,.16);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(2px)}.article-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-areas:"hero intro" "hero copyone" "copytwo copythree" "quote quote";gap:var(--gutter);align-items:stretch}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter);align-items:start}.hero-image{grid-area:hero;align-self:start;margin:0;display:flex;flex-direction:column;background:var(--panel);border:1.5px solid var(--accent);box-shadow:0 4px 20px rgba(0,0,0,.45),0 0 26px 2px rgba(255,45,149,.3);overflow:hidden}.hero-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center top;filter:grayscale(20%);transition:filter .4s ease,transform .3s ease}.hero-image img:hover{filter:none;transform:scale(1.015)}.hero-image.faces-up img,.faces-up img{object-position:center top}.hero-image.tall img{aspect-ratio:3/4;object-position:center top}figcaption{padding:12px 14px;background:var(--ink);color:var(--text);font-size:.95rem;font-weight:700;line-height:1.35}.article-intro{grid-area:intro;background:var(--paper);border-left:8px solid var(--accent);padding:20px;color:var(--ink);font-size:1.05rem;line-height:1.6}.article-intro h1{margin:0 0 12px;color:var(--ink);font-family:"Fraunces",Georgia,serif;font-size:clamp(2rem,3.8vw,3.4rem);font-weight:900;line-height:.98;letter-spacing:-.02em}.deck{color:var(--ink);font-size:1.12rem;font-weight:700;line-height:1.5}.copy-block{background:rgba(245,245,245,.94);border-top:4px solid var(--accent);padding:18px;color:var(--ink);font-size:1.02rem;line-height:1.62}.copy-block:nth-of-type(2){grid-area:copyone}.copy-block:nth-of-type(3){grid-area:copytwo}.copy-block:nth-of-type(4){grid-area:copythree}.copy-block:nth-of-type(3):last-of-type{grid-column:1/-1}.copy-block h2,.scan-card h2{margin:0 0 10px;color:var(--ink);font-size:1.05rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.copy-block p,.scan-card p,.project-notes p{color:var(--ink)}.pull-quote{grid-area:quote;background:var(--accent);color:var(--bg);padding:24px;font-family:"Fraunces",Georgia,serif;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:900;line-height:1.08;letter-spacing:-.02em}.image-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter);margin-top:var(--baseline)}.image-strip img,.scan-card img{border:1.5px solid var(--accent);aspect-ratio:3/2;object-fit:cover;object-position:center top;background:var(--panel);box-shadow:0 0 22px 1px rgba(255,45,149,.28);filter:grayscale(20%);transition:filter .4s ease,transform .3s ease}.image-strip img{object-fit:contain}.image-strip img:hover,.scan-card img:hover{filter:none;transform:translateY(-4px)}.scan-card{margin:0;background:rgba(245,245,245,.94);padding:18px;border:1.5px solid var(--accent);color:var(--ink);font-size:1rem;line-height:1.55}.scan-card img{aspect-ratio:5/4}.scan-card figcaption{margin-top:14px;padding:0;background:none;color:var(--ink);font-size:1rem;font-weight:400}.project-notes{margin-top:24px;padding:24px;background:var(--panel);border-left:6px solid var(--accent);font-size:1.05rem}.project-notes h2{color:var(--white);font-family:"Fraunces",Georgia,serif}.project-notes p{color:var(--text)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:24px 0 40px;color:var(--text);border-top:1px solid rgba(255,255,255,.18);font-size:.95rem}@media (prefers-reduced-motion:reduce){.main-nav a:hover,.main-nav a:focus-visible{transform:none}.main-nav a::before{transition:none}}@media screen and (max-width:768px){.site-header,.main-nav,.magazine-page,.site-footer{width:90%}.main-nav{justify-content:flex-start}.article-grid{grid-template-columns:1fr;grid-template-areas:"intro" "hero" "copyone" "copytwo" "copythree" "quote"}.source-grid,.image-strip{grid-template-columns:repeat(2,1fr)}.hero-image,.article-intro,.copy-block,.pull-quote{grid-column:1}}@media screen and (max-width:520px){body{background-attachment:scroll;font-size:16px}.site-header,.main-nav,.magazine-page,.site-footer{width:92%}.magazine-page{padding:16px}.main-nav{flex-direction:column;align-items:stretch}.main-nav a{width:100%;text-align:center}.source-grid,.image-strip{grid-template-columns:1fr}.pull-quote{font-size:2rem}.site-footer{flex-direction:column;align-items:flex-start}}