*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#e9e5d9;color:#282e24;font-family:'Arial Narrow',Arial,sans-serif}button,a{touch-action:manipulation}button,.button{cursor:pointer;border:1px solid #a79c7f;background:transparent;color:inherit;padding:17px 22px;text-transform:uppercase;letter-spacing:1.7px;font-size:11px;font-weight:bold;text-decoration:none}button:hover,.button:hover{background:#c49557;color:#172019}a{color:inherit;text-decoration:none}header{position:absolute;z-index:5;width:100%;display:flex;align-items:center;gap:30px;padding:20px 4%;color:#eeeadd;background:linear-gradient(#111c19b8,transparent)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;max-width:280px}.brand span{font-size:34px;color:#e3a65e;border-left:2px solid;padding:0 9px}.brand b{font-family:Impact,'Arial Narrow',sans-serif;font-size:25px;line-height:1.15;letter-spacing:1px}nav{display:flex;gap:22px;text-transform:uppercase;font-size:10px;letter-spacing:1.5px}.menu{display:none}.hero{height:max(680px,100svh);position:relative;color:#f8f4e5;overflow:hidden;background:#1f2c20}.panorama{height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.scene{height:100%;width:max(100%,1200px);position:relative;background:url('assets/camp-loop-poster.webp') center/cover no-repeat}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07140ee8,transparent 64%),linear-gradient(90deg,#101b1445,transparent);pointer-events:none}.base-label{position:absolute;top:110px;left:4%;right:4%;font-size:9px;font-weight:bold;letter-spacing:2px;pointer-events:none}.base-label span{float:right;letter-spacing:1px}.intro{position:absolute;bottom:70px;left:4%;max-width:565px;pointer-events:none}.intro a,.intro button{pointer-events:auto}small{font-size:10px;letter-spacing:2px;font-weight:bold;color:#a77d47}h1,h2,h3,.sign{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed}h1{font-size:64px;line-height:.94;letter-spacing:-1px;margin:16px 0}em{font-style:normal;color:#e8a459}p{font-size:14px;line-height:1.75}h2{font-size:42px;line-height:1.1;margin:17px 0 24px}h3{font-size:25px}.actions{display:flex;gap:12px;margin-top:25px}.primary{background:#e7a45e;color:#15221b;border-color:#e7a45e}.intro small{color:#e3a45a}.sign{position:absolute;z-index:2;background:#494330;border:4px ridge #91816a;box-shadow:0 3px 5px #0007;padding:9px 12px;font-size:14px;letter-spacing:.7px;white-space:nowrap;color:#eee9d8}.sign span{display:block;font:8px Arial;letter-spacing:1px;max-height:0;overflow:hidden;transition:max-height .2s}.sign:hover span,.sign:focus span{max-height:25px;margin-top:8px}.depot{left:11%;top:25%}.hq{left:84%;top:30%}.radio{left:69%;top:37%}.vehicles{left:85%;top:58%}.explore{position:absolute;bottom:70px;right:4%;text-align:right;font-size:9px;letter-spacing:1.5px}.explore p{font-size:9px;line-height:2.3}.explore button{padding:12px;font-size:9px;font-weight:normal}.arrows{position:absolute;bottom:15px;display:flex;align-items:center;justify-content:center;gap:18px;width:100%;font-size:9px;letter-spacing:2px}.arrows button{padding:6px 16px;font-size:20px;background:#1b241b9c}.ticker{overflow:hidden;background:#303a29;color:#d9d4ba;padding:21px 0;font-size:12px;letter-spacing:2px;white-space:nowrap}.ticker>div{display:flex;width:max-content;animation:camp-ticker 38s linear infinite}.ticker span{flex:none}.content{padding:85px 7%;max-width:1600px;margin:auto}.content>p{max-width:680px;color:#626651}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.card{background:#e0ddcf;border:1px solid #bdbba9;padding:30px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.card:hover{border-color:#7e754b}.card h3{margin:10px 0}.card p{color:#636853;font-size:13px;flex:1}.card .symbol{font-size:48px;color:#69704d;height:80px}.inventory{background:#dcd9cb;max-width:none}.note{font-size:11px!important}.story{display:grid;grid-template-columns:1fr 1fr;gap:60px}.story-image{min-height:420px;background:linear-gradient(#343e2733,#343e2733),url('assets/camp-loop-poster.webp') left center/auto 100%;filter:saturate(.65)}.contact{background:#303a29;color:#ece8d9;max-width:none}.contact>p{color:#c3c4b1}footer{background:#1b241d;color:#b4b8a5;padding:55px 7%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;font-size:11px}footer a,footer button{display:block;padding:8px 0;letter-spacing:0;font-size:12px;border:0;text-transform:none}footer small{grid-column:1/-1;border-top:1px solid #525a45;padding-top:25px}dialog{background:#e9e5d9;color:#283224;border:1px solid #77765e;padding:45px;width:min(620px,92vw);max-height:85svh;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#0b160ed1;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:10px;border:0;padding:5px 12px;font-size:27px}.panel-links button{display:block;width:100%;text-align:left;margin:12px 0;padding:20px;border-color:#aaa78c}.panel-links button span{display:block;font-size:12px;letter-spacing:0;text-transform:none;font-weight:normal;margin-top:10px}input,textarea,select{display:block;width:100%;font:inherit;padding:12px;border:1px solid #aaa991;background:#f5f1e7;margin:7px 0 17px}label{font-size:12px}.status{padding:15px;background:#d6dcc7}.menu.open+nav{display:flex}:focus-visible{outline:3px solid #e2a460;outline-offset:4px}@media(min-width:1700px){.scene{background-size:100% 100%}}@media(max-width:800px){header{padding:18px 5%;gap:12px}.brand b{font-size:20px}.brand{max-width:240px}header>button[data-panel]{display:none}nav{display:none;position:absolute;top:75px;right:5%;padding:20px;background:#202b20;flex-direction:column}nav.open{display:flex}.menu{display:block;padding:8px 12px;font-size:20px}.hero{height:830px}.scene{width:1250px;background-size:cover}.base-label{top:95px;font-size:8px}.base-label span{display:none}.intro{bottom:100px;left:6%;right:6%;max-width:520px}.intro h1{font-size:52px}.intro p{font-size:13px;max-width:420px}.actions{flex-wrap:wrap;gap:10px}.actions>*{font-size:10px;padding:15px}.explore{bottom:58px;right:6%}.explore p{display:none}.arrows{justify-content:flex-start;left:6%;width:auto}.arrows span{display:none}.content{padding:60px 6%}h2{font-size:35px}.grid{grid-template-columns:1fr}.story{grid-template-columns:1fr;gap:30px}.story-image{min-height:280px}footer{grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:1/-1}.sign{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.arrow{width:1em;height:1em;display:inline-block;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.kf-return-link{position:fixed;right:18px;bottom:18px;z-index:20;display:flex;align-items:center;gap:9px;background:#182019f2;color:#f0d0a2;border:1px solid #bca079;border-radius:4px;padding:12px 16px;font:600 12px Arial,sans-serif;min-height:44px;box-shadow:0 4px 20px #0005;text-transform:none;letter-spacing:0}.kf-return-link:hover{background:#35422f;color:#fff}.kf-return-link:focus-visible{outline:3px solid #efa65d;outline-offset:4px}@media(max-width:600px){.kf-return-link{right:10px;bottom:10px;padding:11px 13px;font-size:11px}}
.intro,.explore,.arrows,.base-label{z-index:3}
.scene{width:max(100%,calc(max(680px,100svh)*1.777));background-size:100% 100%}@media(max-width:800px){.scene{width:1475px}}
.product-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;background:#b4aa90;border:1px solid #b7ae95;margin-bottom:12px}.product-detail-image{max-height:350px;object-fit:contain}.product-example{font-size:10px!important;letter-spacing:.3px;color:#656653}.arrow{font-size:inherit;min-width:1em}.control-icon{width:14px;height:14px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:1.8}.menu .control-icon,.close .control-icon{width:22px;height:22px}
.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:0}.scene-video[hidden]{display:none}.scene:after{z-index:1}.scene .sign{z-index:2}#scene-pause{min-height:44px}
@keyframes camp-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}html[data-camp-motion="paused"] .ticker>div{animation-play-state:paused}.ticker:hover>div{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.ticker>div{animation:none!important}}