:root { --ink: #0b0b0b; --ash: #dfded8; --ember: #a8492d; --moss: #6f8270; }
* { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; color: var(--ash); background: var(--ink); font-family: "Work Sans", sans-serif; } a { color: inherit; text-decoration: none; } .site-header { position: absolute; z-index: 2; width: 100%; padding: 1.5rem 3vw; } nav { display: grid; align-items: center; grid-template-columns: 1fr auto 1fr; font-size: .72rem; letter-spacing: .08em; text-transform: lowercase; } .nav-left, .nav-right { display: flex; gap: 1.5rem; } .nav-right { justify-content: flex-end; } nav a:hover, footer a:hover { opacity: .65; }.wordmark { font-family: "EB Garamond", serif; font-size: 1.45rem; letter-spacing: 0; }.hero { min-height: 100svh; position: relative; display: flex; align-items: end; overflow: hidden; }.hero>img, .inescapable img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.hero-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.2) 45%,rgba(0,0,0,.83)); }.hero-copy { position:relative; padding: 0 8vw 11vh; }.hero h1, h2 { font-family:"EB Garamond",serif; font-weight:400; margin:0; text-wrap:balance; }.hero h1 { font-size:clamp(3.4rem,8.3vw,7rem); line-height:.83; letter-spacing:-.035em; max-width: 11ch; }.hero p { margin: 2rem 0 0; font-size:clamp(.82rem,1.25vw,1rem); line-height:1.45; }.scroll-cue { position:absolute; right:4vw; bottom:4vh; font: .65rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }.scroll-cue span { font-size:1.2rem; margin-left:.5rem; }.prints { padding:clamp(5rem,10vw,10rem) 6vw; background:#d9d5ca; color:#171715; }.section-heading { display:flex; align-items:baseline; justify-content:space-between; border-bottom:1px solid #171715; padding-bottom:1rem; margin-bottom:2.5rem; }.section-heading p, .music>div>p:first-child { font: .63rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.09em; }.section-heading h2 { font-size:clamp(3rem,6vw,5.5rem); }.print-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2vw; }.print-card { display:block; }.print-art { display:block; aspect-ratio: .75; position:relative; overflow:hidden; }.art-one { background:linear-gradient(135deg,#111 0 45%,#d6c288 45% 49%,#714b32 49% 70%,#040404 70%); }.art-two { background:radial-gradient(circle at 68% 34%,#e6d5a5 0 9%,transparent 10%),linear-gradient(145deg,#161616 0 47%,#9d3c2e 48% 70%,#e7d7a5 70%); }.art-three { background:radial-gradient(ellipse at 45% 70%,#d37249 0 18%,transparent 19%),linear-gradient(165deg,#060606 0 45%,#5e775f 45% 47%,#a45537 47% 100%); }.product-line { display:flex; justify-content:space-between; gap:1rem; margin-top:.8rem; font-size:.84rem; }.product-line strong { font-weight:500; }.product-line em { font-style:normal; white-space:nowrap; }.product-line small { font-size:.7em; font-weight:400; }.collage { min-height:110vh; position:relative; overflow:hidden; background:#1c1b19; }.collage-title { position:absolute; z-index:1; top:16%; left:10%; }.collage h2,.natural h2,.inescapable h2,.music h2 { font-size:clamp(4rem,9vw,9rem); line-height:.8; letter-spacing:-.045em; }.collage p,.natural p,.inescapable p,.byline { font: .72rem "DM Mono",monospace; line-height:1.6; }.collage img { position:absolute; object-fit:cover; }.image-a { width:46%; height:55%; right:7%; top:11%; }.image-b { width:34%; height:40%; left:20%; bottom:8%; filter:grayscale(1) contrast(1.15); }.natural { min-height:95vh; position:relative; background:#080808; overflow:hidden; display:flex; flex-direction:column; justify-content:end; padding:7vw; }.natural-photo { position:absolute; inset:0; opacity:.7; background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 60%),url("https://images.unsplash.com/photo-1663245360704-0d23d90c993c?auto=format&fit=crop&w=2000&q=85") center/cover; }.natural h2,.natural p { position:relative; }.natural h2 { color:#ced7c4; align-self:end; }.inescapable { min-height:100vh; position:relative; overflow:hidden; display:flex; justify-content:center; align-items:center; }.inescapable:after { position:absolute; content:""; inset:0; background:rgba(50,13,6,.35); }.inescapable div { position:relative; z-index:1; text-align:center; }.inescapable h2 { font-size:clamp(4.4rem,11vw,11rem); }.music { padding:clamp(5rem,11vw,10rem) 8vw; display:flex; justify-content:space-between; gap:3rem; align-items:end; background:#a8492d; color:#1a100c; }.music h2 { font-size:clamp(4rem,9vw,9rem); }.byline { margin:1rem 0 0; }.listen { border-bottom:1px solid #1a100c; padding-bottom:.5rem; white-space:nowrap; font-size:.82rem; } footer { min-height:10rem; display:flex; justify-content:space-between; align-items:center; padding:3rem 5vw; font-size:.72rem; background:#0b0b0b; } @media (max-width:700px) { .site-header { padding:1.2rem 5vw; }.nav-left,.nav-right { gap:.65rem; font-size:.58rem; }.wordmark{font-size:1rem}.hero-copy{padding:0 6vw 15vh}.hero h1{font-size:clamp(3rem,13vw,5rem)}.print-grid{grid-template-columns:1fr;gap:3rem}.print-art{aspect-ratio:1.05}.collage{min-height:85vh}.image-a{width:65%;height:43%;right:5%;top:16%}.image-b{width:58%;height:35%;left:6%;bottom:9%}.music{display:block}.listen{display:inline-block;margin-top:3rem}footer{display:block;line-height:2.5} }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }

.understory { min-height:105vh; isolation:isolate; position:relative; overflow:hidden; padding:10vw 8vw; display:flex; align-items:end; justify-content:space-between; gap:3rem; background:#07100d; }
.forest-pan { position:absolute; z-index:-1; inset:-5%; background:linear-gradient(90deg,rgba(3,9,7,.76),rgba(3,9,7,.16)),url("https://images.unsplash.com/photo-1618877777645-60c9a4c3e264?auto=format&fit=crop&w=2400&q=85") center/cover; animation:forest-pan 24s ease-in-out infinite alternate; }
.understory-copy { max-width:46rem; }.understory-copy p { font:.66rem "DM Mono",monospace; letter-spacing:.07em; text-transform:uppercase; }.understory h2 { font-size:clamp(4rem,9vw,8.6rem); line-height:.79; font-family:"EB Garamond",serif; font-weight:400; letter-spacing:-.045em; }
.amanita-card { width:min(31vw,380px); margin:0; background:#d8d0bd; padding:.65rem .65rem 1rem; color:#171715; transform:rotate(3deg); box-shadow:0 8px 8px rgba(0,0,0,.35); }.amanita-card img { width:100%; aspect-ratio:.78; object-fit:cover; display:block; }.amanita-card figcaption { padding:.75rem .35rem 0; font:.63rem/1.4 "DM Mono",monospace; }
@keyframes forest-pan { from { transform:scale(1.08) translate3d(-2%,0,0); } to { transform:scale(1.15) translate3d(2%,0,0); } }
@media (max-width:700px) { .understory{min-height:100svh;display:block;padding:20vw 7vw 8vw}.amanita-card{width:60vw;position:absolute;right:7vw;bottom:10vw} }
@media (prefers-reduced-motion: reduce) { .forest-pan { animation:none; } }
.natural-photo { background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 60%),url("assets/fungi-gills.jpg") center/cover; }
.forest-pan { background:linear-gradient(90deg,rgba(3,9,7,.76),rgba(3,9,7,.16)),url("assets/forest-arch.jpg") center/cover; }
.hero-video { position:absolute; inset:-20%; width:140%; height:140%; border:0; pointer-events:none; object-fit:cover; animation:hero-pan 20s ease-in-out infinite alternate; }.video-credit { position:absolute; right:4vw; bottom:7vh; z-index:1; margin:0; font:.55rem "DM Mono",monospace; opacity:.72; }
@media (max-width:700px) { .hero-video { inset:-30% -60%; width:220%; height:160%; }.video-credit { bottom:9vh; right:5vw; } }
@media (prefers-reduced-motion: reduce) { .hero-video { display:none; }.hero { background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.75)),url("https://images.unsplash.com/photo-1635790326035-28ac1b3ce981?auto=format&fit=crop&w=1800&q=85") center/cover; } }
@keyframes hero-pan { from { transform:translate3d(-2%,0,0) scale(1.04); } to { transform:translate3d(2%,0,0) scale(1.1); } }

/* Collection rebuild: readable type, real covers, source-only copy. */
#hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#motion-toggle{position:absolute;right:2rem;bottom:1.3rem;z-index:2;border:1px solid #aeb7a6;background:#0b130cbb;color:#fff;padding:.5rem .8rem;cursor:pointer;font:inherit;font-size:.7rem}
.hero h1,.hero p{font-family:"EB Garamond",serif;font-size:clamp(1.4rem,3.2vw,3rem);font-weight:400;line-height:1.2;max-width:none;letter-spacing:-.025em;text-wrap:wrap}
.hero p{margin:0}
.hero{padding-top:7rem}.hero-copy{padding-bottom:8vh}
.hero-overlay{background:linear-gradient(90deg,#06100999,#06100925),linear-gradient(0deg,#061009bb,transparent)}
.prints{background:#111b14;color:#efeee8}.section-heading{border-color:#687361}
.print-card{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.book-cover{width:100%;aspect-ratio:1.3;object-fit:contain;display:block;background:#212a21;padding:1rem}
.product-line{font-size:.95rem}.collage h2,.natural h2,.inescapable h2{font-size:clamp(3rem,7vw,6rem);line-height:1;letter-spacing:-.025em}
.amanita-card{padding:0;transform:none;background:none;box-shadow:none;width:40%;margin-left:auto}
.understory{min-height:90vh}.forest-pan{animation:none}
.image-b{filter:none}.music{display:block;background:#192219;color:#efeee8;padding:5rem 7vw}
.music iframe{border:0;width:100%;height:450px}.listen{margin-top:1rem;border-color:#93998a;display:inline-block}
dialog{width:min(1000px,92vw);max-height:90svh;overflow:auto;border:1px solid #54604e;background:#151e17;color:#efeee8;padding:3rem}
dialog[open]{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}
dialog::backdrop{background:#000b}dialog img{width:100%;height:auto}dialog h2{font-size:2.4rem}dialog p{margin-top:1rem}
.close{position:absolute;top:.3rem;right:.5rem;background:none;border:0;color:inherit;font-size:2rem;cursor:pointer}
#checkout[hidden]{display:none}#checkout{display:inline-block;padding:1rem;background:#e8ebdf;color:#121810;margin-top:1rem}
#checkout-status{font-size:.85rem}#detail-description{white-space:pre-line}
:focus-visible{outline:2px solid #bccba9;outline-offset:5px}
@media(max-width:700px){
.hero h1 br{display:initial}.hero-copy{padding:2rem 6vw 8vh}
.book-cover{aspect-ratio:1.3}.understory{min-height:720px}
.amanita-card{position:relative;width:65%;right:auto;bottom:auto;margin:15vh 0 0 auto}
dialog[open]{display:block;padding:2.5rem 1.3rem}dialog h2{margin-top:1.5rem}
}