@import url('tokens.css');@import url('reset.css');.skip{position:absolute;left:var(--s-4);top:var(--s-4);z-index:50;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:40;backdrop-filter:blur(var(--s-5));background:color-mix(in oklab,var(--surface) 84%,transparent);border-bottom:var(--bw-1) solid var(--border)}.nav-inner{max-width:var(--container);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);transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.nav-links a.active,.nav-links a:hover,.nav-icon:hover{background:var(--surface-2);color:var(--ink);transform:translateY(calc(var(--s-1) * -1))}.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:70;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:60}.layout{max-width:var(--container);margin:auto;padding:0 var(--s-5)}.layout-centered{max-width:var(--container-narrow)}.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)}.page-hero{padding-top:var(--s-20);max-width:980px}.page-hero.narrow{text-align:left}.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:linear-gradient(135deg,var(--surface-2),color-mix(in oklab,var(--brand-100) 30%,var(--surface)))}.section-head{display:flex;justify-content:space-between;align-items:end;gap:var(--s-8);margin-bottom:var(--s-10)}.section-head h2{max-width:760px}.grid{display:grid;gap:var(--s-5)}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.bento{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:var(--s-5)}.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);overflow:hidden}.card:hover{transform:translateY(calc(var(--s-1) * -1));box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.card h3{margin:var(--s-3) 0}.card p{color:var(--ink-2);line-height:var(--lh-relaxed)}.card img{width:100%;height:240px;border-radius:var(--r-lg);margin-bottom:var(--s-4)}.badge,.chip{display:inline-flex;align-items:center;gap:var(--s-2);border-radius:var(--r-pill);padding:var(--s-2) var(--s-3);font-size:var(--fs-xs);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:var(--fw-700)}.badge{background:var(--brand);color:var(--brand-ink)}.chip{background:var(--surface-2);color:var(--ink-2);border:var(--bw-1) solid var(--border)}.chip.active,.chip:hover{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.split,.pinned-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--s-12);align-items:center}.pinned-story{min-height:110vh}.pin-frame,.rounded{border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.pin-frame img,.rounded{width:100%;height:620px}.stats{grid-template-columns:repeat(3,1fr)}.stats strong{display:block;font-family:var(--font-display);font-size:var(--fs-6xl);line-height:var(--lh-tight);color:var(--brand)}.muted{color:var(--ink-muted)}.mono{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-2)}.avatar{width:var(--s-20)!important;height:var(--s-20)!important;border-radius:var(--r-pill)!important}.shop-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--s-8);align-items:start}.filter-panel{position:sticky;top:var(--s-20);display:grid;gap:var(--s-4)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-5);gap:var(--s-4)}.segmented{display:flex;gap:var(--s-2)}.field{display:grid;gap:var(--s-2);margin-bottom:var(--s-4);font-weight:var(--fw-700)}.field small{color:var(--ink-muted);font-weight:var(--fw-500)}.input{width:100%;min-height:var(--s-12);border:var(--bw-1) solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--ink);padding:var(--s-3) var(--s-4);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),background var(--dur) var(--ease-out)}textarea.input{padding-top:var(--s-4)}.input:hover{border-color:var(--border-strong)}.input.error,.input:invalid:not(:placeholder-shown){border-color:var(--danger)}.trek-card .meta{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-4) 0}.trek-card .price{font-weight:var(--fw-800);font-size:var(--fs-lg);color:var(--brand)}.trek-card.list{display:grid;grid-template-columns:280px 1fr;gap:var(--s-5)}.trek-card.list img{height:100%;margin:0}.planner .steps{display:flex;gap:var(--s-2);margin-bottom:var(--s-6);flex-wrap:wrap}.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-20)}.accordion button{width:100%;text-align:left;font-family:var(--font-display);font-size:var(--fs-xl);padding:var(--s-4) 0;border-bottom:var(--bw-1) solid var(--border)}.accordion div{display:none;color:var(--ink-2);padding:var(--s-4) 0}.accordion button[aria-expanded='true']+div{display:block}.masonry{columns:3;column-gap:var(--s-5)}.masonry button{break-inside:avoid;width:100%;margin:0 0 var(--s-5);text-align:left;border-radius:var(--r-xl);overflow:hidden;background:var(--surface);border:var(--bw-1) solid var(--border);box-shadow:var(--shadow-sm)}.masonry img{width:100%;height:auto}.masonry span{display:block;padding:var(--s-3);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-2)}.skeleton{height:260px;border-radius:var(--r-xl);background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.1s infinite var(--ease-in-out)}@keyframes shimmer{to{background-position:-200% 0}}.empty,.error-state{padding:var(--s-8);border-radius:var(--r-xl);border:var(--bw-1) dashed var(--border-strong);background:var(--surface-2);text-align:center}.error-state{background:color-mix(in oklab,var(--danger) 14%,var(--surface));color:var(--ink)}.toast{position:fixed;right:var(--s-5);bottom:var(--s-5);z-index:90;background:var(--ink);color:var(--ink-inverse);padding:var(--s-4) var(--s-5);border-radius:var(--r-pill);box-shadow:var(--shadow-xl);font-weight:var(--fw-800)}.modal-panel{position:fixed;inset:8vh 50%;transform:translateX(-50%);width:min(920px,88vw);max-height:84vh;overflow:auto;background:var(--surface);border:var(--bw-1) solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-xl);z-index:80;padding:var(--s-5)}.modal-panel img{width:100%;max-height:62vh;border-radius:var(--r-xl)}.site-footer{margin-top:var(--s-24);background:var(--surface-2);border-top:var(--bw-1) solid var(--border);padding:var(--s-16) var(--s-5)}.footer-grid{max-width:var(--container);margin:auto;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:var(--s-8)}.footer-grid h3{font-size:var(--fs-xl);margin-bottom:var(--s-3)}.footer-grid a{display:block;color:var(--ink-2);padding:var(--s-1) 0}.newsletter{display:flex;gap:var(--s-2);margin:var(--s-5) 0}.word{display:inline-block;will-change:transform,opacity}.image-reveal{clip-path:inset(14% round var(--r-2xl));will-change:clip-path,transform}.parallax{will-change:transform}.notfound{margin-top:var(--s-20);text-align:center}.notfound .actions{justify-content:center}@media (max-width:1024px){.hero,.split,.pinned-story,.shop-layout,.contact-grid{grid-template-columns:1fr}.hero-copy{padding-left:0}.grid.three,.grid.two,.stats,.bento,.footer-grid{grid-template-columns:1fr 1fr}.filter-panel,.address-card{position:static}.masonry{columns:2}.nav-links{display:none}.hamburger{display:inline-flex}}@media (max-width:680px){section{padding:var(--s-16) 0}.layout{padding:0 var(--s-4)}.hero-frame,.hero-frame img{min-height:52vh;height:52vh}.grid.three,.grid.two,.stats,.bento,.footer-grid{grid-template-columns:1fr}.toolbar,.section-head{align-items:flex-start;flex-direction:column}.newsletter{flex-direction:column}.masonry{columns:1}.trek-card.list{display:block}.pin-frame img,.rounded{height:420px}}