:root{--bg:#ffffff;--fg:#062b2e;--muted:#3e5a5c;--accent:#009aa0;--accent-ink:#ffffff;--kbg:#e8f9f9;--kfg:#00666a;--markc:#009aa0;--strong:#007a7f;--t1:#e8f9f9;--t2:#ffeedd;--t3:#ffeedd;--c1:#e8f9f9;--c2:#ffeedd;--line:color-mix(in srgb,#062b2e 16%,transparent);--surface:#ffffff;--sky1:#e8f9f9;--sky2:#ffeedd;--cfg:#062b2e;--cmuted:#3e5a5c;--cstrong:#007a7f;--roof:#ff9233;--warm:#ff9233;--glow:#ffeedd;--tile1:#009aa0;--f2:#ffeedd;--f3bg:#009aa0;--f3fg:#ffffff;--f3btn:#ffffff;--f3ink:#00666a;--band:#009aa0;--bandink:#ffffff;--pop:#009aa0;--navbg:#ffffff;--navink:#062b2e;--navhover:#e8f9f9;--ringc:#009aa0;--strongnav:#007a7f;--danger:#b3261e;--btnedge:transparent;--shadow:rgba(0,0,0,.22);--hl:rgba(0,0,0,.08);--i-teal:#009aa0;--i-warm:#e8f9f9;--i-warm2:#009aa0;--i-sky:#ffeedd;--i-paper:#ffffff;--i-green:#ffeedd;--i-sun:#ff9233;--i-sw:2.2px;--soft:#ffeedd;--pop2:#ff9233;--popink:#062b2e;--book:#ee6c0c;--fd:'Baloo 2',system-ui,sans-serif;--hw:800;--hls:0;--fd3:'Baloo 2',system-ui,sans-serif;--hw3:800;--fb:'DM Sans',system-ui,sans-serif;--fs:'Satisfy',cursive;--fsk:1;color-scheme:light;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html[data-b="t"]{--book:#ee6c0c}html[data-b="q"]{--book:#009aa0}
/* Booking widget + shared prose styles. Every version supplies the tokens used here. */
.bk { background: var(--surface); color: var(--fg); border: 1px solid var(--line); padding: 24px; display: grid; gap: 20px; font-size: 15px; }
.bk-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.bk-kicker { margin: 0 0 4px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.bk-title { margin: 0; font-family: var(--font-display); font-size: 24px; line-height: 1.15; text-wrap: balance; }
.bk-price { margin: 0; text-align: right; display: grid; }
.bk-price b { font-family: var(--font-display); font-size: 30px; line-height: 1; }
.bk-price span { font-size: 12px; color: var(--muted); }
.bk-step { border: 0; padding: 0; margin: 0; display: grid; gap: 12px; min-width: 0; }
.bk-step legend { padding: 0; font-weight: 700; display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.bk-step legend i { font-style: normal; display: inline-grid; place-items: center; width: 24px; height: 24px; background: var(--accent); color: var(--accent-ink); font-size: 12px; font-weight: 800; }
.bk-cal { border: 1px solid var(--line); padding: 12px; background: var(--bg); }
.bk-cal-nav { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.bk-nav { width: 36px; height: 36px; border: 1px solid var(--line); background: var(--surface); color: var(--fg); font-size: 20px; cursor: pointer; line-height: 1; }
.bk-nav:disabled { opacity: .35; cursor: not-allowed; }
.bk-dow, .bk-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.bk-dow span { text-align: center; font-size: 11px; color: var(--muted); padding: 4px 0; text-transform: uppercase; letter-spacing: .05em; }
.bk-day { aspect-ratio: 1; min-height: 36px; border: 1px solid transparent; background: var(--surface); color: var(--fg); font: inherit; font-weight: 600; cursor: pointer; padding: 0; }
.bk-day:hover:not(:disabled) { border-color: var(--accent-strong); }
.bk-day.is-off { background: transparent; color: var(--muted); opacity: .5; text-decoration: line-through; cursor: not-allowed; }
.bk-day.is-today { border-color: var(--line); }
.bk-day.is-sel { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
.bk-pad { background: transparent; border: 0; cursor: default; }
.bk-hint { margin: 0; font-size: 13px; color: var(--muted); }
.bk-slots { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bk-slot { padding: 10px 18px; border: 1px solid var(--line); background: var(--surface); color: var(--fg); font: inherit; font-weight: 700; cursor: pointer; }
.bk-slot.is-sel { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
.bk-flex { font-size: 13px; color: var(--muted); }
.bk-guests { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.bk-guests > label { font-weight: 600; }
.bk-stepper { display: inline-flex; border: 1px solid var(--line); }
.bk-stepper button { width: 40px; height: 40px; border: 0; background: var(--surface); color: var(--fg); font-size: 20px; cursor: pointer; }
.bk-stepper button:disabled { opacity: .35; cursor: not-allowed; }
.bk-stepper output { min-width: 44px; display: grid; place-items: center; font-weight: 800; border-inline: 1px solid var(--line); background: var(--bg); }
.bk-check { display: flex; gap: 10px; align-items: center; cursor: pointer; }
.bk-check input { width: 18px; height: 18px; accent-color: var(--accent-strong); }
.bk-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.bk-field { display: grid; gap: 6px; min-width: 0; }
.bk-field label { font-size: 13px; font-weight: 600; }
.bk-field input, .bk-field select, .bk-field textarea { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid var(--line); background: var(--bg); color: var(--fg); font: inherit; border-radius: 0; }
.bk-field input:focus, .bk-field select:focus, .bk-field textarea:focus { outline: 2px solid var(--accent-strong); outline-offset: 1px; }
.bk-sum { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; background: var(--bg); border: 1px solid var(--line); }
.bk-sum div { display: grid; gap: 2px; font-size: 13px; color: var(--muted); }
.bk-sum div span:first-child { color: var(--fg); font-weight: 700; font-size: 14px; }
.bk-sum b { font-family: var(--font-display); font-size: 26px; }
.bk-error { margin: 0; color: var(--danger); font-weight: 600; font-size: 14px; }
.bk-terms { margin: 0; padding: 0 0 0 18px; display: grid; gap: 4px; font-size: 13px; color: var(--muted); }
.bk-done p { margin: 0; }
.bk-demo { padding: 12px 14px; background: var(--bg); border: 1px dashed var(--accent-strong); font-size: 14px; }
.bk button:focus-visible, .bk summary:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 2px; }

/* FAQ */
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary { cursor: pointer; padding: 18px 0; font-weight: 700; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; font-size: 22px; line-height: 1; color: var(--accent-strong); }
.faq-item[open] summary::after { content: '\2212'; }
.faq-item p { margin: 0 0 18px; max-width: 62ch; color: var(--muted); }

/* Article body */
.prose { max-width: 66ch; }
.prose p { margin: 0 0 1.1em; line-height: 1.7; }
.prose .lede { font-size: 1.2em; line-height: 1.55; color: var(--fg); }
.prose .pp-item { margin-top: 2.4em; }
.prose figure { margin: 0 0 1.2em; }
.prose figure img { width: 100%; display: block; aspect-ratio: 4/3; object-fit: cover; }
.prose figcaption { font-size: 13px; color: var(--muted); margin-top: 8px; }
.prose .loc { display: flex; gap: 10px; align-items: baseline; padding: 12px 14px; background: var(--surface); border: 1px solid var(--line); font-size: 14px; line-height: 1.5; }
.prose .loc b { text-transform: uppercase; letter-spacing: .06em; font-size: 11px; color: var(--accent-strong); white-space: nowrap; }
.loc-pin { width: 10px; height: 10px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--accent-strong); flex: none; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }

/* Layout concept: a portfolio-style home. Hero with Petra, proof, two walks as case-study cards, why it is different, the person behind it, food, steps, stories, call to action. Bold type, pastel tiles, big rounded corners. Palettes come from tokens set per version. */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:500 17px/1.6 var(--fb);-webkit-font-smoothing:antialiased}
a{color:inherit} img{display:block;max-width:100%}
h1,h2,h3,h4{font-family:var(--fd);font-weight:var(--hw);letter-spacing:-.02em;line-height:1.08;margin:0;text-wrap:balance}
h1{font-size:clamp(36px,5.4vw,66px)} h2{font-size:clamp(28px,3.8vw,44px)} h3{font-size:22px;line-height:1.2} h4{font-size:19px}
p{margin:0}
.wrap{width:100%;max-width:1160px;margin-inline:auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.section{padding-block:72px} .section.tight{padding-block:36px}
.kicker{display:inline-block;font:800 13px/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--strong);background:var(--t1);padding:8px 14px;border-radius:999px;margin-bottom:16px;justify-self:start}
.lead{font-size:19px;color:var(--muted);max-width:52ch}
.sign{font-family:'Caveat',cursive;font-weight:700;font-size:40px;line-height:1;color:var(--strong)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 28px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;font:800 16px/1.1 var(--fb);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 0 -2px var(--shadow)}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 -2px var(--shadow)}
.btn-ghost{background:var(--surface);color:var(--fg);box-shadow:inset 0 0 0 2px var(--fg)} .btn-ghost:hover{box-shadow:inset 0 0 0 2px var(--fg)}
.link{color:var(--strong);font-weight:800;text-underline-offset:4px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--strong);outline-offset:3px}
.chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);color:var(--fg);font:800 13px/1 var(--fb);padding:8px 14px;border-radius:999px}
.av{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:40% 15%;flex:none;background:var(--t1)}
.ill{display:block;width:100%;height:auto;color:var(--fg)}
.ico{width:56px;height:56px;border-radius:18px;background:var(--tile,var(--t1));display:grid;place-items:center;flex:none} .ico .ill{width:34px;height:34px}


footer.site{padding:0 0 28px}
.fbox{background:var(--t1);border-radius:40px;padding:48px clamp(22px,5vw,56px) 28px;color:var(--fg)}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px} @media (max-width:820px){.fgrid{grid-template-columns:1fr}}
footer h4{font-size:17px;margin-bottom:10px} footer ul{list-style:none;padding:0;margin:0;display:grid;gap:6px} footer a{text-decoration:none;font-weight:700} footer a:hover{text-decoration:underline}
footer .sky{width:min(280px,80%);margin-bottom:16px} footer p{font-weight:600}
.copy{border-top:2px solid var(--bg);margin-top:32px;padding-top:18px;font-size:14px;font-weight:600;color:var(--muted)}

/* shared blocks */
.sec-head{display:grid;gap:10px;margin-bottom:36px;max-width:680px;justify-items:start} .sec-head.center{margin-inline:auto;text-align:center;justify-items:center} .sec-head .kicker{margin:0}
.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.proof div{background:var(--surface);border-radius:24px;padding:18px 20px;display:flex;gap:14px;align-items:center;font-weight:800;line-height:1.25;box-shadow:0 1px 0 var(--line)} .proof .ico{width:46px;height:46px;border-radius:15px} .proof .ico .ill{width:28px;height:28px} .proof small{display:block;font-weight:600;color:var(--muted);font-size:14px}
.proof div:nth-child(2) .ico{--tile:var(--t2)} .proof div:nth-child(3) .ico{--tile:var(--t3)}
@media (max-width:900px){.proof{grid-template-columns:1fr 1fr}} @media (max-width:520px){.proof{grid-template-columns:1fr}}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:28px}
.cards.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.tcard{--cb:var(--t1);text-decoration:none;color:var(--fg);background:var(--cb);border-radius:36px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:transform .2s} .tcard:nth-child(2){--cb:var(--t2)} .tcard:hover{transform:translateY(-4px)}
.tcard .ph{position:relative;aspect-ratio:4/3;overflow:hidden;margin:12px 12px 0;border-radius:26px} .tcard .ph img{width:100%;height:100%;object-fit:cover} .tcard .ph .chip{position:absolute;left:14px;top:14px}
.tcard .meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px} .who{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:14.5px} .price{background:var(--surface);border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px} .price b{font:var(--hw) 22px var(--fd);margin-right:2px}
.usps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}
.usp{background:var(--t1);border-radius:30px;padding:26px;display:grid;gap:12px;align-content:start} .usp:nth-child(4n+2){background:var(--t2)} .usp:nth-child(4n+3){background:var(--t3)} .usp .ico{background:var(--surface)} .usp h3{font-size:22px} .usp p{color:var(--muted);font-weight:500;font-size:16px}
.petra{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,80px);align-items:center}
.pphoto{position:relative;margin:0 0 0 12px;border-radius:44px;background:var(--t2);padding:0} .pphoto::before{content:'';position:absolute;inset:0;border-radius:44px;background:var(--t3);transform:rotate(-4deg)} .pphoto img{position:relative;width:100%;aspect-ratio:1/1.06;object-fit:cover;object-position:40% 15%;border-radius:44px}
.pphoto .stk{position:absolute;right:-8px;bottom:22px;background:var(--accent);color:var(--accent-ink);font:var(--hw) 18px/1.1 var(--fd);padding:14px 20px;border-radius:22px;transform:rotate(4deg);box-shadow:0 10px 24px -10px var(--shadow)}
.petra h2{margin-bottom:16px} .petra p+p{margin-top:12px} .petra .p{color:var(--muted);font-size:18px} .petra .tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.tags span{background:var(--t1);padding:9px 16px;border-radius:999px;font-weight:800;font-size:14.5px} .tags span:nth-child(2){background:var(--t2)} .tags span:nth-child(3){background:var(--t3)}
@media (max-width:860px){.petra{grid-template-columns:1fr}.pphoto{max-width:440px}}
.taste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:190px;gap:14px}
.taste figure{margin:0;position:relative;border-radius:28px;overflow:hidden;background:var(--t1)} .taste img{width:100%;height:100%;object-fit:cover} .taste figcaption{position:absolute;left:12px;bottom:12px}
.taste .w2{grid-column:span 2} .taste .h2{grid-row:span 2}
@media (max-width:820px){.taste{grid-template-columns:1fr 1fr;grid-auto-rows:150px}}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;counter-reset:s} .steps>div{background:var(--surface);border-radius:30px;padding:26px;display:grid;gap:8px;align-content:start;box-shadow:0 1px 0 var(--line)} .steps>div:nth-child(2) .ico{--tile:var(--t2)} .steps>div:nth-child(3) .ico{--tile:var(--t3)} .steps b{font:var(--hw) 22px var(--fd)} .steps p{color:var(--muted);font-size:16px;font-weight:500}
.stepsec{background:var(--t1);border-radius:44px;padding:clamp(24px,5vw,56px)} .stepsec .steps>div{box-shadow:none}
.cta-band{background:var(--accent);color:var(--accent-ink);border-radius:44px;padding:clamp(28px,6vw,72px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;position:relative;overflow:hidden} .cta-band h2{max-width:18ch} .cta-band p{margin-top:12px;font-weight:600;max-width:46ch} .cta-band .btn{background:var(--accent-ink);color:var(--accent);box-shadow:none} .cta-band .ava{display:flex} .cta-band .ava img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:40% 15%;border:4px solid var(--accent)}
.cta-band .acts{display:grid;gap:14px;justify-items:start}
@media (max-width:760px){.cta-band{grid-template-columns:1fr}}
.pcard{text-decoration:none;color:var(--fg);display:grid;gap:12px;align-content:start;background:var(--surface);border-radius:30px;padding:12px 12px 22px;box-shadow:0 1px 0 var(--line);transition:transform .2s} a.pcard:hover{transform:translateY(-4px)}
.pcard .ph{aspect-ratio:3/2;border-radius:22px;overflow:hidden;background:var(--t1)} .pcard .ph img{width:100%;height:100%;object-fit:cover} .pcard>*:not(.ph){padding-inline:12px} .pcard h3{font-size:21px} .pcard p{color:var(--muted);font-size:15.5px;font-weight:500} .pcard time{font-size:13.5px;color:var(--muted);font-weight:700}
.pcard .cat{justify-self:start;font:800 12px/1 var(--fb);letter-spacing:.08em;text-transform:uppercase;background:var(--t2);padding:7px 12px;border-radius:999px;margin-left:12px;padding-inline:12px} .pcard.is-soon{opacity:.75}

/* inner pages */
.phead{padding-block:44px 24px} .phead .wrap{display:grid;gap:8px;justify-items:start} .phead p{max-width:54ch;color:var(--muted);font-size:19px;margin-top:6px} .phead .kicker{margin-bottom:8px}
.crumb{font-size:14.5px;color:var(--muted);font-weight:700} .crumb a{text-underline-offset:3px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:56px;align-items:start} @media (max-width:960px){.two{grid-template-columns:1fr;gap:36px}}
.sticky{position:sticky;top:100px} @media (max-width:960px){.sticky{position:static}}
.tphoto{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:36px;margin-bottom:24px;background:var(--t1)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0 0 28px;padding:0;list-style:none}
.facts li{background:var(--t1);border-radius:22px;padding:16px 18px;display:grid;gap:2px} .facts li:nth-child(2){background:var(--t2)} .facts li:nth-child(3){background:var(--t3)} .facts span{font:800 12px/1.2 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} .facts b{font-weight:800;line-height:1.3}
h2.h2s{font-size:28px;margin:40px 0 12px}
.ticks{list-style:none;padding:0;margin:10px 0 0;display:flex;gap:8px;flex-wrap:wrap} .ticks li{background:var(--t1);border-radius:999px;padding:9px 16px;font-weight:700;font-size:15.5px}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px} .gal img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:22px} @media (max-width:560px){.gal{grid-template-columns:1fr 1fr}.gal img:last-child{display:none}}
.note{padding:18px 24px;background:var(--t2);border-radius:24px;font-weight:700}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px} .services div{background:var(--t1);border-radius:26px;padding:22px} .services div:nth-child(2){background:var(--t2)} .services div:nth-child(3){background:var(--t3)} .services h3{font-size:20px;margin-bottom:4px} .services p{color:var(--muted);font-size:16px}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px} .photos img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:24px} @media (max-width:560px){.photos{grid-template-columns:1fr 1fr}.photos img:last-child{display:none}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center} .split>img{width:100%;object-fit:cover;border-radius:44px} @media (max-width:820px){.split{grid-template-columns:1fr;gap:28px}}
.split p+p{margin-top:12px} .tint{background:var(--t1);border-radius:44px;margin-inline:max(0px,calc(50% - 600px)) ;padding-block:56px}
.box{background:var(--surface);border-radius:30px;padding:26px;box-shadow:0 1px 0 var(--line)} .box h4{margin-bottom:8px} .cform{display:grid;gap:14px} .sidebar{display:grid;gap:28px}
.prose .pp-item h2{font-size:28px;margin-bottom:12px} .prose .loc{border:0;background:var(--t2);border-radius:18px} .prose figure img{border-radius:24px} .prose .loc b{color:var(--strong)}
.portrait{width:120px;height:120px;border-radius:50%;object-fit:cover}
.mobar{display:none}
@media (max-width:960px){body[data-view="tour"] .mobar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--surface);border-radius:26px 26px 0 0;box-shadow:0 -10px 30px -14px var(--shadow);padding:12px max(18px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));justify-content:space-between;align-items:center;gap:12px}body[data-view="tour"] footer.site{padding-bottom:90px}}
.mobar b{font:var(--hw) 22px var(--fd)} .mobar small{display:block;font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:800}

/* booking widget: rounded, bold */
.bk{border:0;border-radius:32px;padding:26px;box-shadow:0 24px 50px -30px var(--shadow);background:var(--surface)} .bk-title{font-weight:var(--hw);letter-spacing:-.02em}
.bk-step legend i{border-radius:50%;width:28px;height:28px;font-size:13px} .bk-cal{border:0;background:var(--t1);border-radius:24px;padding:14px}
.bk-nav{border:0;border-radius:50%;background:var(--surface)} .bk-day{border-radius:14px;background:var(--surface);font-weight:800} .bk-day.is-sel{background:var(--accent);color:var(--accent-ink)} .bk-day:hover:not(:disabled){border-color:var(--strong)} .bk-day.is-today{border-color:var(--strong)}
.bk-slot{border:0;border-radius:999px;background:var(--t1);font-weight:800;padding:11px 22px} .bk-slot.is-sel{background:var(--accent)}
.bk-stepper{border:0;border-radius:999px;background:var(--t1);overflow:hidden} .bk-stepper button{background:transparent;font-weight:800} .bk-stepper output{background:transparent;border-inline:0}
.bk-field input,.bk-field select,.bk-field textarea{border:2px solid var(--line);border-radius:16px;background:var(--bg);padding:12px 14px;font-weight:600} .bk-field input:focus,.bk-field select:focus,.bk-field textarea:focus{outline:0;border-color:var(--strong)}
.bk-sum{border:0;background:var(--t2);border-radius:22px} .bk-demo{border-radius:18px;background:var(--t3);border:0} .bk-field label{font-weight:800}
.bk .btn,.bk button[type=submit]{width:100%}
.faq-item{border:0;background:var(--surface);border-radius:22px;margin-bottom:10px;padding-inline:22px} .faq-item summary{font-weight:800}
.bk-day.bk-pad{background:transparent}

/* ---- set 3: band colour, route graphics ---- */
.cta-band{background:var(--band);color:var(--bandink)} .cta-band .btn{background:var(--accent);color:var(--accent-ink)} .cta-band .ava img{border-color:var(--band)}
.ico .ill{--x:0} .stk b{font-family:var(--fd)}
/* hero trail on the photo */
/* tour card: route timeline and ticket tear */
/* what happens on a walk */
.day{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;position:relative}
.day::before{content:'';position:absolute;top:32px;left:10%;right:10%;border-top:3px dashed color-mix(in srgb,var(--fg) 35%,transparent)}
.day li{position:relative;display:grid;gap:6px;justify-items:center;text-align:center;align-content:start}
.day .ico{width:64px;height:64px;border-radius:50%;background:var(--t1);box-shadow:0 0 0 6px var(--bg);position:relative} .day li:nth-child(even) .ico{background:var(--t2)} .day li:nth-child(3n) .ico{background:var(--t3)} .day .ico .ill{width:36px;height:36px}
.day .n{position:absolute;top:-4px;right:calc(50% - 40px);width:24px;height:24px;border-radius:50%;background:var(--fg);color:var(--bg);font:800 12px/24px var(--fb);text-align:center;z-index:2}
.day b{font:var(--hw) 20px var(--fd)} .day p{color:var(--muted);font-size:15.5px;max-width:24ch}
@media (max-width:860px){.day{grid-template-columns:1fr;gap:22px}.day::before{top:32px;bottom:32px;left:32px;right:auto;border-top:0;border-left:3px dashed color-mix(in srgb,var(--fg) 35%,transparent)}.day li{grid-template-columns:64px 1fr;justify-items:start;text-align:left;gap:2px 18px;align-items:center}.day .ico{grid-row:1/3}.day .n{right:auto;left:44px}.day p{max-width:none}}
/* stops on the tour page as a route */
/* tasting menu */
@media (max-width:860px){.menu{grid-template-columns:1fr 1fr}.menu figure{grid-column:1/3;grid-row:auto;min-height:280px}}
.deco-line{border:0;border-top:3px dashed color-mix(in srgb,var(--fg) 25%,transparent);margin:0}

.menu-btn{display:none;background:var(--t1);border:0;width:48px;height:48px;border-radius:50%;cursor:pointer;color:var(--fg)}
.menu-btn i,.menu-btn i::before,.menu-btn i::after{display:block;width:20px;height:2.5px;border-radius:2px;background:currentColor;margin:auto;position:relative;content:''} .menu-btn i::before{position:absolute;top:-6px;left:0} .menu-btn i::after{position:absolute;top:6px;left:0}
/* route: shared by tour cards and the tour page; marker style set per version via body[data-pts] */
/* numbered */
/* pins */
/* transit line */
/* ring, star and finish flag */
/* tasting menu */
.menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dish{background:var(--t1);border-radius:32px;padding:22px 24px 26px;display:grid;gap:6px;align-content:start} .dish:nth-child(3n+2){background:var(--t2)} .dish:nth-child(3n){background:var(--t3)}
.dish svg{width:128px;height:128px;margin:0 0 6px -6px} .dish b{font:var(--hw) 26px var(--fd)} .dish span{color:var(--muted);font-size:16px;font-weight:500;line-height:1.5}
@media (max-width:860px){.menu{grid-template-columns:1fr 1fr}} @media (max-width:520px){.menu{grid-template-columns:1fr}.dish{grid-template-columns:104px 1fr;gap:2px 16px;align-items:center}.dish svg{grid-row:1/3;width:104px;height:104px;margin:0}}

/* ---- set 5: floating menu ---- */
header.site{position:sticky;top:calc(10px + env(safe-area-inset-top,0px));z-index:30;height:0;padding:0 max(12px,env(safe-area-inset-left,0px)) 0 max(12px,env(safe-area-inset-right,0px))}
.hdr{position:relative;max-width:1120px;margin:0 auto;background:var(--navbg);color:var(--navink);border-radius:999px;box-shadow:0 14px 36px -16px var(--shadow);padding:8px 10px 8px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px}
.wm{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit} .wm .av{width:46px;height:46px;border:3px solid var(--ringc,var(--accent))}
.wmt{display:grid;font:var(--hw) 22px/1 var(--fd);letter-spacing:-.02em} .wmt em{font:700 21px/1 'Caveat',cursive;font-style:normal;color:var(--strongnav,var(--strong));margin-top:1px;letter-spacing:0}
nav.main{display:flex;align-items:center;gap:4px}
nav.main a{text-decoration:none;font-weight:800;font-size:15.5px;padding:10px 16px;border-radius:999px;color:inherit} nav.main a:hover,nav.main a.is-active{background:var(--navhover)}
nav.main a.btn{margin-left:8px;padding:13px 24px;font-size:15px;color:var(--accent-ink)} nav.main a.btn:hover{background:var(--accent)}
.menu-btn{background:var(--navhover);color:inherit}
@media (max-width:900px){.menu-btn{display:block}nav.main{position:absolute;left:0;right:0;top:calc(100% + 10px);background:var(--surface);color:var(--fg);border-radius:30px;box-shadow:0 24px 50px -20px var(--shadow);flex-direction:column;align-items:stretch;padding:12px;display:none}.menu-open nav.main{display:flex}nav.main a{padding:15px 18px}nav.main a:hover,nav.main a.is-active{background:var(--t1)}nav.main a.btn{margin:8px 0 0;text-align:center}.section{padding-block:52px}}
main:not([data-view="home"]){padding-top:92px}
/* hero scaffolding shared by all versions */
.hero{position:relative;overflow:hidden}
.hero .city{position:absolute;left:0;right:0;bottom:0;width:100%;height:min(46vw,420px);object-fit:cover;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 45%,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 45%,#000 80%,transparent 100%)}
.hero>.wrap,.hero .inner{position:relative;z-index:2}
.cta{display:flex;gap:12px;flex-wrap:wrap} .hc{display:grid;gap:20px;justify-items:start}
.doodle{position:absolute;pointer-events:none} .doodle .ill{width:100%;height:auto}
/* tour card (no ticket tear) */
.tcard .tb{display:flex;flex-direction:column;gap:10px;padding:22px 26px 26px} .tcard .rt-wrap{margin-top:4px} .tcard .meta{margin-top:auto;padding-top:6px}
/* route: markup shared, five looks set by body[data-pts] */
.route{margin:6px 0 4px} .routebox{background:var(--surface);border-radius:30px;padding:22px 24px;margin-top:10px;box-shadow:0 1px 0 var(--line)} .routenote{margin:10px 4px 0;color:var(--muted);font-size:15px}
.rt{list-style:none;padding:0;margin:0} .ends{display:none} .rt small{display:block;font:800 11px/1.2 var(--fb);letter-spacing:.09em;text-transform:uppercase;color:var(--strong);margin-bottom:2px}
/* chips with arrows */
body[data-pts="chips"] .rt{display:flex;flex-wrap:wrap;gap:8px 22px} body[data-pts="chips"] .rt li{position:relative;display:flex;align-items:center;background:var(--surface);padding:8px 16px;border-radius:999px;font-weight:700;font-size:14.5px;line-height:1.2;box-shadow:0 1px 0 var(--line)}
body[data-pts="chips"] .rt li:not(.en)::after{content:'';position:absolute;right:-17px;top:50%;width:11px;height:11px;margin-top:-5px;border-top:3px solid var(--strong);border-right:3px solid var(--strong);transform:scale(.7) rotate(45deg);border-radius:2px;opacity:.7}
body[data-pts="chips"] .rt .n{display:none} body[data-pts="chips"] .rt small{display:none}
body[data-pts="chips"] .rt li.st{background:var(--fg);color:var(--bg)} body[data-pts="chips"] .rt li.st .nm::before{content:'Start · ';opacity:.7;font-weight:600}
body[data-pts="chips"] .rt li.en{background:var(--accent);color:var(--accent-ink)} body[data-pts="chips"] .rt li.en .nm::before{content:'Finish · ';opacity:.7;font-weight:600}
body[data-pts="chips"] .rt li.hl{background:var(--t2);box-shadow:inset 0 0 0 2px var(--accent)} body[data-pts="chips"] .rt li.hl .nm::before{content:'\2605  ';color:var(--strong)}
/* passport stamps */
body[data-pts="stamps"] .rt{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:16px 8px}
body[data-pts="stamps"] .rt li{display:grid;justify-items:center;text-align:center;gap:6px;font-weight:700;font-size:13.5px;line-height:1.25}
body[data-pts="stamps"] .rt .n{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:2.5px dashed var(--fg);font:var(--hw) 20px/1 var(--fd);transform:rotate(-8deg);background:var(--surface)} body[data-pts="stamps"] .rt li:nth-child(even) .n{transform:rotate(7deg)}
body[data-pts="stamps"] .rt li.hl .n{background:var(--accent);color:var(--accent-ink);border-style:solid;border-color:var(--accent)} body[data-pts="stamps"] .rt li.st .n,body[data-pts="stamps"] .rt li.en .n{background:var(--fg);color:var(--bg);border-style:solid}
body[data-pts="stamps"] .rt small{font-size:10px;margin:0}
/* number tiles */
body[data-pts="tiles"] .rt{display:grid;grid-template-columns:1fr 1fr;gap:8px} body[data-pts="tiles"] .rt li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;background:var(--surface);border-radius:18px;padding:10px 14px;font-weight:700;font-size:14.5px;line-height:1.25;box-shadow:0 1px 0 var(--line)}
body[data-pts="tiles"] .rt .n{font:var(--hw) 28px/1 var(--fd);color:var(--pop)} body[data-pts="tiles"] .rt li.hl{background:var(--t2);box-shadow:inset 0 0 0 2.5px var(--accent)} body[data-pts="tiles"] .rt li.hl .n{color:var(--strong)}
body[data-pts="tiles"] .rt li.st,body[data-pts="tiles"] .rt li.en{grid-column:1/-1;background:var(--fg);color:var(--bg)} body[data-pts="tiles"] .rt li.st .n,body[data-pts="tiles"] .rt li.en .n{color:var(--accent)} body[data-pts="tiles"] .rt li.st small,body[data-pts="tiles"] .rt li.en small{color:var(--accent)}
@media (max-width:420px){body[data-pts="tiles"] .rt{grid-template-columns:1fr}}
/* checklist */
body[data-pts="check"] .rt{display:grid;gap:6px} body[data-pts="check"] .rt li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;cursor:pointer;font-weight:700;padding:6px 4px;border-radius:14px;line-height:1.3} body[data-pts="check"] .rt li:hover{background:var(--t1)}
body[data-pts="check"] .rt .n{width:26px;height:26px;border-radius:9px;border:3px solid var(--fg);display:grid;place-items:center;font-size:0;color:var(--accent-ink);transition:background .15s}
body[data-pts="check"] .rt li.hl .n,body[data-pts="check"] .rt li.done .n{background:var(--accent)} body[data-pts="check"] .rt li.hl .n::after,body[data-pts="check"] .rt li.done .n::after{content:'\2713';font-size:16px;font-weight:800}
body[data-pts="check"] .rt li.hl .nm{font-weight:800;background:linear-gradient(transparent 62%,var(--hl) 62%);justify-self:start}
/* from-to bookends */
body[data-pts="ends"] .ends{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-bottom:12px} body[data-pts="ends"] .ends span{background:var(--surface);border-radius:20px;padding:12px 16px;font:var(--hw) 19px/1.15 var(--fd);box-shadow:0 1px 0 var(--line)} body[data-pts="ends"] .ends small{font:800 10.5px/1 var(--fb);letter-spacing:.09em;text-transform:uppercase;color:var(--strong);display:block;margin-bottom:5px}
body[data-pts="ends"] .ends i{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-style:normal;font-weight:800} body[data-pts="ends"] .ends i::before{content:"\2192"}
body[data-pts="ends"] .rt{display:block;font-weight:600;line-height:1.75;color:var(--muted)} body[data-pts="ends"] .rt::before{content:'On the way: ';font-weight:800;color:var(--fg)} body[data-pts="ends"] .rt li{display:inline} body[data-pts="ends"] .rt li.st,body[data-pts="ends"] .rt li.en,body[data-pts="ends"] .rt .n{display:none}
body[data-pts="ends"] .rt li:not(:nth-last-child(2))::after{content:' · '} body[data-pts="ends"] .rt li.hl{color:var(--fg);font-weight:800;background:linear-gradient(transparent 62%,var(--hl) 62%)} body[data-pts="ends"] .rt li.hl .nm::before{content:'\2605  ';color:var(--strong)}
@media (max-width:520px){body[data-pts="ends"] .ends{grid-template-columns:1fr}body[data-pts="ends"] .ends i{justify-self:center;transform:rotate(90deg)}}
.tb h3{font-size:clamp(26px,3vw,34px)} .tb .sub{font-weight:800;color:var(--strong);margin-top:-4px} .tb .sh{color:var(--muted);font-weight:500}

/* ---- set 6: shared overrides ---- */
mark{background:none;color:var(--markc)}
.skyline{display:block;width:100%;height:auto} .skyline .s1{fill:var(--sky1)} .skyline .s2{fill:var(--sky2)}
.cards{grid-template-columns:1fr;gap:22px}
.tcard{background:var(--cb);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:stretch;border-radius:40px;overflow:hidden}
.tcard:nth-child(even) .ph{order:2}
.tcard .ph{position:relative;aspect-ratio:auto;margin:12px;border-radius:30px;overflow:hidden;min-height:340px} .tcard .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tcard .tb{padding:30px 32px}
@media (max-width:860px){.tcard{grid-template-columns:1fr}.tcard:nth-child(even) .ph{order:0}.tcard .ph{min-height:0;aspect-ratio:4/3}}
.cards.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.pcard{opacity:1}
.day{gap:14px}.day::before{display:none}.day li{background:var(--surface);border-radius:28px;padding:22px 14px;box-shadow:0 1px 0 var(--line)} .day .n{right:14px;top:12px}
@media (max-width:860px){.day li{grid-template-columns:64px 1fr}}
.why{display:grid;gap:16px} .why .w{background:var(--surface);border-radius:30px;padding:26px;display:grid;gap:8px;align-content:start;box-shadow:0 1px 0 var(--line)} .why .w svg{width:110px;height:110px} .why .w h3{font-size:22px} .why .w p{color:var(--muted);font-size:16px;font-weight:500}
.dish{background:var(--surface);box-shadow:0 1px 0 var(--line)}
.menu .dish:nth-child(n){background:var(--surface)}

/* ---- set 7 ---- */
.btn{box-shadow:0 6px 0 -2px var(--btnedge,var(--shadow))} .btn:hover{box-shadow:0 8px 0 -2px var(--btnedge,var(--shadow))} .btn-ghost,.btn-ghost:hover{box-shadow:inset 0 0 0 2px var(--fg)}
.houses{display:block;width:100%;height:auto} .houses .hs{stroke:var(--fg);stroke-width:2.4;stroke-linejoin:round} .hwa{fill:var(--t1)} .hwb{fill:var(--t2)} .hwc{fill:var(--t3)} .hwd{fill:var(--accent)} .hr{fill:var(--roof)} .hwin{fill:var(--surface)} .hground{fill:var(--t2)} .hhill{fill:var(--sky2)} .htree{fill:var(--sky1)}
.houses.line .hs{stroke-width:2;fill:none} .houses.line .hwin{fill:none} .houses.line .hground{fill:none}
.strip{position:absolute;left:0;right:0;bottom:0;z-index:1;pointer-events:none} .strip .houses{height:clamp(110px,15vw,200px)}
.hero{position:relative;overflow:hidden}
.heroTours{display:flex;gap:10px;flex-wrap:wrap} .heroTours a{display:grid;gap:2px;background:var(--surface);border-radius:20px;padding:11px 18px;text-decoration:none;box-shadow:0 12px 28px -18px var(--shadow);transition:transform .15s} .heroTours a:hover{transform:translateY(-2px)} .tl{font:800 11px/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--strong)} .heroTours b{font:var(--hw) 19px/1.15 var(--fd)} .heroTours small{color:var(--muted);font-weight:700;font-size:13px}
.bookbar{display:grid;gap:8px;background:var(--surface);border-radius:28px;padding:14px 14px 14px 18px;box-shadow:0 18px 40px -24px var(--shadow);width:100%;max-width:560px} .bookbar>b{font:800 12px/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .bookbar .heroTours a{background:var(--t1);box-shadow:none;flex:1 1 200px}
/* tour card */
.tcard .tb{display:flex;flex-direction:column;gap:12px}
.sightsbox{display:grid;gap:8px;margin-top:2px} .sl{font:800 11px/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--strong)}
.sights{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px} .sights li{display:flex;align-items:center;gap:8px;background:var(--surface);padding:9px 16px 9px 12px;border-radius:999px;font-weight:800;font-size:15px;line-height:1.2;box-shadow:0 1px 0 var(--line)} .sights i{width:14px;height:14px;background:var(--pop);border-radius:50% 50% 50% 0;transform:rotate(-45deg);flex:none}
body[data-sg="houses"] .sights i{clip-path:polygon(50% 0,100% 45%,100% 100%,0 100%,0 45%);border-radius:0;transform:none;width:17px;height:17px;background:var(--roof)}
body[data-sg="stars"] .sights li{background:var(--t2)} body[data-sg="stars"] .sights i{clip-path:polygon(50% 0%,62% 35%,98% 35%,69% 57%,80% 91%,50% 70%,20% 91%,31% 57%,2% 35%,38% 35%);border-radius:0;transform:none;width:18px;height:18px;background:var(--accent);box-shadow:none}
body[data-sg="rows"] .sights{display:grid;gap:0} body[data-sg="rows"] .sights li{background:none;box-shadow:none;border-radius:0;padding:10px 4px;font-size:17px;border-bottom:2.5px dashed color-mix(in srgb,var(--fg) 20%,transparent)} body[data-sg="rows"] .sights li:last-child{border-bottom:0} body[data-sg="rows"] .sights i{width:10px;height:10px;border-radius:50%;transform:none;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 35%,transparent)}
body[data-sg="stamps"] .sights{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px 8px} body[data-sg="stamps"] .sights li{display:grid;justify-items:center;text-align:center;gap:6px;background:none;box-shadow:none;padding:0;font-size:13.5px} body[data-sg="stamps"] .sights i{width:46px;height:46px;border-radius:50%;border:2.5px dashed var(--fg);background:var(--accent);transform:rotate(-8deg);box-shadow:inset 0 0 0 5px var(--surface)} body[data-sg="stamps"] .sights li:nth-child(even) i{transform:rotate(7deg)}
.meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:6px} .btns{display:flex;gap:10px;flex-wrap:wrap} .btns .btn{padding:13px 22px;font-size:15px}
/* why */
.why .dw{display:grid;place-items:center} .why .dw svg{width:84px;height:84px}
.why.y1{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))} .y1 .dw{width:100px;height:100px;border-radius:50%;background:var(--t1)} .y1 .w:nth-child(even) .dw{background:var(--t2)}
.why.y2{grid-template-columns:1fr 1fr} .y2 .w{grid-template-columns:104px 1fr;gap:2px 20px;align-items:center} .y2 .dw{grid-row:1/3;width:104px;height:104px;border-radius:30px;background:var(--t1)} .y2 .w:nth-child(even) .dw{background:var(--t2)} .y2 h3{align-self:end} .y2 p{align-self:start} @media (max-width:860px){.why.y2{grid-template-columns:1fr}}
.why.y3{grid-template-columns:1fr 1fr} .y3 .w{position:relative;padding-right:112px;min-height:170px} .y3 .dw{position:absolute;right:14px;top:14px} @media (max-width:640px){.why.y3{grid-template-columns:1fr}}
.why.y4{grid-template-columns:repeat(4,1fr);gap:0;background:var(--surface);border-radius:36px;padding:14px;margin-top:26px} .y4 .w{box-shadow:none;border-radius:0;text-align:center;justify-items:center;border-right:3px dashed color-mix(in srgb,var(--fg) 20%,transparent)} .y4 .w:last-child{border-right:0} @media (max-width:960px){.why.y4{grid-template-columns:1fr 1fr}.y4 .w{border-right:0}} @media (max-width:520px){.why.y4{grid-template-columns:1fr}}
.why.y5{grid-template-columns:repeat(4,1fr);gap:56px 16px;padding-top:50px} .y5 .w{position:relative;padding-top:64px;text-align:center;justify-items:center} .y5 .w:nth-child(even){margin-top:34px} .y5 .dw{position:absolute;top:-54px;left:50%;transform:translateX(-50%)} .y5 .dw svg{width:112px;height:112px} @media (max-width:960px){.why.y5{grid-template-columns:1fr 1fr}} @media (max-width:520px){.why.y5{grid-template-columns:1fr}.y5 .w:nth-child(even){margin-top:0}}
.vs{display:grid;gap:8px;background:var(--surface);border-radius:32px;padding:14px;box-shadow:0 1px 0 var(--line)} .vh,.vr{display:grid;grid-template-columns:minmax(90px,1fr) 2fr 2fr;gap:10px;align-items:center;padding:10px 14px} .vh b{font:var(--hw) 18px var(--fd);padding:10px 14px;border-radius:16px;background:var(--t2)} .vh b.me{background:var(--accent);color:var(--accent-ink)} .vr{border-top:3px dashed color-mix(in srgb,var(--fg) 14%,transparent)} .vr>span:first-child{font-weight:800} .vr .g{color:var(--muted);font-weight:600} .vr .m{font-weight:800;position:relative;padding-left:30px} .vr .m::before{content:'\2713';position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:13px}
@media (max-width:700px){.vh{display:none}.vr{grid-template-columns:1fr}.vr .g::before{content:'Typical group tour: ';font-weight:800;color:var(--fg)}}
/* taste */
.section.sm{padding-block:44px} .tastewrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,56px);align-items:center} .tastehead .sec-head{margin:0} .tastehead .lead{font-size:17px}
.menu.board{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;background:var(--t1);border-radius:34px;padding:10px 26px} .board .dish{background:none;box-shadow:none;border-radius:0;padding:12px 0;display:grid;grid-template-columns:68px 1fr;gap:0 14px;align-items:center;border-bottom:3px dotted color-mix(in srgb,var(--fg) 24%,transparent)} .board .dish:nth-last-child(-n+2){border-bottom:0} .board .dw{grid-row:1/3} .board .dw svg{width:68px;height:68px} .board b{font:var(--hw) 20px var(--fd);align-self:end} .board .tx{font-size:14.5px;color:var(--muted);font-weight:500;line-height:1.35;align-self:start}
@media (max-width:960px){.tastewrap{grid-template-columns:1fr}} @media (max-width:700px){.menu.board{grid-template-columns:1fr;padding:6px 20px}.board .dish:nth-last-child(2){border-bottom:3px dotted color-mix(in srgb,var(--fg) 24%,transparent)}}
/* gallery */
.gallery{display:grid;gap:14px} .gallery figure{margin:0;position:relative;overflow:hidden;border-radius:26px;background:var(--t1)} .gallery img{width:100%;height:100%;object-fit:cover;display:block} .gallery figcaption{position:absolute;left:10px;bottom:10px;background:var(--surface);padding:6px 12px;border-radius:999px;font:800 12.5px var(--fb)}
.g1{grid-template-columns:repeat(3,1fr)} .g1 figure{aspect-ratio:4/3} @media (max-width:700px){.g1{grid-template-columns:1fr 1fr}}
.g2{grid-template-columns:repeat(3,1fr);gap:26px 18px;padding:10px} .g2 figure{background:#fff;border-radius:10px;padding:10px 10px 38px;box-shadow:0 18px 36px -22px var(--shadow);overflow:visible} .g2 figure:nth-child(odd){transform:rotate(-2.4deg)} .g2 figure:nth-child(even){transform:rotate(2deg)} .g2 img{aspect-ratio:4/3;border-radius:4px} .g2 figcaption{left:0;right:0;bottom:8px;background:none;text-align:center;color:#25394d;font:700 20px 'Caveat',cursive} @media (max-width:700px){.g2{grid-template-columns:1fr 1fr}}
.g3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px} .g3 figure{flex:0 0 min(300px,78%);aspect-ratio:4/3.4;scroll-snap-align:start}
.g4{grid-template-columns:repeat(4,1fr);grid-auto-rows:170px} .g4 figure:nth-child(1){grid-column:span 2;grid-row:span 2} .g4 figure:nth-child(4){grid-column:span 2} @media (max-width:700px){.g4{grid-template-columns:1fr 1fr;grid-auto-rows:130px}.g4 figure:nth-child(4){grid-column:span 2}}
.g5{grid-template-columns:repeat(6,1fr)} .g5 figure{aspect-ratio:3/4;border-radius:999px 999px 24px 24px} .g5 figure:nth-child(even){margin-top:30px} @media (max-width:860px){.g5{grid-template-columns:repeat(3,1fr)}} @media (max-width:520px){.g5{grid-template-columns:1fr 1fr}}
/* about */
.ab .p{color:var(--muted);font-size:18px} .ab .p+.p{margin-top:12px} .ab h2{margin-bottom:14px} .ab p .btn{margin:4px 8px 4px 0} .ab .sign{margin:12px 0}
.a1,.a2,.a4{display:grid;gap:clamp(32px,6vw,80px);align-items:center} .a1{grid-template-columns:minmax(0,5fr) minmax(0,6fr)} .a2{grid-template-columns:minmax(0,6fr) minmax(0,5fr)} .a4{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.aphoto{position:relative;margin:0} .a1 .aphoto{border-radius:200px 200px 40px 40px;background:var(--t1);padding:12px} .a1 .aphoto img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:190px 190px 30px 30px;display:block} .a2 .aphoto img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%;border-radius:44px;display:block}
.aphoto .stk{position:absolute;right:-10px;bottom:26px;background:var(--accent);color:var(--accent-ink);font:var(--hw) 18px/1.1 var(--fd);padding:12px 20px;border-radius:22px;transform:rotate(4deg);box-shadow:0 10px 24px -10px var(--shadow)}
.claims{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px} .claims li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;font-weight:800} .claims li::before{content:'\2713';width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}
.a3{background:var(--surface);border-radius:44px;padding:clamp(26px,5vw,56px);display:grid;gap:22px;max-width:900px;margin:0 auto;box-shadow:0 18px 50px -30px var(--shadow);justify-items:start} .who{display:flex;align-items:center;gap:14px} .who img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:4px solid var(--accent)} .who b{display:block;font:var(--hw) 22px var(--fd)} .who span{color:var(--muted);font-weight:700;font-size:14.5px}
.a3 blockquote{margin:0;position:relative;background:var(--t1);border-radius:28px;padding:22px 26px;font:var(--hw) clamp(22px,3vw,30px)/1.25 var(--fd)} .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%} .stats div{background:var(--t2);border-radius:22px;padding:14px 18px;display:grid} .stats div:nth-child(2){background:var(--t1)} .stats b{font:var(--hw) 30px/1 var(--fd)} .stats span{font-weight:700;font-size:14px;color:var(--muted)}
.polaroid{margin:0;background:#fff;padding:14px 14px 10px;border-radius:12px;transform:rotate(-3deg);box-shadow:0 24px 50px -24px var(--shadow);max-width:420px} .polaroid img{width:100%;aspect-ratio:4/4.6;object-fit:cover;object-position:50% 20%;border-radius:6px;display:block} .polaroid figcaption{text-align:center;padding:6px 0 0;color:#25394d}
.a5{background:var(--t2);border-radius:46px;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);overflow:hidden} .a5txt{padding:clamp(28px,5vw,60px);display:grid;gap:14px;align-content:center;justify-items:start} .a5img{position:relative;min-height:380px} .a5img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 30%);mask-image:linear-gradient(to right,transparent 0,#000 30%)}
.facts3{display:flex;gap:8px;flex-wrap:wrap} .facts3 span{background:var(--surface);padding:9px 16px;border-radius:999px;font-weight:800;font-size:14.5px}
@media (max-width:860px){.a1,.a2,.a4{grid-template-columns:1fr}.aphoto{max-width:420px}.a5{grid-template-columns:1fr}.a5img{min-height:340px;order:-1}.a5img img{-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}}
/* map (set 5) */
.mapcard{border-radius:40px;overflow:hidden;box-shadow:0 18px 50px -30px var(--shadow)} .mapsvg{display:block;width:100%;height:auto} .mapsvg .mbg{fill:var(--t1)} .mapsvg .mriver{fill:var(--sky1)} .mapsvg .mwave{stroke:#fff;stroke-width:3;stroke-linecap:round} .mapsvg .mroute{fill:none;stroke:var(--fg);stroke-width:4;stroke-dasharray:1 10;stroke-linecap:round} .mapsvg .mpin path{fill:var(--roof)} .mapsvg .mpin circle{fill:#fff} .mapsvg .mt{font:var(--hw) 28px var(--fd);fill:var(--fg)} .mapsvg .ms{font:700 18px var(--fb);fill:var(--muted)} .mapsvg .mr{font:700 16px var(--fb);fill:var(--strong);letter-spacing:.2em;text-transform:uppercase}
.mapbtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.menu.board .dish:nth-child(n){background:none}
body[data-sg="stars"] .sights i{background:var(--btnedge)}
body[data-sg="stamps"] .sights i{display:grid;place-items:center} body[data-sg="stamps"] .sights i::after{content:'\2605';font-size:19px;line-height:1;color:var(--accent-ink);transform:rotate(8deg)}
.g4 figure:nth-child(5),.g4 figure:nth-child(6){grid-column:span 2}

/* ---- set 8 ---- */
.btn{font-size:16.5px} .btn-line{background:var(--surface);color:var(--fg);box-shadow:inset 0 0 0 2.5px var(--fg)} .btn-line:hover{box-shadow:inset 0 0 0 2.5px var(--fg),0 6px 16px -10px var(--shadow)}
.btn-big{padding:17px 30px;font-size:17px} .btns .btn{padding:16px 26px;font-size:16.5px} .btns .btn-big{padding:17px 30px;font-size:17px}
/* hero */
.hero{padding:118px 0 0;position:relative;overflow:hidden} .hg{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:center;position:relative;z-index:2;padding-bottom:10px}
.hc{display:grid;gap:22px;justify-items:start} .hc .lead{font-size:20px;max-width:30ch} .hero .chip{background:var(--t1)}
.art{position:relative;display:grid;place-items:center;padding:24px 0} .frame{position:relative;z-index:2;overflow:hidden;width:min(400px,84%);box-shadow:0 30px 60px -34px var(--shadow)} .frame img{width:100%;height:100%;object-fit:cover;display:block}
.deco{position:absolute;z-index:1;pointer-events:none}
.crop-arch .frame{aspect-ratio:3/4;border-radius:999px 999px 34px 34px} .crop-arch .frame img{object-position:50% 18%} .crop-arch .d1{width:min(400px,84%);aspect-ratio:3/4;border-radius:999px 999px 34px 34px;background:var(--t1);transform:translate(22px,18px) rotate(4deg)} .crop-arch .d2{width:70px;height:70px;border-radius:50%;background:var(--t2);left:4%;top:12%}
.crop-circle .frame{aspect-ratio:1;border-radius:50%} .crop-circle .frame img{object-position:50% 22%} .crop-circle .d1{width:min(470px,98%);aspect-ratio:1;border-radius:50%;border:2.5px dashed var(--accent)} .crop-circle .d2{width:110px;height:110px;border-radius:50%;background:var(--t1);right:2%;bottom:6%}
.crop-leaf .frame{aspect-ratio:4/5;border-radius:200px 28px 200px 28px} .crop-leaf .frame img{object-position:50% 25%} .crop-leaf .d1{width:min(400px,84%);aspect-ratio:4/5;border-radius:28px 200px 28px 200px;background:var(--t2);transform:rotate(-6deg)} .crop-leaf .d2{width:90px;height:90px;border-radius:50%;background:var(--t1);left:2%;bottom:10%}
.crop-blob .frame{aspect-ratio:1/1.08;border-radius:58% 42% 52% 48%/50% 55% 45% 50%} .crop-blob .frame img{object-position:50% 16%} .crop-blob .d1{width:min(440px,92%);aspect-ratio:1/1.06;border-radius:42% 58% 48% 52%/55% 45% 55% 45%;background:var(--t1);transform:rotate(12deg)} .crop-blob .d2{width:26px;height:26px;border-radius:50%;background:var(--accent);right:8%;top:10%;box-shadow:-300px 260px 0 -6px var(--t2)}
.crop-capsule .frame{width:min(300px,62%);aspect-ratio:1/1.62;border-radius:999px} .crop-capsule .frame img{object-position:50% 30%} .crop-capsule .d1{width:min(300px,62%);aspect-ratio:1/1.62;border-radius:999px;background:var(--t2);transform:translate(-56px,30px)} .crop-capsule .d2{width:120px;height:120px;border-radius:50%;background:var(--t1);right:6%;top:4%}
.streetwrap{position:relative;z-index:1;pointer-events:none} .street{display:block;width:100%;height:auto;min-height:120px} .hg{padding-bottom:34px}
@media (max-width:860px){.hg{grid-template-columns:1fr}.hero{padding-top:104px}.hc .lead{font-size:18px}.streetwrap{margin-top:0}}
/* street styles */
.street .ns{stroke:var(--fg);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round} .street .nl{fill:none}
.st-line .ns{fill:none;stroke:var(--strong);stroke-width:1.3}
.st-silhouette .ns{stroke:none} .st-silhouette .nf1{fill:var(--sky1)} .st-silhouette .nf2{fill:var(--sky2)} .st-silhouette .nf3{fill:var(--t2)} .st-silhouette .nr{fill:color-mix(in srgb,var(--sky1) 70%,var(--strong))} .st-silhouette .nw,.st-silhouette .nd{fill:var(--bg)} .st-silhouette .nl{stroke:var(--bg);stroke-width:2} .st-silhouette .no{fill:none;stroke:var(--bg);stroke-width:2}
.st-zsolnay .nf1{fill:var(--t3)} .st-zsolnay .nf2{fill:var(--t1)} .st-zsolnay .nf3{fill:var(--t2)} .st-zsolnay .nw{fill:#bfe6ea} .st-zsolnay .nd{fill:#8a5a3c} .st-zsolnay .no{fill:none}
.st-etching .nw{fill:var(--surface)} .st-etching .nd{fill:var(--fg)} .st-etching .no{fill:none} .st-etching .ns{stroke-width:1.3}
.st-poster .ns{stroke-width:3;stroke:var(--fg)} .st-poster .nf1{fill:var(--t1)} .st-poster .nf2{fill:var(--t2)} .st-poster .nf3{fill:var(--t3)} .st-poster .nr{fill:var(--accent)} .st-poster .nw{fill:var(--surface)} .st-poster .nd{fill:var(--fg)} .st-poster .no{fill:none} .nray{fill:var(--t1);opacity:.75} .nsun{fill:color-mix(in srgb,var(--t1) 60%,#ffd34d)}
/* tour card */
.tcard .tb{gap:12px} .pr{font-weight:700;color:var(--muted);margin-top:auto} .pr b{font:var(--hw) 26px var(--fd);color:var(--fg);margin-right:4px}
.guided{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:2.5px dashed color-mix(in srgb,var(--fg) 18%,transparent);font-weight:600;font-size:15px} .guided b{font-weight:800} .guided .shield{width:28px;height:28px;display:grid} .guided .av{width:30px;height:30px;border:2px solid var(--surface)}
body[data-pts="ends"] .rt li.hl .nm::before{content:none}
/* why head */
.whyhead{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(20px,4vw,60px);align-items:end;margin-bottom:38px} .whyhead h2{margin-top:6px} .whyhead .lead{margin:0} @media (max-width:860px){.whyhead{grid-template-columns:1fr}}
.why .dw svg{width:96px;height:96px} .y1 .dw{width:118px;height:118px} .y2 .dw{width:116px;height:116px;border-radius:34px}
/* taste */
.board .dw svg{width:84px;height:84px} .board .dish{grid-template-columns:84px 1fr}
/* about */
.ab .q{margin:18px 0;font:var(--hw) clamp(21px,2.6vw,27px)/1.3 var(--fd);color:var(--strong);padding-left:18px;border-left:5px solid var(--t1)} .a3 .q{border-left:0;padding:20px 24px;background:var(--t1);border-radius:26px;color:var(--fg)} .abtn{margin-top:6px}
.a1 .aphoto{background:var(--t2)}
/* cta band */
.cta-band{background:var(--t1);color:var(--fg)} .cta-band .btn{background:var(--accent);color:var(--accent-ink)} .cta-band .ava img{border-color:var(--t1)}
/* footers */
footer.site{padding:0;font-size:15.5px} footer h4{font:800 12px/1 var(--fb);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;opacity:.75} .fnav,.fcon{list-style:none;padding:0;margin:0;display:grid;gap:8px} .fnav a{text-decoration:none;font-weight:700} .fnav a:hover{text-decoration:underline} .fcon li{font-weight:700}
.soc{display:flex;gap:10px} .soc a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--t2);color:var(--fg)} .soc a:hover{background:var(--accent);color:var(--accent-ink)} .soc svg{width:20px;height:20px}
.fwm{display:grid;font:var(--hw) 30px/1 var(--fd);letter-spacing:-.02em} .fwm em{font:700 24px/1 'Caveat',cursive;font-style:normal;color:var(--strong);margin-top:2px}
footer .copy{border:0;margin:0;padding:22px 0 0;font-size:13.5px;font-weight:600;opacity:.75}
.ft1{padding-bottom:20px} .ft1 .panel{background:var(--band);color:var(--bandink);border-radius:44px;padding:clamp(28px,5vw,60px) clamp(22px,5vw,60px) 0;overflow:hidden} .ft1 .ptop{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-bottom:34px;border-bottom:1.5px solid rgba(255,255,255,.18)} .ft1 .ptop h2{font-size:clamp(28px,4vw,46px);max-width:16ch} .ft1 .pgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;padding-top:34px} .ft1 .fwm em{color:#9ff0ec} .ft1 .soc a{background:rgba(255,255,255,.12);color:#fff} .ft1 .pstreet{margin:20px calc(-1*clamp(22px,5vw,60px)) 0;opacity:.35} .ft1 .pstreet .ns{stroke:#fff}  .ft1 .ptop .btn{background:#fff;color:var(--band)}
@media (max-width:860px){.ft1 .pgrid{grid-template-columns:1fr 1fr}}
.ft2{padding-top:30px} .ft2 .frow{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:28px;padding:34px 0;border-top:2px solid var(--line)} .ft2 .fbook{background:var(--t1);border-radius:28px;padding:22px;display:grid;gap:12px;justify-items:start;font:var(--hw) 20px/1.2 var(--fd)} .ft2 .big{font:var(--hw) clamp(64px,15vw,200px)/.9 var(--fd);letter-spacing:-.04em;color:var(--accent);display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:10px} .ft2 .big em{font:700 clamp(28px,5vw,60px)/1 'Caveat',cursive;font-style:normal;color:var(--fg);letter-spacing:0}  .ft2 .copy{padding-bottom:24px}
@media (max-width:860px){.ft2 .frow{grid-template-columns:1fr 1fr}}
 .ft3 .fbase{background:var(--t2);padding:34px 0 24px;margin-top:-2px} .ft3 .cards3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px} .ft3 .c{border-radius:30px;padding:26px;display:grid;gap:12px;align-content:start;justify-items:start;background:var(--surface)} .ft3 .c1{background:var(--band);color:var(--bandink)} .ft3 .c1 .btn{background:#fff;color:var(--band)} .ft3 .c h3{font-size:24px} .ft3 .c p{font-weight:600;opacity:.8} .ft3 .fbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px} .ft3 .fbar .fnav{display:flex;gap:22px;flex-wrap:wrap}
@media (max-width:860px){.ft3 .cards3{grid-template-columns:1fr}}
.ft4{padding-bottom:24px}  .ft4 .center{display:grid;justify-items:center;text-align:center;gap:16px;padding-top:30px;border-top:2px solid var(--line)} .ft4 .fav{width:76px;height:76px;border-radius:50%;object-fit:cover;border:4px solid var(--accent);margin-top:-68px;background:var(--bg)} .ft4 .big{font-size:clamp(40px,6vw,64px);margin:0} .ft4 .sub{color:var(--muted);font-weight:600} .ft4 .fnav{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;margin-top:8px} .ft4 .cl{font-weight:700}
 .ft5 .fdark{background:var(--fg);color:var(--bg);padding:40px 0 26px;margin-top:-2px} .ft5 .ptop{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-bottom:30px;border-bottom:1.5px solid color-mix(in srgb,var(--bg) 20%,transparent)} .ft5 .ptop p{opacity:.8;margin-top:8px} .ft5 .fwm em{color:var(--t1)} .ft5 .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:30px} .ft5 .soc a{background:color-mix(in srgb,var(--bg) 14%,transparent);color:var(--bg)} @media (max-width:700px){.ft5 .pgrid{grid-template-columns:1fr 1fr}}
.ft1 .panel a,.ft1 .panel li,.ft1 .panel p,.ft1 .panel h4,.ft1 .panel .fwm{color:var(--bandink)} .ft1 .panel .ptop .btn{color:var(--band)} .ft1 .copy{opacity:.7}
.ft3 .c1 a:not(.btn),.ft3 .c1 p,.ft3 .c1 h3{color:var(--bandink)}
.ft5 .fdark a,.ft5 .fdark li,.ft5 .fdark p,.ft5 .fdark h4,.ft5 .fdark .fwm{color:var(--bg)} .ft5 .fdark .btn{color:var(--accent-ink)}

/* ---- Lagoon Lemon build-out ---- */
.btn,.btn:hover{box-shadow:none} .btn{transition:transform .15s,filter .15s,background .15s} .btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.btn-ghost,.btn-ghost:hover{box-shadow:inset 0 0 0 2px var(--fg)} .btn-line,.btn-line:hover{box-shadow:inset 0 0 0 2.5px var(--fg)}
/* hero */
.hero{padding:120px 0 34px} .hero .hg{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:center;padding:0}
.hero .hc{gap:22px} .hero .hc .lead{font-size:19px;max-width:44ch}
.hfeat{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px} .hfeat li{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px} .hfeat svg{width:40px;height:40px;flex:none}
.hero .art{position:relative;display:grid;place-items:center;padding:24px 0} .hero .frame{width:min(390px,82%);aspect-ratio:3/4;border-radius:999px 999px 34px 34px} .hero .frame img{object-position:50% 18%}
.hero .art .d1{position:absolute;width:min(390px,82%);aspect-ratio:3/4;border-radius:999px 999px 34px 34px;background:var(--t1);transform:translate(22px,18px) rotate(4deg)} .hero .art .d2{position:absolute;width:70px;height:70px;border-radius:50%;background:var(--t2);left:4%;top:10%}
.lmrow{display:flex;justify-content:center;overflow:hidden;margin-top:34px} .landmarks{display:block;height:clamp(40px,4.8vw,58px);width:auto;max-width:none;flex:none}
@media (max-width:860px){.hero .hg{grid-template-columns:1fr}.hero{padding-top:104px}}
/* tours: two cards side by side */
.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch} .tcard{display:flex;flex-direction:column;border-radius:36px} .tcard .ph{order:0;aspect-ratio:4/3;min-height:0;margin:12px 12px 0} .tcard:nth-child(even) .ph{order:0}
.tcard .tb{padding:24px 26px 26px;flex:1} .tcard .tb h3{font-size:clamp(26px,2.6vw,32px)}
.tfacts{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-wrap:wrap;gap:8px} .tfacts li{background:var(--surface);border-radius:999px;padding:8px 14px;font-weight:800;font-size:14.5px} .tfacts .pp{background:var(--fg);color:var(--bg)}
.tcard .btns{margin-top:auto;padding-top:8px} .tcard .btns .btn{padding:15px 24px;font-size:16px}
.guided{border-top:2.5px dashed color-mix(in srgb,var(--fg) 16%,transparent);padding-top:16px;gap:12px;font-size:16px;font-weight:600} .guided img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 40%;border:3px solid var(--surface)} .guided b{font-weight:800}
@media (max-width:860px){.cards{grid-template-columns:1fr}}
/* why: four equal boxes, drawings sitting on the top edge */
.why.yy{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:58px;align-items:stretch} .yy .w{position:relative;padding:74px 22px 26px;text-align:center;justify-items:center;align-content:start} .yy .dw{position:absolute;top:-56px;left:50%;transform:translateX(-50%);width:112px;height:112px;border-radius:50%;background:var(--t1);box-shadow:0 0 0 6px var(--bg)} .yy .w:nth-child(even) .dw{background:var(--t2)} .yy .dw svg{width:88px;height:88px}
@media (max-width:960px){.why.yy{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:76px}} @media (max-width:520px){.why.yy{grid-template-columns:1fr}}
/* about */
.a1 .aphoto{background:none;padding:0;border-radius:0;max-width:440px} .a1 .aphoto img{border-radius:200px 200px 32px 32px;box-shadow:18px 18px 0 var(--t2)} .a1 .aphoto figcaption{text-align:center;font-size:40px;margin-top:22px;color:var(--strong)}
/* reviews */
.revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .rev{position:relative;background:var(--surface);border-radius:28px;padding:24px;display:grid;gap:14px;align-content:start;border:2px dashed color-mix(in srgb,var(--fg) 18%,transparent)} .rev .qm{width:42px;height:32px} .rev .rtext{color:var(--muted);font-size:16.5px;font-style:italic;line-height:1.55} .rby{display:flex;align-items:center;gap:12px} .ra{width:42px;height:42px;border-radius:50%;background:var(--t1);display:grid;place-items:center;font:var(--hw) 18px var(--fd)} .rby b{display:block} .rby span{font-size:13.5px;color:var(--muted);font-weight:600} .ph-tag{position:absolute;right:18px;top:18px;font:800 11px/1 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--t3);padding:6px 10px;border-radius:999px}
@media (max-width:960px){.revs{grid-template-columns:1fr 1fr}} @media (max-width:600px){.revs{grid-template-columns:1fr}}
/* blog head */
.bloghead{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:30px} .bloghead .sec-head{margin:0}
/* footer */
.ftx{padding:20px 0 26px} .ftx .lmrow{margin:0 0 -2px} .ftx .cards3{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:16px;border-top:3px solid var(--fg);padding-top:22px} .ftx .c{border-radius:30px;padding:28px;display:grid;gap:12px;align-content:start;justify-items:start} .ftx .c1{background:var(--surface);box-shadow:0 1px 0 var(--line)} .ftx .c2{background:var(--t1)} .ftx .c3{background:var(--band);color:var(--bandink)} .ftx .c3 h3{font-size:clamp(24px,2.6vw,30px);color:var(--bandink)} .ftx .c3 .btn{background:var(--t1);color:var(--fg)} .ftx .c3 li{color:var(--bandink)} .ftx .c h3{font-size:22px} .ftx .c p{font-weight:600;color:var(--muted)} .ftx .soc a{background:var(--surface)} .ftx .fnav{grid-template-columns:1fr 1fr;column-gap:20px}
@media (max-width:860px){.ftx .cards3{grid-template-columns:1fr}}

body{background:var(--bg);color:var(--fg)}

[hidden]{display:none!important}
body{padding-bottom:0}
/* colour blocks: every section carries its own tokens, cards keep dark text on light */
.section,.section.sm{padding-block:68px} #walks,section:has(.bloghead){padding-block:68px}
.hero{padding-bottom:0} .hero .lmrow{margin-top:36px;padding-bottom:0} .landmarks{--surface:var(--t1);--t3:var(--t2)}
h1,h2,h3{color:inherit} .kicker,.hero .chip{background:var(--kbg);color:var(--kfg)} .sec-head .kicker{margin:0}
.lead,.hc .lead{color:var(--muted)} mark{color:var(--markc)}
.btn{background:var(--accent);color:var(--accent-ink)} nav.main a.btn{background:var(--accent);color:var(--accent-ink)} nav.main a.btn:hover{background:var(--accent)}
.btn-ghost,.btn-line,.btn-ghost:hover,.btn-line:hover{background:transparent;color:inherit;box-shadow:inset 0 0 0 2.5px currentColor}
.tcard,.yy .w,.rev,.pcard,.menu.board,.ftx .c1,.ftx .c2{--fg:var(--cfg);--muted:var(--cmuted);--strong:var(--cstrong);color:var(--cfg)}
.tcard{--cb:var(--c1)} .tcard:nth-child(2){--cb:var(--c2)} .tfacts li{background:#ffffff;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.1)} .tfacts .pp{background:var(--cfg);color:#ffffff;box-shadow:none}
.menu.board{background:var(--c1)} .pcard .cat{background:var(--kbg);color:var(--kfg)} .pcard,.yy .w{box-shadow:0 0 0 1.5px rgba(0,0,0,.07)}
.yy .dw{background:var(--t1);box-shadow:0 0 0 6px var(--bg)} .yy .w:nth-child(even) .dw{background:var(--t2)} .y1 .dw{background:var(--t1)}
.a1 .aphoto figcaption,.ab .q{color:var(--strong)} .ab .q{border-left-color:var(--accent)} .ab .p{color:var(--muted)}
.rev{border-color:rgba(0,0,0,.14);background:#ffffff} .ph-tag{background:rgba(0,0,0,.06)} .ra{background:rgba(0,0,0,.07)}
.ftx{padding:34px 0 112px} .ftx .cards3{border-top-color:currentColor} .ftx .c1{background:#ffffff} .ftx .c2{background:var(--f2)} .ftx .c3{background:var(--f3bg);color:var(--f3fg)} .ftx .c3 h3,.ftx .c3 li{color:var(--f3fg)} .ftx .c3 .btn{background:var(--f3btn);color:var(--f3ink)} .ftx .copy{color:var(--muted);opacity:1} .ftx .c h3{color:inherit} .ftx .soc a{background:#ffffff;color:var(--cfg)}
@media (max-width:760px){.ftx{padding-bottom:150px}}
html[data-p="10"] .hero .btn:not(.btn-ghost){box-shadow:0 0 0 2.5px #05292c}
.hero{--bg:#ffffff;--fg:#062b2e;--muted:#3e5a5c;--accent:#009aa0;--accent-ink:#ffffff;--kbg:#e8f9f9;--kfg:#00666a;--markc:#009aa0;--strong:#007a7f;--t1:#e8f9f9;--t2:#ffeedd;--t3:#ffeedd;--c1:#e8f9f9;--c2:#ffeedd;--line:color-mix(in srgb,#062b2e 16%,transparent);--surface:#ffffff;--sky1:#e8f9f9;--sky2:#ffeedd;background:#ffffff;color:#062b2e}
#walks{--bg:#ffffff;--fg:#062b2e;--muted:#3e5a5c;--accent:#009aa0;--accent-ink:#ffffff;--kbg:#e8f9f9;--kfg:#00666a;--markc:#009aa0;--strong:#007a7f;--t1:#e8f9f9;--t2:#ffeedd;--t3:#ffeedd;--c1:#e8f9f9;--c2:#ffeedd;--line:color-mix(in srgb,#062b2e 16%,transparent);--surface:#ffffff;--sky1:#e8f9f9;--sky2:#ffeedd;background:#ffffff;color:#062b2e}
section:has(.why.yy){--bg:#00a3a8;--fg:#ffffff;--muted:#ffffff;--accent:#ffffff;--accent-ink:#00a3a8;--kbg:transparent;--kfg:#ffffff;--markc:#ffffff;--strong:#ffffff;--t1:#ffffff;--t2:#ffeedd;--t3:#ffeedd;--c1:#ffffff;--c2:#ffeedd;--line:color-mix(in srgb,#ffffff 16%,transparent);--surface:#ffffff;--sky1:#ffffff;--sky2:#ffeedd;background:#00a3a8;color:#ffffff}
section:has(.tastewrap){--bg:#ffffff;--fg:#062b2e;--muted:#3e5a5c;--accent:#009aa0;--accent-ink:#ffffff;--kbg:#e8f9f9;--kfg:#00666a;--markc:#009aa0;--strong:#007a7f;--t1:#e8f9f9;--t2:#ffeedd;--t3:#ffeedd;--c1:#e8f9f9;--c2:#ffeedd;--line:color-mix(in srgb,#062b2e 16%,transparent);--surface:#ffffff;--sky1:#e8f9f9;--sky2:#ffeedd;background:#ffffff;color:#062b2e}
#me{--bg:#f3fcfc;--fg:#062b2e;--muted:#3e5a5c;--accent:#009aa0;--accent-ink:#ffffff;--kbg:#e8f9f9;--kfg:#00666a;--markc:#009aa0;--strong:#007a7f;--t1:#e8f9f9;--t2:#ffeedd;--t3:#ffeedd;--c1:#e8f9f9;--c2:#ffeedd;--line:color-mix(in srgb,#062b2e 16%,transparent);--surface:#ffffff;--sky1:#e8f9f9;--sky2:#ffeedd;background:#f3fcfc;color:#062b2e}
section:has(.gallery){--bg:#ffffff;--fg:#062b2e;--muted:#3e5a5c;--accent:#009aa0;--accent-ink:#ffffff;--kbg:#e8f9f9;--kfg:#00666a;--markc:#009aa0;--strong:#007a7f;--t1:#e8f9f9;--t2:#ffeedd;--t3:#ffeedd;--c1:#e8f9f9;--c2:#ffeedd;--line:color-mix(in srgb,#062b2e 16%,transparent);--surface:#ffffff;--sky1:#e8f9f9;--sky2:#ffeedd;background:#ffffff;color:#062b2e}
section:has(.revs){--bg:#00a3a8;--fg:#ffffff;--muted:#ffffff;--accent:#ffffff;--accent-ink:#00a3a8;--kbg:transparent;--kfg:#ffffff;--markc:#ffffff;--strong:#ffffff;--t1:#ffffff;--t2:#ffeedd;--t3:#ffeedd;--c1:#ffffff;--c2:#ffeedd;--line:color-mix(in srgb,#ffffff 16%,transparent);--surface:#ffffff;--sky1:#ffffff;--sky2:#ffeedd;background:#00a3a8;color:#ffffff}
section:has(.bloghead){--bg:#ffffff;--fg:#062b2e;--muted:#3e5a5c;--accent:#009aa0;--accent-ink:#ffffff;--kbg:#e8f9f9;--kfg:#00666a;--markc:#009aa0;--strong:#007a7f;--t1:#e8f9f9;--t2:#ffeedd;--t3:#ffeedd;--c1:#e8f9f9;--c2:#ffeedd;--line:color-mix(in srgb,#062b2e 16%,transparent);--surface:#ffffff;--sky1:#e8f9f9;--sky2:#ffeedd;background:#ffffff;color:#062b2e}
footer.ftx{--bg:#ffffff;--fg:#062b2e;--muted:#3e5a5c;--accent:#009aa0;--accent-ink:#ffffff;--kbg:#e8f9f9;--kfg:#00666a;--markc:#009aa0;--strong:#007a7f;--t1:#e8f9f9;--t2:#ffeedd;--t3:#ffeedd;--c1:#e8f9f9;--c2:#ffeedd;--line:color-mix(in srgb,#062b2e 16%,transparent);--surface:#ffffff;--sky1:#e8f9f9;--sky2:#ffeedd;background:#ffffff;color:#062b2e}

/* white + turquoise: softer boxes, wavy circle portrait, accent colour in small places */
.hero .art{padding:18px 0} .hero .frame{width:min(450px,92%);aspect-ratio:1;border-radius:0;clip-path:url(#wob);box-shadow:none} .hero .frame img{object-position:50% 24%}
.hero .art .d1{width:min(476px,97%);aspect-ratio:1;border-radius:0;clip-path:url(#wob2);background:var(--soft);transform:translate(16px,12px) rotate(18deg);opacity:1} .hero .art .d2{width:64px;height:64px;left:3%;top:8%;background:var(--pop2);clip-path:url(#wob2)}
mark{text-decoration:underline wavy var(--pop2) 3px;text-underline-offset:.16em;text-decoration-skip-ink:none}
.tfacts .pp{background:var(--pop2);color:var(--popink)}
.tcard{box-shadow:0 0 0 1.5px rgba(0,154,160,.1)} .tcard:nth-child(2){box-shadow:0 0 0 1.5px rgba(0,0,0,.05)}
.yy .w:nth-child(even) .dw{background:var(--soft)} .yy .w:nth-child(odd) .dw{background:#ffffff}
.ab .q{border-left-color:var(--pop2)} .a1 .aphoto img{box-shadow:18px 18px 0 var(--soft)}
.menu.board{background:var(--c1)} .ftx .c2{background:var(--soft)} .kicker{letter-spacing:.1em}
.pcard .cat{background:var(--soft);color:var(--cfg)}
.ra{background:var(--soft)} .rev .qm path{fill:var(--soft)}

/* Tangerine direction */
html,body{overflow-x:clip}
h1,h2,h3{letter-spacing:var(--hls)} h1,h2{font-family:var(--fd);font-weight:var(--hw)} h3{font-family:var(--fd3);font-weight:var(--hw3)}
/* the original site's hand-written kicker above every heading */
.kicker,.hero .chip{background:none;padding:0;border-radius:0;font:400 calc(clamp(25px,2.5vw,31px)*var(--fsk))/1.15 var(--fs);letter-spacing:0;text-transform:none;color:var(--kfg);margin-bottom:6px}
.hero .art .chip{background:none}
mark{background:none;font-family:var(--fs);font-weight:400;font-size:calc(1.08em*var(--fsk));letter-spacing:0;color:var(--markc);text-decoration:underline wavy var(--pop2) 3px;text-underline-offset:.14em;text-decoration-skip-ink:none}
.sign{font-family:var(--fs);font-weight:400;font-size:calc(40px*var(--fsk))}
.ab .q{font:400 calc(clamp(26px,3vw,33px)*var(--fsk))/1.25 var(--fs);letter-spacing:0;border-left-color:var(--pop2)}
.lead,.hc .lead{font-family:var(--fb)}

/* hero portrait: the photo itself is cropped so the head sits on the centre line */
.hero .frame img{object-position:50% 50%}
.hero .frame{width:min(470px,94%)}

/* landmark row, wide enough for the detail to read */
.hero{overflow-x:clip}
.lmrow,.hero .lmrow,.ftx .lmrow{display:flex;justify-content:center;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-right:0;padding:0}
.hero .lmrow{margin-top:38px}
.landmarks,.hero .landmarks,.ftx .landmarks{display:block;flex:none;width:max(100%,1040px);max-width:1760px;height:auto}

/* Book buttons */
a.btn[data-book],nav.main a.btn,nav.main a.btn:hover,.ftx .c3 .btn,#mobar-btn,.bk-submit{background:var(--book);color:#ffffff}
.tcard .btns .btn[data-book]{font-size:19px;padding:15px 26px} nav.main a.btn{font-size:16.5px}
.ftx .c3 .btn{font-size:19px;padding:15px 28px}

/* tour cards: lower photo, quiet facts with little drawings */
.tcard .ph{aspect-ratio:16/9}
.tfacts{gap:7px 18px;margin:2px 0 4px;color:var(--cmuted)}
.tfacts li,.tfacts .pp{display:inline-flex;align-items:center;gap:6px;background:none;box-shadow:none;padding:0;border-radius:0;font-weight:600;font-size:14px;line-height:1.2;color:var(--cfg)}
.tfacts svg{width:20px;height:20px;flex:none;color:var(--cfg)}
.tfacts .pp{font-weight:800}

/* white text on turquoise */
section:has(.why.yy) .lead,section:has(.revs) .lead{font-weight:700;font-size:19px}
section:has(.why.yy) h2,section:has(.revs) h2,section:has(.why.yy) .kicker,section:has(.revs) .kicker{color:#ffffff}

/* album: prints stuck onto a paper page */
.gallery.g1{gap:clamp(22px,3vw,38px);padding:clamp(26px,4vw,50px) clamp(16px,4vw,50px) clamp(30px,4.4vw,56px);background-color:#fff7ee;background-image:radial-gradient(rgba(190,120,50,.17) 1.1px,transparent 1.3px);background-size:18px 18px;border-radius:14px;box-shadow:0 0 0 1px rgba(150,100,50,.14),0 22px 40px -30px rgba(90,50,10,.55)}
.gallery figure{--r:-1.5deg;--tape:rgba(255,146,51,.62);position:relative;overflow:visible;margin:0;padding:clamp(6px,.9vw,11px);background:#ffffff;border-radius:2px;box-shadow:0 1px 2px rgba(60,35,10,.26),0 12px 18px -12px rgba(60,35,10,.5);transform:rotate(var(--r));transition:transform .2s}
.gallery figure:hover{transform:rotate(0) scale(1.02);z-index:3}
.gallery img{border-radius:1px}
.gallery figure:nth-child(2){--r:1.8deg} .gallery figure:nth-child(3){--r:-.7deg;--tape:rgba(0,163,168,.5)} .gallery figure:nth-child(4){--r:1.3deg;--tape:rgba(0,163,168,.5)} .gallery figure:nth-child(5){--r:-2deg} .gallery figure:nth-child(6){--r:1deg}
/* washi tape with torn ends */
.gallery figure::before{content:"";position:absolute;z-index:2;top:-13px;left:50%;width:clamp(64px,9vw,104px);height:27px;margin-left:calc(clamp(64px,9vw,104px)/-2);background:var(--tape) repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 5px,transparent 5px 10px);transform:rotate(-2.5deg);clip-path:polygon(0 0,3% 12%,0 25%,3% 38%,0 50%,3% 62%,0 75%,3% 88%,0 100%,100% 100%,97% 88%,100% 75%,97% 62%,100% 50%,97% 38%,100% 25%,97% 12%,100% 0)}
.gallery figure:nth-child(3)::before{left:auto;right:-20px;top:-6px;margin:0;transform:rotate(38deg)}
.gallery figure:nth-child(6)::before{left:auto;right:-20px;top:-6px;margin:0;transform:rotate(38deg)}
.gallery figure:nth-child(3)::after{content:"";position:absolute;z-index:2;left:-20px;bottom:-6px;width:clamp(64px,9vw,104px);height:27px;background:var(--tape);transform:rotate(40deg);clip-path:polygon(0 0,3% 25%,0 50%,3% 75%,0 100%,100% 100%,97% 75%,100% 50%,97% 25%,100% 0)}
.gallery figure:nth-child(6)::after{content:"";position:absolute;z-index:2;left:-20px;bottom:-6px;width:clamp(64px,9vw,104px);height:27px;background:var(--tape);transform:rotate(40deg);clip-path:polygon(0 0,3% 25%,0 50%,3% 75%,0 100%,100% 100%,97% 75%,100% 50%,97% 25%,100% 0)}
/* old-fashioned photo corners on two prints */
.gallery figure:nth-child(2)::before,.gallery figure:nth-child(5)::before{inset:-5px;top:-5px;left:-5px;width:auto;height:auto;margin:0;transform:none;clip-path:none;--pc:#b9743a;background:
 linear-gradient(135deg,var(--pc) 22px,transparent 22.5px) top left/34px 34px no-repeat,
 linear-gradient(225deg,var(--pc) 22px,transparent 22.5px) top right/34px 34px no-repeat,
 linear-gradient(45deg,var(--pc) 22px,transparent 22.5px) bottom left/34px 34px no-repeat,
 linear-gradient(315deg,var(--pc) 22px,transparent 22.5px) bottom right/34px 34px no-repeat;pointer-events:none}
.gallery figure:nth-child(5)::before{--pc:#00858a}

/* turquoise footer */
.ftx{padding:30px 0 0;background:#00a3a8}
.ftx .lmrow{margin-bottom:0}
.ftx .cards3{border-top:0;padding-top:26px}
.ftx .c1,.ftx .c2{--fg:#ffffff;--muted:#ffffff;background:#00858a;color:#ffffff}
.ftx .c1 a,.ftx .c1 li,.ftx .c1 p,.ftx .c2 p,.ftx .c2 h3,.ftx .fwm,.ftx .fwm em{color:#ffffff}
.ftx .c3{background:#ffffff;color:#062b2e;--fg:#062b2e;--muted:#3e5a5c} .ftx .c3 h3,.ftx .c3 li{color:#062b2e}
.ftx .soc a{background:#ffffff;color:#00858a}
.ftx .copy{color:#ffffff;opacity:1;margin-top:28px;padding:16px 0 112px;font-weight:600;box-shadow:0 0 0 100vmax #00858a;clip-path:inset(0 -100vmax)}
@media (max-width:760px){.ftx{padding-bottom:0}.ftx .copy{padding-bottom:170px}}

/* review switcher */
.psw .f{display:flex;gap:4px} .psw .f button{width:34px;height:34px;border-radius:50%;background:#eef1f0;font-size:17px;line-height:1} .psw .f button[aria-pressed="true"]{background:#1b2b2d;color:#ffffff}
.psw .seg{display:flex;align-items:center;gap:5px;padding-left:10px;border-left:1.5px solid #dfe5e3;font-size:13px} .psw .seg button{width:24px;height:24px;border-radius:50%} .psw .seg button[aria-pressed="true"]{outline:2.5px solid #1b2b2d;outline-offset:2px}
.psw .nm{min-width:300px;white-space:nowrap}
.psw.min .f,.psw.min .seg{display:none}
@media (max-width:1040px){.psw{border-radius:24px;flex-wrap:wrap;justify-content:center;width:min(calc(100vw - 24px),480px)}.psw .nm{min-width:0;flex:1;white-space:normal;font-size:13px}.psw.min{width:auto}}

/* Satisfy captions take the turquoise of "a friend"; white stays on the turquoise bands */
.kicker,.hero .chip{color:var(--markc)}
.sign,.a1 .aphoto figcaption,.ab .q{color:#009aa0}
.wmt em{font:400 21px/1 var(--fs);color:#009aa0} .fwm em{font:400 24px/1 var(--fs);color:#ffffff}

/* landmark rows sit inside the page width */
.lmrow,.hero .lmrow,.ftx .lmrow{width:100%;margin-left:0;margin-right:0}
.hero .lmrow{margin-top:34px}
.landmarks,.hero .landmarks,.ftx .landmarks{width:100%;min-width:830px;max-width:none}

/* hero portrait in the same arch as the About photo */
.hero .art{padding:8px 18px 18px 0;justify-items:center}
.hero .frame{width:min(430px,92%);aspect-ratio:4/5;clip-path:none;border-radius:200px 200px 32px 32px;box-shadow:18px 18px 0 var(--soft);overflow:hidden;background:none}
.hero .frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;border-radius:0}

/* blog cards filled with pale colour */
.pcard{--cb:#e8f9f9;background:var(--cb);box-shadow:none;border:0} .pcard:nth-child(2){--cb:#ffeedd}
.pcard .cat{background:#ffffff;color:var(--cfg)}

/* footer: white page, drawings above, three separate boxes */
.ftx{background:#ffffff;padding:24px 0 0}
.ftx .cards3{padding-top:22px}
.ftx .c1{background:#00858a}
.ftx .c2{--fg:#062b2e;--muted:#3e5a5c;background:#ffeedd;color:#062b2e} .ftx .c2 p,.ftx .c2 h3{color:#062b2e}
.ftx .c3{background:#e8f9f9}
.ftx .soc a{background:#ffffff;color:#062b2e}
.ftx .copy{color:#3e5a5c;box-shadow:none;clip-path:none;margin-top:18px;padding:0 0 96px}
@media (max-width:760px){.ftx .copy{padding-bottom:110px}}

/* review tool: Book colour only */
.psw{padding:8px 10px 8px 16px} .psw .seg{border-left:0;padding-left:0;font-size:14px} .psw.min .seg{display:none}
@media (max-width:1040px){.psw{width:auto;flex-wrap:nowrap}}

/* menu: small shadow, logo, slides away on the way down and returns on the way up */
.hdr{box-shadow:0 1px 2px rgba(6,43,46,.07),0 4px 12px -6px rgba(6,43,46,.16);transition:transform .28s ease}
header.site.is-up .hdr{transform:translateY(calc(-100% - 24px))}
header.site:focus-within .hdr,body.menu-open header.site .hdr{transform:none}
@media (prefers-reduced-motion:reduce){.hdr{transition:none}}
.wm .lg{height:50px;width:auto;display:block}

/* every outlined button is turquoise like the See the tours fill */
.btn-ghost,.btn-line,.btn-ghost:hover,.btn-line:hover{background:transparent;color:#062b2e;box-shadow:inset 0 0 0 2.5px #009aa0}

/* tour cards: bigger guide photo */
.guided img{width:76px;height:76px;object-position:50% 50%;border:3px solid #ffffff}

/* why block: tour trail in the corners */
.whysec{position:relative;overflow:hidden} .whysec .wrap{position:relative;z-index:1}
.rt-tr,.rt-bl{position:absolute;pointer-events:none}
.rt-tr{top:0;right:0;width:420px} .rt-bl{left:0;bottom:0;width:300px}
@media (max-width:1320px){.rt-bl{display:none}.rt-tr{width:250px}}
@media (max-width:760px){.rt-tr{width:150px}}
.yy .dw svg{width:100%;height:100%}

/* about: the invitation in the heading font, smaller than the headings */
.ab .q{font:var(--hw) clamp(21px,2.3vw,26px)/1.28 var(--fd);letter-spacing:var(--hls);color:#009aa0}

/* reviews: five boxes of different heights, flowing into columns */
.revs{display:block;column-count:3;column-gap:18px}
.rev{break-inside:avoid;margin:0 0 18px;border:0;padding:28px;grid-template-rows:none;gap:14px}
.rev .rtext{font-style:normal;font-size:16.5px;line-height:1.6;color:var(--cfg)}
.ra{width:84px;height:84px;flex:none;border-radius:50%;background:#e8f9f9;padding:8px;overflow:hidden} .rev:nth-child(even) .ra{background:#ffeedd} .ra svg{display:block;width:100%;height:100%}
.rby{gap:14px}
@media (max-width:960px){.revs{column-count:2}} @media (max-width:640px){.revs{column-count:1}.rev{padding:24px}}

/* about: small labels under the photo */
.a1 .aphoto figcaption{font-size:16px;margin-top:34px}
.ptags{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}
.ptags li{display:flex;align-items:center;gap:8px;font:700 13.5px/1.2 var(--fb);color:#062b2e;background:#ffeedd;padding:8px 12px;border-radius:14px;--fg:#062b2e} .ptags li:nth-child(2),.ptags li:nth-child(3){background:#d6f3f2}
.ptags svg{width:24px;height:24px;flex:none;color:#062b2e}

/* Book buttons: same text size as the buttons beside them, a deeper tangerine keeps the white text readable */
:root{--book:#e05c00}
.tcard .btns .btn[data-book]{font-size:16px;padding:15px 24px}
.ftx .c3 .btn{font-size:16.5px;padding:15px 28px}

/* blog */
.pcard .more{justify-self:start;font-weight:800;font-size:15.5px;color:#007a7f;text-decoration:underline;text-underline-offset:.2em}

/* no review switcher any more */
.ftx .copy{padding-bottom:30px}
@media (max-width:760px){.ftx .copy{padding-bottom:30px}}

/* shared on the new pages */
.btn-book{background:var(--book);color:#ffffff;border:0;cursor:pointer} button.btn{cursor:pointer;border:0}
.thero{padding-bottom:30px} .thero .frame{width:min(430px,92%)} .thero .tfacts{margin:14px 0 2px;gap:9px 20px} .thero .tfacts li,.thero .tfacts .pp{font-size:15px} .thero .cta{margin-top:6px}
.thero h1{margin-bottom:12px}
.art.withtags{display:grid;gap:36px;justify-items:center} .withtags .ptags{width:min(430px,92%);padding-right:0}
.tstory .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,5vw,68px);align-items:start}
.tstory h2{margin-bottom:16px} .tstory p{font-size:18px;line-height:1.6;color:var(--muted);margin-bottom:14px} .tstory p b{color:#062b2e;font-weight:800}
.tbox{background:#e8f9f9;border-radius:30px;padding:28px;display:grid;gap:12px} .tbox h3{font-size:22px} .tbox h3:not(:first-child){margin-top:10px}
.incl{list-style:none;margin:0;padding:0;display:grid;gap:9px} .incl li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15.5px;line-height:1.3;color:#062b2e} .incl svg{width:24px;height:24px;flex:none;color:#062b2e}
.tbox .guided{margin-top:8px}

/* tour: the route */
.rband{--fg:#ffffff;--muted:#ffffff;--kfg:#ffffff;--markc:#ffffff;position:relative;overflow:hidden;background:#00a3a8;color:#ffffff;scroll-margin-top:0} .rband .wrap{position:relative;z-index:1} .rband .kicker,.rband h2{color:#ffffff} .rband .lead{font-weight:700;font-size:19px;color:#ffffff} .rband .sec-head{max-width:640px}
.rstops{list-style:none;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px;margin:8px 0 0;padding:0}
.rstops li{position:relative;padding-top:56px;display:flex;flex-direction:column}
.rstops li::before{content:"";position:absolute;top:20px;left:50%;width:calc(100% + 12px);border-top:3.5px dotted #ffffff} .rstops li:last-child::before{display:none}
.rpin{position:absolute;top:0;left:50%;width:32px;height:42px;transform:translateX(-50%);z-index:1}
.rtile{flex:1;background:#ffffff;color:#062b2e;border-radius:22px;padding:14px 10px 16px;display:grid;gap:7px;text-align:center;align-content:start;justify-items:center}
.rtile svg{display:block;width:100%;height:82px} .rtile b{font:var(--hw3) 15.5px/1.2 var(--fd3)} .rtile small{font:800 11px/1 var(--fb);letter-spacing:.06em;text-transform:uppercase;color:#007a7f}
@media (max-width:900px){.rstops{grid-template-columns:1fr;gap:12px} .rstops li{padding:0 0 0 48px} .rstops li::before{top:50%;left:15px;width:0;height:calc(100% + 12px);border-top:0;border-left:3.5px dotted #ffffff} .rpin{top:50%;left:0;transform:translateY(-50%)} .rtile{grid-template-columns:110px 1fr;text-align:left;justify-items:start;align-items:center;column-gap:12px;padding:10px 14px} .rtile svg{grid-row:1 / span 2;height:62px} .rtile svg + b{grid-row:1 / span 2} .rtile small{align-self:end} .rtile small + b{align-self:start}}

/* tour: tasting, booking, the other walk */
.tdishes{display:grid;grid-template-columns:1fr 1fr;gap:18px} .tdish{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;background:#e8f9f9;border-radius:30px;padding:22px 26px} .tdish:nth-child(2){background:#ffeedd} .tdish .dw{display:block} .tdish svg{display:block;width:100%;height:auto} .tdish h3{font-size:24px;margin-bottom:4px} .tdish p{color:#3e5a5c;font-size:16px;font-weight:500}
.tbook{background:#f3fcfc} .tbook .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(28px,5vw,64px);align-items:start} #booking{scroll-margin-top:24px} .tbook h2{margin-bottom:18px}
.tsteps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:16px} .tsteps li{counter-increment:s;position:relative;padding-left:52px;display:grid;gap:2px;color:#3e5a5c;font-size:16.5px} .tsteps b{font:var(--hw3) 19px/1.2 var(--fd3);color:#062b2e}
.tsteps li::before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:#ffeedd;color:#062b2e;display:grid;place-items:center;font:var(--hw) 18px/1 var(--fd)} .tsteps li:nth-child(2)::before{background:#d6f3f2}
.tother{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:center;background:#ffeedd;border-radius:32px;padding:14px;text-decoration:none;color:#062b2e} .tother img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:22px;display:block} .tother div{display:grid;gap:4px;justify-items:start;padding:10px 12px 10px 0} .tother h3{font-size:clamp(24px,2.6vw,30px)} .tother p{color:#3e5a5c;font-size:16.5px} .tother .kicker{color:#009aa0} .tother .more{font-weight:800;color:#007a7f;text-decoration:underline;text-underline-offset:.2em;margin-top:4px}
body[data-view="tour"] .ftx .copy{padding-bottom:30px}
@media (max-width:960px){body[data-view="tour"] .ftx .copy{padding-bottom:104px}}

/* about */
.aw .dw{display:grid;place-items:center} .aw .dw svg{width:66%;height:66%} .aw .dw svg *{stroke-width:1.7}
.gallery.g1.duo{grid-template-columns:1fr;padding:clamp(28px,4vw,42px) clamp(24px,4vw,40px)}
.ab .q{margin:20px 0}
.svcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:34px} .svc{background:#e8f9f9;border-radius:26px;padding:24px} .svc:nth-child(even){background:#ffeedd} .svc h3{font-size:20px;margin-bottom:8px} .svc p{color:#3e5a5c;font-size:15.5px;font-weight:500}
.svcbtn{margin-top:28px}
.cta2{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:#e8f9f9;border-radius:32px;padding:clamp(26px,4vw,44px)} .cta2 h2{font-size:clamp(26px,3vw,36px);max-width:20ch} .cta2 .cta{margin:0}
@media (max-width:960px){.svcs{grid-template-columns:1fr 1fr} .tstory .wrap,.tbook .wrap{grid-template-columns:1fr} .tdishes{grid-template-columns:1fr}}
@media (max-width:560px){.svcs{grid-template-columns:1fr} .tdish{grid-template-columns:104px minmax(0,1fr);padding:18px;gap:14px} .tother{grid-template-columns:1fr} .tother div{padding:4px 10px 12px}}

/* subpage hero: a box that sits close under the menu and separates the hero from what follows */
.thero{padding:0} .hero.thero{padding:0}
.thero .hg{background:#e8f9f9;border-radius:36px;padding:clamp(26px,4vw,50px) clamp(22px,4vw,52px) 0;gap:clamp(20px,4vw,48px);align-items:end;overflow:hidden}
.thero .hc{padding-bottom:clamp(26px,4vw,50px);align-self:center;gap:18px} .thero h1{font-size:clamp(34px,4.2vw,52px);margin:0} .thero .lead{color:#3e5a5c;max-width:40ch}
.thero .art{padding:0;align-self:end;display:block} .thero .frame{width:min(390px,100%);margin:0 auto;aspect-ratio:4/5;border-radius:195px 195px 0 0;box-shadow:none}
.thero .cta{margin-top:2px} .thero .ptags{width:min(460px,100%)} .thero .ptags li{background:#ffffff} .thero .ptags li:nth-child(n){background:#ffffff}
.thero+.section{margin-top:40px}
@media (max-width:860px){.thero .hg{grid-template-columns:1fr} .thero .frame{width:min(320px,86%)} .thero .hc{padding-bottom:0}}

/* the three hero and closing variants under review */
html[data-h="1"] .hv:not(.hv1),html[data-h="2"] .hv:not(.hv2),html[data-h="3"] .hv:not(.hv3){display:none}
html[data-c="1"] .cv:not(.cv1),html[data-c="2"] .cv:not(.cv2),html[data-c="3"] .cv:not(.cv3){display:none}
.rvw{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:60;display:none;align-items:center;gap:12px;background:#ffffff;color:#1b2b2d;border-radius:999px;padding:8px 12px 8px 16px;box-shadow:0 14px 40px -12px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.08);font:700 13.5px/1.1 var(--fb);max-width:calc(100vw - 20px);white-space:nowrap}
body[data-view="about"] .rvw{display:flex}
.rvw div{display:flex;align-items:center;gap:4px} .rvw span{margin-right:3px} .rvw button{border:0;cursor:pointer;width:30px;height:30px;border-radius:50%;background:#eef1f0;color:#1b2b2d;font:700 13.5px/1 var(--fb);padding:0} .rvw button[aria-pressed="true"]{background:#1b2b2d;color:#ffffff} .rvw .x{background:none;color:#5d6b6c;font-size:17px}
.rvw.min div{display:none} .rvw.min{padding:4px}
body[data-view="about"] .ftx .copy{padding-bottom:84px}

/* about me */
.ame .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}
.ame .ptags{margin-top:14px}
@media (max-width:960px){.ame .wrap{grid-template-columns:1fr}}
@media (max-width:700px){.gallery.g1:has(figure:nth-child(3):last-child){grid-template-columns:1fr}}
.gallery.g1.duo{grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px);padding:clamp(20px,2.6vw,30px)}
.duo figure{padding:6px}
.duo figure::before,.duo figure:nth-child(3)::after,.duo figure:nth-child(6)::after{width:58px;height:18px} .duo figure::before{top:-9px;margin-left:-29px}
.duo figure:nth-child(3)::before,.duo figure:nth-child(6)::before{right:-14px;top:-3px;margin:0} .duo figure:nth-child(3)::after,.duo figure:nth-child(6)::after{left:-14px;bottom:-3px}
.duo figure:nth-child(2)::before,.duo figure:nth-child(5)::before{inset:-4px;top:-4px;left:-4px;margin:0;width:auto;height:auto;background-size:22px 22px}
.duo figure:nth-child(2)::before,.duo figure:nth-child(5)::before{background:
 linear-gradient(135deg,var(--pc) 14px,transparent 14.5px) top left/22px 22px no-repeat,
 linear-gradient(225deg,var(--pc) 14px,transparent 14.5px) top right/22px 22px no-repeat,
 linear-gradient(45deg,var(--pc) 14px,transparent 14.5px) bottom left/22px 22px no-repeat,
 linear-gradient(315deg,var(--pc) 14px,transparent 14.5px) bottom right/22px 22px no-repeat}

/* for companies: icons in the boxes */
.svc{display:grid;gap:8px;align-content:start} .svi{display:block;width:76px;height:76px;border-radius:50%;background:#ffffff;padding:13px;margin-bottom:6px} .svi svg{display:block;width:100%;height:100%;--fg:#062b2e}
.svc h3{margin-bottom:0}

/* closing block */
.closing{padding-block:30px 26px} .closing h2{font-size:clamp(28px,3.4vw,40px);max-width:20ch} .closing .cta{margin:0;justify-content:center;flex-wrap:wrap} .cl1 .kicker,.cl3 .kicker{justify-self:center;text-align:center} .closing h2{text-align:inherit}
.cl1{position:relative;overflow:hidden;background:#00a3a8;color:#ffffff;border-radius:36px;padding:clamp(40px,5vw,64px) clamp(20px,4vw,40px);text-align:center;--fg:#ffffff}
.cl1 .cin{position:relative;z-index:1;display:grid;gap:12px;justify-items:center} .cl1 h2,.cl1 .kicker{color:#ffffff;margin:0}
.cl1 .btn{background:#ffffff;color:#062b2e} .cl1 .btn-ghost,.cl1 .btn-ghost:hover{background:transparent;color:#ffffff;box-shadow:inset 0 0 0 2.5px #ffffff} .cl1 .cta{margin-top:10px}
.carc{position:absolute;bottom:0;width:clamp(150px,22vw,270px)} .carc.l{left:0} .carc.r{right:0;transform:scaleX(-1)}
@media (max-width:760px){.carc{width:110px;opacity:.75}}
.cl2 .pc{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#fff7ee;border-radius:18px;padding:clamp(30px,4vw,46px) 0;--stripe:repeating-linear-gradient(135deg,#00a3a8 0 14px,#fff7ee 14px 24px,#ff9233 24px 38px,#fff7ee 38px 48px);box-shadow:0 0 0 1px rgba(150,100,50,.14),0 22px 40px -30px rgba(90,50,10,.55)}
.cl2 .pc::before{content:"";position:absolute;inset:0;border-radius:18px;padding:9px;background:var(--stripe);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.pcl{display:grid;gap:10px;align-content:center;padding:0 clamp(24px,4vw,48px);border-right:2.5px dashed rgba(6,43,46,.22)} .pcl .kicker{margin:0}
.pcr{display:grid;gap:20px;padding:0 clamp(24px,4vw,48px);align-content:center} .pcr .cta{justify-content:flex-start}
.pctop{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:360px} .pcr .cta{max-width:360px}
.stamp{flex:none;width:136px;padding:8px;background:#ffffff;outline:2px dashed #009aa0;outline-offset:-3px;transform:rotate(2deg)} .stamp svg{display:block;width:100%;height:auto}
.pmark{width:96px;height:96px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 2.5px rgba(0,133,138,.55),inset 0 0 0 7px #fff7ee,inset 0 0 0 8.5px rgba(0,133,138,.55);display:grid;place-items:center;transform:rotate(-12deg)} .pmark i{font:800 11px/1 var(--fb);font-style:normal;letter-spacing:.08em;color:#00858a}
@media (max-width:760px){.cl2 .pc{grid-template-columns:1fr;gap:20px} .pcl{border-right:0;border-bottom:2.5px dashed rgba(6,43,46,.22);padding-bottom:20px}}
.cl3{position:relative;margin-top:50px;background:#ffeedd;border-radius:36px;padding:66px clamp(20px,4vw,40px) clamp(36px,4vw,48px);display:grid;gap:12px;justify-items:center;text-align:center} .cl3 .kicker{margin:0} .cl3 .cta{margin-top:10px}
.cav{position:absolute;top:-50px;left:50%;margin-left:-50px;width:100px;height:100px;border-radius:50%;object-fit:cover;border:5px solid #ffffff;z-index:1}
.carc3{position:absolute;left:0;top:0;width:100%;height:90px}

/* about hero: no box, same portrait frame as the homepage hero, with air before the coloured block */
.thero.plain .hg{background:none;border-radius:0;padding:14px 0 0;overflow:visible;align-items:center}
.thero.plain .hc{padding-bottom:0}
.thero.plain .art{display:grid;place-items:center;align-self:center;padding:8px 18px 18px 0}
.thero.plain .frame{width:min(430px,92%);margin:0;aspect-ratio:4/5;border-radius:200px 200px 32px 32px;box-shadow:18px 18px 0 var(--soft);overflow:hidden}
.thero.plain+.section{margin-top:clamp(36px,5vw,56px)}
.thero.plain .ptags li:nth-child(n){background:#ffeedd} .thero.plain .ptags li:nth-child(2),.thero.plain .ptags li:nth-child(3){background:#d6f3f2}

/* closing: lower, a line from the pin to the letter */
/* same air above and below the box: 56px to the album, 56px to the footer drawings */
main[data-view="about"] section:has(.svcs){padding-bottom:0}
main[data-view="about"] .closing{padding-block:56px}
.closing .cl1{padding:clamp(26px,3vw,36px) clamp(20px,4vw,40px) clamp(40px,4vw,48px)}
.closing .cl1 h2{font-size:clamp(28px,3.2vw,38px);max-width:none;line-height:1.12}
.cl1 .cin{gap:8px} .cl1 .cta{margin-top:8px}
.cpath{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cpin,.cenv{position:absolute;top:50%;transform:translateY(-54%)}
.cpin{left:7%;width:60px} .cenv{right:6%;width:124px}
@media (max-width:900px){.cpath,.cpin{display:none} .cenv{position:static;display:block;transform:none;width:68px;margin:0 auto 8px} .closing .cl1{padding-bottom:30px}}

/* album prints: the photo carries the 4:3 shape itself, so it can never outgrow its print in any browser */
.gallery.g1 figure{aspect-ratio:auto;height:auto;align-self:start} .gallery.g1 img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}

/* offer button inside the album */
.albbtn{grid-column:1 / -1;margin:clamp(2px,1vw,10px) 0 0;display:flex;justify-content:center}
@media (max-width:700px){.gallery.g1:has(figure:nth-child(3)):not(:has(figure:nth-child(4))){grid-template-columns:1fr}}

/* one turquoise everywhere: the album's photo corners follow the bands too */
.gallery figure:nth-child(5)::before{--pc:#00a3a8}

/* footer: the first box in the same turquoise as the bands; bolder small text keeps white readable */
.ftx .c1{background:#00a3a8} .ftx .c1 p,.ftx .c1 a,.ftx .c1 li{font-weight:700}

/* contact details in the footer */
.ftx .fcon a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
#contact{scroll-margin-top:0}

/* /tours */
.tcardsec{padding:0 0 56px} .thero+.tcardsec{margin-top:32px}

/* the email address lights up when a Book or Contact link brings someone to it */
@keyframes mailflash{0%,100%{background-color:transparent}18%,70%{background-color:#ffdcb5}}
.ftx .fcon a.flash{animation:mailflash 2.4s ease;border-radius:8px;box-shadow:0 0 0 6px transparent}
@media (prefers-reduced-motion:reduce){.ftx .fcon a.flash{animation:none;background-color:#ffdcb5}}

/* boxed subpage hero: the photo sits in the vertical centre of the box, not on its floor */
.thero:not(.plain) .hg{padding:clamp(26px,4vw,48px) clamp(22px,4vw,52px);align-items:center}
.thero:not(.plain) .hc{padding-bottom:0}
.thero:not(.plain) .art{align-self:center;display:grid;place-items:center}
.thero:not(.plain) .frame{width:min(360px,100%);margin:0;border-radius:180px 180px 32px 32px}
@media (max-width:860px){.thero:not(.plain) .frame{width:min(320px,86%)}}

/* footer menu on one line */
.ftx .fnav{display:flex;flex-wrap:wrap;gap:8px 24px}

/* tour names on the cards are links too */
.tcard h3 a{color:inherit;text-decoration:none} .tcard h3 a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.14em}

/* mixed album: smaller upright and landscape prints in four columns that start and end level */
.mixalb{display:flex;gap:clamp(14px,2vw,26px);padding:clamp(24px,3.2vw,42px);background-color:#fff7ee;background-image:radial-gradient(rgba(190,120,50,.17) 1.1px,transparent 1.3px);background-size:18px 18px;border-radius:14px;box-shadow:0 0 0 1px rgba(150,100,50,.14),0 22px 40px -30px rgba(90,50,10,.55)}
.mixcol{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(18px,2.2vw,26px)}
.pr{--tape:rgba(255,146,51,.62);position:relative;margin:0;padding:clamp(5px,.6vw,8px);background:#ffffff;border-radius:2px;box-shadow:0 1px 2px rgba(60,35,10,.26),0 10px 16px -10px rgba(60,35,10,.5);transform:rotate(var(--r));transition:transform .2s}
.pr:hover{transform:rotate(0) scale(1.03);z-index:3}
.pr img{display:block;width:100%;height:auto;border-radius:1px}
.pr::before,.pr::after{content:"";position:absolute;z-index:2;pointer-events:none}
.pr.t1::before{top:-9px;left:50%;width:62px;height:18px;margin-left:-31px;background:var(--tape) repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 4px,transparent 4px 8px);transform:rotate(-2.5deg);clip-path:polygon(0 0,3% 25%,0 50%,3% 75%,0 100%,100% 100%,97% 75%,100% 50%,97% 25%,100% 0)}
.pr.t3::before,.pr.t3::after{width:58px;height:17px;background:var(--tape);clip-path:polygon(0 0,3% 25%,0 50%,3% 75%,0 100%,100% 100%,97% 75%,100% 50%,97% 25%,100% 0)}
.pr.t3::before{right:-15px;top:-2px;transform:rotate(38deg)} .pr.t3::after{left:-15px;bottom:-2px;transform:rotate(38deg)}
.pr.t2{--pc:#b9743a} .pr.t2:nth-child(even){--pc:#00a3a8}
.pr.t2::before{inset:-4px;background:
 linear-gradient(135deg,var(--pc) 14px,transparent 14.5px) top left/22px 22px no-repeat,
 linear-gradient(225deg,var(--pc) 14px,transparent 14.5px) top right/22px 22px no-repeat,
 linear-gradient(45deg,var(--pc) 14px,transparent 14.5px) bottom left/22px 22px no-repeat,
 linear-gradient(315deg,var(--pc) 14px,transparent 14.5px) bottom right/22px 22px no-repeat}
@media (max-width:760px){.mixalb{flex-wrap:wrap} .mixcol{flex:0 0 calc(50% - clamp(14px,2vw,26px)/2)}}

/* symmetric album: five mirrored columns, smaller prints, the group photo in the middle */
.mixalb.sym{gap:clamp(12px,1.6vw,20px)}
.mixalb.sym .mixcol.mid{flex:1.5 1 0;justify-content:center;align-items:center;gap:clamp(14px,1.8vw,22px)}
.mixalb.sym .mid .pr{width:100%}
.alh{width:24px;height:22px;flex:none}
.mixalb.sym .pr.t3::before,.mixalb.sym .pr.t3::after{width:46px;height:14px}
.mixalb.sym .pr.t1::before{width:50px;height:15px;margin-left:-25px;top:-7px}
.mixalb.sym .pr.t3::before{right:-12px} .mixalb.sym .pr.t3::after{left:-12px}
.mixalb.sym .pr.t2::before{inset:-3px;background-size:18px 18px}
@media (max-width:760px){.mixalb.sym .mixcol.mid{flex:0 0 100%;order:9} .mixalb.sym .alh{display:none}}

/* reviews: the tour name links to the tour */
.rby span a{color:inherit;text-decoration:underline;text-underline-offset:.18em}
.revs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;column-count:auto;align-items:start}
.revcol{display:grid;gap:18px;min-width:0;position:relative;z-index:1}
.rev{margin:0;padding:24px 26px;gap:12px}
.rev .qm{width:34px;height:26px}
.rev .ra{width:66px;height:66px;padding:6px}
.revtrail{position:absolute;right:0;bottom:0;width:calc(66.67% - 6px);height:auto;max-height:190px}
@media (max-width:960px){.revs{display:block;column-count:2;column-gap:18px} .revcol{display:contents} .rev{margin:0 0 18px} .revtrail{display:none}}
@media (max-width:640px){.revs{column-count:1}}

/* reviews fit one screen: shorter text, smaller type, columns end level */
.revs{align-items:stretch}
.revcol{display:flex;flex-direction:column;gap:16px}
.rev{flex:1 1 auto;display:flex;flex-direction:column;padding:20px 24px;gap:9px}
.rev .qm{width:26px;height:20px}
.rev .rtext{font-size:15px;line-height:1.5;flex:1 1 auto}
.rev .rby{gap:12px}
.rev .ra{width:54px;height:54px;padding:5px}
.rev .rby b{font-size:15px} .rev .rby span{font-size:13px}
@media (max-width:960px){.revs{display:grid;grid-template-columns:1fr 1fr;column-count:auto;gap:16px} .revcol{display:contents} .rev{margin:0}}
@media (max-width:640px){.revs{grid-template-columns:1fr}}

/* reviews: full texts, one page on show at a time, dots underneath; the height follows the page */
.revs{display:block;column-count:auto;border-radius:28px}
.revs:focus-visible{outline:3px solid #ffffff;outline-offset:3px}
.revpage{display:none;min-height:inherit}
.revs.measuring .on{animation:none}
.revpage.on{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:18px;align-items:stretch;animation:revin .28s ease}
@keyframes revin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.rev{display:flex;flex-direction:column;flex:initial;margin:0;padding:22px 26px;gap:10px}
.rev .rtext{font-size:15px;line-height:1.5;flex:1 1 auto}
.revdots{display:flex;justify-content:center;gap:4px;margin-top:20px}
.revdots button{width:27px;height:27px;padding:7px;border:0;background:none;cursor:pointer;border-radius:50%}
.revdots button::before{content:"";display:block;width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 2.5px #ffffff}
.revdots button[aria-current="true"]::before{background:#ffffff}
.revdots button:focus-visible{outline:3px solid #ffffff}
@media (max-width:760px){.revpage,.revpage.on{display:contents;animation:none} .rev{display:none} .rev.on{display:flex;min-height:inherit;animation:revin .28s ease}}
@media (prefers-reduced-motion:reduce){.revpage.on,.rev.on{animation:none}}

/* blog listing */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.thero.bhero:not(.plain) .hg{display:block;padding:clamp(26px,3.4vw,42px) 0 0;overflow:hidden}
.bhero .hc{padding:0 clamp(18px,4vw,52px)}
.bhero .chip{display:inline-block}
.bhero h1{font-size:clamp(23px,6.2vw,58px);white-space:nowrap;margin:2px 0 clamp(14px,2vw,24px)}
.bart{overflow:hidden;padding:0 clamp(16px,2vw,24px) clamp(16px,2vw,24px)}
.bland{display:block;width:100%;height:auto;--lmink:#0a3a3e}
.blist{padding-top:36px}
.bcols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(24px,3vw,40px);align-items:start}
.bmain{min-width:0;display:grid;gap:20px}
.bside{position:sticky;top:24px;min-width:0}
.bphone{display:none}
.bempty{color:#3e5a5c;font-size:17px;padding:20px 0;margin:0}
.bempty[hidden]{display:none}
.breset{border:0;background:none;padding:0;color:#007a7f;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}
.bpost{display:block;text-decoration:none;color:#062b2e}
.bpost[hidden]{display:none!important}
.bpost .ph{overflow:hidden;background:#e8f9f9}
.bpost img{display:block;width:100%;height:100%;object-fit:cover}
.bpost .cat{display:inline-flex;align-items:center;gap:6px;font:800 12px/1 var(--fb);letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:#ffffff;color:#062b2e}
.bpost h3{font-size:21px;line-height:1.2;margin:10px 0 6px}
.bpost p{color:#3e5a5c;font-size:15.5px;font-weight:500;line-height:1.45;margin:0}
.bmeta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.bmeta time{font-size:13.5px;font-weight:700;color:#3e5a5c}
.bmeta .more{color:#007a7f;font-weight:800;font-size:15px;text-decoration:underline;text-underline-offset:3px}

/* post cards */
.bgrid.bl1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.bpost.bl1{background:#e8f9f9;border-radius:30px;padding:12px;transition:transform .2s}
.bpost.bl1.t2{background:#ffeedd}
.bpost.bl1:hover{transform:translateY(-3px)}
.bpost.bl1 .ph{aspect-ratio:3/2;border-radius:22px}
.bpost.bl1 .bt{padding:12px 10px 8px}

/* the post Petra highlights */
.bfeat{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center;background:#ffeedd;border-radius:30px;padding:14px 26px 14px 14px;transition:transform .2s}
.bfeat:hover{transform:translateY(-3px)}
.bfeat .ph{aspect-ratio:4/3;border-radius:22px}
.bfeat h3{font-size:clamp(25px,2.5vw,31px);margin-top:12px}
.bfeat p{font-size:16.5px}
.btags{display:flex;flex-wrap:wrap;gap:7px}
.bpost .fcat{background:#009aa0;color:#ffffff}
.fcat svg{width:13px;height:13px;display:block}

/* sidebar: the sections are stops on a dotted route */
.bband{background:#e8f9f9;border-radius:30px;padding:24px 22px 24px 16px}
.broute{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.broute>li{position:relative;padding-left:40px;min-width:0}
.broute>li::before{content:"";position:absolute;left:14px;top:30px;bottom:-30px;border-left:3.5px dotted #009aa0}
.broute>li:last-child::before{display:none}
.broute .rpin{position:absolute;left:0;top:0;width:30px;height:40px;transform:none}
.bstop{min-width:0}
.bside h3{font-size:21px;line-height:1.2;margin:0 0 10px}
.bside p{font-size:15px;line-height:1.5;color:#3e5a5c;margin:10px 0 0}
.bmore{display:inline-block;margin-top:8px;font-weight:800;font-size:15px;color:#007a7f;text-underline-offset:3px}
.bface{width:84px;height:84px;border-radius:50%;object-fit:cover;display:block;flex:none}
.bp-about{display:flex;align-items:center;gap:14px}
.bp-about h3{margin:0}
.bsub{display:block;font-size:14px;color:#3e5a5c;font-weight:600}
.bsearch{position:relative;display:block}
.bstop .bsearch{margin-bottom:10px}
.bsearch svg{position:absolute;left:15px;top:50%;width:19px;height:19px;transform:translateY(-50%);color:#007a7f;pointer-events:none}
.bsearch input{width:100%;height:46px;box-sizing:border-box;border:2px solid #009aa0;border-radius:999px;background:#ffffff;padding:0 16px 0 42px;font:600 15.5px var(--fb);color:#062b2e;appearance:none}
.bsearch input::placeholder{color:#3e5a5c}
.bsearch input:focus-visible{outline:3px solid #ff9233;outline-offset:2px}
.bchips{display:flex;flex-wrap:wrap;gap:7px}
.bchips .bcat{border:2px solid #009aa0;background:#ffffff;color:#062b2e;border-radius:999px;padding:6px 13px;font:700 14px/1.2 var(--fb);cursor:pointer}
.bchips .bcat[aria-pressed="true"]{background:#009aa0;color:#ffffff}
.bchips .bcat:focus-visible{outline:3px solid #ff9233;outline-offset:2px}
.bthumbs{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bthumbs a{display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;color:#062b2e}
.bthumbs img{width:66px;height:66px;object-fit:cover;border-radius:14px;display:block}
.bthumbs b{display:block;font-size:14.5px;line-height:1.25;font-weight:700}
.bthumbs a:hover b{text-decoration:underline}
.bthumbs time{display:block;font-size:12.5px;font-weight:600;color:#3e5a5c;margin-top:3px}
.btours{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.btours a{display:block;text-decoration:none;color:#062b2e;background:#ffffff;border-radius:14px;padding:10px 14px}
.btours a:hover b{text-decoration:underline}
.btours b{display:block;font:var(--hw3) 17px/1.2 var(--fd3)}
.btours span{display:block;font-size:13.5px;color:#3e5a5c;font-weight:600}
.bside .btn{display:flex;justify-content:center;width:100%;box-sizing:border-box}
.bsoc{display:flex;gap:10px}
.bsoc a{width:42px;height:42px;border-radius:50%;background:#009aa0;color:#ffffff;display:grid;place-items:center}
.bsoc svg{width:21px;height:21px}

@media (max-width:1000px){
 .bcols{grid-template-columns:1fr}
 .bside{position:static;top:auto!important}
 .bphone{display:grid;gap:12px;margin-bottom:22px}
 .bside .bsf{display:none}
}
/* on small screens the row keeps its size and shows its middle */
@media (max-width:760px){.bart{padding-inline:0} .bland{width:900px;max-width:none;margin-left:calc(50% - 450px)}}
@media (max-width:620px){
 .bgrid.bl1{grid-template-columns:1fr}
 .bfeat{grid-template-columns:1fr;gap:12px;padding:12px 12px 16px}
 .bfeat .bt{padding-inline:8px}
}

/* blog post */
.phero h1{font-size:clamp(32px,4.4vw,52px);margin:2px 0 16px}
.pcover{display:block;width:100%;max-width:470px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:28px}
.pback{display:inline-block;margin-bottom:10px;font-weight:800;font-size:15px;color:#007a7f;text-decoration:none}
.pback:hover{text-decoration:underline}
.phero .chip{display:block}
.pby{display:flex;align-items:center;gap:12px}
.pby img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block}
.pby b{display:block;font-size:16px;font-weight:800}
.pby small{display:block;font-size:14px;font-weight:600;color:#3e5a5c}
.pbody{padding-top:44px}
.pmain{min-width:0}
.plede{font-size:21px;line-height:1.5;font-weight:500;color:#062b2e;margin:0 0 18px}
.ppara,.psec p{font-size:18px;line-height:1.65;color:#3e5a5c;margin:0 0 16px}
.ptoc{background:#e8f9f9;border-radius:30px;padding:24px 28px;margin:30px 0 8px}
.ptoc h2{font-size:24px;margin:0 0 12px}
.ptoc ol{margin:0;padding:0 0 0 24px;columns:2;column-gap:26px;font-weight:700;color:#007a7f}
.ptoc li{break-inside:avoid;padding:3px 0;font-size:15px}
.ptoc a{font:700 15px/1.3 var(--fb);color:#062b2e;text-decoration:none}
.ptoc a:hover{color:#007a7f;text-decoration:underline}
.psec{margin-top:clamp(36px,4vw,52px);scroll-margin-top:24px}
.psec h2{display:flex;align-items:flex-start;gap:10px;font-size:clamp(26px,2.8vw,33px);line-height:1.15;margin:0 0 16px}
.ppin{width:25px;height:33px;flex:none;margin-top:1px}
.pgrid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}
.noimg .pgrid{display:block}
.pfig{margin:0}
.pfig img{display:block;width:100%;height:auto;border-radius:20px;background:#e8f9f9}
.pfig.tall img{width:auto;max-width:100%;max-height:300px}
.pfig figcaption{font:500 14px/1.35 var(--fb);color:#3e5a5c;margin-top:7px;padding-inline:2px}
.ptext p:last-child{margin-bottom:0}
.psec .ploc{display:flex;gap:10px;align-items:flex-start;background:#ffeedd;border-radius:18px;padding:12px 16px;margin:12px 0 0;font-size:15.5px;line-height:1.45;color:#062b2e}
.ploc svg{width:22px;height:22px;flex:none;margin-top:1px}
.ploc b{font-weight:800;margin-right:4px}
/* template elements other posts use */
.pfigs{display:grid;gap:14px}
.pgood{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;background:#e8f9f9;border-radius:22px;padding:16px 20px;margin:16px 0 0}
.pgood svg{width:42px;height:42px;display:block}
.pgood h3{font-size:20px;line-height:1.2;margin:2px 0 4px}
.pgood p,.psec .pgood p{font-size:16px;line-height:1.5;color:#3e5a5c;margin:0}
.plist{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px}
.plist li{position:relative;padding-left:20px;font-size:17px;line-height:1.5;color:#3e5a5c}
.plist li::before{content:"";position:absolute;left:2px;top:.55em;width:9px;height:9px;border-radius:50%;background:#ff9233}
.ploc .prow{display:block}
.ploc .prow+.prow{margin-top:3px}
.ploc a{color:#007a7f;font-weight:700}
.pclose{margin:clamp(32px,4vw,44px) 0 0}
.pclose a{color:#007a7f;font-weight:700}
.pmain .ptags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:40px;padding-top:22px;border-top:2px dashed #a9dcdc;font-size:14.500px;font-weight:700;color:#3e5a5c}
.pmain .ptags a{background:#e8f9f9;color:#062b2e;text-decoration:none;font-weight:700;border-radius:999px;padding:6px 13px}
.pmain .ptags a:hover{background:#d6f3f2}
.pcta{position:relative;overflow:hidden;background:#00a3a8;color:#ffffff;border-radius:32px;padding:clamp(26px,3.6vw,40px);margin-top:28px}
.pcta>svg{position:absolute;top:0;right:0;width:min(46%,300px);height:auto;pointer-events:none}
.pcta>div{position:relative}
.pcta .kicker{color:#ffffff}
.pcta h2{color:#ffffff;font-size:clamp(26px,3vw,36px);max-width:16em;margin:0 0 8px}
.pcta p{color:#ffffff;font-weight:600;font-size:17px;margin:0 0 18px;max-width:32em}
.pnext{padding-top:clamp(20px,3vw,32px)}
.bgrid.bl1.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.pall{margin-top:24px}
.pnext .wrap{display:block}
@media (max-width:960px){.bgrid.bl1.three{grid-template-columns:repeat(2,minmax(0,1fr))} .bgrid.bl1.three .bpost:nth-child(3){display:none}}
@media (max-width:620px){.ptoc{padding:20px 20px} .ptoc ol{columns:1} .bgrid.bl1.three{grid-template-columns:1fr} .bgrid.bl1.three .bpost:nth-child(3){display:block} .pgrid{grid-template-columns:1fr;gap:12px} .pfig{max-width:320px} .plede{font-size:19px}}
.bthumbs time{display:none}

/* blog: room under the Featured box */
.bfeat{margin-bottom:16px}

/* post hero: labels */
.phero .pby{gap:10px}
.phero .pby img{width:48px;height:48px}
.pmeta{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0;padding:0}
.pmeta li{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#ffffff;color:#062b2e;font:700 13px/1 var(--fb)}
.pmeta li.pcat{background:#009aa0;color:#ffffff;font:800 12px/1 var(--fb);letter-spacing:.08em;text-transform:uppercase}

/* post hero: a soft tangerine block and tangerine dots behind the cover */
.pcoverw{position:relative;width:calc(100% - 18px);max-width:452px;margin:14px 18px 18px 0}
.pcoverw::before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:28px;background:#ffd9b8}
.pcoverw::after{content:"";position:absolute;top:-14px;left:-14px;width:112px;height:112px;background-image:radial-gradient(#ff9233 2.2px,transparent 2.7px);background-size:14px 14px;border-radius:14px}
.pcoverw .pcover{position:relative;z-index:1;max-width:100%}
@media (max-width:860px){.phero .art{margin-top:6px}}

/* post hero: date and reading time in the soft tangerine of the cover's backdrop */
.pmeta li{background:#ffd9b8}
.pmeta li.pcat{background:#009aa0}
.pmeta{margin:0 0 18px}
.phero h1{margin-bottom:14px}
.phero .pby img{width:58px;height:58px}
.phero .pby span{font-size:16px;font-weight:500;color:#3e5a5c}
.phero .pby b{display:inline;font-weight:800;color:#062b2e}

/* tours: tangerine block, dashed route and a pin behind the arched photo */
.fdeco{position:relative;width:min(360px,calc(100% - 34px));margin:16px 18px 18px 16px}
.fdeco::before,.fdeco::after{content:"";position:absolute;border-radius:180px 180px 32px 32px}
.fdeco::before{inset:18px -18px -18px 18px;background:#ffd9b8}
.fdeco::after{inset:-16px 16px 16px -16px;border:2.5px dashed #009aa0}
.thero .fdeco .frame{position:relative;z-index:1;width:100%;margin:0}
.fpin{position:absolute;z-index:2;top:-24px;left:18px;width:30px;height:39px}
@media (max-width:860px){.fdeco{width:min(320px,calc(100% - 34px))}}

/* post sections: heading, all the text, then the photos at the bottom, filling the column */
.psec .pgrid{display:block}
.psec .ptext{margin:0}
.pmain .pfigs{display:flex;align-items:flex-start;gap:14px;width:100%;margin:36px 0 0}
.psec:not(.pside)+.psec{margin-top:clamp(48px,5vw,64px)}
.pmain .pfigs .pfig{flex:calc(var(--r)*100) 1 0;min-width:0;max-width:none}
.pmain .pfigs .pfig img,.pmain .pfigs .pfig.tall img{width:100%;max-width:none;max-height:none;height:auto}
.pmain .pfigs .ppanel{display:flex;justify-content:center;background:#e8f9f9;border-radius:20px;padding:18px}
.pmain .pfigs .ppanel img,.pmain .pfigs .pfig.tall .ppanel img{width:auto;max-width:100%;max-height:480px;border-radius:14px}
.psec .pgood{width:100%;box-sizing:border-box}
.pmain .pfig figcaption{text-align:center}
/* a post with one photo in every section: the photo beside the heading and the text; a Good to know box still takes its own full row */
.psec.pside .pgrid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px;align-items:start}
.psec.pside .pfig,.psec.pside .pfig.tall{max-width:none;margin:0}
.psec.pside .pfig img,.psec.pside .pfig.tall img{width:100%;max-width:none;max-height:none;height:auto}
.psec.pside .pcol h2{margin-top:0}
.psec.pside .pneeded{aspect-ratio:4/3}
.psec.pside>.pgood{margin-top:24px}
@media (max-width:620px){.pmain .pfigs{gap:10px;margin-top:28px}.pmain .pfigs .ppanel{padding:0;background:none}.pmain .pfigs .ppanel img,.pmain .pfigs .pfig.tall .ppanel img{width:100%;max-height:none;border-radius:20px}
.psec.pside .pgrid{display:flex;flex-direction:column;gap:22px}.psec.pside .pcol{display:contents}.psec.pside .pcol h2{order:1;margin-bottom:0}.psec.pside .paddr{order:2;margin:0}.psec.pside .pfig{order:3;width:100%}.psec.pside .ptext{order:4}}

/* About hero: dashed route and heart pin on the photo's left */
.thero.plain .fdeco{width:min(430px,calc(100% - 34px));margin:16px 18px 18px 16px}
.thero.plain .fdeco::before{display:none}
.thero.plain .fdeco::after{border-radius:200px 200px 32px 32px}
.thero.plain .fdeco .fpin{top:36%;left:-32px}
/* Home's about block: the same idea, lighter */
.aframe{position:relative}
.aframe::before{content:"";position:absolute;inset:-12px 12px 12px -12px;border:2px dashed #a9dcdc;border-radius:200px 200px 32px 32px;pointer-events:none}
.aframe img{position:relative;z-index:1}
.aframe .fpin{top:36%;left:-24px;width:24px;height:31px}
@media (max-width:860px){.aframe{margin-left:12px}}

/* static site: elements the prototype did not need */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#contact,.psec,#route,#for-companies{scroll-margin-top:24px}
.bside form{margin:0}
.bchips a.bcat{display:inline-block;text-decoration:none}
.mobar a.btn{text-decoration:none}
.paddr{margin:-6px 0 16px;font-weight:700;font-size:15.5px}
.paddr a{color:#007a7f;text-underline-offset:3px}
.pgood.phigh{background:#ffeedd;margin:18px 0 8px}
.pgood.phigh h3{font-size:22px}
.pgood.phigh svg{width:42px;height:42px;color:#062b2e}
.pmain>.pgood:first-child{margin-top:0}
.ptext .pgood{margin-top:16px}
.ptext>:first-child{margin-top:0}
/* a place that still needs its own photo */
.pneeded{display:grid;place-items:center;aspect-ratio:16/7;width:100%;border:3px dashed #ff9233;border-radius:20px;background:repeating-linear-gradient(45deg,#fff7ee,#fff7ee 12px,#ffeedd 12px,#ffeedd 24px);color:#b24700;font:800 16px/1.3 var(--fb);text-align:center;padding:12px;box-sizing:border-box}
.pneeded small{display:block;font-weight:600;font-size:13.5px;margin-top:4px;color:#3e5a5c}
figure.pneeded{margin:0}
div.pcover.pneeded{border-radius:28px;aspect-ratio:4/3}