/* Night ink, suspended paper, and a different room inside every zine. */
.intro{isolation:isolate}
.intro::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 76% 32%,#b0c17d12,transparent 48%),radial-gradient(ellipse at 22% 60%,#bf805916,transparent 50%);animation:night-exposure 24s ease-in-out infinite alternate}
@keyframes night-exposure{from{opacity:.25}to{opacity:.95}}
.print-image::after{content:'';position:absolute;inset:12px 0 0;z-index:2;pointer-events:none;background:var(--print-image) center/contain no-repeat;opacity:0;clip-path:inset(38% 0 57%);filter:sepia(.12) saturate(.8)}
.hero-zine.print-image::after{inset:0 0 25px}
.print-image.print-slip-active::after{animation:ink-offset .48s steps(1,end)}
.print-type.print-slip-active{animation:type-offset .48s steps(1,end)}
@keyframes ink-offset{0%,100%{opacity:0;translate:0 0;clip-path:inset(38% 0 57%)}18%{opacity:.5;translate:3px 0;clip-path:inset(38% 0 57%)}42%{opacity:.32;translate:-2px 0;clip-path:inset(66% 0 31%)}66%{opacity:.2;translate:1px 0;clip-path:inset(21% 0 76%)}82%{opacity:0;translate:0 0}}
@keyframes type-offset{0%,100%{text-shadow:none}20%{text-shadow:1.5px 0 #adbbc280,-1px 0 #be947a66}48%{text-shadow:-1px 0 #adbbc260,1px 0 #be947a55}76%{text-shadow:none}}
html[data-motion=paused] .print-image::after,body[data-intensity="0"] .print-image::after{opacity:0!important;animation:none!important}
html[data-motion=paused] .print-type,body[data-intensity="0"] .print-type{text-shadow:none!important;animation:none!important}
:root{--paper:#0e100f;--line:#ecede32e}
.intro{background:radial-gradient(ellipse at 85% 35%,#38432a44,transparent 47%),radial-gradient(ellipse at 10% 60%,#80331b25,transparent 52%),#11130f;color:#eeeee2}
.intro>.wrap{position:relative;z-index:1}
.intro .site-header,.intro .hero-bottom,.intro .reality-panel{border-color:#c3c8ae40}
.intro .brand img{background:var(--orange);padding:4px;transform:rotate(-4deg)}
.intro .brand-note{color:#b4b9a8}
.intro .nav-contact{border-color:#b4b9a866}
.intro .nav-contact:hover{background:var(--orange);color:#111}
.intro .bbs-strip{background:#080b0880;border-color:#95af7830;color:#c3d4ab}
.intro .hero-first{color:var(--orange)}
.intro .hero-last{color:#e7ebd4;text-shadow:0 0 80px #a2bd4320}
.intro .eyebrow{color:#b8beab}
.intro .signal-dot{background:var(--acid);box-shadow:0 0 15px #b1e25d80;animation:signal-breathe 5s ease-in-out infinite}
.intro .hero-art::before{border-color:#bbd89465;border-radius:50%;inset:0 -4%;transform:rotate(-24deg)}
.intro .hero-art::after{background:radial-gradient(ellipse,#a6c46624,transparent 67%);inset:-20%;transform:none}
.intro .art-registration{color:#b7c5a4}
.intro .art-caption{background:#161b12;color:#c1ccae;border:1px solid #77876266}
.intro .hero-marginalia{color:#aab29b}
.intro .hero-aside{color:#abb39b}
.intro .hero-bottom .button{background:var(--orange);border-color:var(--orange);color:#151710}
.intro .hero-bottom .button:hover{background:var(--acid);border-color:var(--acid);box-shadow:4px 4px 0 #777e60}
.intro .intensity-options button{color:#ced3c0;border-color:#858e7166}
.intro .intensity-options button[aria-pressed=true]{background:#c7d5ac;color:#151910}
.intro .intensity-options button:hover{background:var(--acid);color:#151910}
.intro .intensity-note{color:#a9b39b}
.hero-art .hero-zine{animation:paper-breathe 8s ease-in-out infinite;box-shadow:0 18px 35px #0008}
.hero-art .hero-zine-middle{animation-delay:-2.7s}
.hero-art .hero-zine-front{animation-delay:-5.3s}
.hero-art .hero-zine:hover,.hero-art .hero-zine:focus-visible{animation-play-state:paused}
.hero.is-glitching .hero-first{text-shadow:-2px 0 #aecb92,2px 0 #be75aa}
.hero.is-glitching .art-registration{transform:translateX(3px)}
.atmosphere-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.collection{max-width:1600px}
.collection-heading{align-items:end;gap:clamp(24px,5vw,90px);margin-bottom:40px}
.edition-grid{row-gap:48px;column-gap:clamp(18px,2.4vw,36px);align-items:stretch}
.edition-card{display:flex;flex-direction:column}
.edition-card .cover-link{isolation:isolate}
.edition-card .cover-link::before{content:'';position:absolute;inset:16% 8% 6%;background:var(--card-aura,#bac8a0);filter:blur(28px);opacity:.09;z-index:-1;transition:opacity .6s,transform .8s}
.edition-card .cover-link:hover::before,.edition-card .cover-link:focus-visible::before{opacity:.27;transform:scale(1.14)}
.edition-caption{flex:1;display:flex;flex-direction:column;align-items:stretch}
.edition-title{min-height:2.2em}
.edition-caption .edition-meta{margin-bottom:auto;padding-bottom:4px}
.edition-number{display:flex;align-items:center;gap:12px}
.edition-number::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#bbc4a82e,transparent)}
.edition-card .cover-action{transition:background .25s,translate .3s}
.edition-card .cover-link:hover .cover-action{background:var(--card-aura);translate:-3px -3px}
.collection .cover-link>img{animation:ink-breathe 9s ease-in-out infinite;animation-delay:var(--breath-delay,0s)}
.reader{--aura:#b8d59a;--aura-secondary:#abc9b5;width:min(1440px,calc(100vw - 40px));max-height:calc(100dvh - 40px);isolation:isolate;background:#101310;color:#f0f0e7;border:1px solid color-mix(in srgb,var(--aura) 35%,transparent);box-shadow:0 25px 100px #000c}
.reader::backdrop{background:#030604ed;backdrop-filter:blur(12px)}
.reader[open]{animation:room-open .5s cubic-bezier(.2,.8,.2,1)}
.reader-header{background:#0b100bdd;color:#dae3ce;border-bottom:1px solid color-mix(in srgb,var(--aura) 24%,transparent);z-index:3;padding:12px 24px;backdrop-filter:blur(12px)}
.reader-label{letter-spacing:.1em;font-size:.6rem}
.reader .close-button{border:1px solid #aab89b44;padding:7px 12px;font-size:.65rem}
.reader .close-button:hover{background:var(--aura);color:#101310}
.reader-main{position:relative;z-index:1;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr)}
.reader-view{background:transparent;padding:30px clamp(20px,4vw,65px) 22px}
.page-stage{overflow:hidden;perspective:1600px;min-height:200px;padding:12px 5%;flex:1}
.page-image{max-height:min(58dvh,660px);box-shadow:0 16px 38px #0008;will-change:auto}
.page-stage.is-turning .page-image,.page-stage.is-dragging .page-image{will-change:transform,opacity}
.page-turn-ghost{max-width:90%;height:auto}
.reader-info{position:relative;padding:44px 36px 28px 24px;justify-content:center}
.reader-info h2{color:var(--aura);font-size:clamp(2.6rem,4.8vw,5rem);margin:24px 0;line-height:.94}
.reader-description{max-width:30ch;color:#d2d7cb;line-height:1.7;font-size:.9rem}
.reader-info #reader-type{font-size:.65rem;color:#c4cabb;letter-spacing:.11em}
.atmosphere-signature{font:400 .58rem/1.7 var(--mono);letter-spacing:.14em;color:var(--aura);border-left:2px solid var(--aura);padding-left:12px;margin-bottom:35px}
.reader-info .button{background:#101610a8;border:1px solid color-mix(in srgb,var(--aura) 55%,transparent);color:var(--aura);font-size:.72rem;min-height:48px;max-width:330px}
.reader-info .button:hover{background:var(--aura);color:#11180d;box-shadow:3px 3px 0 var(--aura-secondary)}
.reader-help{color:#aab4a3;font-size:.65rem;max-width:38ch;line-height:1.7;padding-top:40px}
.reader .page-controls button{background:#0a0e0ab3;border-color:#b9c4ae55;color:var(--aura);transition:background .2s,transform .2s}
.reader .page-controls button:not(:disabled):hover{background:var(--aura);color:#111;transform:translateY(-2px)}
.reader .page-counter{color:#ccd3c3;font-size:.65rem}
.reader-thumbs{border-top:1px solid #bdc9a927;padding-top:14px;gap:6px}
.reader-thumb{transition:background .2s,border-color .2s}
.reader-thumb[aria-current=page]{border-color:var(--aura);background:color-mix(in srgb,var(--aura) 12%,transparent)}
.reader-thumb img{opacity:.48;transition:opacity .25s}
.reader-thumb:hover img{opacity:1}
.reader-tools{flex-wrap:wrap;column-gap:18px;row-gap:3px}
.reader-tools button,.reader-tools a{color:#b4bfa8;font-size:.57rem;min-height:36px}
.reader-tools .reader-motion{margin-left:auto;text-decoration:none;color:var(--aura);border-bottom:1px dotted #b4bfa855}
.reader-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.reader-dust{z-index:0;opacity:.85}
.aura{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;filter:blur(60px);opacity:.23;animation:aura-breathe 14s ease-in-out infinite;background:radial-gradient(circle,var(--aura),transparent 65%)}
.aura-one{left:-15%;top:-25%}
.aura-two{right:-28%;bottom:-70%;background:radial-gradient(circle,var(--aura-secondary),transparent 65%);animation-delay:-7s}
.cover-echo{position:absolute;width:34%;height:70%;background-image:var(--cover-echo);background-size:cover;opacity:.11;filter:saturate(.65);mask-image:linear-gradient(90deg,#000,transparent);animation:fragment-drift 18s ease-in-out infinite}
.echo-one{left:-12%;top:20%;transform:rotate(-16deg)}
.echo-two{right:-15%;top:6%;transform:rotate(19deg);mask-image:linear-gradient(270deg,#000,transparent);animation-delay:-9s}
[data-atmosphere=words] .cover-echo{opacity:.035}
[data-atmosphere=words] .aura{opacity:.1}
@keyframes paper-breathe{0%,100%{translate:0 0;rotate:-.4deg}50%{translate:0 -9px;rotate:.6deg}}
@keyframes ink-breathe{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes signal-breathe{50%{opacity:.5;box-shadow:0 0 5px #b1e25d40}}
@keyframes aura-breathe{50%{translate:5% 3%;scale:1.13;opacity:.32}}
@keyframes fragment-drift{50%{translate:0 -18px;rotate:3deg}}
@keyframes room-open{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after,body[data-intensity="0"] *,body[data-intensity="0"] *::before,body[data-intensity="0"] *::after{animation-play-state:paused!important}
body[data-intensity="0"] .atmosphere-dust{opacity:.25}
@media(min-width:1600px){.intro>.wrap{max-width:1600px}.hero-first{font-size:clamp(180px,16vw,264px)}}
@media(max-width:760px){
 .intro .hero-bottom{margin-top:32px}.intro .hero-art{margin-right:8%}.intro .hero-zine{animation-name:ink-breathe}
 .collection-heading{gap:26px}.edition-grid{gap:34px 18px}.edition-title{font-size:clamp(1.15rem,3.6vw,1.55rem)}
 .reader{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.reader-header{padding:8px 12px}.reader-label{font-size:.52rem;letter-spacing:.04em}.reader-main{grid-template-columns:1fr}
 .reader-view{padding:12px 16px 14px}.page-stage{padding:6px 5%;min-height:170px}.page-image{max-height:48dvh}.reader-info{padding:22px;border-top:1px solid #bdc9a927}.reader-info h2{font-size:2.6rem;margin:16px 0}.reader-description{max-width:45ch}.reader-help{padding-top:20px}.atmosphere-signature{margin-bottom:18px;font-size:.52rem}.reader-tools{column-gap:14px}.reader-tools .reader-motion{margin-left:0}.reader-thumb img{height:36px}.reader-thumbs{padding-top:10px;margin-top:10px}.page-controls{margin-top:10px}.page-controls button{min-height:44px}.aura{width:120%;filter:blur(35px)}.aura-two{bottom:-10%;right:-65%}.cover-echo{width:65%;height:55%}.echo-one{left:-35%}.echo-two{right:-35%}.atmosphere-orbit{width:110%;left:-35%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.atmosphere-dust{opacity:.25}}

/* Atmosphere comes from light and paper, without decorative sigils. */
.intro .hero-art::before{display:none}
.art-registration{justify-content:center}
.machine-cross{font-size:0;width:9px;height:9px;background:var(--acid);border-radius:50%;box-shadow:0 0 12px #8ace0055}
.poetry-foot{justify-content:flex-end}

/* A continuous atmosphere: night ink, ember light, uncoated paper. */
:root{--paper:#10120f;--line:#dfdfc62b}
body{background:radial-gradient(ellipse at 100% 35%,#533b2a19,transparent 45%),var(--paper)}
.intro{background:radial-gradient(ellipse at 81% 44%,#59663b30,transparent 48%),radial-gradient(ellipse at 4% 24%,#8e422627,transparent 55%),linear-gradient(180deg,#151712,#10120f)}
.intro .hero-art::after{border:0;box-shadow:none;outline:0;border-radius:50%;background:radial-gradient(ellipse,#a0b96b24,transparent 67%);filter:blur(24px);inset:-18%;transform:none}
.intro .hero-last::before{color:#a4ad94}
.intro .art-caption{background:#141810b8;border-color:#b3c69526;backdrop-filter:blur(8px);letter-spacing:.06em}
.hero-art .hero-zine{box-shadow:0 24px 44px #0009,0 1px 0 #e6ebca35}
.intro .hero-marginalia{border-top-style:solid;border-color:#aab29b2b;opacity:.8}
.intro .random-stamp{background:#cc9d9f;box-shadow:0 12px 35px #0005}
.intro .radio-deck{background:linear-gradient(115deg,#1c2119e6,#131711f2);border:1px solid #c3d1ad32;box-shadow:0 18px 55px #0004,inset 0 1px 0 #eef4d608;margin-top:38px;padding:26px}
.radio-deck .radio-scope{border-color:#c4d1b02b;background:#0e130d}
.radio-deck .radio-dials{border-left-style:solid;border-color:#c3d1ad2b}
.radio-deck .radio-identity em{color:#c3d6a7}
.radio-deck .radio-play{background:#c3d6a7;border-color:#c3d6a7}
.radio-deck .radio-sound{color:#d0ddbb;border-color:#83966b}
.intro .reality-panel{padding-block:22px 30px;border-color:#c3d1ad26}
.ticker{background:#bdc99e;box-shadow:none;border-block:1px solid #d9e3bd44}
.collection{padding-block:clamp(54px,7vw,110px)}
.collection .section-top{border-top-style:solid;border-color:#c3d1ad30}
.collection .big-title{color:#e8e8d8}
.collection .title-swerve{text-decoration-color:#bf6e4b;color:#c5d3ad}
.collection .edition-number{display:flex;background:none!important;color:#9aa58c;padding:0;rotate:0!important;font-size:.65rem;letter-spacing:.12em}
.edition-card .cover-link{padding-top:12px}
.edition-caption{padding-top:20px}
.collection .edition-title{color:#e0e4d5}
.collection .edition-meta{color:#a8b39c}
.collection .edition-buy{border-color:#a5b78a50;color:#c7d7b0}
.collection .edition-buy:hover{background:#c7d7b0;color:#13180f}
.poetry{background:radial-gradient(ellipse at 80% 10%,#f6eedc,transparent 58%),linear-gradient(140deg,#d5d4bd,#e4dfca 65%,#cfceb7);color:#292d25;padding-block:clamp(48px,6vw,90px)}
.poetry .section-top,.text-editions{border-color:#49543b55}
.poetry-title,.text-editions-title{color:#323c2b}
.poetry .poetry-frequency{background:#c1caad;color:#35402b;rotate:0;border:1px solid #68795844}
.poetry .poem{background:linear-gradient(135deg,#f1ecdc,#eae6d5);border:1px solid #73765c45;box-shadow:0 20px 50px #393e2420,2px 3px 0 #c0bea7;transform:rotate(-.45deg);padding:clamp(28px,3.5vw,52px)}
.poetry .poem-draw{background:#35402c;color:#f0eddf;border-color:#35402c;box-shadow:3px 3px 0 #aeb999}
.poetry .poem-draw:hover{background:#485638}
.poetry .poem::before{background:#bdc7a8;border-color:#68795866;color:#35402b}
.radio-rescue{background:#c4d3ad;border-color:#647452;box-shadow:3px 3px 0 #303c29}
.poetry .poetry-orbit{opacity:.55}
.text-editions{margin-top:52px}
.text-editions .edition-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,2vw,30px)}
.text-editions .edition-title{font-size:clamp(1.15rem,1.6vw,1.7rem);min-height:3.3em}
.poetry .edition-number{background:none;rotate:0;padding:0;letter-spacing:.1em;font-size:.65rem}
.poetry .cover-link>img{box-shadow:0 10px 24px #343a2525;outline-color:#5c634030}
.about{background:radial-gradient(ellipse at 90% 60%,#d18a4733,transparent 60%),#b65c3a;color:#1e241b;padding-top:clamp(48px,6vw,80px)}
.about .section-top,.about .contact-block{border-color:#26321d55}
.about .about-copy{max-width:34rem;line-height:1.6}
.about .contact-block{padding-block:38px 48px}
.site-footer{background:radial-gradient(ellipse at 15% 0,#4e583425,transparent 55%),#10140f;padding-top:36px}
.site-footer .footer-shout{color:#d6ddc4}
.site-footer .footer-bottom{border-color:#c2cba72e;color:#aab39a}
.reader{background:radial-gradient(ellipse at 72% 20%,color-mix(in srgb,var(--aura) 7%,transparent),transparent 70%),#101310;border-color:color-mix(in srgb,var(--aura) 25%,transparent)}
.reader .page-image{box-shadow:0 30px 65px #0009,0 1px 0 #ffffff20}
@media(max-width:1000px) and (min-width:761px){.text-editions .edition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.intro .radio-deck{padding:20px;margin-top:28px}.collection{padding-block:50px}.edition-caption{padding-top:15px}.text-editions .edition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.text-editions .edition-title{font-size:1.3rem}.poetry .poem{box-shadow:0 14px 32px #393e2420,2px 3px 0 #c0bea7}.about .contact-block{padding-block:28px 34px}}