:root {
    --night:#07090e;
    --night2:#0c0f14;
    --cream:#ecd9b2;
    --gold:#dca34a;
    --gold-soft:#b88747;
    --purple:#b366d5;
    --paper:#d7c5a1;
    --ink:#17120d;
    --border:rgba(219,161,76,.32);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--night)}
body{margin:0;min-width:320px;color:var(--cream);background:#06080c;font-family:Georgia,"Times New Roman",serif}
a{color:inherit}.page-shell{width:min(1160px,calc(100% - 40px));margin:0 auto}
.topbar{position:relative;z-index:20;background:rgba(5,8,13,.97);border-bottom:1px solid rgba(220,163,74,.14);box-shadow:0 8px 28px #000}
.topbar-inner{width:min(1160px,calc(100% - 40px));height:96px;margin:auto;display:flex;align-items:center;gap:28px}
.mini-brand{width:150px;height:92px;display:flex;align-items:center;justify-content:center;overflow:visible}.mini-brand img{width:132px;height:auto;max-height:88px;object-fit:contain;display:block;filter:drop-shadow(0 5px 12px rgba(0,0,0,.9))}
.main-nav{display:flex;align-items:center;gap:26px;flex:1;justify-content:center}.main-nav a{font:600 .77rem/1 Arial,sans-serif;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;color:#c9b79b;white-space:nowrap}.main-nav a:hover,.main-nav .active{color:#f0ae45}.search{display:flex;align-items:center;width:170px;height:39px;border:1px solid rgba(181,82,211,.4);border-radius:13px;background:#0b0d13}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--cream);padding:0 12px;font:italic .9rem Georgia,serif}.search button{border:0;background:none;color:#efad37;font-size:1.25rem;padding:0 11px;cursor:pointer}
.hero{position:relative;min-height:620px;overflow:hidden;background:#0a0c12}.hero-scene,.hero-shade{position:absolute;inset:0}.hero-scene{background:url("assets/Twilight_Campfire_Among_Mountain_Pines.png") center 74%/cover no-repeat}.hero-shade{background:linear-gradient(to bottom,rgba(4,7,11,.12) 0%,rgba(4,6,9,.08) 55%,rgba(4,6,9,.82) 100%),linear-gradient(90deg,rgba(0,0,0,.65),transparent 34%,transparent 68%,rgba(0,0,0,.38))}.hero-content{position:relative;z-index:2;min-height:620px;padding-top:115px}.identity-block{width:450px;text-shadow:0 4px 20px #000}.script-title{margin:0;color:#d7b985;font-size:5.2rem;line-height:.8;font-style:italic;letter-spacing:-.05em}.shenanigans{margin:12px 0 22px;color:#c970d8;font:700 1.26rem/1 Arial,sans-serif;letter-spacing:.25em}.roles{font:1rem/1.55 Arial,sans-serif;color:#efc16f}.roles span,.quote span,.pull-chair span,.note span{color:#8e4ea7}.quote{margin:33px 0 0;padding-top:25px;border-top:1px solid rgba(232,189,103,.16);font-size:1.65rem;line-height:1.45;font-style:italic;color:#dfc28c}.hero-badge{position:absolute;right:16px;bottom:52px;display:flex;flex-direction:column;align-items:center;gap:7px}.badge-ring{width:146px;height:146px;border:4px double #9a7b45;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 48% 42%,#34203a 0 30%,#17131c 58%,#090b0f 100%);overflow:hidden;padding:14px;box-shadow:0 12px 30px rgba(0,0,0,.9),inset 0 2px 3px rgba(255,222,148,.22),inset 0 -10px 22px rgba(0,0,0,.55),0 0 0 2px rgba(45,27,50,.8)}.badge-ring img{display:block;width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(0,0,0,.9)) drop-shadow(0 0 7px rgba(170,103,198,.22));transform:translateY(-1px)}.hero-badge span{background:linear-gradient(#8d5f2a,#5d3519);border:1px solid #b98748;border-radius:4px;padding:5px 12px;font:700 .68rem Arial,sans-serif;color:#f2cf88;letter-spacing:.06em;box-shadow:0 3px 10px #000}
.content-stage{position:relative;margin-top:-36px;padding:0 0 44px;background:linear-gradient(to bottom,rgba(4,6,9,.02),#07090d 140px,#080a0e 100%)}.content-stage:before,.content-stage:after{content:"";position:absolute;top:20px;bottom:0;width:190px;pointer-events:none;opacity:.2;background:linear-gradient(to bottom,transparent,#040608),radial-gradient(ellipse at center,#1e2430 0%,transparent 70%)}.content-stage:before{left:0}.content-stage:after{right:0}.layout-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px 26px;align-items:start}.feature-panel,.dark-panel{background:linear-gradient(135deg,rgba(13,16,20,.96),rgba(8,10,14,.95));border:1px solid var(--border);box-shadow:0 14px 35px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.02)}.feature-panel{border-radius:18px;padding:18px 22px 16px}.feature-panel h2,.trail h2,.dark-panel h2{margin:0 0 16px;color:#e2a84e;font:700 1rem/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em}.feature-body{display:grid;grid-template-columns:245px 1fr;gap:22px;align-items:center}.feature-photo{height:180px;border-radius:11px;overflow:hidden;background:radial-gradient(circle at 40% 25%,rgba(245,145,48,.35),transparent 26%),linear-gradient(145deg,#1c120a,#08090c 70%);box-shadow:inset 0 0 50px #000}.coffee-art{height:100%;display:grid;place-items:center;font-size:4rem;filter:drop-shadow(0 0 18px #d2792c)}.feature-body h3{margin:0;color:#efd9b0;font-size:1.9rem;line-height:1.08}.feature-body p{max-width:330px;color:#d3bd99;line-height:1.55}.feature-body a{color:#e6a745;text-decoration:none}.dots{text-align:center;padding-top:10px}.dots span{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 6px;background:#43304d}.dots span:first-child{background:#e0a041}
.trail{grid-column:2;grid-row:1 / span 2;background:linear-gradient(#17180f,#11150f 65%,#090b0c);border:5px solid #4b2d18;border-radius:7px;padding:18px 20px 28px;box-shadow:0 18px 35px #000,inset 0 0 35px rgba(0,0,0,.7)}.trail h2{text-align:center;background:linear-gradient(#74542e,#3d2716);margin:-31px -9px 17px;padding:10px;border:1px solid #8a6739;transform:rotate(-1deg);box-shadow:0 5px 10px #000}.trail nav{display:flex;flex-direction:column}.trail a{display:grid;grid-template-columns:1fr;gap:4px;padding:11px 4px;text-decoration:none;border-bottom:1px solid rgba(218,165,85,.08)}.trail b{color:#c478d7;font:1rem Arial,sans-serif}.trail small{color:#d0b98f;font:.84rem/1.4 Arial,sans-serif}.pull-chair{margin:20px -9px -45px;padding:11px;text-align:center;color:#d4b178;font:italic 1.4rem/1.4 Georgia,serif;background:linear-gradient(#664827,#322014);border:1px solid #79552f;box-shadow:0 4px 12px #000;transform:rotate(1deg)}
.story-cards{grid-column:1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.paper-card{position:relative;min-height:278px;padding:35px 17px 15px;color:var(--ink);text-align:center;background:linear-gradient(90deg,rgba(80,55,30,.05),transparent 16%,transparent 84%,rgba(80,55,30,.08)),linear-gradient(#dfcfaa,#cdbb95);border:1px solid #968160;box-shadow:0 8px 16px #000;clip-path:polygon(1% 0,99% 1%,100% 98%,97% 100%,2% 99%,0 95%,1% 70%,0 35%)}.paper-card .tab{position:absolute;top:-1px;left:10px;right:10px;padding:8px 5px;border-radius:0 0 4px 4px;background:#55502f;color:#f4e3bf;font:700 .63rem Arial,sans-serif;letter-spacing:.04em;box-shadow:0 3px 6px rgba(0,0,0,.35)}.paper-card.purple .tab{background:#56335e}.paper-card.teal .tab{background:#195764}.paper-card.rust .tab{background:#815029}.paper-icon{font-size:2rem;margin:11px 0 7px}.paper-card h3{margin:0;font-size:1.15rem;line-height:1.25}.paper-card p{font:.82rem/1.4 Arial,sans-serif}.paper-card small{display:block;margin:15px -6px 0;padding:8px 2px;border-top:1px solid rgba(50,35,20,.2);border-bottom:1px solid rgba(50,35,20,.2);font:.63rem Arial,sans-serif}.paper-card a{display:block;margin-top:11px;text-decoration:none;font-size:.91rem}
.dark-panel{border-radius:12px;padding:19px 23px}.backpack{grid-column:1}.backpack-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}.backpack-grid div{display:grid;grid-template-columns:auto 1fr;column-gap:6px}.backpack-grid small{grid-column:1/-1;color:#e5a43f;font:.57rem Arial,sans-serif;letter-spacing:.08em}.backpack-grid b{color:#c875d8;font:400 .88rem/1.35 Arial,sans-serif}.backpack-grid span{font:.78rem Arial,sans-serif;color:#cab695}.currently{grid-column:2}.currently ul{list-style:none;padding:0;margin:0}.currently li{padding:7px 0;color:#d7c29c;font:.9rem Arial,sans-serif}.note{grid-column:2;justify-self:center;width:210px;margin-top:0;padding:28px 18px;background:linear-gradient(145deg,#d9c9a8,#b8a17b);color:#211811;text-align:center;font:italic 1.45rem/1.55 Georgia,serif;transform:rotate(4deg);box-shadow:0 12px 20px #000;clip-path:polygon(3% 1%,97% 0,100% 96%,93% 100%,1% 96%,0 6%)}.note span{display:block;text-align:right;font-size:1rem}
.site-footer{background:linear-gradient(#0c0d15,#05070a);border-top:1px solid rgba(171,91,193,.2);padding:24px 0 12px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr .7fr .45fr;gap:25px;align-items:center}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid small{color:#aa8f54;font:.6rem Arial,sans-serif;letter-spacing:.12em}.footer-grid strong{font:1.2rem Arial,sans-serif;color:#bd6dd1}.footer-grid span,.footer-grid a{font:.72rem/1.5 Arial,sans-serif;color:#9e8d77;text-decoration:none}.footer-grid>div>a:last-child{width:max-content;border:1px solid rgba(181,93,203,.35);padding:8px 12px;border-radius:4px;color:#c178d2}.footer-mark{align-items:center;text-align:center;font-size:2rem}.footer-mark span{color:#d69d43;letter-spacing:.08em}.footer-mark b,.copyright b{color:#b85b68}.footer-icons{border:1px solid #9b6e35;border-radius:10px;text-align:center;padding:8px;color:#b26dcb;font:1.7rem/1.5 Arial,sans-serif}.copyright{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);margin-top:20px;padding-top:12px;color:#766d5f;font:.65rem Arial,sans-serif}
@media(max-width:980px){.topbar-inner{height:auto;min-height:96px;flex-wrap:wrap;padding:10px 0}.main-nav{order:3;width:100%;overflow:auto;justify-content:flex-start;padding-bottom:8px}.search{margin-left:auto}.hero,.hero-content{min-height:570px}.script-title{font-size:4.4rem}.layout-grid{grid-template-columns:1fr}.trail,.feature-panel,.story-cards,.backpack,.currently,.note{grid-column:1;grid-row:auto}.trail{margin-top:0}.story-cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero-badge{display:none}}
@media(max-width:640px){.page-shell,.topbar-inner{width:min(100% - 24px,1160px)}.mini-brand{width:115px;height:82px}.mini-brand img{width:105px;max-height:78px}.search{width:135px}.hero,.hero-content{min-height:520px}.hero-scene{background-position:58% 72%}.hero-content{padding-top:90px}.identity-block{width:min(100%,360px)}.script-title{font-size:3.5rem}.shenanigans{font-size:.95rem}.roles{font-size:.85rem}.quote{font-size:1.28rem}.feature-body{grid-template-columns:1fr}.feature-photo{height:150px}.story-cards{grid-template-columns:1fr 1fr}.paper-card{min-height:250px}.backpack-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column;gap:6px}.main-nav{gap:18px}.main-nav a{font-size:.68rem}}