@font-face{font-family:"Libre Franklin";font-style:normal;font-weight:300 900;font-display:swap;src:url(/assets/fonts/LibreFranklin-normal-300_900.d21d1545.woff2) format("woff2")}@font-face{font-family:"Stardos Stencil";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/StardosStencil-normal-700.d6f96df6.woff2) format("woff2")}@font-face{font-family:"Franklin Fallback";src:local("Arial");size-adjust:103.19%;ascent-override:93.61%;descent-override:23.84%;line-gap-override:0.00%}@font-face{font-family:"Stencil Fallback";src:local("Georgia");size-adjust:104.85%;ascent-override:92.86%;descent-override:38.70%;line-gap-override:0.00%}
/* Aripeka Stone Crab Co. | "Trap Line"
   Palette measured against every surface it lands on (see build notes):
   ice on stone 7.32, fog on stone 5.77, rope on stone 5.06, rope on gulf 4.86,
   ink on claw 4.83, claw-ink on ice 5.67, steel on ice 7.48.
   Coral is a FILL, never text on a dark band. Shapes: buttons full pill,
   cards 14px, trap tags 4px with a punched hole. */

:root{
  --stone:#4D5054; --stone-2:#404347; --stone-3:#33363A; --ink:#1A1613;
  --ice:#F1F4F2; --ice-2:#E6ECE9; --white:#FBFCFB;
  --claw:#E0592F; --claw-hi:#EC6C42; --claw-ink:#A93C14;
  --gulf:#1D5A63; --gulf-2:#184D55; --rope:#D8CBB2; --rope-2:#B9A988;
  --steel:#4A4F53; --steel-2:#5B6064; --fog:#D5DBD8;
  --f-display:"Stardos Stencil","Stencil Fallback",Georgia,serif;
  --f-body:"Libre Franklin","Franklin Fallback",Arial,Helvetica,sans-serif;
  --wrap:1240px; --gut:clamp(16px,4vw,40px);
  --hdr-h:72px; --seam-h:clamp(34px,4.6vw,68px);
  --r-card:14px; --r-tag:4px;
  --ease:cubic-bezier(.22,.8,.26,1); --ease-io:cubic-bezier(.65,0,.35,1);
  --t-xs:.875rem; --t-sm:.9375rem; --t-md:1.0625rem;
  --shadow:0 18px 40px rgba(0,0,0,.22); --shadow-sm:0 6px 16px rgba(0,0,0,.16);
}

/* ---------- surfaces: every band declares the colours text reads from ---------- */
.light{--surface:var(--ice);--fg:var(--ink);--fg-2:var(--steel);--fg-3:var(--steel-2);--acc:var(--claw-ink);
  --line:rgba(26,22,19,.14);--focus:var(--claw-ink);--card:var(--white);background:var(--ice);color:var(--ink)}
.light.ice2{--surface:var(--ice-2);background:var(--ice-2)}
.dark{--surface:var(--stone);--fg:var(--ice);--fg-2:var(--fog);--fg-3:var(--fog);--acc:var(--rope);
  --line:rgba(241,244,242,.16);--focus:var(--rope);--card:var(--stone-2);background:var(--stone);color:var(--ice)}
.dark.gulf{--surface:var(--gulf);--card:var(--gulf-2);--fg-2:#CFE2E0;--fg-3:#CFE2E0;background:var(--gulf)}
.dark.ink{--surface:var(--ink);--card:#26211D;background:var(--ink)}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--hdr-h) + 12px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html.pre-lock{overflow:hidden}
body{margin:0;background:var(--stone);color:var(--ink);font:400 var(--t-md)/1.6 var(--f-body);
  font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;overflow-x:clip}
@media (max-width:599px){body{font-size:1rem}}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3{margin:0;font-weight:700;text-wrap:balance}
p,li,dd,figcaption{text-wrap:pretty}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus,var(--claw-ink));outline-offset:3px;border-radius:6px}
.ic{width:1.25em;height:1.25em;flex:none;fill:currentColor}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:300;background:var(--ink);color:var(--ice);padding:.7em 1em;border-radius:8px;font-weight:700;text-decoration:none;transition:top .2s}
.skip:focus{top:12px}
.fine{font-size:var(--t-xs);line-height:1.5;color:var(--fg-3);margin:0}
code{font:600 .95em/1 var(--f-body);background:rgba(26,22,19,.08);padding:.15em .4em;border-radius:4px}

section{position:relative}
main>section{padding-block:clamp(72px,10vw,136px)}

/* ---------- type ---------- */
.h1{font:700 clamp(2.45rem,5.5vw,5.1rem)/.93 var(--f-display);letter-spacing:-.01em;margin:.42em 0 .38em}
.h1 .ln{display:block;overflow:hidden;padding:.02em 0 .08em;margin-bottom:-.06em}
.h1 .ln>span{display:inline-block}
.h2{font:700 clamp(2.125rem,4.5vw,3.6rem)/.98 var(--f-display);letter-spacing:-.005em}
.h3{font:800 clamp(1.1875rem,1.8vw,1.4375rem)/1.2 var(--f-body);letter-spacing:-.01em}
.lede{font-size:clamp(1.0625rem,1.45vw,1.25rem);line-height:1.55;color:var(--fg-2);max-width:34em}
.sec-head{max-width:46rem;margin-bottom:clamp(32px,4.6vw,56px)}
.sec-head .h2{margin:.5em 0 .45em}
.sec-lede{font-size:clamp(1.0625rem,1.35vw,1.1875rem);line-height:1.55;color:var(--fg-2);margin:0}
.lnk{color:var(--acc);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em;display:inline-flex;align-items:center;gap:.3em}
.lnk .ic{width:1em;height:1em}
.lnk:hover{text-decoration-thickness:3px}
.rev-links .lnk,.form-go .lnk,.crack-head .lnk,.lost-sugg .lnk{min-height:44px}

/* trap tags: a stamped plastic tag with a punched hole */
.tag{display:inline-flex;align-items:center;position:relative;margin:0;padding:.5em .78em .5em 1.72em;
  border-radius:var(--r-tag);font:700 var(--t-xs)/1.05 var(--f-body);letter-spacing:.06em;text-transform:uppercase;
  background:var(--rope);color:var(--ink);white-space:nowrap}
.tag::before{content:"";position:absolute;left:.62em;top:50%;width:.52em;height:.52em;border-radius:50%;
  transform:translateY(-50%);background:var(--surface,var(--ice));box-shadow:inset 0 1px 1px rgba(0,0,0,.28)}
.tag-claw{background:var(--claw)}
.tag-rope{background:var(--rope)}
.tag-ice{background:var(--ice)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:48px;padding:.72em 1.3em;
  border-radius:999px;border:2px solid transparent;background:transparent;color:inherit;font:800 1rem/1.1 var(--f-body);
  letter-spacing:.005em;text-decoration:none;white-space:nowrap;cursor:pointer;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;transition:background-color .2s,color .2s,border-color .2s,transform .15s var(--ease)}
.btn:active{transform:translateY(1px) scale(.985)}
.btn-lg{min-height:56px;padding:.9em 1.55em;font-size:1.0625rem}
.btn-sm{min-height:44px;padding:.55em 1.05em;font-size:var(--t-sm)}
.btn-claw{background:var(--claw);color:var(--ink);border-color:var(--claw)}
.btn-ghost{color:var(--ice);border-color:rgba(241,244,242,.62)}
.btn-ghost-lt{color:var(--ink);border-color:var(--ink)}
.btn-ink{background:var(--ink);color:var(--ice);border-color:var(--ink)}
@media (hover:hover){
  .btn-claw:hover{background:var(--claw-hi);border-color:var(--claw-hi)}
  .btn-ghost:hover{background:var(--ice);color:var(--ink);border-color:var(--ice)}
  .btn-ghost-lt:hover{background:var(--ink);color:var(--ice)}
  .btn-ink:hover{background:var(--stone);border-color:var(--stone)}
}
.round{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;
  background:transparent;border:2px solid currentColor;transition:background-color .2s,color .2s}
.round .ic{width:22px;height:22px}
.dark .round{color:var(--ice);border-color:rgba(241,244,242,.6)}
@media (hover:hover){.dark .round:hover{background:var(--ice);color:var(--ink);border-color:var(--ice)}.light .round:hover{background:var(--ink);color:var(--ice)}}

/* ---------- preloader ---------- */
.pre{position:fixed;inset:0;z-index:400;background:var(--stone);display:grid;place-items:center;color:var(--ice);
  transform:translateY(0);transition:transform .74s cubic-bezier(.76,0,.24,1);animation:preFail .6s cubic-bezier(.76,0,.24,1) 6s forwards}
@keyframes preFail{to{transform:translateY(-101%);visibility:hidden}}
.pre.up{transform:translateY(-101%)}
.pre-in{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:0 24px;text-align:center;transition:opacity .34s,transform .34s}
.pre.done .pre-in{opacity:0;transform:translateY(-10px)}
.pre-in img{width:clamp(88px,12vw,120px)}
.pre-name{font:700 clamp(1.5rem,3.6vw,2.1rem)/1 var(--f-display);margin:.2rem 0 0}
.pre-sub{font:600 var(--t-xs)/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--rope);margin:0}
.pre-bar{width:min(240px,58vw);height:3px;background:rgba(241,244,242,.2);border-radius:2px;overflow:hidden;margin-top:.4rem}
.pre-bar i{display:block;height:100%;width:100%;background:var(--claw);transform:translateX(-100%);transition:transform .3s ease}
.pre-spin{width:18px;height:18px;border:2.5px solid rgba(241,244,242,.24);border-top-color:var(--claw);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pre{display:none}}

/* in-page nav: its own bar, never shared with scroll progress */
.navload{position:fixed;inset:0 0 auto;height:3px;z-index:160;pointer-events:none;opacity:0;transition:opacity .2s}
.navload i{display:block;height:100%;background:var(--claw);transform:scaleX(0);transform-origin:left}
.navload.on{opacity:1}
.navload.on i{animation:navload 1.6s cubic-bezier(.12,.72,.26,1) forwards}
@keyframes navload{0%{transform:scaleX(0)}30%{transform:scaleX(.45)}70%{transform:scaleX(.8)}100%{transform:scaleX(.94)}}

/* ---------- header ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:120;color:var(--ice);transition:background-color .3s,box-shadow .3s}
/* .hdr-solid: a page with no dark hero (the 404) keeps the bar solid; the scroll code never touches it */
.hdr.solid,.hdr.hdr-solid{background:rgba(51,54,58,.96);box-shadow:0 8px 24px rgba(0,0,0,.16)}
@supports (backdrop-filter:blur(8px)){.hdr.solid,.hdr.hdr-solid{background:rgba(51,54,58,.88);backdrop-filter:saturate(1.1) blur(12px)}}
.hdr-in{display:flex;align-items:center;gap:clamp(12px,2.4vw,32px);height:var(--hdr-h)}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit;margin-right:auto;min-height:44px}
.brand img{width:46px;height:46px;flex:none}
.brand-name{font:700 1.0625rem/1.02 var(--f-display);letter-spacing:.01em}
.nav{display:flex;gap:clamp(14px,1.8vw,26px)}
.nav a{position:relative;text-decoration:none;font:600 var(--t-sm)/1 var(--f-body);padding:.95em .05em;color:var(--ice)}
.nav a::before{content:"";position:absolute;inset:0 -7px}   /* a 44px-wide target for short words like Visit, without moving the underline */
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:.55em;height:2px;background:var(--claw);
  transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}
.nav a:hover::after,.nav a[aria-current="true"]::after{transform:scaleX(1);transform-origin:left}
.nav a.pending{opacity:.72}
.hdr-act{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;width:48px;height:48px;border-radius:12px;border:2px solid rgba(241,244,242,.5);background:transparent;
  cursor:pointer;position:relative;touch-action:manipulation}
.menu-btn span{position:absolute;left:12px;right:12px;height:2.5px;border-radius:2px;background:var(--ice);transition:transform .28s var(--ease),opacity .2s,top .28s var(--ease)}
.menu-btn span:nth-child(1){top:15px}.menu-btn span:nth-child(2){top:21.5px}.menu-btn span:nth-child(3){top:28px}
.menu-btn[aria-expanded="true"] span:nth-child(1){top:21.5px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){top:21.5px;transform:rotate(-45deg)}
.prog{position:absolute;left:0;right:0;bottom:-3px;height:3px;pointer-events:none}
.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--rope),var(--claw));transform:scaleX(0);transform-origin:left}
@media (max-width:1099px){.nav{display:none}.menu-btn{display:block}}
@media (max-width:599px){.hdr-act .btn span{display:none}.hdr-act .btn{width:48px;height:48px;padding:0;min-height:48px}
  .hdr-act .btn .ic{width:22px;height:22px}.brand-name{font-size:1rem}:root{--hdr-h:64px}.brand img{width:42px;height:42px}}
@media (min-width:1100px){.prog{display:none}}

.menu{position:fixed;inset:var(--hdr-h) 0 0;z-index:110;background:var(--stone-3);color:var(--ice);display:flex;flex-direction:column;
  justify-content:space-between;padding:clamp(20px,5vw,40px) var(--gut) calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto;
  --focus:var(--rope)}
.menu[hidden]{display:none}
.menu-in{display:flex;flex-direction:column}
.menu-in a{font:700 clamp(1.75rem,7vw,2.5rem)/1.1 var(--f-display);text-decoration:none;padding:.3em 0;border-bottom:1px solid rgba(241,244,242,.12)}
.menu-cta{display:grid;gap:12px;margin-top:28px}
.menu-cta .btn{width:100%}
html.menu-open{overflow:hidden}

/* ---------- the rope rail (desktop) ---------- */
.rail{position:fixed;left:max(14px,calc((100vw - var(--wrap)) / 2 - 64px));top:calc(var(--hdr-h) + 6vh);bottom:10vh;width:36px;z-index:90;display:none;transition:opacity .35s}
.rail.mute{opacity:0;pointer-events:none}
@media (min-width:1360px){.rail{display:block}}
.rail-rope{position:absolute;left:16px;top:0;bottom:0;width:4px;border-radius:2px;background:rgba(185,169,136,.34);box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.rail-fill{position:absolute;inset:0 0 auto;height:100%;border-radius:2px;transform-origin:top;transform:scaleY(0);
  background:repeating-linear-gradient(-58deg,var(--rope) 0 3px,var(--rope-2) 3px 6px)}
.buoy{position:absolute;left:8px;width:20px;height:20px;margin-top:-10px;border-radius:50%;display:block;text-decoration:none;color:var(--ink)}
.buoy::after{content:"";position:absolute;inset:-10px -12px}   /* 44x40 target; the closest buoys sit 35px apart */
.buoy::before{content:"";position:absolute;inset:3px;border-radius:50%;background:linear-gradient(var(--claw) 0 50%,var(--ice) 50% 100%);
  box-shadow:0 0 0 1.5px var(--ink);transition:transform .25s var(--ease)}
.buoy.on::before{transform:scale(1.32)}
.buoy-tag{position:absolute;left:30px;top:50%;transform:translate(-6px,-50%);opacity:0;pointer-events:none;white-space:nowrap;
  background:var(--rope);color:var(--ink);font:700 .875rem/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;
  padding:.45em .65em .45em 1.4em;border-radius:var(--r-tag);transition:opacity .2s,transform .25s var(--ease)}
.buoy-tag::before{content:"";position:absolute;left:.5em;top:50%;width:.45em;height:.45em;border-radius:50%;transform:translateY(-50%);background:var(--stone)}
.buoy:hover .buoy-tag,.buoy:focus-visible .buoy-tag{opacity:1;transform:translate(0,-50%)}

/* ---------- seams: the lower band reaches up into the upper one ---------- */
[data-seam]::before{content:"";position:absolute;left:0;right:0;top:calc(1px - var(--seam-h));height:var(--seam-h);
  background:inherit;pointer-events:none;z-index:2;-webkit-mask:var(--seam) center/100% 100% no-repeat;mask:var(--seam) center/100% 100% no-repeat}
[data-seam="wave"]{--seam:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 42C180 14 360 14 540 38S900 70 1080 44 1350 18 1440 30V80H0Z'/%3E%3C/svg%3E")}
[data-seam="sag"]{--seam:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 4Q720 118 1440 4V80H0Z'/%3E%3C/svg%3E")}
[data-seam="planks"]{--seam:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 46H250V30H540V52H830V24H1120V40H1440V80H0Z'/%3E%3C/svg%3E")}
[data-seam="contour"]{--seam:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 52C110 30 250 28 380 46S640 72 770 52 1020 16 1170 34 1380 62 1440 46V80H0Z'/%3E%3C/svg%3E")}

/* ---------- hero ---------- */
.hero{padding:calc(var(--hdr-h) + clamp(28px,5.5vw,76px)) 0 0;min-height:min(100svh,1000px);display:flex;flex-direction:column;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:clamp(28px,5vw,80px);align-items:center;flex:1}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.hero .lede{margin-bottom:1.6em}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.status{display:flex;align-items:center;gap:.6em;margin:1.4em 0 0;font-weight:600;font-size:var(--t-sm);color:var(--fg-2)}
.status-dot{width:12px;height:12px;border-radius:50%;flex:none;background:transparent;border:2px solid var(--fog)}
.status.open .status-dot{background:var(--claw);border-color:var(--claw)}
.status b{color:var(--fg)}
.hero-media{position:relative;margin:0;justify-self:end;width:min(100%,420px)}
.arch{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--stone-3);
  border-radius:50% 50% 16px 16px / 34% 34% 16px 16px;box-shadow:var(--shadow)}
.arch img,.arch video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.arch-clip{opacity:0;transition:opacity .6s}
.arch-clip.on{opacity:1}
.hero-badge{position:absolute;width:clamp(104px,11vw,152px);left:-12%;bottom:12%;transform:rotate(-9deg);
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.34))}
.hero-cap{font-size:var(--t-xs);color:var(--fg-2);margin-top:.9rem;padding-left:18%;line-height:1.45}
@media (max-width:599px){.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}}
@media (max-width:899px){
  .hero{min-height:0}
  .h1{font-size:clamp(2.45rem,10vw,5.2rem)}
  .hero-grid{grid-template-columns:1fr}
  .hero-media{justify-self:center;width:min(78%,380px);margin-top:8px}
  .hero-badge{left:-14%;bottom:8%}
}

/* season rope */
.season{padding-block:clamp(36px,5vw,60px) calc(clamp(48px,7vw,88px) + var(--seam-h))}
.season-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;
  border-top:1px solid var(--line);padding-top:clamp(20px,3vw,28px)}
.season-title{font:700 clamp(1.5rem,2.4vw,2rem)/1 var(--f-display)}
.season-now{margin:0;font-weight:700;color:var(--rope);font-size:var(--t-md)}
.season-line{position:relative;height:150px;margin-top:44px}
.season-svg{position:absolute;left:0;right:0;top:0;width:100%;height:120px;overflow:visible}
.rope-back{fill:none;stroke:var(--rope);stroke-width:7;stroke-linecap:round;opacity:.95}
.rope-front{fill:none;stroke:var(--rope-2);stroke-width:7;stroke-dasharray:2.5 5.5;stroke-linecap:butt}
.season-buoys{position:absolute;inset:0}
.sb{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;
  background:none;border:0;padding:0;cursor:pointer;color:var(--ice);min-width:44px;min-height:44px;touch-action:manipulation}
.sb-float{width:18px;height:30px;border-radius:9px;background:linear-gradient(var(--claw) 0 55%,var(--ice) 55% 100%);
  box-shadow:0 0 0 2px var(--ink),0 6px 12px rgba(0,0,0,.28);transition:transform .25s var(--ease)}
.sb[aria-pressed="true"] .sb-float{transform:scale(1.22)}
.sb-lbl{position:absolute;top:44px;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;line-height:1.25}
.sb-lbl b{display:block;font:700 1.0625rem/1.1 var(--f-display);color:var(--rope)}
.sb-lbl span{font-size:var(--t-xs);font-weight:600;color:var(--fog)}
.season-boat{position:absolute;top:0;left:0;width:40px;height:40px;margin:-60px 0 0 -20px;color:var(--ice);
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));transition:transform .9s var(--ease)}
.season-boat .ic{width:40px;height:40px}
.season-today{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%);background:var(--ice);color:var(--ink);
  font:700 var(--t-xs)/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;padding:.4em .55em;border-radius:var(--r-tag);white-space:nowrap}
.season-note{min-height:3.2em;margin-top:6px;color:var(--fog);font-size:var(--t-sm);max-width:44rem}
.season-note b{color:var(--ice)}
@media (max-width:759px){
  .sb-lbl{display:none}
  .sb[aria-pressed="true"] .sb-lbl{display:block}
  .sb.first .sb-lbl{left:0;transform:none;text-align:left}
  .sb.last .sb-lbl{left:auto;right:0;transform:none;text-align:right}
  .season-line{height:150px}
  .season-svg{height:96px}
}

/* ---------- claw guide ---------- */
.guide{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"pick pick" "tray calc";gap:clamp(18px,2.4vw,28px)}
.guide-pick{grid-area:pick;display:flex;flex-wrap:wrap;gap:12px}
.grade{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;padding:.7em 1.2em .7em 2.3em;
  border-radius:var(--r-tag);border:2px solid var(--ink);background:var(--white);color:var(--ink);cursor:pointer;text-align:left;
  touch-action:manipulation;transform-origin:14px 50%;transition:background-color .2s,border-color .2s}
.grade b{font:700 1.25rem/1 var(--f-display)}
.grade small{font-size:var(--t-xs);font-weight:600;color:var(--steel)}
.grade-hole{position:absolute;left:.8em;top:50%;width:.7em;height:.7em;border-radius:50%;transform:translateY(-50%);
  background:var(--surface);box-shadow:inset 0 0 0 2px var(--ink)}
.grade[aria-checked="true"]{background:var(--claw);border-color:var(--ink)}
.grade[aria-checked="true"] small{color:var(--ink)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.grade:hover{animation:swing .7s var(--ease) 1}}
@keyframes swing{0%{transform:rotate(0)}30%{transform:rotate(-4deg)}60%{transform:rotate(2deg)}100%{transform:rotate(0)}}

.tray-card{grid-area:tray;background:var(--white);border-radius:var(--r-card);padding:clamp(18px,2.6vw,30px);box-shadow:var(--shadow-sm);
  display:flex;flex-direction:column;gap:14px}
.tray-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.tray-count{display:flex;align-items:flex-end;gap:.4rem;margin:0}
.tray-n{font:700 clamp(3.4rem,6vw,4.6rem)/.8 var(--f-display);color:var(--ink)}
.tray-unit{font:700 var(--t-sm)/1.15 var(--f-body);color:var(--steel);padding-bottom:.2em}
.tray-price{margin:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.tray-price span{font:700 clamp(2rem,3.4vw,2.6rem)/1 var(--f-display);color:var(--claw-ink)}
.tray-price small{font-size:var(--t-xs);font-weight:600;color:var(--steel);max-width:13em;line-height:1.3;margin-top:.3em}
.tray{position:relative;flex:1;display:grid;align-content:center;padding-top:40px;border-radius:12px;background:#DCE6E4;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.1),inset 0 10px 24px rgba(0,0,0,.08)}
.tray-svg{width:100%;height:auto;aspect-ratio:640/300}
.tray-lb{position:absolute;right:10px;top:10px;background:var(--ink);color:var(--ice);font:700 var(--t-xs)/1 var(--f-body);letter-spacing:.06em;
  text-transform:uppercase;padding:.5em .7em;border-radius:var(--r-tag)}
.tray-foot{margin:0;font-size:var(--t-sm);color:var(--steel);line-height:1.5}

.calc{grid-area:calc;background:var(--ink);color:var(--ice);border-radius:var(--r-card);padding:clamp(20px,2.6vw,30px);
  display:flex;flex-direction:column;gap:16px;--fg-3:var(--fog);--focus:var(--rope)}
.calc-row{display:flex;flex-direction:column;gap:8px}
.calc-lbl{font:700 var(--t-xs)/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--rope)}
.stepper{display:flex;align-items:center;gap:8px}
.step{width:48px;height:48px;border-radius:50%;border:2px solid rgba(241,244,242,.55);background:transparent;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;color:var(--ice)}
.step .ic{width:20px;height:20px}
@media (hover:hover){.step:hover{background:var(--ice);color:var(--ink)}}
.step:disabled{opacity:.4;cursor:not-allowed}
.step-val{min-width:3ch;text-align:center;font:700 2rem/1 var(--f-display)}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:rgba(241,244,242,.08);padding:5px;border-radius:14px}
.seg button{border:0;border-radius:10px;background:transparent;color:var(--ice);padding:.6em .4em;min-height:52px;cursor:pointer;touch-action:manipulation;
  font:700 var(--t-sm)/1.15 var(--f-body);display:flex;flex-direction:column;align-items:center;gap:3px}
.seg small{font-size:.875rem;font-weight:600;color:var(--fog)}
.seg button[aria-checked="true"]{background:var(--ice);color:var(--ink)}
.seg button[aria-checked="true"] small{color:var(--steel)}
.calc-out{border-top:1px solid rgba(241,244,242,.16);padding-top:14px}
.calc-big{font:700 clamp(1.6rem,2.6vw,2rem)/1.08 var(--f-display);margin:0 0 .3em}
.calc-sub{margin:0;color:var(--fog);font-size:var(--t-sm)}
.calc-go{align-self:flex-start}
@media (max-width:899px){.guide{grid-template-columns:1fr;grid-template-areas:"pick" "tray" "calc"}}
@media (max-width:599px){.guide-pick{display:grid;grid-template-columns:1fr 1fr}.grade{padding-right:.6em}}

.floaters{margin:clamp(24px,3vw,36px) 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;max-width:54rem;color:var(--fg-2)}
.floaters>span:last-child{flex:1 1 20rem}

.crack{margin-top:clamp(56px,7vw,96px)}
.crack-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;margin-bottom:22px}
.crack-head p{margin:0;color:var(--fg-2)}
.crack-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);counter-reset:step}
.crack-steps li{counter-increment:step}
.crack-steps figure{margin:0 0 14px;border-radius:var(--r-card);overflow:hidden;aspect-ratio:1;position:relative;background:var(--ice-2)}
.crack-steps figure::after{content:counter(step);position:absolute;left:12px;top:12px;width:40px;height:40px;border-radius:50%;background:var(--claw);
  color:var(--ink);font:700 1.25rem/40px var(--f-display);text-align:center}
.crack-steps img{width:100%;height:100%;object-fit:cover}
.crack-steps p{margin:0;color:var(--fg-2)}
.crack-steps b{color:var(--ink);display:block;font-size:var(--t-md)}
@media (max-width:759px){.crack-steps{grid-template-columns:1fr}.crack-steps li{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.crack-steps figure{margin:0}}

/* ---------- the haul ---------- */
.haul{padding-block:clamp(72px,9vw,120px) clamp(56px,7vw,96px)}
.haul-pin{display:flex;flex-direction:column;gap:clamp(22px,3vw,36px)}
.haul-head .h2{margin-top:.45em}
.haul-vp{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
  --edge:max(var(--gut),calc((100% - var(--wrap)) / 2 + var(--gut)));padding-inline:var(--edge);scroll-padding-inline:var(--edge)}
.haul-vp::-webkit-scrollbar{display:none}
.haul-track{list-style:none;margin:0;padding:0;display:flex;gap:clamp(16px,2.4vw,32px);width:max-content}
.leg{scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,300px) minmax(0,300px);gap:clamp(18px,2.2vw,30px);align-items:end;
  width:min(660px,86vw)}
.leg-media{position:relative;aspect-ratio:4/5;border-radius:var(--r-card);overflow:hidden;background:var(--gulf-2);box-shadow:var(--shadow)}
.leg-media img,.leg-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clip video{opacity:0;transition:opacity .5s}
.clip video.on{opacity:1}
.leg-copy{padding-bottom:6px}
.leg-n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--rope);color:var(--ink);font:700 1.25rem/1 var(--f-display);margin-bottom:14px}
.leg-copy h3{font:700 clamp(1.6rem,2.4vw,2.1rem)/1.02 var(--f-display);margin-bottom:.45em}
.leg-copy p{color:var(--fg-2);margin-bottom:.7em}
.leg-copy .leg-src{font-size:var(--t-sm);font-weight:700;color:var(--rope);margin:0}
.haul-foot{display:flex;align-items:center;gap:24px;padding-left:18px}   /* the boat centres on the rope's start */
.haul-rope{position:relative;flex:1;height:6px;border-radius:3px;background:rgba(216,203,178,.28)}
.haul-rope i{position:absolute;inset:0;border-radius:3px;transform-origin:left;transform:scaleX(0);
  background:repeating-linear-gradient(-58deg,var(--rope) 0 3px,var(--rope-2) 3px 6px)}
.haul-boat{position:absolute;top:-34px;left:0;margin-left:-18px;color:var(--ice)}
.haul-boat .ic{width:36px;height:36px}
.haul-nav{display:flex;gap:10px}
@media (max-width:759px){
  .leg{grid-template-columns:1fr;width:82vw;align-items:start}
  .leg-media{aspect-ratio:4/4.4}
}
/* pinned mode (desktop, motion allowed): JS adds .is-pinned */
.haul.is-pinned{padding-block:0}
.haul.is-pinned .haul-pin{min-height:100vh;justify-content:center;padding-block:calc(var(--hdr-h) + 16px) 28px}
.haul.is-pinned .haul-vp{overflow-x:clip;overflow-y:visible;scroll-snap-type:none}
.haul.is-pinned .leg{grid-template-columns:auto minmax(0,300px);width:auto}
.haul.is-pinned .leg-media{height:clamp(260px,50vh,460px);aspect-ratio:4/5}

/* ---------- counter ---------- */
.counter-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);align-items:end;margin-bottom:clamp(28px,4vw,44px)}
.counter-top .sec-head{margin-bottom:0}
.counter-case{margin:0;position:relative;border-radius:var(--r-card);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-sm)}
.counter-case img{width:100%;height:100%;object-fit:cover}
.counter-case figcaption{position:absolute;left:12px;bottom:12px;background:rgba(26,22,19,.84);color:var(--ice);font-size:var(--t-xs);font-weight:700;padding:.45em .75em;border-radius:999px}
@media (max-width:899px){.counter-top{grid-template-columns:1fr}.counter-case{aspect-ratio:16/10}}
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.tab{position:relative;min-height:48px;padding:.6em 1.1em .6em 2.05em;border-radius:var(--r-tag);border:2px solid var(--ink);background:transparent;
  color:var(--ink);font:700 var(--t-sm)/1.1 var(--f-body);cursor:pointer;touch-action:manipulation;transform-origin:14px 50%;transition:background-color .2s}
.tab::before{content:"";position:absolute;left:.75em;top:50%;width:.6em;height:.6em;border-radius:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 2px var(--ink);background:var(--surface)}
.tab[aria-selected="true"]{background:var(--ink);color:var(--ice)}
.tab[aria-selected="true"]::before{box-shadow:none;background:var(--surface)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.tab:hover{animation:swing .7s var(--ease) 1}}
.panel[hidden]{display:none}
.goods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr));gap:clamp(12px,1.6vw,18px)}
.goods.tickets{grid-template-columns:repeat(auto-fit,minmax(min(100%,196px),1fr))}
.good{background:var(--white);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.good figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--ice)}
.good img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
@media (hover:hover){.good:hover img{transform:scale(1.04)}}
.good-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.good h3{font:800 var(--t-md)/1.25 var(--f-body)}
.good-note{font-size:var(--t-xs);color:var(--steel);margin:0}
.price{margin-top:auto;display:flex;align-items:baseline;gap:.35em;padding-top:6px}
.price b{font:700 1.6rem/1 var(--f-display);color:var(--claw-ink)}
.price span{font-size:var(--t-xs);font-weight:700;color:var(--steel)}
.price.ask b{font-size:1.25rem;color:var(--ink)}
.good.ticket{background:var(--ink);color:var(--ice);--steel:var(--fog)}
.good.ticket .good-body{padding:20px 18px;justify-content:space-between;min-height:170px;position:relative}
.good.ticket .good-body::before{content:"";position:absolute;right:16px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--surface)}
.good.ticket h3{font:700 1.5rem/1.05 var(--f-display);max-width:85%}
.good.ticket .price b{color:var(--rope)}
.counter-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;margin-top:clamp(28px,4vw,44px)}
.tip{margin:0;padding:clamp(18px,2.4vw,26px);background:var(--white);border-radius:var(--r-card);box-shadow:var(--shadow-sm)}
.tip .tag{margin-bottom:14px}
.tip-q{font:600 clamp(1.0625rem,1.5vw,1.25rem)/1.45 var(--f-body);margin:0 0 .6em;color:var(--ink)}
.tip footer{font-size:var(--t-xs);font-weight:700;color:var(--steel)}
@media (max-width:759px){.counter-foot{grid-template-columns:1fr}}

/* ---------- photo band ---------- */
.band{background:var(--ice-2);padding-block:clamp(18px,2.4vw,28px)}
.band-vp{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-y pan-x}
.band-vp::-webkit-scrollbar{display:none}
.band-vp.drag{cursor:grabbing}
.band-track{list-style:none;margin:0;padding:0 var(--gut);display:flex;gap:clamp(10px,1.4vw,16px);width:max-content}
.band-track figure{margin:0;position:relative;height:clamp(210px,26vw,330px);border-radius:12px;overflow:hidden;background:#26211D}
.band-track img{height:100%;width:auto;max-width:none;-webkit-user-drag:none;user-select:none;pointer-events:none}
.band-track figcaption{position:absolute;left:10px;bottom:10px;background:rgba(26,22,19,.82);color:var(--ice);font-size:var(--t-xs);font-weight:700;
  padding:.4em .7em;border-radius:999px}

/* ---------- reviews ---------- */
.reviews{overflow:hidden}
.rev-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:end;margin-bottom:clamp(32px,4vw,48px)}
.rev-top .sec-head{margin-bottom:0}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.stat{background:var(--card);border-radius:var(--r-card);padding:18px 18px 16px;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px;min-height:118px}
.stat dt{font-size:var(--t-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fog)}
.stat dd{margin:0;display:flex;align-items:baseline;gap:.5em;flex-wrap:wrap}
.stat-n{font:700 clamp(2.4rem,4vw,3.2rem)/.9 var(--f-display);color:var(--ice);font-variant-numeric:tabular-nums}
.stat small{font-size:var(--t-xs);font-weight:700;color:var(--fog)}
.stat-stars{display:flex;gap:2px;color:var(--rope)}
.stat-stars .ic{width:18px;height:18px}
@media (max-width:899px){.rev-top{grid-template-columns:1fr}}
.car{position:relative}
.car-vp{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-block:6px;margin-block:-6px}
.car-vp::-webkit-scrollbar{display:none}
.car-track{list-style:none;margin:0;padding:0 0 0 var(--gut);display:flex;gap:16px;width:max-content}
.rv{width:min(384px,84vw);flex:none;display:flex}
.rv a{display:flex;flex-direction:column;gap:14px;width:100%;background:var(--card);color:var(--ice);border-radius:var(--r-card);padding:22px 22px 20px;
  text-decoration:none;border:1px solid rgba(241,244,242,.08);transition:transform .25s var(--ease),border-color .2s;-webkit-user-drag:none}
@media (hover:hover){.rv a:hover{transform:translateY(-3px);border-color:rgba(216,203,178,.55)}}
.rv-stars{display:flex;gap:2px;color:var(--rope)}
.rv-stars .ic{width:17px;height:17px}
.rv q{quotes:none;font-size:var(--t-md);line-height:1.55;flex:1}
.rv q::before{content:"\201C"}.rv q::after{content:"\201D"}
.rv-who{display:flex;justify-content:space-between;gap:10px;font-size:var(--t-xs);font-weight:700;color:var(--fog);border-top:1px solid rgba(241,244,242,.12);padding-top:12px}
.rv-who b{color:var(--ice);font-size:var(--t-sm)}
.rv-reply{font-size:var(--t-sm);color:var(--fog);background:rgba(26,22,19,.28);border-radius:10px;padding:10px 12px;margin:0}
.rv-reply b{display:block;color:var(--rope);font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px}
.car-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.car-nav{display:flex;gap:10px}
.rev-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:28px}
.reviews .lnk{color:var(--rope)}

/* ---------- story ---------- */
.story-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,64px);align-items:start}
.story-pics{position:sticky;top:calc(var(--hdr-h) + 32px);aspect-ratio:4/5;max-height:calc(100vh - var(--hdr-h) - 64px);border-radius:var(--r-card);overflow:hidden;background:var(--ice-2);box-shadow:var(--shadow-sm)}
.sp{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .7s var(--ease)}
.sp.on{opacity:1}
.sp img{width:100%;height:100%;object-fit:cover}
.sp figcaption{position:absolute;left:14px;bottom:14px;background:rgba(26,22,19,.84);color:var(--ice);font-size:var(--t-xs);font-weight:700;padding:.45em .75em;border-radius:999px}
.knot-fig{display:none}
@media (max-width:899px){.story-grid{grid-template-columns:1fr}.story-pics{display:none}.knot-fig{display:block}}
.line{list-style:none;margin:0;padding:0;position:relative}
.line::before{content:"";position:absolute;left:calc(150px + 18px + 20px);top:10px;bottom:10px;width:4px;border-radius:2px;
  background:repeating-linear-gradient(-58deg,var(--rope) 0 3px,var(--rope-2) 3px 6px)}
.knot{display:grid;grid-template-columns:150px 44px minmax(0,1fr);gap:0 18px;padding-bottom:clamp(30px,4vw,48px);position:relative}
.knot::before{content:"";grid-column:2;grid-row:1;justify-self:center;width:22px;height:22px;margin-top:6px;border-radius:50%;
  background:var(--ice);border:5px solid var(--claw);outline:4px solid var(--rope-2);position:relative;z-index:1;transition:background-color .3s}
.knot.on::before{background:var(--claw)}
.knot-when{grid-column:1;grid-row:1;text-align:right;font:700 clamp(1.25rem,2vw,1.6rem)/1.1 var(--f-display);color:var(--claw-ink);margin:0;padding-top:2px}
.knot-body{grid-column:3;grid-row:1;max-width:40rem}
.knot-body h3{font:800 clamp(1.1875rem,1.8vw,1.375rem)/1.2 var(--f-body);margin-bottom:.35em}
.knot-body p{color:var(--fg-2)}
.knot-body .knot-fig{margin:14px 0 0;border-radius:var(--r-card);overflow:hidden;aspect-ratio:4/3;max-width:560px;box-shadow:var(--shadow-sm)}
.knot-body .knot-fig img{width:100%;height:100%;object-fit:cover}
.knot-body blockquote{margin:14px 0 0;padding:16px 20px;background:var(--ink);color:var(--ice);border-radius:var(--r-card);max-width:34rem}
.knot-body blockquote p{font:700 clamp(1.3rem,2.2vw,1.7rem)/1.15 var(--f-display);color:var(--ice);margin:0 0 .4em}
.knot-body blockquote footer{font-size:var(--t-xs);font-weight:700;color:var(--fog)}
@media (max-width:759px){
  .line::before{left:20px}
  .knot{grid-template-columns:44px minmax(0,1fr);gap:0 14px}
  .knot::before{grid-column:1;grid-row:1 / span 2}
  .knot-when{grid-column:2;grid-row:1;text-align:left;margin-bottom:.3em}
  .knot-body{grid-column:2;grid-row:2}
}
.aripeka{margin-top:clamp(20px,3vw,32px);margin-left:calc(150px + 80px);max-width:40rem;padding:clamp(18px,2.4vw,26px);border:2px dashed rgba(26,22,19,.28);border-radius:var(--r-card)}
.aripeka .h3{margin-bottom:.5em}
.aripeka p{color:var(--fg-2)}
@media (max-width:759px){.aripeka{margin-left:0}}

/* ---------- film ---------- */
.film-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,4vw,56px);align-items:center}
.film-head .h2{margin:.45em 0 .5em}
.film-sub{color:var(--fog);max-width:24rem}
.film-frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:var(--shadow)}
.film-still,.film-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film-vid{opacity:0}
.film-frame.playing .film-vid{opacity:1}
.film-play{position:absolute;right:clamp(14px,2.4vw,28px);bottom:clamp(14px,2.4vw,28px);display:flex;align-items:center;gap:.6em;border:0;cursor:pointer;
  background:var(--claw);color:var(--ink);font:800 1.0625rem/1 var(--f-body);padding:1em 1.5em 1em 1.2em;border-radius:999px;box-shadow:0 12px 28px rgba(0,0,0,.35);
  transition:transform .2s var(--ease),background-color .2s;touch-action:manipulation}
.film-play .ic{width:26px;height:26px}
@media (hover:hover){.film-play:hover{background:var(--claw-hi);transform:scale(1.04)}}
.film-frame.playing .film-play{opacity:0;pointer-events:none}
.film-frame.loading .film-play span::after{content:"";display:inline-block;width:14px;height:14px;margin-left:.6em;border:2px solid rgba(26,22,19,.3);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}
@media (max-width:899px){.film-grid{grid-template-columns:1fr}}

/* ---------- visit ---------- */
.visit-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,56px);align-items:start}
.addr{font-style:normal;font-size:clamp(1.125rem,1.6vw,1.3125rem);line-height:1.5;margin-bottom:18px}
.addr b{font:700 clamp(1.6rem,2.6vw,2.1rem)/1.1 var(--f-display)}
.addr span{display:block;font-size:var(--t-sm);color:var(--fg-2);margin-top:.35em}
.visit-btns{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.hours{width:100%;border-collapse:collapse;font-size:var(--t-md);margin-bottom:10px}
.hours th,.hours td{padding:.55em 0;border-bottom:1px solid var(--line);text-align:left;font-weight:500}
.hours td{text-align:right;font-variant-numeric:tabular-nums}
.hours tr.today th,.hours tr.today td{font-weight:800;color:var(--ink)}
.hours tr.today th::after{content:"Today";margin-left:.6em;font:700 .875rem/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;background:var(--claw);color:var(--ink);padding:.3em .5em;border-radius:var(--r-tag);vertical-align:2px}
.status-lt{color:var(--steel)}
.status-lt .status-dot{border-color:var(--steel-2)}
.know{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.know li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;color:var(--fg-2)}
.know .ic{width:24px;height:24px;color:var(--claw-ink);margin-top:2px}
.map-card{background:var(--white);border-radius:var(--r-card);padding:clamp(16px,2.2vw,24px);box-shadow:var(--shadow-sm)}
.map-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem 1rem;margin-bottom:12px}
.map-head p{margin:0;color:var(--fg-2);font-size:var(--t-sm)}
.map-wrap{position:relative;border-radius:10px;overflow:hidden;background:var(--gulf)}
.map-svg{width:100%;height:auto;display:block}
.map-svg .co{fill:#E9EEEA;stroke:#8C948F;stroke-width:1.1}
.map-svg .co.near{fill:#D5DDD9}
.map-svg .co-lbl{font-family:var(--f-body);font-weight:700;font-size:calc(13.5px * var(--k,1));letter-spacing:.08em;text-transform:uppercase;fill:#646C68}
.map-svg .gulf-lbl{font-family:var(--f-display);font-weight:700;font-size:calc(22px * var(--k,1));fill:var(--ice);letter-spacing:.06em}
.map-svg .route{fill:none;stroke:var(--claw);stroke-width:5;stroke-linecap:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset .9s var(--ease)}
.map-svg .route.on{stroke-dashoffset:0}
.map-svg .route-tick{fill:none;stroke:var(--ink);stroke-width:5;stroke-dasharray:2 7;opacity:0;transition:opacity .4s .5s}
.map-svg .route-tick.on{opacity:.55}
.pins{position:absolute;inset:0}
.pin{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}
.pin::before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--ink);
  border:3px solid var(--white);transition:transform .2s var(--ease),background-color .2s}
.pin span{position:absolute;left:32px;top:50%;transform:translateY(-50%);white-space:nowrap;font:700 .875rem/1 var(--f-body);color:var(--ink);
  background:rgba(251,252,251,.9);padding:.3em .45em;border-radius:5px;pointer-events:none}
.pin.l span{left:auto;right:32px}
.pin.b span{left:50%;top:calc(100% - 4px);transform:translateX(-50%)}
.pin.t span{left:50%;top:auto;bottom:calc(100% - 4px);transform:translateX(-50%)}
.pin[aria-pressed="true"]::before{background:var(--claw);transform:scale(1.35)}
@media (hover:hover){.pin:hover::before{transform:scale(1.25)}}
.market-pin{position:absolute;transform:translate(-50%,-50%);width:46px;height:46px;pointer-events:none}
.market-pin img{width:46px;height:46px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.map-out{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem 1rem;padding:14px 2px 10px;min-height:4.2em}
.map-town{font:700 1.5rem/1.1 var(--f-display);margin:0}
.map-time{margin:0;color:var(--fg-2);font-weight:600}
@media (max-width:899px){.visit-grid{grid-template-columns:1fr}}
@media (max-width:599px){.pin span{display:none}.pin[aria-pressed="true"] span{display:block}.map-svg .co-lbl.minor{display:none}}

.visit-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(20px,3vw,40px);margin-top:clamp(28px,4vw,48px);align-items:stretch}
.tides{background:var(--ink);color:var(--ice);border-radius:var(--r-card);padding:clamp(18px,2.4vw,26px);--focus:var(--rope);display:flex;flex-direction:column;gap:14px}
.tides-head p{margin:.3em 0 0;color:var(--fog);font-size:var(--t-sm)}
.tide-svg{width:100%;height:auto;overflow:visible}
.tide-svg .t-area{fill:rgba(29,90,99,.55)}
.tide-svg .t-line{fill:none;stroke:var(--rope);stroke-width:3}
.tide-svg .t-now{stroke:var(--claw);stroke-width:2.5}
.tide-svg .t-dot{fill:var(--claw);stroke:var(--ink);stroke-width:2}
.tide-svg .t-ext{fill:var(--ink);stroke:var(--rope);stroke-width:2.5}
.tide-axis{display:flex;justify-content:space-between;padding-inline:1.5%;margin-top:-4px;font-size:var(--t-xs);font-weight:700;color:var(--fog)}
.tide-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.tide-at{white-space:nowrap}
.tide-list li{background:rgba(241,244,242,.07);border-radius:10px;padding:10px 12px;font-size:var(--t-sm)}
.tide-list b{display:block;font:700 1.125rem/1.1 var(--f-display);color:var(--ice)}
.tide-list .next{outline:2px solid var(--rope);outline-offset:-2px}
.tide-note{margin:0;font-size:var(--t-sm);color:var(--fog)}
.tide-err{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:var(--fog)}
.tide-err .lnk{color:var(--rope)}
.skel{display:block;border-radius:10px;background:rgba(241,244,242,.09)}
.skel-chart{height:120px;position:relative}
.skel-chart::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:2.5px solid rgba(241,244,242,.22);border-top-color:var(--rope);border-radius:50%;animation:spin .8s linear infinite}
.skel-row{display:flex;gap:8px;margin-top:10px}
.skel-pill{height:48px;flex:1}
.freddy{margin:0;position:relative;border-radius:var(--r-card);overflow:hidden;min-height:320px;background:var(--ice-2)}
.freddy img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 4%}
.freddy figcaption{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(26,22,19,.86);color:var(--ice);border-radius:12px;padding:12px 14px;font-size:var(--t-sm);line-height:1.45}
.freddy figcaption b{color:var(--rope)}
@media (max-width:899px){.visit-row{grid-template-columns:1fr}.freddy{min-height:0;aspect-ratio:4/5}}
.street{margin-top:clamp(24px,3vw,36px)}
.street-map{margin-top:16px;border-radius:var(--r-card);overflow:hidden;aspect-ratio:16/9;background:var(--ice-2)}
.street-map iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:599px){.street-map{aspect-ratio:4/5}}

/* ---------- order + faq ---------- */
.order{padding-bottom:clamp(40px,6vw,72px)}
.order-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px);align-items:start}
.order-alt{margin-top:1.2em;color:var(--fg-2)}
.bubble-box{margin-top:clamp(24px,3vw,36px);max-width:25rem;display:flex;flex-direction:column;gap:8px}
.bubble-to{margin:0;font-size:var(--t-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-2)}
.bubble{position:relative;margin:0;align-self:flex-end;max-width:100%;background:var(--claw);color:var(--ink);font-weight:600;line-height:1.5;
  padding:14px 18px;border-radius:22px 22px 6px 22px;overflow-wrap:anywhere}
.bubble i{font-style:normal;font-weight:500;text-decoration:underline dotted;text-underline-offset:.22em}   /* full ink on claw, 4.83:1; faded, it failed */
.bubble-back{margin:0;align-self:flex-start;background:var(--white);color:var(--steel);font-weight:600;font-size:var(--t-sm);padding:10px 16px;border-radius:22px 22px 22px 6px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
@media (max-width:899px){.bubble-box{display:none}}
.form{background:var(--white);border-radius:var(--r-card);padding:clamp(20px,3vw,34px);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:18px}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font:800 var(--t-sm)/1.2 var(--f-body)}
.field input,.field textarea,.field select{font:500 1rem/1.4 var(--f-body);color:var(--ink);background:var(--white);border:2px solid var(--steel-2);
  border-radius:10px;padding:.7em .85em;min-height:50px;width:100%;transition:border-color .2s,box-shadow .2s}
.field textarea{resize:vertical;min-height:110px}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);
  background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.4em}
.field input:focus,.field textarea:focus,.field select:focus{outline:3px solid var(--claw);outline-offset:1px;border-color:var(--ink)}
.field.bad input,.field.bad textarea,.field.bad select{border-color:#B3261E}
.err{margin:0;color:#B3261E;font-size:var(--t-sm);font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:2px solid rgba(26,22,19,.22);background:var(--ice);border-radius:999px;padding:.5em .85em;min-height:44px;font:700 var(--t-xs)/1 var(--f-body);cursor:pointer;touch-action:manipulation}
@media (hover:hover){.chip:hover{border-color:var(--ink)}}
.form-go{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.form-msg{margin:0;font-weight:700;color:var(--gulf);min-height:1.5em}
.form-msg.warn{color:#B3261E}
@media (max-width:899px){.order-grid{grid-template-columns:1fr}}
.faq{padding-top:clamp(40px,6vw,72px)}
.faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,72px);align-items:start;border-top:2px solid rgba(26,22,19,.12);padding-top:clamp(40px,6vw,72px)}
.faq-more{margin:1.2em 0 0;color:var(--fg-2)}
.qa{display:flex;flex-direction:column}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:1.05em 0;font:800 clamp(1.0625rem,1.5vw,1.1875rem)/1.3 var(--f-body);min-height:56px}
.qa summary::-webkit-details-marker{display:none}
.qa summary .ic{width:22px;height:22px;transition:transform .3s var(--ease);color:var(--claw-ink)}
.qa details[open] summary .ic{transform:rotate(180deg)}
.qa details p{margin:0 0 1.2em;color:var(--fg-2);max-width:42rem}
@media (max-width:899px){.faq-grid{grid-template-columns:1fr}}

/* ---------- footer ---------- */
.foot{padding-block:clamp(72px,9vw,112px) calc(28px + env(safe-area-inset-bottom,0px));position:relative}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px)}
.foot-brand img{width:96px;height:96px;margin-bottom:12px}
.foot-name{font:700 1.5rem/1.1 var(--f-display);margin-bottom:.4em}
.foot-brand p:last-child{color:var(--fog);max-width:24rem}
.foot-h{font:700 var(--t-xs)/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--rope);margin-bottom:1em}
.foot-col p{color:var(--fog)}
.foot a{color:var(--ice);text-decoration:underline;text-decoration-color:rgba(241,244,242,.4);text-underline-offset:.2em}
.foot a:hover{text-decoration-color:var(--ice)}
.social{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.social a{display:inline-flex;align-items:center;gap:.6em;min-height:44px;text-decoration:none}
.social .ic{width:22px;height:22px}
.foot-base{margin-top:clamp(36px,5vw,56px);padding-top:22px;border-top:1px solid rgba(241,244,242,.14);font-size:var(--t-xs);color:var(--fog);display:grid;gap:6px}
.foot-base p{margin:0}
@media (max-width:899px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1 / -1}}
@media (max-width:499px){.foot-grid{grid-template-columns:1fr}}

/* ---------- back to top ---------- */
.totop{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:95;width:54px;height:54px;
  border-radius:50%;display:grid;place-items:center;background:var(--stone-3);color:var(--ice);box-shadow:var(--shadow-sm);
  opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s var(--ease);--focus:var(--claw)}
.totop.show{opacity:1;transform:none;pointer-events:auto}
@media (max-width:899px){.totop{width:48px;height:48px}.totop.show:not(.up){opacity:0;transform:translateY(12px);pointer-events:none}}
.totop .ic{width:22px;height:22px;position:relative}
.totop .ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.totop .ring circle{fill:none;stroke:var(--claw);stroke-width:3;stroke-dasharray:0 999;stroke-linecap:round}

/* ---------- 404 ---------- */
.lost{position:fixed;inset:0;z-index:200;background:rgba(26,22,19,.6);display:grid;place-items:center;padding:var(--gut)}
.lost[hidden]{display:none}
.lost-in{--surface:var(--ice);--fg-2:var(--steel);--acc:var(--claw-ink);--focus:var(--claw-ink);background:var(--ice);color:var(--ink);border-radius:18px;
  max-width:860px;width:100%;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);overflow:hidden;box-shadow:var(--shadow);max-height:calc(100svh - 32px);overflow-y:auto}
.lost-pic{margin:0;min-height:100%;position:relative}
.lost-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 4%}
#h-lost:focus{outline:none}
.lost-copy{padding:clamp(22px,4vw,44px)}
.lost-copy .h2{margin:.5em 0 .4em;font-size:clamp(1.9rem,4vw,2.8rem)}
.lost-sugg{display:flex;flex-direction:column;gap:6px;margin:14px 0 22px}
.lost-sugg p{margin:0 0 4px;font-weight:700}
@media (max-width:699px){.lost-in{grid-template-columns:1fr}.lost-pic{aspect-ratio:16/10}}

/* ---------- blur-up images ---------- */
.lz{filter:blur(14px);transform:scale(1.03);transition:filter .6s var(--ease),transform .6s var(--ease)}
.lz.in{filter:none;transform:none}

/* ---------- hero entrance (JS adds .intro, then .go) ---------- */
.intro .h1 .ln>span{transform:translateY(105%)}
.intro .hero-tags,.intro .lede,.intro .hero-cta,.intro .status{opacity:0;transform:translateY(16px)}
.intro .arch{clip-path:inset(100% 0 0 0 round 0)}
.intro .hero-badge{opacity:0;transform:rotate(-40deg) scale(.7)}
.go .h1 .ln>span{transform:none;transition:transform .9s var(--ease)}
.go .h1 .ln:nth-child(2)>span{transition-delay:.08s}
.go .hero-tags,.go .lede,.go .hero-cta,.go .status{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}
.go .lede{transition-delay:.18s}.go .hero-cta{transition-delay:.26s}.go .status{transition-delay:.34s}
.go .arch{clip-path:inset(0 0 0 0 round 0);transition:clip-path 1.1s var(--ease-io) .1s}
.go .hero-badge{opacity:1;transform:rotate(-9deg);transition:opacity .6s .7s,transform .9s var(--ease) .7s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .lz{filter:none;transform:none}
}
@media print{.hdr,.rail,.totop,.pre,.band,.film,.lost{display:none!important}main>section{padding-block:24px}}

/* ---------- multi-page additions (2026-09-23). Same tokens, shapes and surfaces as styles.css ---------- */

/* photo header for inner pages: their own photo, a scrim solved for contrast, the rope-tag eyebrow */
.phero{position:relative;min-height:min(78svh,720px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;
  padding:calc(var(--hdr-h) + clamp(56px,8vw,112px)) 0 calc(clamp(56px,7vw,96px) + var(--seam-h))}
.phero-media{position:absolute;inset:0;z-index:0}
.phero-media img{width:100%;height:100%;object-fit:cover}
.phero-scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(26,22,19,.9) 0%,rgba(26,22,19,.78) 38%,rgba(26,22,19,.36) 72%,rgba(26,22,19,.18) 100%),
             linear-gradient(0deg,rgba(26,22,19,.7) 0%,rgba(26,22,19,0) 45%)}
.phero-in{position:relative;z-index:3}
.phero .season{position:relative;z-index:3;padding-bottom:0;margin-top:clamp(28px,4vw,48px)}
.phero .h1-page{font-size:clamp(2.3rem,5vw,4.4rem);line-height:.96;max-width:17ch;margin:.38em 0 .34em}
.phero .lede{color:#E3E8E5;max-width:36em;margin-bottom:1.5em}
@media (max-width:599px){.phero{min-height:0}.phero-scrim{background:linear-gradient(0deg,rgba(26,22,19,.92) 0%,rgba(26,22,19,.8) 55%,rgba(26,22,19,.55) 100%)}}

.crumbs ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:.3em .6em;font-size:var(--t-xs);font-weight:700}
.crumbs li+li::before{content:"/";margin-right:.6em;color:var(--rope)}
.crumbs a{position:relative;color:var(--rope);text-decoration:underline;text-underline-offset:.2em}
.crumbs a::before{content:"";position:absolute;inset:-13px -8px}   /* 17px of text, a 43px target: the sweep caught it */
.crumbs [aria-current]{color:var(--ice)}

/* a "more" link reads as a trap tag with an arrow; it swings once like the tags */
.more-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3vw,36px)}
.more{position:relative;display:inline-flex;align-items:center;gap:.6em;min-height:48px;padding:.6em 1.1em .6em 2.05em;
  border-radius:var(--r-tag);border:2px solid var(--ink);background:var(--white);color:var(--ink);text-decoration:none;
  font:800 var(--t-sm)/1.1 var(--f-body);transform-origin:14px 50%;transition:background-color .2s,color .2s}
.more::before{content:"";position:absolute;left:.75em;top:50%;width:.6em;height:.6em;border-radius:50%;transform:translateY(-50%);
  background:var(--surface);border:2px solid var(--ink);box-sizing:border-box}
.more .ic{width:18px;height:18px;transition:transform .25s var(--ease)}
.dark .more{background:transparent;color:var(--ice);border-color:rgba(241,244,242,.62)}
.dark .more::before{border-color:rgba(241,244,242,.62)}
@media (hover:hover){.more:hover{background:var(--ink);color:var(--ice)}.more:hover .ic{transform:translateX(3px)}
  .dark .more:hover{background:var(--ice);color:var(--ink)}}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.more:hover{animation:swing .7s var(--ease) 1}}

/* the season rope as its own band (claws page) */
.season-sec{padding-block:clamp(40px,5vw,64px) calc(clamp(40px,6vw,72px) + var(--seam-h))}
.season-sec .season{padding-block:0}
.season-sec .season-head{border-top:0;padding-top:0}

/* grades, side by side: a real table */
.facts-wrap{overflow-x:auto;margin-top:8px;border-radius:var(--r-card);background:var(--white);box-shadow:var(--shadow-sm)}
.facts{width:100%;min-width:560px;border-collapse:collapse;font-size:var(--t-md)}
.facts th,.facts td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.facts thead th{font:700 var(--t-xs)/1.2 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--steel);background:var(--ice-2)}
.facts tbody th{font:700 1.25rem/1 var(--f-display)}
.facts td b{font:700 1.35rem/1 var(--f-display);color:var(--claw-ink)}
.facts tr:last-child th,.facts tr:last-child td{border-bottom:0}
.facts-note{margin-top:12px}
/* under 600px a four-column table can't fit, and the column that falls off is the price, so each grade
   becomes a block with its labels beside the values; the thead stays for screen readers */
@media (max-width:599px){
  .facts-wrap{overflow:visible}
  .facts{min-width:0}
  .facts thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .facts tbody,.facts tr,.facts tbody th{display:block}
  .facts tr{padding:16px 18px;border-bottom:1px solid var(--line)}
  .facts tbody tr:last-child{border-bottom:0}
  .facts tbody th,.facts td{padding:0;border:0}
  .facts tbody th{margin-bottom:6px}
  .facts td{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:6px 0;text-align:right}
  .facts td::before{content:attr(data-label);flex:none;text-align:left;font:700 var(--t-sm)/1.3 var(--f-body);color:var(--steel)}
}

/* Florida's rules, as tags on a rope */
.rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
@media (min-width:1100px){.rules{grid-template-columns:repeat(5,minmax(0,1fr))}}   /* five rules, one row, no orphan */
.rules li{background:var(--card);border-radius:var(--r-card);padding:20px 20px 18px;display:flex;flex-direction:column;gap:8px}
.rules b{font:700 clamp(1.6rem,2.6vw,2.1rem)/1 var(--f-display);color:var(--acc)}
.rules span{color:var(--fg-2)}
.rules-src{margin-top:16px}

/* serving: a photo beside short copy */
.serve-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.serve-grid figure{margin:0;border-radius:var(--r-card);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-sm)}
.serve-grid img{width:100%;height:100%;object-fit:cover}
/* a heading outside .sec-head gets the same air above and below it */
.serve-copy .h2,.cta-copy .h2{margin:.5em 0 .45em}
.serve-copy .steps{margin-top:clamp(20px,2.4vw,28px)}
.cta-copy .hero-cta{margin-top:clamp(22px,2.6vw,30px)}
@media (max-width:899px){.serve-grid{grid-template-columns:1fr}}

/* in the news */
.news-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.news-list a{display:flex;flex-direction:column;gap:10px;height:100%;background:var(--white);border-radius:var(--r-card);padding:22px;
  color:var(--ink);text-decoration:none;border:1px solid var(--line);transition:transform .25s var(--ease),border-color .2s}
.news-list small{font-size:var(--t-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--steel)}
.news-list b{font:800 1.1875rem/1.3 var(--f-body)}
.news-list span{display:inline-flex;align-items:center;gap:.35em;font-weight:700;color:var(--claw-ink)}
.news-list .ic{width:18px;height:18px;color:var(--claw-ink)}
#news .aripeka{margin-left:0}   /* its 230px offset lined up with the home timeline; here the cards are the grid */
@media (hover:hover){.news-list a:hover{transform:translateY(-3px);border-color:var(--ink)}}

/* towns we're a drive from: a real table from the map's own data */
.areas{width:100%;border-collapse:collapse;font-size:var(--t-md)}
.areas th,.areas td{padding:.6em 0;border-bottom:1px solid var(--line);text-align:left}
.areas td{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg-2)}
.areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 clamp(24px,4vw,56px)}

/* how ordering works: a real sequence, so it is numbered */
.steps{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:14px;counter-reset:st}
.steps li{counter-increment:st;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.steps li::before{content:counter(st);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--rope);
  color:var(--ink);font:700 1.2rem/1 var(--f-display)}
.steps b{display:block}
.steps span{color:var(--fg-2)}

/* the reserve band on the home page and inner pages */
.ctaband{padding-block:clamp(64px,8vw,112px)}
.cta-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:center}
.cta-grid .bubble-box{margin-top:0;justify-self:end;width:100%}
@media (max-width:899px){.cta-grid{grid-template-columns:1fr}.cta-grid .bubble-box{display:flex;justify-self:stretch}}

/* home visit: a photo instead of the full map */
.visit-side{display:flex;flex-direction:column}
.visit-photo{margin:0;border-radius:var(--r-card);overflow:hidden;aspect-ratio:3/2;box-shadow:var(--shadow-sm)}
.visit-photo img{width:100%;height:100%;object-fit:cover}

/* real brand marks, from each brand's own files */
.brand-ic{width:24px;height:24px;flex:none;object-fit:contain}
.social .brand-ic{width:28px;height:28px}
.visit-btns .brand-ic{width:22px;height:22px;background:var(--white);border-radius:50%;padding:2px}
.foot-nav{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.foot-nav a{display:inline-flex;align-items:center;min-height:44px}

/* ---------- depth: the 3D buoy, the bubbles, the coin (2026-09-23) ---------- */

/* The haul's buoy: a real 3D object (buoy-gl.js) in the pocket above the steps. It sits right of
   the heading on a phone (up in the section's top padding) and at the heading's baseline when pinned. */
.haul-head{position:relative}
.buoy3d{position:absolute;right:var(--gut);top:-66px;width:112px;margin:0;z-index:0;pointer-events:none}
.buoy3d canvas{display:block;width:100%;aspect-ratio:7/10}
@media (min-width:960px){.buoy3d{top:auto;bottom:-34px;width:140px}}

/* bubbles rise behind the content of a Gulf-teal section; depth.js adds the canvas */
[data-bubbles]{position:relative}
[data-bubbles]>.bubbles{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
[data-bubbles]>:not(.bubbles){position:relative;z-index:1}

/* the hero badge is a coin with a little thickness; it turns over once as the hero comes in, and
   its back carries the red-over-white mark painted on their boat */
.coin{perspective:640px;aspect-ratio:1}
.coin-in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d}
.coin-in>*{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;box-sizing:border-box}
.coin-face{transform:translateZ(4px);backface-visibility:hidden}
.coin-back{transform:rotateY(180deg) translateZ(4px);backface-visibility:hidden;display:grid;place-items:center;
  background:var(--stone-3);border:3px solid rgba(241,244,242,.5)}
.coin-mark{width:42%;height:42%;border-radius:50%;border:2px solid var(--ink);background:linear-gradient(#DC566E 0 50%,var(--ice) 50% 100%)}
.coin-edge{background:#2B2E32}
.coin-edge:nth-child(1){transform:translateZ(3px)}.coin-edge:nth-child(2){transform:translateZ(2px)}
.coin-edge:nth-child(3){transform:translateZ(.5px)}.coin-edge:nth-child(4){transform:translateZ(-.5px)}
.coin-edge:nth-child(5){transform:translateZ(-2px)}.coin-edge:nth-child(6){transform:translateZ(-3px)}
.intro .coin-in{transform:rotateY(-540deg)}
.go .coin-in{transform:none;transition:transform 1.6s cubic-bezier(.16,.84,.24,1) .55s}

/* the order form's off-season note (app.js shows it May 2 to October 14) */
.field-note{margin:0;font-size:var(--t-sm);line-height:1.45;color:var(--fg-2)}

/* reviews without the stats block */
.rev-top.rev-top-solo{grid-template-columns:minmax(0,1fr)}

/* the 404 page */
.lost-page{min-height:100svh;display:grid;place-items:center;padding:calc(var(--hdr-h) + 32px) var(--gut) 48px}
.lost-page .lost-in{position:static}

.lq-boat-sunset{background:#C9D1CD url(data:image/webp;base64,UklGRnwAAABXRUJQVlA4IHAAAADwAwCdASoYAA4APu1iqU2ppaOiMAgBMB2JYgCdACPqgfFRJJCcyyAAAM4pWM32r0BqbLj3S8/VlyDUH5S9R7WeNLdSKA1bbxUsoGkO/c215PaFCo5iZ3TpYhuRMPIcFN94tP1JzhcoEdMfXUUzNAAA) center/cover no-repeat}.lq-boat-dock{background:#C9D1CD url(data:image/webp;base64,UklGRooAAABXRUJQVlA4IH4AAAAQBACdASoYAAsAPu1iqk4ppaQiMAgBMB2JYgCdABZWmSg9WXTbHW6BOAD+YCaIrRya2diSbpx8teR1KXzGhb2wJFbD8z5k6CWrm45JW8BNRMEjaSJsurUvS8HqClIHu1G/EX7gzEZ6qZBPbFXbYRKfNSLfvBKuxSQW8csygAA=) center/cover no-repeat}.lq-market-front{background:#C9D1CD url(data:image/webp;base64,UklGRoIAAABXRUJQVlA4IHYAAABwBACdASoYAA4APu1iqU2ppaOiMAgBMB2JbACdMoMuun/AbdpBHfchG3aIYADN604+BjyaYQ6/eyxyYW+Hlk6nrK+ECPeGtoCw4qcuc55zTZWZt6ooi3t+uFtp2VNuDmmOFydTBXt+pUDfZMWPuet6T7S9wAAA) center/cover no-repeat}.lq-market-flags{background:#C9D1CD url(data:image/webp;base64,UklGRpgAAABXRUJQVlA4IIwAAABwBACdASoYABAAPu1iqU2ppaOiMAgBMB2JZgCdL1yBq7E/yOOu6K9+BqrCgAD+sZKW3IU2Jf4f+m6xN6qLr72wKp23Y/1inTtvZd7NVImqUZjuxS1idEDYhxzf+6UMZbGeUOtKe+rTFpBseManmkEvgcdPA/ybQHJJ5wRmFxNe728XDXmWU15BIGTAAA==) center/cover no-repeat}.lq-sunrise-boat{background:#C9D1CD url(data:image/webp;base64,UklGRpYAAABXRUJQVlA4IIoAAAAwBACdASoYABAAPu1kqU2ppaQiMAgBMB2JQBOmUGYwCTIn9E4N6qqG1TAA/tcORMvD+5YKpgvidSEEklVwaXC3gJ29PPAqbZJA4+PCAvcsQg2Ox+U5Lgg1lGsJMRr7KCxl2IandC37r4srZlctk28o46et1iF4wV2dmweJqyFXjClLl/HWEWQAAAA=) center/cover no-repeat}.lq-boat-dock2{background:#C9D1CD url(data:image/webp;base64,UklGRoYAAABXRUJQVlA4IHoAAADwAwCdASoYAAwAPu1iqU2ppaQiMAgBMB2JZACdL46Bx7kNIonAS6HAAPGR27mYgQnkJ+JEw5ewVxKOF0LGvJJLZBu9SlrisgXXd6bWcs4oKD+jgdYYr+HHthP+xVXtCfD6TVtTKJ+yT6vMjuv7zy8rPmIpJB3YJP4AAA==) center/cover no-repeat}.lq-claws-ice{background:#C9D1CD url(data:image/webp;base64,UklGRgABAABXRUJQVlA4IPQAAACQBQCdASoYABgAPu1srFEppaQiqAqpMB2JbACsMvZ3BSAAmPi2vPEcX1nAnyNlhS+ldzOWdAD6DiUnek5BugnLcYqv9IvzbwA8VQ8vovQRHJKkuVM+LCInA0VcnOoDaK4t5kQGNJmVNfAsrfysCUrbtKbrLu8B0kw5V8gd3SZpae/xMT2EZJEU966FIAYoMl8gd4la4/r9nFfphN75RaYhb6QdWh4zIvAKipvcP+oyLY3Tg7leGEkQOCELclnce4dmHsXObb5OpOmxHFWx1oRMPyDt9V8erHl0T3WDn94WC+TqA5S9dtZfje+aGQe+B8qUAAAA) center/cover no-repeat}.lq-crab-held{background:#C9D1CD url(data:image/webp;base64,UklGRqoAAABXRUJQVlA4IJ4AAABQBQCdASoTABgAPu1qrVCppaQiqAqpMB2JQBdkGxCWGYaGR75gDkpElbk4/llpCGzjwVAA/vi6FVMvXWnbDV5qbI9Hl+oR3BNNyevdIg6QXk+kAhFUfBlYpTvoHwqe44GvKGH8Q7rjl8WwwUD33+nuU1OEn7QVZUNt7ETXVABcngBNt1xto70qKEgUC9JbMwMAqTI+DFiPk63GrZOAAA==) center/cover no-repeat}.lq-p-mullet{background:#C9D1CD url(data:image/webp;base64,UklGRrIAAABXRUJQVlA4IKYAAADQBQCdASoYABIAPu1qrlCppaQiqAqpMB2JagCdMoR9GNnzNDJgDV7Jn+1v6tlYhn2vxLOND5GwAN9AHYaGJH6nuUO5Ta8agMY3LQ4I1nCdiS8FtdMlG7Oy6ObqCVRJV65onHz2dlA7/0N1dFbBSaJenD78hvUZhOQcieiMhs04FpCbRSvXVHoulcF7SuD/0DsA+wpL4LiBkh0vEbA4/e7wzndF8AAA) center/cover no-repeat}.lq-p-salmon{background:#C9D1CD url(data:image/webp;base64,UklGRogAAABXRUJQVlA4IHwAAAAwBQCdASoYABIAPu1krE4ppaQiKA1RMB2JZACdMzRA/2Ly2AQCJXuIHe4AlOm5xcvXwAD9pRy+4eXdNKPxUJJCRzaITn6HukzGGeS/IBdER9OjGgRiIawvnVcqJo/B6Guy0IMGgI3cR9VdhULCfa+XTMXe/pIdRZ/gAAAA) center/cover no-repeat}.lq-p-kingfish{background:#C9D1CD url(data:image/webp;base64,UklGRpQAAABXRUJQVlA4IIgAAAAwBQCdASoYABIAPu1sqlEppaOiqAqpMB2JQBfnAgtdsgLakegpB7QGt+LvSzGUgoPSAAD1P25bNDV12LJe3Mz+PeeKcLGrceDWOw8rkuayIjws/Zo59E/YRTvCMD7GNj7QhWNRZa8K5YDjkRLKUsVEcXmOTOs2OpMpi67+EFJ+U+diCAmiT/gA) center/cover no-repeat}.lq-p-salmonspread{background:#C9D1CD url(data:image/webp;base64,UklGRoYAAABXRUJQVlA4IHoAAAAQBQCdASoYABIAPu1sq08ppqOiMBgIATAdiWMAxNgOFr106PMJrrT6eS1ILJKQSytYAP67zueEQqSrd+EFGn66qjzxfJYJd51e/d3d/ugbWxONOQWBFhgpevHAI8v2+Ct3YDJYCdbIl/pw3TZp1uLD2bg96X8QQjmAAA==) center/cover no-repeat}.lq-p-ceviche{background:#C9D1CD url(data:image/webp;base64,UklGRqAAAABXRUJQVlA4IJQAAAAQBQCdASoYABIAPu1qrVCppaQiqAqpMB2JQBOkFTgvldTTuiVD/l6nC1QHuC20tTPAAPqR9XqGMR4VG2p9VuDpnzbgIXRBqyLwQljdg8RF83jRphO5PY9z5B5jjUJMPAnhvqjPAQz18/0fZ0CgMEJKWALrosGdd3qjGLQMcq1SzCZ5ynxfcmVE+KwLkQjpJBJHWAAA) center/cover no-repeat}.lq-p-shrimp{background:#C9D1CD url(data:image/webp;base64,UklGRsQAAABXRUJQVlA4ILgAAAAwBQCdASoYABIAPu1or1CppaQiqAqpMB2JbACdMoR1zaAAL12A7X0n5aIa77Uoq7uqJgD+oF2qAi4TsfOUwthcu9AZCvyOseMk3c9N4uPQ4ODMm0Lo55rGb+P9WO/fjKe3xju07L3SZmxRMdt0HrsBJ0vwOZKZ45x1YJ/H66MV2Qenrtm8Zz1fiED9rMr5iFcmtdY5VvyzRX+vFw7ugKM7GLEJR0PEuzDtM3X6XgsBlAbtFjkY8AAA) center/cover no-repeat}.lq-p-scallops{background:#C9D1CD url(data:image/webp;base64,UklGRoIAAABXRUJQVlA4IHYAAADQBACdASoYABIAPu1mqU2ppaOiMAgBMB2JQBdgBCzPLa//BVNLH8A94OPvBZdawAD+qfukub2oj8TXGy7rSTiZUOYeXZdI9jVLUF+vpkrTPIKoDGQ8ISjOAT4Az12LibGYLKXvmuWphKzPaHVIENAbw0fwAAAA) center/cover no-repeat}.lq-p-clams{background:#C9D1CD url(data:image/webp;base64,UklGRrIAAABXRUJQVlA4IKYAAADwBACdASoYABIAPu1sq1EppaOiqAqpMB2JYwCxHsdBw6Zpu+F1fEFo4U1zHfnd0gAA/uYiO8XLX2yqjl/L+O/gCdCq8RKKez0p/L83BG0pOJWl7zI0X767KEsicxe5m+ayrrB/Q53XRGyEIbelU50jlAobjS0WYs/thfx0T+uXCkJ4CbEzyVVDXLWDoMzya9CJPBx+Gam09ZIrT4dswxyiOxfaAAAA) center/cover no-repeat}.lq-p-mussels{background:#C9D1CD url(data:image/webp;base64,UklGRrQAAABXRUJQVlA4IKgAAAAwBQCdASoYABIAPu1orlCppaQiqAqpMB2JYwCtaA3qrDByUvPwzLJNMzyPv8nsvD08AAD+n8UkVXFLc+PHuOOapJvwHZ7pGFncmFWiZA+bZcdsWreon9bkYsSYMGH7+26DtzlNPNw2JEH8uHxf7XGSq7EhF4ospmAP7zdlJ05w81ywLWReZv9Jhi8V5Ypa2hnQg3i6YDVvcFEQqGlDsdKCZxRkB81J/AA=) center/cover no-repeat}.lq-p-octopus{background:#C9D1CD url(data:image/webp;base64,UklGRswAAABXRUJQVlA4IMAAAABQBQCdASoYABIAPu1qrlCppaQiqAqpMB2JYgCdG1MAL6dKyq55SUjBbDALhiSNnm9UR7AA/ofvRGetkO48K1usaCIiNSQZFHQKtM3WDeLREhf6f0zMTWGLT2mgpCpN9fIlnUu0AroXkDy+Xg2jILIIePY1rxFN3hYRD6EbsmXwMfsIQOaG/s49lLtlrCJsCs/EHMN5N4goRvP2e6gr8zlUUWEaUxgi7PsfWMQ/BPuWiFXaADzMxbji6qVquOoAAAA=) center/cover no-repeat}.lq-p-lobster{background:#C9D1CD url(data:image/webp;base64,UklGRoIAAABXRUJQVlA4IHYAAAAQBQCdASoYABIAPu1gqU2ppSOiMBgMATAdiUAW9wGeyDFkeHPm9aeruITauELp8goAAP5hCTv296TKLrEcY/sQ70gl5HMK7UB4EitCwICy4VK5siJy7oVYgfMOeZWNygiEvzDM4GiUepg8deOqo9fI2zGLwAAA) center/cover no-repeat}.lq-p-snowcrab{background:#C9D1CD url(data:image/webp;base64,UklGRrgAAABXRUJQVlA4IKwAAADwBQCdASoYABIAPu1srFEppaQiqAqpMB2JbACxHyOj/ANuqEcPE3Q2UMBVsvt5jJteYzRh/oA/AAD8s+TrtIRrDDXwiyebjYGHYaovoLiEN+rLM3RWLf9X8gkZ6KqMY18m+2HPF5nw32/YwBA5zrXxYEF2W/paUPCXacM3VW/Pbevf4qeQwRBbtZ/n4Ot35+w5KGIc1nLt/d/Y5gPHBc1DCI6iEa1Jc9gmqgAA) center/cover no-repeat}.lq-p-crawfish{background:#C9D1CD url(data:image/webp;base64,UklGRpoAAABXRUJQVlA4II4AAAAQBQCdASoYABIAPu1qrVCppaQiqAqpMB2JQBdmcJ/AAf+4/DxGUAmDzbV6EDDdz2IAAP6/fJPgXkOpeKb1jyz7YyEO5T+1If5SkDgkRrvvt37lzdIwobFjfwq0FpYXidJOQTA3aKZRGjeZIre/uHb/aZcEBE6cpHnL0vARgMQgBqIyWiJHJrA/kJ1wwAAA) center/cover no-repeat}.lq-p-sauce{background:#C9D1CD url(data:image/webp;base64,UklGRpgAAABXRUJQVlA4IIwAAAAQBQCdASoYABIAPu1mq08ppaOiKA1RMB2JYgCdMtPzGB7CXXpebCV67zaQixO77UfYAPv6TP5J6tnrNLXor6Sig6Gm0bFYzvOxegA0QBmzofkbYuLAtboFlGE2SU6yRjsNkxNvO1VoQdNnyBEBmXOwtIHFHvI2x4RoHhHtqUBLwhwbGaKejvGK0AAAAA==) center/cover no-repeat}.lq-hero-poster{background:#C9D1CD url(data:image/webp;base64,UklGRpgAAABXRUJQVlA4IIwAAADQBACdASoTABgAPu1krE6ppaQiKA1RMB2JZQDG9Abj4Co3q3ta0q46LkOzypB+AAD94dqkINJ3NKlpR4+iFxn15ksJ3xXFICq+y3JNqvZvqJt+4x1nwKx495e+vG0ctAmbKTe723Zi1jD13W4ZQ5xpJdkLYrsCMW4L6wHM3otKYfh9Fyh0OnNNEkAAAA==) center/cover no-repeat}.lq-traps-poster{background:#C9D1CD url(data:image/webp;base64,UklGRqAAAABXRUJQVlA4IJQAAACwBQCdASoTABgAPu1mp02ppiOiMBgMATAdiWQAnTKEgrq/3yAAxeLcH2TcZXfy0hqmr+cUDTAA/pF0o8C+I14I2tGurWtfyn7dL+EV4BwSv7xzNKJ9UsyTf562l2Q7NPOrA12CEJ+Yx7kUgzkD5vyCC4YG/O1YQ1TgqPfKxA4amZsSMFfjtxlNNX8TmKTqhBvoAAAA) center/cover no-repeat}.lq-rinse-poster{background:#C9D1CD url(data:image/webp;base64,UklGRrQAAABXRUJQVlA4IKgAAAAQBQCdASoTABgAPu1qrFEppaQiqAqpMB2JZQDH5A3XA/S+CEcQU739echY46d0AwXAAPclwMeTlcn/f4uf7beqtv83t362/eThMDPRKV5sG8BTW8Xj6vAZyVrIq77PPmnwV+Hjxi/bJbELc0fd0VmfWpvDbiUKOLDWuDG1m4/HpZUKbeaM0vRpiEMLr1bmYHK8rq+fGYXSkvVhKtyoOkialWkC347wAAA=) center/cover no-repeat}.lq-pot-poster{background:#C9D1CD url(data:image/webp;base64,UklGRoQAAABXRUJQVlA4IHgAAADQBACdASoTABgAPu1or1CppaSiqAqpMB2JYwCdMyGAxu+H6ZJZGlpX20A01ZcLgAD+otHg9Q4JRS/gjhXuJ5PAFF1N5DgopaqlQcfOo2WOIbZQQCv9+GfRVihsgpDwBrRHzxZm4RXU97TNdE9SeY1TNhn45xnfWAA=) center/cover no-repeat}.lq-case{background:#C9D1CD url(data:image/webp;base64,UklGRpoAAABXRUJQVlA4II4AAAAwBQCdASoTABgAPu1kq1AppSOisBgIATAdiUAVw4IOcEFT629piQJA+PLTh4u0D5ZJ/AD+s64xDdrKaTdSpasWLjjY1KSD4QXWPBD0arAkDXpz+2KbngPgIg2wbelc+lOs2NuhWJ7WtlP5IKn0J99weDfMyPPStPnIb7w4pjlME0GjM7JmdMrSkBXIAAAA) center/cover no-repeat}.lq-freddy{background:#C9D1CD url(data:image/webp;base64,UklGRp4AAABXRUJQVlA4IJIAAAAQBQCdASoSABgAPu1srVCppiQiqAqpMB2JZwDE32pQJcCJasH7YQTRbmRecw1nATxAAP7avmfdFufZDxNUmt+RwlU+Ovf0Lf8TPHu4Xq/s0QhQRu0jUCxTezd78C0ApzrQliKTAopFEFqRgvcFGmVd79Qbqgm6ihn+CEjPOX8ndmSLvfOQCOTj6nkvSL5nO+AAAA==) center/cover no-repeat}.lq-freddy-boat{background:#C9D1CD url(data:image/webp;base64,UklGRo4AAABXRUJQVlA4IIIAAAAQBQCdASoTABgAPu1mq06ppaQiKA1RMB2JZQDGfA/BTTNW0mc5cESeg88yFcC7RoQAAP7D3psLlGvYRZkfmgM8WvtXZ4vQGs71qWB4ueEbfLs5Md2yTWcC+PM+axhw6jPjiGRf4y1aShgobibpTsOc2afq2wMxhF8/o6Awn+hEAAAA) center/cover no-repeat}.lq-heron-boat{background:#C9D1CD url(data:image/webp;base64,UklGRq4AAABXRUJQVlA4IKIAAABQBQCdASoTABgAPu1urlIppiQiqAgBMB2JYwC9+IDz/wCUZ1q/3IOLBF+5o9dM9YudmgAA/SXrIpZ7sDBf1wevDzi3j6d8WWCo8ryTqh9YWkzRuvbMrgrpvsh4dfDZex+BN85iB9YvHrVM+OLKnxff7uhIbDYSn35TBlpAKvKbDngpBdP4wve0ckKgGVjo78eQeB1gkd7Cxa4xR+9aWqAAAAA=) center/cover no-repeat}.lq-creek-bridge{background:#C9D1CD url(data:image/webp;base64,UklGRpQAAABXRUJQVlA4IIgAAACQBQCdASoTABgAPu1mpk2ppaMiMBgMATAdiUATplp/QAP3JlUYG93xk1VMalSZyS1ps7BgAAD424N9qtA+/1AZ1IyI8Qv9VZy8A9+F/319otZ8GnGEWBz3FTNue0FQp+xvdCnjYOY+49uludo/5y7Wh1f6YZnU09a1SJBrL3y4CtSozUAYAAAA) center/cover no-repeat}.lq-karri{background:#C9D1CD url(data:image/webp;base64,UklGRqgAAABXRUJQVlA4IJwAAABQBQCdASoTABgAPu1grFAppSQisBgIATAdiWIAnSEgAVWy/fSI10V2mGY6SvYVwQxGXWwA/j0kKh+UINAc/KwHLESkYylP0DLtVSEJlQQmbpozXe6y2/XPfxxgwKcIi0ll0M1ayYYGKhKETYQ4RFV99yzR9Vf6pA1Nv9/y2wMKbqosBi74EWu5Sup8GtFDrSl6PFzc0Uiu2WQAAAA=) center/cover no-repeat}.lq-crack-hammer{background:#C9D1CD url(data:image/webp;base64,UklGRtoAAABXRUJQVlA4IM4AAACQBQCdASoYABgAPu1gq1AppSOisBgIATAdiWQAsR7iPKgl+aI+ZAVSQliLBFKEol4Qi0qObAD7ImXhuP42mUbMMUDMoVg3DcpxM+uKq/kH7Fmg1/PhE7Q647M8Fwx5ZbYorNw3pliZYNNrd8aaEskm6k/UgsEQCd84RjbH4XweKE7mYzIENDQf5mGFI8H4tI/yz31hj1nQx92Dfi2KKw7OGIrSJTiw/S0FI+mk45TrZ3dZImcMVfoC9fEJReO7Pov06pL8busXB2SUsYAAAA==) center/cover no-repeat}.lq-crack-tap{background:#C9D1CD url(data:image/webp;base64,UklGRpwAAABXRUJQVlA4IJAAAABQBACdASoYABgAPu1gp04ppSMiMBgMATAdiUAWnQGiNkMbxqElvKNwoG9gAP7qxiiaILK2rhl3GfLh44IyFKQInnIhIsAONxwMh6z3RrVHDtC6JFwJnJMcTlOoGRpD7y/T7Pjh9dJA11FNYo0GGw6iXjg+7HyvBW+DaArCM4kbrq7ADu1w7515Ot6oPDUgAAA=) center/cover no-repeat}.lq-crack-twist{background:#C9D1CD url(data:image/webp;base64,UklGRrQAAABXRUJQVlA4IKgAAACQBACdASoYABgAPu1qr1CppaSiqAqpMB2JaACdMtDBBYOLR9Q/7hVw8cHtSAAA+vMVqCsS/Mg6eGXq9Bj9hXxrEJ7yILYm1m+wq1euRuDtTuvcGLYCiw1BGsC7kbeokmyLrW/4popgFQ1JjGtEP2pzgzMrBjNKu7/vDdYI8GcjG0SXyECu4dIq5p2lDWWwSPuqXhhY95GiRkgaVMTNGIQrfBlfmjTgAAA=) center/cover no-repeat}.lq-film-poster{background:#C9D1CD url(data:image/webp;base64,UklGRngAAABXRUJQVlA4IGwAAACwAwCdASoYAA4APu1kq04ppaQiMAgBMB2JQBYdgicAjMcjOM78AAD+0I2R9Ej31IyVkYpW29m2BQB0Z/vCOQhRENUueOwzSeuDxyA4e6IpozsHWQTqLAeJ8hCeb0PnasBwt9kctYtHYkxwAAA=) center/cover no-repeat}.pins>:nth-child(1){left:35.66%;top:45.42%}.pins>:nth-child(2){left:32.02%;top:55.92%}.pins>:nth-child(3){left:45.18%;top:41.98%}.pins>:nth-child(4){left:49.33%;top:46.59%}.pins>:nth-child(5){left:28.99%;top:66.00%}.pins>:nth-child(6){left:37.18%;top:40.20%}.pins>:nth-child(7){left:65.83%;top:38.47%}.pins>:nth-child(8){left:26.51%;top:70.99%}.pins>:nth-child(9){left:24.87%;top:74.59%}.pins>:nth-child(10){left:59.42%;top:68.63%}.pins>:nth-child(11){left:40.57%;top:18.46%}.pins>:nth-child(12){left:43.07%;top:7.74%}.pins>:nth-child(13){left:68.26%;top:71.10%}.pins>:nth-child(14){left:87.18%;top:55.34%}.pins>:nth-child(15){left:20.00%;top:90.63%}.pins>:nth-child(16){left:58.00%;top:92.48%}.pins>.market-pin{left:34.82%;top:49.06%}