/*
Theme Name: Broodfall Coming Soon
Version: 0.1.3
Description: Primitive Broodfall landing page, prepared for review.
*/
:root{color-scheme:dark;--ink:#0b1010;--paper:#eee4ce;--accent:#f5a849}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:18px/1.6 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:.25em}a:focus-visible{outline:3px solid #8be3db;outline-offset:6px}.skip{position:absolute;left:1rem;top:-8rem}.skip:focus{top:1rem;z-index:5;background:#111;padding:1rem}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.hero{min-height:740px;display:flex;align-items:center;position:relative;isolation:isolate;background:#12191b}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,12,.96),rgba(5,10,12,.5)),url(assets/junkyard-identity.png) center/cover;z-index:-1}.brand{font-weight:900;letter-spacing:.13em;font-size:clamp(36px,7vw,76px);line-height:1}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#aad8c8;font-size:14px;font-weight:700}h1{max-width:720px;font-size:clamp(36px,5vw,60px);line-height:1.07;margin:.5em 0}h2{font-size:30px;line-height:1.2}p{max-width:680px}.status{display:inline-block;border:1px solid #7e806c;padding:.6rem 1rem;border-radius:3px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:65px 0}.features h2{font-size:23px}.development{padding:45px 0 65px;border-top:1px solid #38423b}footer{border-top:1px solid #38423b;padding:24px 0;font-size:15px;color:#b6b4a9}.art-note{font-size:13px;color:#b6b4a9}@media(max-width:680px){.hero{min-height:690px;padding:56px 0}.hero:before{background-image:linear-gradient(rgba(5,10,12,.8),rgba(5,10,12,.94)),url(assets/junkyard-identity.png)}.features{grid-template-columns:1fr;gap:14px;padding:36px 0}.wrap{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Original PNG remains the fallback when typed image-set is unavailable. */
@supports(background-image:image-set(url("assets/junkyard-identity.webp") type("image/webp"))){.hero:before{background-image:linear-gradient(90deg,rgba(5,10,12,.96),rgba(5,10,12,.5)),image-set(url("assets/junkyard-identity.webp") type("image/webp"),url("assets/junkyard-identity.png") type("image/png"))}@media(max-width:680px){.hero:before{background-image:linear-gradient(rgba(5,10,12,.8),rgba(5,10,12,.94)),image-set(url("assets/junkyard-identity.webp") type("image/webp"),url("assets/junkyard-identity.png") type("image/png"))}}}
