/* Noticeboard / Venue Choices V3 font upgrade: Bree Serif headings, Nunito Sans body, Patrick Hand accent labels. */
:root{
  --ink:#173644;
  --ink-soft:#335b67;
  --paper:#fffdf6;
  --paper-white:#fffefa;
  --sky:#d9eef4;
  --sky-strong:#a8d3df;
  --dusty-blue:#7faec1;
  --sage:#a7bea1;
  --sage-light:#dce8d5;
  --mustard:#e3b94d;
  --mustard-soft:#f7dc84;
  --tomato:#e85f4b;
  --tomato-soft:#f4a195;
  --pink:#e9b5bd;
  --pink-soft:#f6d7dd;
  --blue-paper:#dcecf4;
  --green-paper:#e5efd6;
  --shadow:0 22px 60px rgba(37, 65, 75, .16);
  --shadow-small:0 12px 30px rgba(37, 65, 75, .13);
  --radius:28px;
  --max:1160px;
  --font-body:"Nunito Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading:"Bree Serif", Georgia, "Times New Roman", serif;
  --font-accent:"Patrick Hand", "Bradley Hand", "Segoe Print", cursive;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:var(--font-body);
  background:
    radial-gradient(circle at 10% 5%, rgba(255,255,255,.9) 0 18%, transparent 19%),
    radial-gradient(circle at 84% 12%, rgba(247,220,132,.38) 0 14%, transparent 15%),
    linear-gradient(160deg, #e9f5f7 0%, #f4faf6 34%, #f8f2f0 100%);
  line-height:1.55;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background-image:
    linear-gradient(90deg, rgba(23,54,68,.035) 1px, transparent 1px),
    linear-gradient(rgba(23,54,68,.035) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom, black, transparent 88%);
}

a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:4px solid rgba(232,95,75,.38);outline-offset:4px}
.skip-link{position:absolute;left:-999px;top:12px;background:var(--ink);color:white;padding:.8rem 1rem;border-radius:999px;z-index:999}
.skip-link:focus{left:12px}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  max-width:calc(var(--max) + 40px);
  margin:0 auto;
  padding:16px 20px;
  backdrop-filter: blur(18px);
}

.brand{
  display:flex;
  align-items:center;
  gap:.8rem;
  min-width:0;
  padding:.55rem .75rem;
  border-radius:999px;
  background:rgba(255,255,255,.74);
  box-shadow:var(--shadow-small);
  border:1px solid rgba(23,54,68,.08);
}
.brand-mark{
  font-family:var(--font-heading);
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--mustard-soft),var(--tomato-soft));
  color:var(--ink);
  font-weight:900;
  letter-spacing:-.08em;
  border:2px solid rgba(23,54,68,.14);
}
.brand strong{display:block;line-height:1.05;font-size:1rem;font-family:var(--font-heading);font-weight:400}
.brand small{display:block;font-size:.75rem;color:var(--ink-soft)}

.main-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.4rem;
  padding:.45rem;
  border-radius:999px;
  background:rgba(255,255,255,.7);
  box-shadow:var(--shadow-small);
  border:1px solid rgba(23,54,68,.08);
}
.main-nav a{
  padding:.65rem .85rem;
  border-radius:999px;
  font-weight:800;
  font-size:.92rem;
  color:var(--ink-soft);
}
.main-nav a:hover{background:rgba(127,174,193,.18);color:var(--ink)}
.main-nav .nav-cta{background:var(--tomato);color:white;box-shadow:0 8px 18px rgba(232,95,75,.28)}
.menu-toggle{display:none;border:0;background:var(--paper-white);color:var(--ink);border-radius:999px;padding:.75rem .95rem;font-weight:900;box-shadow:var(--shadow-small)}
.menu-lines{display:inline-block;width:18px;height:12px;margin-right:.45rem;background:linear-gradient(var(--ink),var(--ink)) 0 0/100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) 0 5px/100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) 0 10px/100% 2px no-repeat;vertical-align:-1px}

main{position:relative;z-index:1}
.hero,
.choice-strip,
.style-section,
.compare-section,
.choose-section,
.site-footer{
  max-width:var(--max);
  margin-left:auto;
  margin-right:auto;
}

.hero{
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(340px,.74fr);
  gap:clamp(1.4rem,4vw,4rem);
  align-items:center;
  padding:72px 20px 36px;
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin:0 0 1rem;
  color:#486b72;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:.78rem;
}
.eyebrow span{
  display:grid;
  place-items:center;
  width:30px;height:30px;border-radius:50%;
  background:var(--mustard-soft);
  color:var(--ink);
  letter-spacing:0;
}
h1,h2,h3,p{margin-top:0}
h1{
  max-width:850px;
  font-family:var(--font-heading);
  font-weight:400;
  font-size:clamp(2.55rem,6.3vw,6rem);
  line-height:.98;
  letter-spacing:-.035em;
  margin-bottom:1.25rem;
}
h2{
  font-family:var(--font-heading);
  font-weight:400;
  font-size:clamp(1.9rem,3.65vw,3.65rem);
  line-height:1.03;
  letter-spacing:-.025em;
  margin-bottom:1rem;
}
h3{font-family:var(--font-heading);font-weight:400;font-size:1.35rem;line-height:1.13;letter-spacing:-.012em;margin-bottom:.65rem}
.lead{
  max-width:700px;
  color:var(--ink-soft);
  font-size:clamp(1.08rem,1.7vw,1.32rem);
  margin-bottom:1.5rem;
}
.hero-actions,.choose-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.button,.mini-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:.82rem 1.05rem;
  border-radius:999px;
  font-weight:950;
  border:2px solid rgba(23,54,68,.12);
  box-shadow:0 10px 22px rgba(37,65,75,.12);
}
.button.primary{background:var(--tomato);color:white;border-color:transparent}
.button.secondary{background:var(--mustard-soft);color:var(--ink)}
.button.ghost{background:rgba(255,255,255,.76);color:var(--ink)}
.mini-button{min-height:40px;background:var(--ink);color:white;padding:.68rem .9rem;font-size:.9rem;border-color:transparent}

.hero-board{
  position:relative;
  min-height:420px;
  padding:38px 28px 28px;
  border-radius:36px;
  background:
    linear-gradient(45deg, rgba(23,54,68,.055) 25%, transparent 25% 50%, rgba(23,54,68,.055) 50% 75%, transparent 75%) 0 0/24px 24px,
    linear-gradient(135deg,#c6d5bd,#d9eef4);
  box-shadow:var(--shadow);
  border:10px solid rgba(255,255,255,.65);
}
.binder-clip{
  position:absolute;
  width:74px;height:34px;
  left:50%;top:-12px;transform:translateX(-50%);
  border-radius:0 0 18px 18px;
  background:var(--ink);
  box-shadow:0 10px 20px rgba(23,54,68,.16);
}
.binder-clip::before{content:"";position:absolute;left:18px;right:18px;top:8px;height:10px;border:2px solid rgba(255,255,255,.5);border-bottom:0;border-radius:999px 999px 0 0}
.hero-note{
  position:absolute;
  width:46%;
  min-height:130px;
  padding:1.05rem;
  border-radius:18px 18px 26px 18px;
  box-shadow:0 16px 30px rgba(37,65,75,.13);
  border:1px solid rgba(23,54,68,.08);
}
.hero-note::before{content:"";position:absolute;inset:8px auto auto 50%;width:16px;height:16px;transform:translateX(-50%);border-radius:50%;background:var(--tomato);box-shadow:0 2px 0 rgba(23,54,68,.25)}
.hero-note strong{display:block;font-size:1.1rem;margin-bottom:.25rem}
.hero-note span{font-size:.95rem;color:var(--ink-soft)}
.note-blue{background:var(--blue-paper);top:76px;left:28px}
.note-yellow{background:#fff0af;top:120px;right:28px}
.note-pink{background:var(--pink-soft);bottom:38px;left:25%}
.rotate-left{transform:rotate(-2.2deg)}
.rotate-right{transform:rotate(2deg)}
.rotate-soft{transform:rotate(-.8deg)}

.choice-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  padding:0 20px 30px;
}
.choice-ticket{
  position:relative;
  overflow:hidden;
  min-height:150px;
  padding:1.2rem;
  border-radius:26px;
  background:var(--paper-white);
  box-shadow:var(--shadow-small);
  border:1px solid rgba(23,54,68,.08);
  transition:transform .2s ease, box-shadow .2s ease;
}
.choice-ticket:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.choice-ticket::after{content:"";position:absolute;right:-22px;bottom:-30px;width:120px;height:120px;border-radius:50%;opacity:.42}
.choice-ticket span{display:inline-block;background:white;border:1px dashed rgba(23,54,68,.22);border-radius:999px;padding:.35rem .6rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;font-weight:950;color:var(--ink-soft);margin-bottom:.8rem}
.choice-ticket strong{display:block;font-family:var(--font-heading);font-weight:400;font-size:1.35rem;line-height:1.08;margin-bottom:.4rem}
.choice-ticket small{display:block;color:var(--ink-soft);font-weight:650}
.ticket-board::after{background:var(--sage)}
.ticket-window::after{background:var(--mustard)}
.ticket-street::after{background:var(--sky-strong)}

.style-section{
  margin-top:28px;
  padding:clamp(2rem,4vw,4rem) 20px;
  border-radius:42px;
}
.section-intro{max-width:780px;margin-bottom:1.7rem}
.section-intro p:not(.eyebrow){font-size:1.08rem;color:var(--ink-soft)}
.board-section{background:linear-gradient(135deg, rgba(255,255,255,.56), rgba(220,232,213,.58));}
.window-section{background:linear-gradient(135deg, rgba(216,235,241,.68), rgba(255,239,194,.58));}
.street-section{background:linear-gradient(135deg, rgba(217,238,244,.75), rgba(245,215,221,.48));}

.board-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
  gap:1.25rem;
  align-items:stretch;
}
.cork-board{
  position:relative;
  min-height:650px;
  overflow:hidden;
  border-radius:34px;
  padding:2rem;
  box-shadow:var(--shadow);
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.18) 0 2px, transparent 3px),
    radial-gradient(circle at 80% 70%, rgba(23,54,68,.10) 0 1.5px, transparent 2px),
    linear-gradient(135deg,#b6cdb0,#d3dfca 48%,#b0c4a6);
  background-size:36px 36px,32px 32px,auto;
  border:14px solid rgba(255,255,255,.66);
}
.cork-board::before{content:"";position:absolute;inset:12px;border:2px dashed rgba(23,54,68,.13);border-radius:24px;pointer-events:none}
.pin{position:absolute;width:18px;height:18px;border-radius:50%;z-index:4;box-shadow:0 3px 0 rgba(23,54,68,.2)}
.pin-red{background:var(--tomato);top:34px;left:48px}.pin-blue{background:var(--dusty-blue);top:34px;right:48px}.pin-yellow{background:var(--mustard);top:14px;right:18px}
.paper,.sticky{
  position:absolute;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:0 16px 26px rgba(23,54,68,.16);
  border:1px solid rgba(23,54,68,.08);
}
.paper{background:var(--paper-white);border-radius:9px 22px 18px 10px}
.sticky{border-radius:14px 14px 26px 14px;min-height:128px;padding:1rem}
.main-paper{left:44px;top:70px;width:min(470px,60%);min-height:300px;padding:2rem;z-index:2}
.main-paper h3{font-size:clamp(2.1rem,4vw,4.2rem);letter-spacing:-.035em;line-height:.96;margin-bottom:.9rem}
.main-paper p:not(.micro-label){max-width:340px;color:var(--ink-soft);font-weight:650}
.micro-label{font-family:var(--font-accent);font-size:1.12rem;color:#47646a;font-weight:400;letter-spacing:.015em;margin-bottom:.6rem}
.tape{position:absolute;background:rgba(255,249,214,.72);border:1px solid rgba(23,54,68,.08);box-shadow:0 4px 8px rgba(23,54,68,.08)}
.tape-top{left:50%;top:-13px;width:96px;height:28px;transform:translateX(-50%) rotate(-1.5deg)}
.tape-corner{right:16px;top:-13px;width:70px;height:24px;transform:rotate(8deg)}
.sticky-yellow{background:#fff0af;right:58px;top:82px;width:220px;z-index:3}.sticky-green{background:var(--green-paper);right:42px;top:270px;width:250px;z-index:3}.sticky-blue{background:var(--blue-paper);left:120px;bottom:46px;width:260px;z-index:3}
.sticky strong{font-family:var(--font-accent);font-size:1.72rem;font-weight:400;line-height:1;margin-bottom:.3rem}.sticky span{font-weight:750;color:var(--ink-soft)}
.small-paper{right:70px;bottom:142px;width:230px;min-height:128px;padding:1.2rem;z-index:2;transform:rotate(-1deg)}
.small-paper strong,.flyer-paper strong{font-size:1.28rem}.small-paper span,.flyer-paper p{color:var(--ink-soft);font-weight:700}
.flyer-paper{right:36px;bottom:32px;width:270px;min-height:122px;padding:1.3rem;z-index:3;transform:rotate(1.4deg)}
.torn-edge::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:14px;background:linear-gradient(135deg, transparent 0 34%, var(--paper-white) 35% 65%, transparent 66%) 0 0/18px 14px repeat-x}
.fit-panel{
  border-radius:32px;
  padding:1.4rem;
  background:rgba(255,255,255,.72);
  box-shadow:var(--shadow-small);
  border:1px solid rgba(23,54,68,.08);
}
.tick-list{padding:0;margin:0;list-style:none;display:grid;gap:.75rem}.tick-list li{position:relative;padding-left:1.8rem;color:var(--ink-soft);font-weight:700}.tick-list li::before{content:"✓";position:absolute;left:0;top:-1px;color:var(--tomato);font-weight:950}
.decision-note{margin:1.2rem 0 0;padding:1rem;border-radius:20px;background:var(--blue-paper);font-weight:850;color:var(--ink)}

.window-layout{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(290px,.62fr);
  gap:1.25rem;
  align-items:center;
}
.window-scene{
  position:relative;
  min-height:680px;
  border-radius:42px;
  padding:74px 26px 40px;
  background:
    radial-gradient(circle at 75% 22%, rgba(255,240,175,.75), transparent 16%),
    linear-gradient(180deg,#95c7d5 0%,#cfe9f1 43%,#7faec1 44%,#6c9dad 100%);
  overflow:hidden;
  box-shadow:var(--shadow);
  border:14px solid rgba(255,255,255,.66);
}
.awning{position:absolute;top:0;left:0;right:0;height:74px;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border-radius:28px 28px 0 0}
.awning span:nth-child(odd){background:var(--tomato-soft)}.awning span:nth-child(even){background:var(--paper-white)}.awning span{border-bottom:5px solid rgba(23,54,68,.16)}
.shop-sign{position:absolute;top:92px;left:50%;transform:translateX(-50%);z-index:4;text-align:center;background:var(--paper-white);border:3px solid rgba(23,54,68,.2);border-radius:999px;padding:.85rem 2rem;box-shadow:0 14px 22px rgba(23,54,68,.16)}
.shop-sign span{display:block;font-family:var(--font-heading);font-size:1.7rem;font-weight:900;line-height:1}.shop-sign small{display:block;color:var(--ink-soft);font-weight:800;margin-top:.2rem}
.glass-window{position:relative;margin:92px auto 0;max-width:760px;min-height:475px;border-radius:26px;background:linear-gradient(135deg,rgba(230,248,255,.74),rgba(255,255,255,.18) 42%,rgba(255,226,141,.35));border:12px solid rgba(23,54,68,.42);box-shadow:inset 0 0 0 6px rgba(255,255,255,.34),0 20px 48px rgba(23,54,68,.22);overflow:hidden}
.glass-window::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:12px;background:rgba(23,54,68,.42);transform:translateX(-50%)}
.glass-window::after{content:"";position:absolute;left:0;right:0;top:52%;height:12px;background:rgba(23,54,68,.42);transform:translateY(-50%)}
.glass-shine{position:absolute;inset:-40% 52% auto auto;width:140px;height:150%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(18deg);z-index:1}
.window-card{position:absolute;z-index:2;padding:1rem;border-radius:18px;background:rgba(255,253,246,.9);box-shadow:0 14px 24px rgba(23,54,68,.16);border:1px solid rgba(23,54,68,.09)}
.window-label{display:inline-block;background:var(--pink-soft);border-radius:999px;padding:.25rem .55rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:950;color:#5a4f56;margin-bottom:.55rem}
.window-card strong{display:block;font-size:1.3rem;line-height:1.08}.window-card p{margin:.45rem 0 0;color:var(--ink-soft);font-weight:700}
.hours-card{left:28px;top:30px;width:230px;transform:rotate(-1deg)}.music-card{right:28px;top:46px;width:250px;transform:rotate(1.5deg)}.food-card{left:32px;bottom:42px;width:260px;transform:rotate(1deg)}.booking-card{right:44px;bottom:42px;width:240px;background:#fff0af;transform:rotate(-1deg)}.booking-card a{display:inline-block;margin-top:.65rem;font-weight:950;color:#9e392d}
.window-sill{position:absolute;left:52px;right:52px;bottom:40px;height:28px;border-radius:0 0 18px 18px;background:rgba(23,54,68,.46);box-shadow:0 14px 16px rgba(23,54,68,.16)}
.window-copy-card{position:relative;padding:1.6rem;border-radius:32px;background:rgba(255,255,255,.72);box-shadow:var(--shadow-small);border:1px solid rgba(23,54,68,.08)}
.sticker{display:inline-block;transform:rotate(-2deg);background:var(--mustard-soft);border-radius:12px;padding:.45rem .65rem;font-weight:950;margin-bottom:1rem;border:1px dashed rgba(23,54,68,.18)}
.window-copy-card p{color:var(--ink-soft);font-weight:650}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1rem 0}.mini-grid span{display:grid;place-items:center;min-height:54px;background:var(--paper-white);border-radius:16px;font-weight:950;color:var(--ink);border:1px solid rgba(23,54,68,.08)}

.street-layout{display:grid;grid-template-columns:minmax(280px,.54fr) minmax(0,1.34fr);gap:1.25rem;align-items:center}.street-info{padding:1.5rem;border-radius:32px;background:rgba(255,255,255,.72);box-shadow:var(--shadow-small);border:1px solid rgba(23,54,68,.08)}.street-info p{color:var(--ink-soft);font-weight:650}.street-sign{position:relative;margin-bottom:1rem;padding:1rem 1rem 1rem 1.2rem;border-radius:14px;background:var(--ink);color:white;box-shadow:0 14px 24px rgba(23,54,68,.18)}.street-sign::after{content:"";position:absolute;left:30px;bottom:-52px;width:10px;height:52px;border-radius:999px;background:var(--ink);opacity:.92}.street-sign span{display:block;text-transform:uppercase;letter-spacing:.08em;color:var(--mustard-soft);font-size:.75rem;font-weight:950}.street-sign strong{display:block;font-size:1.55rem;line-height:1.05}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1rem 0 0;list-style:none}.tag-cloud li{padding:.48rem .7rem;border-radius:999px;background:var(--blue-paper);font-weight:900;color:var(--ink-soft)}
.lamp-post-scene{position:relative;min-height:660px;overflow:hidden;border-radius:42px;padding:1rem;background:linear-gradient(180deg,#d9eef4 0%,#eaf6f8 56%,#a7bea1 56%,#92ab8e 100%);box-shadow:var(--shadow);border:14px solid rgba(255,255,255,.66)}
.sky-dot{position:absolute;border-radius:50%;background:rgba(255,255,255,.82);box-shadow:0 16px 30px rgba(23,54,68,.08)}.sky-dot.one{width:110px;height:110px;top:36px;right:120px}.sky-dot.two{width:62px;height:62px;top:88px;left:58px}
.lamp{position:absolute;left:42%;top:30px;bottom:54px;width:140px;transform:translateX(-50%);z-index:2}.lamp-pole{position:absolute;left:64px;top:120px;bottom:14px;width:14px;border-radius:999px;background:var(--ink);box-shadow:6px 0 0 rgba(255,255,255,.2) inset}.lamp-head{position:absolute;left:25px;top:50px;width:94px;height:66px;border-radius:46px 46px 12px 12px;background:var(--ink)}.lamp-head::after{content:"";position:absolute;left:20px;right:20px;bottom:8px;height:18px;border-radius:0 0 999px 999px;background:var(--mustard-soft)}.lamp-glow{position:absolute;left:-18px;top:32px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,175,.74),transparent 68%)}.lamp-base{position:absolute;left:38px;bottom:0;width:66px;height:22px;border-radius:999px 999px 0 0;background:var(--ink)}
.poster{position:absolute;z-index:4;padding:1rem;border:1px solid rgba(23,54,68,.1);box-shadow:0 18px 26px rgba(23,54,68,.18)}.poster-main{width:min(430px,55%);left:44px;top:135px;min-height:250px;background:var(--paper-white);border-radius:10px 20px 14px 10px}.poster-main h3{font-size:clamp(2rem,4vw,4rem);line-height:.9;letter-spacing:-.03em}.poster-main p:not(.micro-label){font-weight:700;color:var(--ink-soft)}.poster-red{right:60px;top:90px;width:220px;min-height:160px;background:var(--tomato-soft);border-radius:18px;}.poster-green{right:120px;bottom:150px;width:260px;min-height:160px;background:var(--green-paper);border-radius:18px;}.poster-blue{left:190px;bottom:65px;width:250px;min-height:140px;background:var(--blue-paper);border-radius:18px}.poster strong{display:block;font-family:var(--font-accent);font-size:1.82rem;font-weight:400;line-height:1;margin-bottom:.4rem}.poster span{font-weight:850;color:var(--ink-soft)}
.street-cta{position:absolute;right:58px;bottom:58px;z-index:5;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.75rem 1rem;border-radius:999px;background:var(--ink);color:white;font-weight:950;box-shadow:0 14px 24px rgba(23,54,68,.22)}

.compare-section{padding:60px 20px 22px}.section-intro.compact{max-width:640px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.compare-grid article{position:relative;min-height:190px;padding:1.25rem;border-radius:28px;background:rgba(255,255,255,.74);box-shadow:var(--shadow-small);border:1px solid rgba(23,54,68,.08);overflow:hidden}.compare-grid p{color:var(--ink-soft);font-weight:650}.compare-letter{position:absolute;right:18px;top:14px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--mustard-soft);font-size:1.5rem;font-weight:950;color:var(--ink)}
.choose-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);gap:1rem;align-items:center;margin-top:24px;margin-bottom:52px;padding:2rem;border-radius:36px;background:linear-gradient(135deg,var(--ink),#244e5c);color:white;box-shadow:var(--shadow)}.choose-section .eyebrow{color:var(--mustard-soft)}.choose-section .eyebrow span{background:var(--mustard-soft);color:var(--ink)}.choose-section p{color:rgba(255,255,255,.82)}.choose-actions .button.ghost{background:rgba(255,255,255,.14);color:white;border-color:rgba(255,255,255,.22)}
.site-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:26px 20px 44px;color:var(--ink-soft)}.site-footer strong{display:block;color:var(--ink)}.site-footer span{display:block}.site-footer code{padding:.18rem .42rem;border-radius:8px;background:rgba(255,255,255,.72);color:var(--ink)}

@media (max-width:980px){
  .hero,.board-layout,.window-layout,.street-layout,.choose-section{grid-template-columns:1fr}.hero{padding-top:42px}.hero-board{min-height:330px}.choice-strip,.compare-grid{grid-template-columns:1fr}.main-paper{width:62%}.sticky-yellow{right:32px}.sticky-green{right:28px}.street-layout .street-info{order:2}.lamp-post-scene{order:1}.window-copy-card{order:2}.window-scene{order:1}
}
@media (max-width:760px){
  .site-header{padding:12px;align-items:flex-start}.menu-toggle{display:inline-flex;align-items:center}.main-nav{position:absolute;top:74px;left:12px;right:12px;display:none;flex-direction:column;align-items:stretch;border-radius:26px;padding:.75rem}.main-nav.is-open{display:flex}.main-nav a{text-align:center}.brand small{display:none}.hero{padding:36px 14px 22px}.choice-strip,.style-section,.compare-section{padding-left:14px;padding-right:14px}.style-section{border-radius:30px}.cork-board,.window-scene,.lamp-post-scene{min-height:790px;border-width:9px;border-radius:30px;padding:1.2rem}.main-paper{left:22px;top:58px;width:78%;min-height:250px;padding:1.3rem}.sticky-yellow{left:24px;right:auto;top:350px;width:190px}.sticky-green{right:20px;top:420px;width:190px}.small-paper{left:24px;right:auto;bottom:150px;width:210px}.sticky-blue{left:44px;bottom:26px;width:220px}.flyer-paper{right:18px;bottom:82px;width:210px}.shop-sign{top:86px;width:82%;padding:.75rem 1rem}.shop-sign span{font-size:1.35rem}.window-scene{padding:62px 14px 26px}.glass-window{margin-top:100px;min-height:560px;border-width:8px}.glass-window::before{display:none}.glass-window::after{display:none}.hours-card,.music-card,.food-card,.booking-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;margin:1rem;transform:none}.window-card strong{font-size:1.15rem}.lamp-post-scene{min-height:800px}.lamp{left:50%}.poster-main{left:20px;top:122px;width:78%;min-height:220px}.poster-red{right:18px;top:378px;width:185px}.poster-green{left:20px;right:auto;bottom:180px;width:215px}.poster-blue{right:24px;left:auto;bottom:76px;width:195px}.street-cta{right:22px;bottom:22px}.site-footer{flex-direction:column;align-items:flex-start}
}
@media (max-width:430px){
  h1{font-size:2.65rem}.hero-actions,.choose-actions{flex-direction:column}.button{width:100%}.hero-board{min-height:360px;padding:22px}.hero-note{width:60%;min-height:112px;padding:.85rem}.note-blue{left:18px;top:56px}.note-yellow{right:18px;top:138px}.note-pink{left:22px;bottom:30px}.cork-board{min-height:850px}.main-paper{width:86%}.sticky-yellow{top:345px}.sticky-green{top:505px}.small-paper{bottom:174px}.flyer-paper{bottom:100px}.sticky-blue{bottom:26px}.street-layout{gap:.9rem}.poster-main h3{font-size:2.2rem}.window-sill{left:24px;right:24px}
}