/* Stay at Jake's · v4 "book direct, with the stickers on"
   v3's brick & brass look and fonts, plus the StayAtJakes.com
   one-line wordmark, the 2309 + Oak stickers and direct booking.
   Permanent Marker is used only for the booking step numerals. */
:root{
  --plaster:#F4EFE7; --paper:#FBF8F3; --plaster-2:#EAE2D6;
  --ink:#2A2A28; --ink-2:#57524B;
  --brick:#8F4B38; --brick-deep:#6E3D2C;
  --timber:#432A1A; --walnut:#714B36;
  --tile:#2B393A; --velvet:#44534E;
  --brass:#97744A; --mustard:#C29E48; --mustard-hi:#E6C56C;
  --oak:#CC9E7E; --rose:#D7AC99; --navy:#2E3643;
  --line:rgba(42,42,40,.16);
  --pop:5px 5px 0 var(--ink);
  --pop-lg:8px 8px 0 var(--ink);
  --soft:0 18px 40px -22px rgba(42,30,20,.55);
  --r:18px;
  --display:'Fraunces', 'Cooper Black', Georgia, serif;
  --body:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --hand:'Caveat', 'Bradley Hand', cursive;
  --stars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 94 16'%3E%3Cpath transform='translate%280 0%29' d='M9 1.2l2.1 4.4 4.8.6-3.5 3.3.9 4.8L9 12l-4.3 2.3.9-4.8L2.1 6.2l4.8-.6z'/%3E%3Cpath transform='translate%2819 0%29' d='M9 1.2l2.1 4.4 4.8.6-3.5 3.3.9 4.8L9 12l-4.3 2.3.9-4.8L2.1 6.2l4.8-.6z'/%3E%3Cpath transform='translate%2838 0%29' d='M9 1.2l2.1 4.4 4.8.6-3.5 3.3.9 4.8L9 12l-4.3 2.3.9-4.8L2.1 6.2l4.8-.6z'/%3E%3Cpath transform='translate%2857 0%29' d='M9 1.2l2.1 4.4 4.8.6-3.5 3.3.9 4.8L9 12l-4.3 2.3.9-4.8L2.1 6.2l4.8-.6z'/%3E%3Cpath transform='translate%2876 0%29' d='M9 1.2l2.1 4.4 4.8.6-3.5 3.3.9 4.8L9 12l-4.3 2.3.9-4.8L2.1 6.2l4.8-.6z'/%3E%3C/svg%3E");
  --ease:cubic-bezier(.2,.8,.2,1.2);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--plaster);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .26 0 0 0 0 .2 0 0 0 0 .14 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display);line-height:1;margin:0;letter-spacing:-.02em;font-weight:800;font-variation-settings:"SOFT" 100,"WONK" 1;font-optical-sizing:auto;text-wrap:balance}
em{font-style:normal}
.muted{color:var(--ink-2)} .small{font-size:.86rem}
.ico{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em}
::selection{background:var(--mustard-hi);color:var(--ink)}
:focus-visible{outline:3px solid var(--brick);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--plaster);padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600;transition:top .2s}
.skip:focus{top:12px}

/* NAV */
.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:24px;padding:12px clamp(16px,4vw,48px);background:rgba(244,239,231,.88);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border-bottom:2px solid var(--ink)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 1.4rem/1 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;letter-spacing:-.02em}
.logo-badge{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--brick);color:var(--plaster);font:900 1.3rem/1 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transform:rotate(-8deg);transition:transform .4s var(--ease)}
.logo:hover .logo-badge{transform:rotate(8deg) scale(1.08)}
.nav-links{display:flex;gap:28px;margin-left:auto}
.nav-links a{position:relative;text-decoration:none;font-weight:600;font-size:.95rem;padding:4px 0}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 6'%3E%3Cpath d='M1 4c4-3 6-3 9 0s6 3 9 0 6-3 9 0 6 3 9 0' fill='none' stroke='%238F4B38' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x 0 0/20px 6px;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-links a:hover::after,.nav-links a:focus-visible::after{transform:scaleX(1)}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font:700 .98rem/1 var(--body);padding:14px 22px;border-radius:999px;border:2px solid var(--ink);text-decoration:none;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}
.btn .ico{transition:transform .25s var(--ease)}
.btn:hover .ico{transform:translateX(3px)}
.btn-big{padding:17px 26px;font-size:1.04rem}
.btn-primary{background:var(--brick);color:#fff}
.btn-primary:hover{background:var(--brick-deep)}
.btn-ghost{background:var(--paper);color:var(--ink)}
.btn-ghost:hover{background:#fff}
.btn-ink{background:var(--ink);color:var(--mustard-hi)}
.btn-small{padding:10px 18px;font-size:.9rem;box-shadow:2px 2px 0 var(--brick)}
.btn-small:hover{box-shadow:4px 4px 0 var(--brick)}
.btn-wide{width:100%}

/* EYEBROW + HEADINGS */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 .76rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--brick);margin:0 0 18px}
.eyebrow .ico{width:1.3em;height:1.3em}
.section-head .eyebrow{background:var(--paper);border:2px solid var(--ink);padding:8px 14px;border-radius:999px;box-shadow:2px 2px 0 var(--ink);transform:rotate(-2deg)}
.squig{position:relative;white-space:nowrap}
.squig::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.14em;height:.2em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 12' preserveAspectRatio='none'%3E%3Cpath d='M2 7c6-5 9-5 14 0s9 5 14 0 9-5 14 0 9 5 14 0' fill='none' stroke='%23C29E48' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x 0 0/.9em 100%;z-index:-1}

/* HERO */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(36px,5vw,72px) clamp(16px,4vw,48px) clamp(56px,7vw,96px);max-width:1320px;margin:0 auto}
.hero h1{font-size:clamp(3rem,6.6vw,5.6rem);font-weight:900;letter-spacing:-.035em;line-height:.98}
.hero h1 em{color:var(--brick)}
/* Hero 'Stay at Jake's.' shown as the one-line wordmark: one image, never wraps */
.hero h1 .h1-a{white-space:nowrap}
.h1-wordmark{display:inline-block;vertical-align:bottom;width:min(100%,540px);max-width:100%;height:auto;margin:0 0 .08em -.04em}
/* Hero wordmark as the die-cut sticker (v6): slight tilt + sticker shadow, pop-in, jiggle, glint, twinkling sparkles. Hero only; transforms only, so no layout shift */
.wm-fx{position:relative;display:inline-block;vertical-align:bottom;width:min(100%,560px);max-width:100%;margin:.04em 0 .1em -.06em;transform-origin:50% 60%;rotate:-2deg;
  animation:wm-pop .9s cubic-bezier(.3,1.5,.5,1) .15s backwards,wm-jiggle 6s ease-in-out 1.1s infinite}
.wm-fx .h1-wordmark{width:100%;margin:0;filter:drop-shadow(3px 6px 5px rgba(42,30,20,.32))}
.wm-fx::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.85) 47%,rgba(255,250,225,.95) 50%,rgba(255,255,255,.85) 53%,transparent 62%) no-repeat;background-size:300% 100%;background-position:120% 0;
  -webkit-mask:url("brand/stayatjakes-wordmark-sticker.svg") 0 0/100% auto no-repeat;mask:url("brand/stayatjakes-wordmark-sticker.svg") 0 0/100% auto no-repeat;
  mix-blend-mode:soft-light;animation:wm-glint 6s ease-in-out 1.2s infinite}
.wm-sparks{position:absolute;inset:0;pointer-events:none}
.wm-spark{position:absolute;width:var(--s,18px);height:var(--s,18px);transform:scale(0);opacity:0;animation:wm-twinkle 3.2s ease-in-out infinite;
  filter:drop-shadow(1.2px 0 0 var(--ink)) drop-shadow(-1.2px 0 0 var(--ink)) drop-shadow(0 1.2px 0 var(--ink)) drop-shadow(0 -1.2px 0 var(--ink)) drop-shadow(1.5px 2px 0 var(--brick))}
.wm-spark::before{content:"";position:absolute;inset:0;background:var(--c,var(--mustard-hi));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.wm-s1{left:-2.5%;top:0;--s:clamp(15px,4.6vw,30px);animation-delay:1s}
.wm-s2{left:89%;top:-8%;--s:clamp(17px,5.2vw,34px);animation-delay:1.6s}
.wm-s3{left:96.5%;top:70%;--s:clamp(12px,3.4vw,22px);--c:#fff;animation-delay:2.3s}
.wm-s4{left:47%;top:-9%;--s:clamp(12px,3.4vw,22px);--c:var(--mustard);animation-delay:2.9s}
.wm-s5{left:1%;top:82%;--s:clamp(12px,3.6vw,23px);--c:#fff;animation-delay:3.5s}
.wm-s6,.wm-s7{display:none}
.wm-s6{left:70%;top:-9%;--s:clamp(13px,4vw,26px);--c:#fff}
.wm-s7{left:24%;top:-7%;--s:clamp(13px,4vw,26px)}
.wm-fx:hover{animation:wm-wiggle .7s ease-in-out}
.wm-fx:hover .wm-spark{animation-duration:1.1s}
.wm-fx:hover .wm-s6,.wm-fx:hover .wm-s7{display:block;animation-delay:0s}
.wm-fx:hover .wm-s7{animation-delay:.3s}
.wm-fx:hover::after{animation:wm-glint 1.1s ease-in-out}
@keyframes wm-pop{0%{opacity:0;transform:scale(.55) rotate(-8deg)}60%{opacity:1;transform:scale(1.07) rotate(2deg)}80%{transform:scale(.98) rotate(-1deg)}100%{transform:none}}
@keyframes wm-jiggle{0%,26%,48%,100%{transform:none}30%{transform:rotate(-2.5deg) scale(1.03)}34%{transform:rotate(2deg) scale(1.03)}38%{transform:rotate(-1.2deg)}43%{transform:rotate(.6deg)}}
@keyframes wm-wiggle{0%,100%{transform:none}20%{transform:rotate(-4deg) scale(1.06)}40%{transform:rotate(3.5deg) scale(1.06)}60%{transform:rotate(-2deg) scale(1.04)}80%{transform:rotate(1deg) scale(1.02)}}
@keyframes wm-glint{0%{background-position:120% 0}25%,100%{background-position:-20% 0}}
@keyframes wm-twinkle{0%,100%{opacity:0;transform:scale(0) rotate(0)}12%{opacity:1;transform:scale(1.15) rotate(30deg)}24%{opacity:1;transform:scale(.8) rotate(60deg)}36%{opacity:1;transform:scale(1.05) rotate(90deg)}52%{opacity:0;transform:scale(0) rotate(140deg)}}
@media (prefers-reduced-motion:reduce){
  .wm-fx,.wm-fx:hover,.wm-fx::after,.wm-fx:hover::after{animation:none!important}
  .wm-sparks{display:none}
}
.hl{position:relative;padding:0 .1em;margin:0 -.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone;
  background:linear-gradient(100deg,transparent .08em,var(--mustard-hi) .2em,var(--mustard) 96%,transparent) no-repeat 0 88%/100% 48%;border-radius:.3em .1em .35em .15em}
.js .hero .hl{background-size:0% 48%;animation:swipe .9s .35s cubic-bezier(.6,0,.2,1) forwards}
@keyframes swipe{to{background-size:100% 48%}}
.lead{font-size:clamp(1.1rem,1.5vw,1.28rem);max-width:36ch;margin:26px 0 32px;color:var(--ink-2)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px}
.hero-proof{list-style:none;padding:0;margin:40px 0 0;display:flex;flex-wrap:wrap;gap:14px}
.hero-proof li{display:flex;flex-direction:column;background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:12px 18px;box-shadow:3px 3px 0 var(--ink)}
.hero-proof li:nth-child(1){transform:rotate(-1.5deg)} .hero-proof li:nth-child(2){transform:rotate(1deg)} .hero-proof li:nth-child(3){transform:rotate(-.5deg);background:var(--mustard-hi)}
.hero-proof strong{font:800 1.75rem/1.05 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;display:flex;align-items:center;gap:2px}
.ico-star{color:var(--mustard);width:.8em;height:.8em}
.hero-proof span{font-size:.84rem;color:var(--ink-2);font-weight:500}

.hero-art{position:relative;min-height:600px}
.snap{position:absolute;margin:0;background:var(--paper);padding:12px 12px 0;border:2px solid var(--ink);border-radius:6px;box-shadow:var(--pop-lg);transition:transform .5s var(--ease)}
.snap img{width:100%;height:100%;object-fit:cover;border-radius:2px}
.snap figcaption{font:700 1.3rem/1 var(--hand);color:var(--ink-2);padding:10px 4px 12px;text-align:center}
.snap-a{width:88%;right:0;top:8px;transform:rotate(2.5deg)}
.snap-a img{height:430px}
.snap-a figcaption{text-align:right;padding-right:10px}
.snap-b{width:46%;left:0;bottom:6px;transform:rotate(-6deg);z-index:2}
.snap-b img{height:190px}
.hero-art:hover .snap-a{transform:rotate(1deg) translateY(-4px)}
.hero-art:hover .snap-b{transform:rotate(-3deg) translateY(-6px)}
.tape{position:absolute;top:-14px;left:50%;width:96px;height:28px;margin-left:-48px;background:rgba(230,197,108,.78);transform:rotate(4deg);border-left:2px dashed rgba(255,255,255,.5);border-right:2px dashed rgba(255,255,255,.5);z-index:3}
.stamp{position:absolute;top:-22px;left:2%;width:128px;height:128px;z-index:3;border-radius:50%;background:var(--tile);color:var(--mustard-hi);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);display:grid;place-items:center}
.stamp svg:first-child{position:absolute;inset:0;width:100%;height:100%;animation:spin 22s linear infinite}
.stamp text{font:800 11.5px var(--body);letter-spacing:.06em;fill:currentColor}
.stamp-ico{width:38px;height:38px;stroke-width:1.6;color:var(--plaster)}
@keyframes spin{to{transform:rotate(360deg)}}
.sticker-hi{position:absolute;right:-18px;bottom:150px;z-index:4;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;max-width:280px;
  background:var(--rose);color:var(--ink);padding:16px 22px 16px 18px;border-radius:28px 28px 28px 6px;border:2px solid var(--ink);
  box-shadow:0 0 0 6px var(--paper),0 0 0 8px var(--ink),8px 10px 0 2px var(--ink);transform:rotate(-5deg);transition:transform .4s var(--ease)}
.sticker-hi:hover{transform:rotate(2deg) scale(1.04)}
.hi-big{font:900 1.65rem/1 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;letter-spacing:-.02em;color:var(--brick-deep)}
.sticker-hi small{grid-column:2;font:700 1.22rem/1.05 var(--hand);color:var(--ink);margin-top:4px}
.wave{grid-row:span 2;width:44px;height:44px;stroke-width:1.6;color:var(--brick-deep);transform-origin:70% 85%;animation:wave 2.6s 1s ease-in-out 2}
.sticker-hi:hover .wave{animation:wave 1.2s ease-in-out}
@keyframes wave{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%,40%{transform:rotate(-10deg)}50%{transform:rotate(8deg)}}

/* MARQUEE */
.marquee-wrap{overflow:hidden;padding:14px 0 30px;margin:-14px 0 -30px;position:relative;z-index:2}
.marquee{position:relative;z-index:2;background:var(--timber);color:var(--plaster);overflow:hidden;padding:16px 0;border-block:2px solid var(--ink);transform:rotate(-1.4deg);margin:0 -40px;box-shadow:0 8px 0 var(--mustard)}
.marquee-track{display:flex;align-items:center;gap:26px;width:max-content;animation:scroll 38s linear infinite;font:800 1.3rem/1.2 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;white-space:nowrap}
.marquee-track span{display:inline-flex;align-items:center;gap:10px}
.marquee-track span .ico{color:var(--mustard-hi);width:1.05em;height:1.05em}
.marquee-track .sep{color:var(--brick);width:.9em;height:.9em;color:var(--rose)}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(-50%)}}

/* SECTIONS */
.section{padding:clamp(72px,9vw,128px) clamp(16px,4vw,48px);max-width:1280px;margin:0 auto}
.section-head{max-width:760px;margin-bottom:52px;position:relative;z-index:0}
.section-head h2{font-size:clamp(2.4rem,5.4vw,4.3rem);margin-top:4px}
.sub{font-size:1.12rem;color:var(--ink-2);margin:18px 0 0;max-width:58ch}

/* UNITS: each gets its own colourway */
.units{display:flex;flex-direction:column;gap:56px}
.unit{--c:var(--tile);--c2:#22302F;--acc:var(--mustard-hi);--soft-ink:#C9D3CF;
  display:grid;grid-template-columns:1.22fr .78fr;background:var(--c);color:var(--plaster);border:2px solid var(--ink);border-radius:var(--r);box-shadow:var(--pop-lg);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.unit:hover{transform:translate(-3px,-3px) rotate(-.3deg);box-shadow:12px 12px 0 var(--ink)}
.unit-up{--c:var(--brick);--c2:var(--brick-deep);--acc:var(--mustard-hi);--soft-ink:#F0D6CB}
.unit-down{--c:var(--timber);--c2:#33200F;--acc:var(--oak);--soft-ink:#E3CDBB}
.unit-flip{grid-template-columns:.78fr 1.22fr}
.unit-flip .unit-media{order:2;border-left:2px solid var(--ink);border-right:0}
.unit-media{position:relative;min-height:520px;background:var(--ink);border-right:2px solid var(--ink);overflow:hidden}
.unit-main{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .25s}
.unit:hover .unit-main{transform:scale(1.03)}
.unit-main.swap{opacity:.35}
.tag{position:absolute;top:20px;left:20px;display:inline-flex;align-items:center;gap:7px;font:800 .72rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase;padding:10px 14px;border-radius:6px;background:var(--paper);color:var(--brick-deep);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-3deg)}
.tag::before{content:"";position:absolute;inset:3px;border:1px dashed currentColor;border-radius:3px;opacity:.5}
.tag .ico{color:var(--mustard);width:1.2em;height:1.2em}
.tag-pink{color:var(--tile)} .tag-pink .ico{color:var(--tile)}
.thumbs{position:absolute;left:16px;right:16px;bottom:16px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px}
.thumbs::-webkit-scrollbar{display:none}
.thumbs button{flex:0 0 auto;width:66px;height:48px;padding:0;border:2px solid var(--paper);border-radius:8px;overflow:hidden;cursor:pointer;opacity:.82;background:var(--ink);box-shadow:0 4px 10px -4px rgba(0,0,0,.6);transition:opacity .2s,transform .25s var(--ease),border-color .2s}
.thumbs button:hover{opacity:1;transform:translateY(-3px) rotate(-2deg)}
.thumbs button.on{opacity:1;border-color:var(--acc);transform:translateY(-3px);box-shadow:0 0 0 2px var(--ink),0 6px 12px -4px rgba(0,0,0,.6)}
.thumbs button:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.thumbs img{width:100%;height:100%;object-fit:cover}
.unit-body{position:relative;padding:clamp(28px,3.6vw,48px);display:flex;flex-direction:column;
  background-image:radial-gradient(circle at 100% 0,rgba(255,255,255,.08),transparent 55%)}
.unit-no{position:absolute;right:clamp(20px,3vw,40px);top:clamp(14px,2vw,24px);font:900 5.5rem/1 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;color:transparent;-webkit-text-stroke:1.5px var(--acc);opacity:.55;letter-spacing:-.04em}
.unit-badge{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--acc);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);margin-bottom:18px;transform:rotate(-8deg);transition:transform .4s var(--ease)}
.unit-badge .ico{width:28px;height:28px;stroke-width:1.7}
.unit:hover .unit-badge{transform:rotate(8deg) scale(1.08)}
.unit-hood{font:700 .75rem/1.3 var(--body);text-transform:uppercase;letter-spacing:.16em;color:var(--acc);margin:0 0 10px}
.unit h3{font-size:clamp(2.8rem,5vw,4.2rem);font-weight:900;letter-spacing:-.035em}
.hook{font-size:1.12rem;margin:16px 0 22px;color:var(--plaster);max-width:40ch}
.stats{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.stats li{display:inline-flex;align-items:center;gap:7px;background:rgba(0,0,0,.18);border:1.5px solid rgba(244,239,231,.32);border-radius:999px;padding:6px 13px 6px 10px;font-weight:600;font-size:.86rem;color:var(--plaster)}
.stats .ico{color:var(--acc)}
.rating{display:flex;align-items:center;gap:6px;font:800 1.7rem/1 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;margin:4px 0 16px}
.rating .muted{font:500 .95rem var(--body);color:var(--soft-ink)}
.rating .star{color:var(--acc);width:1em;height:1em}
.unit-extras{margin:0 0 28px;padding:0;list-style:none}
.unit-extras li{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:1rem}
.unit-extras .ico{color:var(--ink);background:var(--acc);border-radius:50%;padding:3px;width:22px;height:22px;stroke-width:2.6}
.unit-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}
.btn-book{background:var(--acc);color:var(--ink);padding:17px 26px;font-size:1.05rem;box-shadow:4px 4px 0 var(--ink)}
.btn-book:hover{background:#fff;box-shadow:6px 6px 0 var(--ink)}
.btn-book:hover .ico{transform:translate(2px,-2px) rotate(0)}
.btn-line{background:transparent;color:var(--plaster);border-color:var(--plaster);box-shadow:none}
.btn-line:hover{background:rgba(255,255,255,.1);box-shadow:4px 4px 0 var(--ink)}
.unit :focus-visible{outline-color:var(--acc)}
.combo-note{display:flex;align-items:center;gap:18px;background:var(--mustard-hi);color:var(--ink);border:2px solid var(--ink);border-radius:var(--r);padding:22px 28px;margin:0;font-size:1.08rem;box-shadow:var(--pop);transform:rotate(-.6deg)}
.combo-ico{width:46px;height:46px;padding:9px;background:var(--paper);border:2px solid var(--ink);border-radius:50%;color:var(--brick)}
.combo-note a{font-weight:800;color:var(--brick-deep);text-decoration-thickness:2px;text-underline-offset:4px;white-space:nowrap}
.combo-note a:hover{color:var(--ink)}

/* PERKS */
.perks-wrap{max-width:none;background:var(--tile);color:var(--plaster);position:relative;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='48'%3E%3Cpath d='M14 0l14 8v16l-14 8L0 24V8zM42 24l14 8v16M42 24l-14 8v16M42 24V8' fill='none' stroke='%23fff' stroke-opacity='.05'/%3E%3C/svg%3E")}
.perks-wrap>*{max-width:1184px;margin-left:auto;margin-right:auto}
.perks-wrap .section-head .eyebrow{color:var(--tile);background:var(--mustard-hi)}
.perks-wrap .sub{color:#CBD3CF}
.perks{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.perk{background:var(--paper);color:var(--ink);padding:24px 20px 22px;border:2px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 #141B1B;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.perk:nth-child(odd):hover{transform:translateY(-6px) rotate(-2deg)}
.perk:nth-child(even):hover{transform:translateY(-6px) rotate(2deg)}
.perk:hover{box-shadow:7px 9px 0 #141B1B}
.perk-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;margin-bottom:16px;background:var(--plaster-2);color:var(--brick);border:2px solid var(--ink);transform:rotate(-6deg);transition:transform .4s var(--ease),background-color .3s}
.perk-ico .ico{width:28px;height:28px;stroke-width:1.7}
.perk:nth-child(3n+2) .perk-ico{color:var(--tile);transform:rotate(5deg)}
.perk:nth-child(3n) .perk-ico{color:var(--timber);transform:rotate(-2deg)}
.perk:hover .perk-ico{background:var(--mustard-hi);transform:rotate(0) scale(1.08)}
.perk h4{font-size:1.24rem;font-weight:800;margin-bottom:6px;letter-spacing:-.015em}
.perk p{margin:0;font-size:.93rem;color:var(--ink-2);line-height:1.5}

/* REVIEWS */
.scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px}
.score{position:relative;display:flex;align-items:center;gap:18px;color:var(--plaster);border:2px solid var(--ink);border-radius:16px;padding:22px 26px;box-shadow:var(--pop);background:var(--tile)}
.score::after{content:"";position:absolute;right:86px;top:-2px;bottom:-2px;border-left:2px dashed rgba(244,239,231,.35)}
.score::before{content:"";position:absolute;right:4px;top:50%;width:76px;height:13px;transform:translateY(-50%) rotate(90deg);background:var(--mustard-hi);-webkit-mask:var(--stars) no-repeat center/contain;mask:var(--stars) no-repeat center/contain}
.score{padding-right:100px}
.score-up{background:var(--brick);transform:rotate(1deg)} .score-oak{transform:rotate(-1deg)}
.score-down{background:var(--timber);transform:rotate(-.5deg)}
.score-num{font:900 3.2rem/1 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;color:var(--mustard-hi);letter-spacing:-.03em}
.score-down .score-num{color:var(--oak)}
.score-lbl{font-weight:700;font-size:1.08rem;line-height:1.25} .score-lbl small{font-weight:500;opacity:.8}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:0 22px;align-items:start}
.qcol{display:flex;flex-direction:column}
.quote{position:relative;margin:22px 0 6px;background:var(--paper);border:2px solid var(--ink);border-radius:16px;padding:26px 24px 22px;box-shadow:4px 4px 0 var(--ink);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.quote:nth-child(3n+1){transform:rotate(-.8deg)} .quote:nth-child(3n+2){transform:rotate(.6deg)}
.quote:hover{transform:rotate(0) translateY(-4px);box-shadow:6px 8px 0 var(--ink)}
.quote::before{content:"\201C";position:absolute;top:-20px;left:18px;width:40px;height:40px;display:grid;place-items:center;background:var(--mustard-hi);border:2px solid var(--ink);border-radius:50%;font:900 2rem/1.25 var(--display);color:var(--ink)}
.quote blockquote{margin:0 0 14px;font-size:1.03rem}
.quote figcaption{display:flex;align-items:center;gap:8px;font:700 1.35rem/1.1 var(--hand);color:var(--brick)}
.quote figcaption::before{content:"";flex:none;width:76px;height:13px;background:var(--mustard);-webkit-mask:var(--stars) no-repeat center/contain;mask:var(--stars) no-repeat center/contain}
.q-big{background:var(--brick);color:#fff}
.q-big blockquote{font:800 1.9rem/1.12 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;letter-spacing:-.015em}
.q-big figcaption{color:#F6DCCF} .q-big figcaption::before{background:var(--mustard-hi)}
.q-short blockquote{font:800 1.45rem/1.15 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1}
.q-green{background:var(--tile);color:var(--plaster)} .q-green figcaption{color:var(--mustard-hi)} .q-green figcaption::before{background:var(--mustard-hi)}
.q-mustard{background:var(--mustard-hi)} .q-mustard figcaption{color:var(--brick-deep)} .q-mustard figcaption::before{background:var(--brick)} .q-mustard::before{background:var(--paper)}
.love+.kc{padding-top:clamp(24px,3vw,40px)}
.fineprint{font-size:.82rem;color:var(--ink-2);margin-top:12px}

/* KC PICKS: postcards */
.kc{position:relative}
.picks{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.pick{position:relative;border:2px solid var(--ink);border-radius:16px;padding:24px 22px 26px;display:flex;flex-direction:column;box-shadow:var(--pop);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.pick:nth-child(odd){transform:rotate(-1.5deg)} .pick:nth-child(even){transform:rotate(1.5deg) translateY(14px)}
.pick:hover{transform:rotate(0) translateY(-6px);box-shadow:7px 9px 0 var(--ink);z-index:2}
.pick::after{content:"";position:absolute;top:14px;right:14px;width:34px;height:40px;border:2px dashed currentColor;border-radius:4px;opacity:.35}
.pick-n{font:900 2.8rem/1 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;margin-bottom:22px;letter-spacing:-.03em}
.pick h4{font-size:1.36rem;font-weight:800;margin-bottom:10px;letter-spacing:-.015em}
.pick p{margin:0;font-size:.93rem;line-height:1.5}
.pick-blue{background:var(--navy);color:var(--plaster)} .pick-blue .pick-n{color:var(--mustard-hi)}
.pick-sun{background:var(--mustard-hi);color:var(--ink)} .pick-sun .pick-n{color:var(--brick-deep)}
.pick-pink{background:var(--rose);color:var(--ink)} .pick-pink .pick-n{color:var(--brick-deep)}
.pick-mint{background:var(--velvet);color:var(--plaster)} .pick-mint .pick-n{color:var(--mustard-hi)}
.pick-red{background:var(--brick);color:#fff} .pick-red .pick-n{color:var(--mustard-hi)}

/* BOOK */
.book{max-width:none;background-color:var(--ink);color:var(--plaster);border-top:2px solid var(--ink);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='28'%3E%3Cpath d='M0 .5H72M0 14.5H72M.5 0V14M36.5 14V28' stroke='%23fff' stroke-opacity='.05' fill='none'/%3E%3C/svg%3E")}
.book-grid{max-width:1184px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,80px);align-items:start}
.book .eyebrow{color:var(--mustard-hi)}
.book h2{font-size:clamp(2.4rem,4.8vw,3.9rem);margin-bottom:22px}
.hl-dark{color:var(--ink);background-size:100% 60%;background-position:0 80%}
.book-copy>p{font-size:1.12rem}
.book .muted{color:#BDB6AC}
.book-points{padding:0;list-style:none;margin:24px 0}
.book-points li{display:flex;align-items:center;gap:14px;margin:12px 0}
.book-points .ico{width:40px;height:40px;padding:8px;border-radius:50%;background:rgba(230,197,108,.14);border:1.5px solid rgba(230,197,108,.5);color:var(--mustard-hi)}
.book-form{position:relative;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:20px;padding:clamp(22px,3vw,38px);display:flex;flex-direction:column;gap:16px;box-shadow:10px 10px 0 var(--brick);transform:rotate(.6deg)}
.form-note-hand{position:absolute;top:-30px;right:24px;font:700 1.5rem/1 var(--hand);color:var(--mustard-hi);transform:rotate(-4deg)}
.book-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.88rem}
.book-form input,.book-form select,.book-form textarea{font:400 1rem var(--body);padding:13px 14px;border:2px solid rgba(42,42,40,.35);border-radius:10px;background:#fff;color:var(--ink);width:100%;transition:border-color .2s,box-shadow .2s}
.book-form input:hover,.book-form select:hover,.book-form textarea:hover{border-color:var(--ink)}
.book-form input:focus,.book-form select:focus,.book-form textarea:focus{outline:none;border-color:var(--ink);box-shadow:3px 3px 0 var(--mustard)}
.book-form input:focus-visible,.book-form select:focus-visible,.book-form textarea:focus-visible{outline:3px solid var(--brick);outline-offset:1px}
.book-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.book-form .btn-primary{box-shadow:4px 4px 0 var(--ink)}
.book-form .btn-primary:hover .ico{transform:translate(3px,-3px)}
.book-form .muted{color:var(--ink-2)}
.hp{position:absolute;left:-9999px}
select.flash{animation:flash 1.2s}
@keyframes flash{0%,60%{background:#F6E2A8;box-shadow:3px 3px 0 var(--brick)}100%{background:#fff}}
.form-note{margin:0;text-align:center}

/* FOOTER */
.footer{position:relative;background:#1E1A16;color:var(--plaster-2);padding:0 clamp(16px,4vw,48px) 36px}
.footer-brick{height:26px;margin:0 calc(-1 * clamp(16px,4vw,48px)) 64px;background:var(--brick);border-bottom:2px solid var(--ink);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='26'%3E%3Cpath d='M0 1H48M0 13H48M0 25H48M12 1V13M36 1V13M0 13V25M24 13V25' stroke='%236E3D2C' stroke-width='2' fill='none'/%3E%3C/svg%3E")}
.footer-top{max-width:1184px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
.logo-light{color:var(--plaster)} .logo-light .logo-badge{border-color:var(--plaster);box-shadow:2px 2px 0 var(--mustard)}
.footer-big{font:900 clamp(2.4rem,5vw,3.8rem)/1 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;letter-spacing:-.035em;color:var(--mustard-hi);margin:26px 0 10px}
.footer-tag{opacity:.75;margin:0}
.footer-h{font:700 .74rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--mustard);margin:8px 0 18px}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-links a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;opacity:.88;transition:opacity .2s,color .2s,transform .25s var(--ease);width:max-content}
.footer-links a:hover{opacity:1;color:var(--mustard-hi);transform:translateX(4px)}
.dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--plaster-2)}
.dot-oak{background:#4D6A6B} .dot-up{background:var(--brick)} .dot-down{background:var(--walnut)} .dot-jake{background:var(--mustard-hi)}
.footer-reg{max-width:1184px;margin:52px auto 0;display:flex;flex-wrap:wrap;gap:12px;padding:22px 0;border-block:1px solid rgba(255,255,255,.12);font:500 .84rem/1.5 var(--body);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.footer-reg p{margin:0;padding:7px 14px;border:1.5px dashed rgba(234,226,214,.35);border-radius:8px}
.footer-reg strong{color:var(--mustard-hi);font-weight:700}
.footer-bottom{max-width:1184px;margin:22px auto 0;display:flex;justify-content:space-between;align-items:center;gap:20px}
.footer-fine{margin:0;font-size:.8rem;opacity:.6;max-width:70ch}
.to-top{display:inline-flex;align-items:center;gap:8px;flex:none;text-decoration:none;font-weight:700;font-size:.9rem;padding:10px 16px;border:2px solid var(--plaster-2);border-radius:999px;transition:background-color .2s,color .2s,transform .25s var(--ease)}
.to-top:hover{background:var(--mustard-hi);color:var(--ink);border-color:var(--mustard-hi);transform:translateY(-3px)}
.footer :focus-visible{outline-color:var(--mustard-hi)}

/* SCROLL REVEAL (only when JS is on) */
.js .reveal{opacity:0;translate:0 28px;transition:opacity .7s cubic-bezier(.2,.7,.2,1),translate .7s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;translate:0 0}

/* RESPONSIVE */
@media (max-width:1100px){
  .perks{grid-template-columns:repeat(3,1fr)}
  .picks{grid-template-columns:repeat(3,1fr)}
  .pick:nth-child(even){transform:rotate(1.5deg)}
}
@media (max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero-art{min-height:520px;margin-top:10px}
  .unit,.unit-flip{grid-template-columns:1fr}
  .unit-flip .unit-media{order:0;border-left:0}
  .unit-media,.unit-flip .unit-media{border-right:0;border-bottom:2px solid var(--ink)}
  .unit-media{min-height:0;aspect-ratio:3/2;max-height:460px;width:100%}
  .book-grid{grid-template-columns:1fr}
  .quotes{grid-template-columns:1fr 1fr}
  .qcol:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;align-items:start}
  .scoreboard{grid-template-columns:1fr;max-width:520px}
  .footer-top{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media (max-width:640px){
  body{font-size:16px}
  .nav{gap:12px;padding:10px 16px}
  .nav-links{display:none}
  .nav .btn-small{margin-left:auto}
  .logo{font-size:1.2rem;gap:10px}
  .logo-badge{width:36px;height:36px;font-size:1.15rem}
  .hero{padding-top:30px}
  .hero h1{font-size:clamp(2.7rem,12.4vw,3.4rem)}
  .lead{margin:20px 0 26px}
  .hero-ctas .btn{flex:1 1 100%}
  .hero-proof{display:grid;grid-template-columns:1.35fr 1fr .8fr;gap:8px;margin-top:30px}
  .hero-proof li{padding:10px 10px;border-radius:12px}
  .hero-proof strong{font-size:1.2rem}
  .hero-proof span{font-size:.74rem;line-height:1.25}
  .hero-art{min-height:400px}
  .snap{padding:8px 8px 0;box-shadow:var(--pop)}
  .snap figcaption{font-size:1.05rem;padding:7px 2px 9px}
  .snap-a{width:94%}
  .snap-a img{height:250px}
  .snap-a figcaption{padding-left:50%;line-height:1.05}
  .snap-b{width:48%;bottom:0}
  .snap-b img{height:108px}
  .tape{width:70px;margin-left:-35px;height:22px;top:-11px}
  .stamp{width:92px;height:92px;top:-26px;left:-4px}
  .stamp text{font-size:11.5px}
  .stamp-ico{width:28px;height:28px}
  .sticker-hi{right:-4px;bottom:168px;max-width:200px;padding:11px 14px 11px 12px;column-gap:8px;box-shadow:0 0 0 4px var(--paper),0 0 0 6px var(--ink),5px 7px 0 2px var(--ink)}
  .hi-big{font-size:1.2rem}
  .sticker-hi small{font-size:1rem}
  .wave{width:32px;height:32px}
  .marquee{padding:12px 0}
  .marquee-track{font-size:1.08rem;gap:20px}
  .section-head{margin-bottom:38px}
  .units{gap:40px}
  .unit{box-shadow:var(--pop)}
  .unit:hover{transform:none;box-shadow:var(--pop)}
  .unit-media{aspect-ratio:4/3}
  .thumbs button{width:54px;height:40px}
  .tag{top:14px;left:14px;font-size:.64rem;padding:8px 11px}
  .unit-no{font-size:4rem}
  .unit-ctas .btn{flex:1 1 auto}
  .combo-note{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}
  .combo-note a{white-space:normal}
  .perks{grid-template-columns:1fr 1fr;gap:12px}
  .perk{padding:18px 14px}
  .perk-ico{width:44px;height:44px;margin-bottom:12px}
  .perk-ico .ico{width:24px;height:24px}
  .perk h4{font-size:1.06rem}
  .perk p{font-size:.86rem}
  .score{padding:18px 20px}
  .score-num{font-size:2.6rem}
  .q-big blockquote{font-size:1.5rem}
  .quotes,.qcol:nth-child(3){grid-template-columns:1fr;display:block}
  .picks{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -16px;padding:10px 16px 24px;scrollbar-width:none}
  .picks::-webkit-scrollbar{display:none}
  .pick{flex:0 0 78%;scroll-snap-align:center}
  .pick:nth-child(n){transform:none}
  .book-form{transform:none;box-shadow:6px 6px 0 var(--brick)}
  .book-form .row{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr;gap:28px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-reg{flex-direction:column;align-items:flex-start}
}

/* MOTION SAFETY */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .marquee-track,.stamp svg:first-child{animation:none!important}
  .js .hero .hl{background-size:100% 48%;animation:none}
  .js .reveal{opacity:1;translate:none}
}

/* ===== v4: BRAND + BOOK DIRECT ===== */
.logo-mark{display:block;height:44px;width:auto;max-width:none;transition:transform .35s var(--ease)}
.logo:hover .logo-mark{transform:rotate(-1.5deg) scale(1.03)}
.logo-light .logo-mark{height:58px}

.hero-sticker{position:absolute;right:6px;bottom:10px;width:250px;height:auto;z-index:4;transform:rotate(6deg);filter:drop-shadow(4px 7px 6px rgba(42,30,20,.35));transition:transform .45s var(--ease)}
.hero-art:hover .hero-sticker{transform:rotate(2deg) translateY(-4px)}

.unit-sticker{position:absolute;right:clamp(14px,2.4vw,30px);top:clamp(10px,1.4vw,16px);width:100px;height:auto;transform:rotate(7deg);filter:drop-shadow(3px 6px 5px rgba(0,0,0,.35));transition:transform .45s var(--ease);pointer-events:none;z-index:2}
.unit-sticker-b{transform:rotate(-6deg)}
.unit:hover .unit-sticker{transform:rotate(-2deg) scale(1.05)}
.unit:hover .unit-sticker-b{transform:rotate(3deg) scale(1.05)}
.btn-book{white-space:nowrap}
.unit-hood{padding-right:96px}

/* Book direct */
.book-head{max-width:1184px;margin:0 auto 34px}
.book-head h2{max-width:20ch}
.book-lead{font-size:1.15rem;max-width:56ch;margin:0;color:#DCD5CA}
.how{list-style:none;padding:0;margin:0 auto clamp(44px,6vw,72px);max-width:1184px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:none}
.how li{position:relative;background:rgba(251,248,243,.05);border:1.5px solid rgba(230,197,108,.42);border-radius:16px;padding:22px 20px 20px 20px}
.how li:nth-child(odd){transform:rotate(-.6deg)} .how li:nth-child(even){transform:rotate(.6deg)}
.how-n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--mustard-hi);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--brick);font:400 1.45rem/1 'Permanent Marker',var(--hand);margin-bottom:14px;transform:rotate(-6deg)}
.how h4{font:800 1.18rem/1.2 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;margin:0 0 6px;color:var(--plaster)}
.how p{margin:0;font-size:.95rem;line-height:1.5;color:#C9C2B7}
.book-h3{font:800 1.5rem/1.2 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;color:var(--mustard-hi);margin:0 0 4px}
.book-stickers{display:flex;align-items:flex-end;gap:6px;margin-top:30px}
.book-stickers img{width:150px;height:auto;filter:drop-shadow(4px 7px 6px rgba(0,0,0,.45))}
.book-stickers img:first-child{transform:rotate(-7deg)}
.book-stickers img:last-child{transform:rotate(6deg) translateY(-8px)}
.form-title{font:900 1.9rem/1.1 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;letter-spacing:-.02em;margin:0}
.book-form fieldset.pets{border:0;margin:0;padding:0;min-width:0}
.book-form fieldset.pets legend{font-weight:700;font-size:.88rem;padding:0;margin-bottom:8px}
.pets-opts{display:flex;gap:10px;flex-wrap:wrap}
.book-form label.radio{flex-direction:row;align-items:center;gap:8px;font-weight:600;font-size:.95rem;padding:10px 16px;border:2px solid rgba(42,42,40,.35);border-radius:999px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.book-form label.radio:hover{border-color:var(--ink)}
.book-form label.radio:has(input:checked){border-color:var(--ink);background:var(--mustard-hi);box-shadow:2px 2px 0 var(--ink)}
.book-form label.radio input{width:18px;height:18px;padding:0;margin:0;accent-color:var(--brick)}
.guest-hint{margin:-6px 0 0;font-size:.85rem;color:var(--ink-2);min-height:1.3em}

/* Footer stickers + Airbnb line */
.footer-stickers{max-width:1184px;margin:46px auto 0;display:flex;justify-content:center;align-items:center;gap:clamp(8px,3vw,36px)}
.fs{height:auto;filter:drop-shadow(4px 8px 7px rgba(0,0,0,.5));transition:transform .4s var(--ease)}
.fs-2309{width:150px;transform:rotate(-8deg)}
.fs-word{width:300px;transform:rotate(2deg)}
.fs-oak{width:146px;transform:rotate(7deg)}
.fs:hover{transform:rotate(0) scale(1.06)}
.footer-also{max-width:1184px;margin:18px auto 0;font-size:.8rem;opacity:.55}
.footer-also a{color:inherit;text-underline-offset:3px}
.footer-also a:hover{opacity:1;color:var(--mustard-hi)}

@media (max-width:900px){
  .how{grid-template-columns:1fr 1fr}
  .hero-sticker{width:210px;right:6px;bottom:8px}
}
@media (max-width:640px){
  .logo-mark{height:32px}
  .logo-light .logo-mark{height:46px}
  .hero-sticker{width:150px;right:2px;bottom:4px}
  .unit-sticker{width:78px;right:12px;top:12px}
  .unit-hood{padding-right:76px}
  .how{grid-template-columns:1fr;gap:12px}
  .how li{display:grid;grid-template-columns:46px 1fr;column-gap:14px;padding:16px}
  .how li:nth-child(n){transform:none}
  .how-n{grid-row:span 2;margin:0}
  .book-stickers img{width:120px}
  .form-title{font-size:1.6rem}
  .fs-2309{width:92px} .fs-oak{width:90px} .fs-word{width:170px}
}
@media (prefers-reduced-motion:reduce){
  .hero-sticker,.unit-sticker,.fs,.logo-mark{transition:none}
}