/* The site reads as a working builder's desk: timber, forged hardware, plans and tools. */
:root { --iron:#22221f; --forge:#5f351c; --brass:#b47a35; --canvas:#eee5d3; --pine:#384135; }
body.illustrated-trailhead { background:#e7dfce; color:var(--iron); }
.hero { background:#282820; border-bottom:8px solid #4c311d; }
.hero::after { content:""; position:absolute; inset:auto 0 0; height:18px; background:repeating-linear-gradient(90deg,#2b2119 0 36px,#6d4728 37px 42px); opacity:.94; }
.hero-copy { z-index:3; }
.hero-brand, .eyebrow { color:#8b5527 !important; letter-spacing:.12em; }
.hero-intro { max-width:58ch; }
.hero h1 em, h2 em { color:#8a4e20; }
.wildlife, .distant-birds, .foot-fire, .season-overlay { display:none !important; }
.tool-roll-menu { position:absolute; z-index:6; right:clamp(16px,4vw,58px); bottom:28px; width:min(330px,calc(100% - 32px)); }
.tool-roll-menu summary { display:flex; align-items:center; gap:12px; cursor:pointer; list-style:none; color:#f4e7ca; font:800 14px/1.1 system-ui,sans-serif; text-transform:uppercase; letter-spacing:.08em; }
.tool-roll-menu summary::-webkit-details-marker { display:none; }
.tool-roll-menu summary img { width:68px; height:50px; object-fit:contain; filter:drop-shadow(0 4px 7px #0009); }
.tool-roll-menu > div { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:9px; padding:12px; background:#352719 url('media/brand/rough-sawn-gray-wood-wallpaper-v1.jpg') center/cover; border:3px solid #a97840; box-shadow:0 15px 35px #0009; }
.tool-roll-menu a { padding:12px 10px; color:#fff4df; text-decoration:none; font:700 14px/1.15 system-ui,sans-serif; border-bottom:1px solid #b88d5666; }
.tool-roll-menu a:hover, .tool-roll-menu a:focus-visible { background:#b47a35; color:#25180e; outline:none; }
.trail-guide, .company-dashboard, .company-log-transition { display:none !important; }
.project-desk, .project-journey, .work, .contact, footer { position:relative; }
.project-desk::before, .project-journey::before, .work::before { content:""; position:absolute; top:0; left:5%; right:5%; height:6px; background:linear-gradient(90deg,transparent,#7d5130 8%,#c19a64 50%,#7d5130 92%,transparent); }
.desk-card, .process-stop, .trail-planner, .faq-list details { border-radius:3px !important; box-shadow:inset 0 0 0 1px #5f351c66,0 8px 20px #281b0c15; }
.desk-card::after { content:""; position:absolute; width:10px; height:10px; right:13px; top:13px; border-radius:50%; background:#a8793e; box-shadow:inset 1px 1px 2px #fff7,inset -1px -1px 2px #0008; }
.project-journey { background:linear-gradient(130deg,#e9dfc8,#d7c19a); }
.process-brook::before { background:#5a3820 !important; }
.planner-compass { background-image:url('media/brand/engraved-square-v2.png') !important; }
.menu-panel { background:#29231d url('media/brand/rough-sawn-gray-wood-wallpaper-v1.jpg') center/cover !important; border-left:8px solid #9b6c37; }
.menu-panel::before { content:""; display:block; height:94px; margin:-10px 0 8px; background:url('media/brand/dawkins-tool-roll-menu-v1.webp') center/contain no-repeat; }
.menu-panel .eyebrow, .menu-panel a, .menu-panel button { color:#fff4dc !important; }
footer { background:#252820 !important; border-top:8px solid #5c3a20; }
.footer-treeline, .arrival-ripples { display:none !important; }
.footer-moss-log { width:min(920px,100%) !important; max-height:250px; object-fit:cover; object-position:center; opacity:.78; mix-blend-mode:screen; }
/* Shared portal finish: calm canvas and forged hardware, never a hiking card. */
body:not(.illustrated-trailhead) { background:linear-gradient(135deg,#f1e7d2,#d8c3a0) !important; color:#241b14 !important; }
body:not(.illustrated-trailhead) main { max-width:1040px; }
body:not(.illustrated-trailhead) .card { background:#fbf5e7 !important; border:2px solid #755033 !important; border-radius:3px !important; box-shadow:8px 8px 0 #5f351c33 !important; }
body:not(.illustrated-trailhead) header { border-bottom-color:#6e472a !important; }
body:not(.illustrated-trailhead) h1 em { color:#7e411b !important; }
body:not(.illustrated-trailhead) .filter[aria-pressed="true"] { background:#3a4032 !important; border-color:#3a4032 !important; }
@media (max-width:700px) { .tool-roll-menu { position:relative; right:auto; bottom:auto; margin:16px; width:auto; } .tool-roll-menu > div { grid-template-columns:1fr; } .hero { padding-bottom:18px; } }