@import url('tokens.css');@import url('reset.css');.skip{position:absolute;left:var(--s-4);top:var(--s-4);z-index:20;background:var(--brand);color:var(--brand-ink);padding:var(--s-3) var(--s-4);border-radius:var(--r-pill);transform:translateY(-160%)}.skip:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(var(--s-5));background:color-mix(in oklab,var(--surface) 82%,transparent);border-bottom:var(--bw-1) solid var(--border)}.nav-inner{max-width:var(--s-32);margin:auto;padding:var(--s-3) var(--s-5);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.brand{display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-800)}.brand-mark{width:var(--s-8);height:var(--s-8);border-radius:var(--r-pill);background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--fs-xs)}.nav-links{display:flex;align-items:center;gap:var(--s-2)}.nav-links a,.nav-icon{padding:var(--s-2) var(--s-3);border-radius:var(--r-pill);color:var(--ink-2);font-weight:var(--fw-700);font-size:var(--fs-sm)}.nav-links a.active,.nav-links a:hover,.nav-icon:hover{background:var(--surface-2);color:var(--ink)}.nav-actions{display:flex;gap:var(--s-2);align-items:center}.hamburger{display:none}.drawer{position:fixed;inset:0 0 0 auto;width:min(86vw,var(--s-32));background:var(--surface);box-shadow:var(--shadow-xl);padding:var(--s-8);z-index:30;transform:translateX(110%);transition:transform var(--dur-slow) var(--ease-out)}.drawer.open{transform:translateX(0)}.drawer a{display:block;padding:var(--s-4);border-bottom:var(--bw-1) solid var(--border);font-size:var(--fs-xl);font-family:var(--font-display)}.overlay{position:fixed;inset:0;background:color-mix(in oklab,var(--ink) 28%,transparent);backdrop-filter:blur(var(--s-2));z-index:25}.layout{max-width:1440px;margin:auto;padding:0 var(--s-5)}.layout-centered{max-width:980px}.layout-article{max-width:1180px}section{padding:var(--s-24) 0}.hero{min-height:calc(100vh - var(--s-16));display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s-12);align-items:center}.hero-copy{padding-left:var(--s-6)}.hero-frame{position:relative;border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--shadow-xl);min-height:70vh;background:var(--surface-2)}.hero-frame img{height:70vh;width:100%}.hero-frame figcaption{position:absolute;left:var(--s-5);right:var(--s-5);bottom:var(--s-5);padding:var(--s-3) var(--s-4);border-radius:var(--r-pill);background:color-mix(in oklab,var(--surface) 82%,transparent);backdrop-filter:blur(var(--s-3));font-size:var(--fs-sm);font-weight:var(--fw-700)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--brand);font-weight:var(--fw-700);margin-bottom:var(--s-4)}.lede{font-size:var(--fs-xl);line-height:var(--lh-relaxed);color:var(--ink-2);max-width:68ch;margin-top:var(--s-5)}.actions{display:flex;gap:var(--s-3);flex-wrap:wrap;margin-top:var(--s-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--s-12);padding:0 var(--s-5);border-radius:var(--r-pill);font-weight:var(--fw-800);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),background var(--dur) var(--ease-out);border:var(--bw-1) solid transparent}.btn:hover{transform:translateY(calc(var(--s-1) * -1));box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0) scale(.98)}.btn.primary{background:var(--brand);color:var(--brand-ink);box-shadow:var(--shadow-brand)}.btn.secondary{background:var(--surface-2);border-color:var(--border);color:var(--ink)}.btn.ghost{border-color:var(--border-strong);color:var(--ink);background:transparent}.btn.destructive{background:var(--danger);color:var(--danger-ink)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.band{margin-inline:calc(var(--s-5) * -1);padding-inline:var(--s-5);background:var(--surface-2)}.ink-band{background:var(--ink);color:var(--ink-inverse);border-radius:var(--r-2xl);margin-inline:0}.section-head{display:flex;justify-content:space-between;gap:var(--s-8);align-items:end;margin-bottom:var(--s-10)}.section-head h2{max-width:760px}.grid{display:grid;gap:var(--s-5)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.bento{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--s-5)}.bento .wide{grid-row:span 2}.card{background:var(--surface);border:var(--bw-1) solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:var(--s-6);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.card:hover{transform:translateY(calc(var(--s-1) * -1));box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.card p{color:var(--ink-2);line-height:var(--lh-relaxed);margin-top:var(--s-3)}.badge,.chip{display:inline-flex;align-items:center;border-radius:var(--r-pill);padding:var(--s-2) var(--s-3);background:var(--surface-2);border:var(--bw-1) solid var(--border);font-size:var(--fs-xs);font-family:var(--font-mono);font-weight:var(--fw-700);color:var(--ink-2)}.chip.active,.chip:hover{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s-12);align-items:center}.split p:not(.eyebrow){color:var(--ink-2);font-size:var(--fs-lg);line-height:var(--lh-relaxed);margin-top:var(--s-5)}.rounded{border-radius:var(--r-2xl);box-shadow:var(--shadow-lg);aspect-ratio:4/3;width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4);text-align:center}.stats strong{display:block;font-family:var(--font-display);font-size:var(--fs-5xl);line-height:var(--lh-tight);color:var(--brand-300)}.stats span{color:var(--surface-2);font-weight:var(--fw-700)}.page-hero{padding-bottom:var(--s-12);max-width:980px}.page-hero.narrow{text-align:center;margin:auto}.shop-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--s-8);align-items:start}.filter-panel{position:sticky;top:var(--s-24)}.field{display:grid;gap:var(--s-2);margin-bottom:var(--s-4);font-weight:var(--fw-700)}.field small,.muted{color:var(--ink-muted);font-size:var(--fs-sm);font-weight:var(--fw-500)}.input{width:100%;border:var(--bw-1) solid var(--border);background:var(--surface);border-radius:var(--r);padding:var(--s-3) var(--s-4);min-height:var(--s-12);transition:border var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.input:focus{border-color:var(--border-focus);outline:0;box-shadow:var(--ring)}.input.error{border-color:var(--danger)}.error-text{color:var(--danger);font-size:var(--fs-sm);font-weight:var(--fw-700)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-5);gap:var(--s-4)}.trek-card img{height:240px;width:100%;border-radius:var(--r-lg);margin-bottom:var(--s-4)}.trek-card.list{display:grid;grid-template-columns:260px 1fr;gap:var(--s-5)}.trek-card.list img{height:100%;margin:0}.meta{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-4) 0}.price{font-family:var(--font-mono);font-weight:var(--fw-700);color:var(--brand);margin-top:var(--s-4)}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--r-lg);min-height:260px}.skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--surface) 55%,transparent),transparent);transform:translateX(-100%);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.empty,.error-state{text-align:center;padding:var(--s-10);border:var(--bw-1) dashed var(--border-strong);border-radius:var(--r-xl);background:var(--surface)}.planner .steps{display:flex;gap:var(--s-2);margin-bottom:var(--s-6)}.step-panel{display:none}.step-panel.active{display:block}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--s-6);align-items:start}.address-card{position:sticky;top:var(--s-24)}.mono{font-family:var(--font-mono)}.accordion button{width:100%;text-align:left;padding:var(--s-4);border-radius:var(--r);font-weight:var(--fw-800);border-bottom:var(--bw-1) solid var(--border)}.accordion div{display:none;padding:var(--s-4);color:var(--ink-2);line-height:var(--lh-relaxed)}.accordion button[aria-expanded='true']+div{display:block}.masonry{columns:3;column-gap:var(--s-5)}.masonry button{break-inside:avoid;margin-bottom:var(--s-5);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-sm);background:var(--surface);text-align:left}.masonry img{width:100%;transition:transform var(--dur-slow) var(--ease-out)}.masonry button:hover img{transform:scale(1.04)}.masonry span{display:block;padding:var(--s-4);font-weight:var(--fw-800)}.modal-root{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:var(--s-5)}.modal-panel{background:var(--surface);border-radius:var(--r-2xl);box-shadow:var(--shadow-xl);max-width:900px;width:100%;padding:var(--s-5)}.modal-panel img{border-radius:var(--r-xl);max-height:72vh;width:100%}.toast{position:fixed;right:var(--s-5);bottom:var(--s-5);z-index:50;background:var(--ink);color:var(--ink-inverse);padding:var(--s-4) var(--s-5);border-radius:var(--r-pill);box-shadow:var(--shadow-lg)}.site-footer{margin-top:var(--s-24);background:var(--surface);border-top:var(--bw-1) solid var(--border)}.footer-grid{max-width:1440px;margin:auto;padding:var(--s-16) var(--s-5);display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:var(--s-8)}.footer-grid h3{font-size:var(--fs-lg);font-family:var(--font-sans);letter-spacing:var(--tracking-normal)}.footer-grid a,.footer-grid p{display:block;color:var(--ink-2);margin-top:var(--s-2)}.newsletter{display:flex;gap:var(--s-2);margin-top:var(--s-4)}.notfound{text-align:center;margin-top:var(--s-24)}.reveal{opacity:0;transform:translateY(var(--s-6))}@media (max-width:1024px){.hero,.split,.shop-layout,.contact-grid{grid-template-columns:1fr}.hero-frame,.hero-frame img{min-height:auto;height:56vh}.grid.three{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.filter-panel,.address-card{position:static}.masonry{columns:2}}@media (max-width:720px){.layout{padding:0 var(--s-4)}section{padding:var(--s-16) 0}.nav-links{display:none}.hamburger{display:inline-flex}.hero-copy{padding-left:0}.grid.three,.grid.two,.bento,.stats{grid-template-columns:1fr}.trek-card.list{grid-template-columns:1fr}.toolbar,.section-head{align-items:start;flex-direction:column}.newsletter{flex-direction:column}.footer-grid{grid-template-columns:1fr}.masonry{columns:1}.page-hero{text-align:left}.hero-frame figcaption{position:static;border-radius:0}.hero-frame img{height:420px}}