/* Les Sybelles Property — its own identity (deliberately distinct from alpinepropertyinvestments.co.uk):
   alpine night navy, snow-white paper, copper accent, Cormorant Garamond display + Inter body. */
:root{--night:#0f1b2d;--night2:#182a44;--paper:#fbf9f5;--stone:#eee9e1;--ink:#1d2733;--muted:#5f6b78;--line:#e2ddd4;--copper:#b4834a;--copper2:#9a6c38;--snow:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{color:var(--copper2)}a:hover{color:var(--night)}
h1,h2,h3,.display{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;line-height:1.12;color:var(--night);font-weight:600;margin:0 0 .45em;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,5.2vw,4rem)}h2{font-size:clamp(1.7rem,3.2vw,2.5rem);margin-top:1.4em}h3{font-size:1.35rem}
.kicker{font-family:Inter,sans-serif;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--copper);font-weight:600;margin:0 0 .8rem}
p{margin:0 0 1em}.lead{font-size:1.15rem;color:#2c3a4b;max-width:46rem}.muted{color:var(--muted)}.tiny{font-size:.78rem;color:var(--muted)}.center{text-align:center}
.wrap{max-width:var(--max);margin:0 auto;padding:3rem 1.4rem}
.draft{background:var(--night);color:#e8d9c2;font-size:.78rem;text-align:center;padding:.45rem .8rem;letter-spacing:.02em}
/* header */
.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.4rem;background:rgba(251,249,245,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink)}.brand span{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-family:"Cormorant Garamond",serif;color:var(--night);font-size:1.3rem;font-weight:700;letter-spacing:.01em}.brand small{font-size:.68rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:6px;font-size:1.3rem;padding:.1rem .6rem;color:var(--night);cursor:pointer}
/* buttons/tags */
.btn{display:inline-block;background:var(--night);color:#fff;text-decoration:none;font-weight:600;padding:.8rem 1.4rem;border-radius:2px;border:1px solid var(--night);font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s}.btn:hover{background:var(--copper2);border-color:var(--copper2);color:#fff}
.btn.ghost{background:transparent;color:var(--night)}.hero .btn{background:#fff;color:var(--night);border-color:#fff}.hero .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}.hero .btn:hover{background:var(--copper);border-color:var(--copper);color:#fff}
.btn.small{padding:.5rem .9rem;font-size:.72rem}.btn.full{display:block;text-align:center;margin:.5rem 0}.btn[disabled]{opacity:.5;cursor:not-allowed}
.ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.tag{display:inline-block;background:var(--night);color:#fff;font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;padding:.25rem .6rem;border-radius:2px;margin-right:.3rem}.tag.ghost{background:var(--stone);color:var(--night)}
/* hero with slow crossfade */
.hero{position:relative;background:var(--night) center/cover no-repeat;color:#fff;min-height:58vh;display:flex;align-items:flex-end;overflow:hidden}.hero.xl{min-height:88vh}
.slides{position:absolute;inset:0}.slide{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;animation:fade 24s infinite;transform:scale(1.04)}
.slide:nth-child(1){animation-delay:0s}.slide:nth-child(2){animation-delay:6s}.slide:nth-child(3){animation-delay:12s}.slide:nth-child(4){animation-delay:18s}
.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.slides .slide:only-child{opacity:1;animation:none}
@keyframes fade{0%{opacity:0;transform:scale(1.08)}8%{opacity:1}30%{opacity:1}40%{opacity:0;transform:scale(1.0)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.slide{animation:none}.slide:first-child{opacity:1}}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,27,45,.32),rgba(15,27,45,.06) 55%,rgba(15,27,45,0)),linear-gradient(180deg,rgba(15,27,45,0) 40%,rgba(15,27,45,.6));z-index:1}
.hero .wrap{position:relative;z-index:2;padding:4rem 1.4rem 4.5rem;width:100%}.hero h1{color:#fff;max-width:16ch;text-shadow:0 2px 18px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.4)}.hero .lead,.hero .kicker{text-shadow:0 1px 10px rgba(0,0,0,.6)}.hero .lead{color:#f1ece3;max-width:40rem}.hero .kicker{color:#e8c99a}
/* endorsement */
.endorse-strip{background:var(--stone);border-bottom:1px solid var(--line)}.endorse-strip .wrap{display:flex;align-items:center;gap:1rem;padding:1rem 1.4rem;font-size:.9rem}.endorse-strip img{width:44px;height:auto;opacity:.9}.endorse-strip p{margin:0}
.endorse{display:flex;align-items:center;gap:.7rem;font-size:.82rem}.endorse img{width:40px;height:auto;background:#fff;border-radius:4px;padding:3px}
/* grids */
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.4rem}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.6rem}
.why{border-top:2px solid var(--copper);padding:1.1rem 0 0}.why h3{margin-bottom:.3rem}.why p{font-size:.95rem;color:#3b4654}
.villages{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding-top:0}.vcard{position:relative;overflow:hidden;border-radius:4px;background:var(--night);color:#fff;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end}.vcard>a{position:absolute;inset:0}.vcard img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .8s}.vcard:hover img{transform:scale(1.04)}.vcard div{position:relative;padding:1.6rem;background:linear-gradient(180deg,transparent,rgba(15,27,45,.9))}.vcard h2{margin:0 0 .3rem;color:#fff}.vcard h2 a{color:#fff;text-decoration:none}.vcard p{color:#e9e4da;margin-bottom:.5rem}.more{color:#e8c99a;font-weight:600;text-decoration:none;font-size:.9rem}
/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.6rem}
.card{background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,27,45,.12)}.card img,.noimg{aspect-ratio:4/3;object-fit:cover;width:100%}.noimg{background:var(--stone);display:flex;align-items:center;justify-content:center;color:var(--muted)}
.cbody{padding:1.1rem 1.2rem 1.3rem}.card h3{font-size:1.25rem;margin:.7rem 0 .3rem}.card h3 a{text-decoration:none;color:var(--night)}.facts{font-size:.82rem;color:var(--muted);margin:0 0 .5rem;letter-spacing:.02em}.price{font-weight:600;color:var(--night);font-size:1.15rem;margin:0;font-family:Inter,sans-serif}.price.big{font-size:1.7rem}.card.hide{display:none}
/* filters */
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;background:#fff;border:1px solid var(--line);padding:1rem;border-radius:4px;margin:1.2rem 0}.filters label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;flex-direction:column;gap:.3rem}.filters select{font:inherit;font-size:.9rem;padding:.55rem;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink)}
/* property page */
.phead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.2rem}.phead h1{margin:.5rem 0 .2rem;font-size:clamp(1.8rem,3.6vw,2.8rem)}
/* property photo gallery (Steve 28 Oct 2026): fixed mosaic on desktop, swipe carousel on phones */
.pgal{position:relative;margin:1.2rem 0 2rem}.gallery{display:grid;gap:6px;height:clamp(300px,34vw,460px);border-radius:8px;overflow:hidden;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.gallery a.g{display:block;position:relative;overflow:hidden;min-width:0;min-height:0;background:var(--stone)}.gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.gallery a.g:hover img{transform:scale(1.03)}.gallery a.g:first-child{grid-column:1;grid-row:1/-1}
.gallery.gc2{grid-template-columns:1fr 1fr}.gallery.gc3{grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.gallery.gc4{grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr))}.gallery.gc5{grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.gallery.gc5 a.g:nth-child(n+6){display:none}.gallery.gc0{display:none}
.gmore{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,16,26,.55);color:#fff;font-weight:600;font-size:1.1rem;letter-spacing:.03em;transition:background .2s}.gallery a.g:hover .gmore{background:rgba(10,16,26,.42)}
.pgal .gall{position:absolute;right:1rem;bottom:1rem;z-index:2;background:#fff;color:var(--night);border-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.28)}.pgal .gall:hover{background:var(--copper2);border-color:var(--copper2);color:#fff}.pgal .gall:focus-visible{outline:3px solid #2a6fdb;outline-offset:2px}.gcount{display:none}
@media (max-width:759px){.pgal{margin:1rem 0 1.6rem}.gallery,.gallery.gc2,.gallery.gc3,.gallery.gc4,.gallery.gc5{display:flex;gap:0;height:auto;aspect-ratio:3/2;border-radius:6px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gallery::-webkit-scrollbar{display:none}.gallery a.g,.gallery.gc5 a.g:nth-child(n+6){display:block;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.gallery a.g:hover img{transform:none}.gmore,.pgal .gall{display:none}.gcount{display:block;position:absolute;right:.6rem;bottom:.6rem;background:rgba(10,16,26,.72);color:#fff;font-size:.78rem;line-height:1;padding:.35rem .6rem;border-radius:999px;pointer-events:none;letter-spacing:.03em}}
.pgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:2.5rem;margin-top:1.8rem}@media (max-width:880px){.pgrid{grid-template-columns:1fr}}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem;margin:0}.facts div{background:#fff;border:1px solid var(--line);border-radius:3px;padding:.65rem .85rem}.facts dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.facts dd{margin:0;font-weight:600;color:var(--night)}
.bullets{columns:2;gap:2rem;padding-left:1.2rem}@media (max-width:600px){.bullets{columns:1}}
.box{background:#fff;border:1px solid var(--line);border-radius:4px;padding:1.5rem}.side .box{margin-bottom:1rem}.side .box.soft,.box.soft{background:var(--stone);border:0}.box.wide{margin:1.5rem 0}.box.dl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;background:var(--night);color:#fff;border:0}.box.dl h2{color:#fff;margin-top:0;font-size:1.5rem}.box.dl p{color:#e3dccf;margin:0;max-width:40rem}.box.dl .btn{background:var(--copper);border-color:var(--copper)}
.video{aspect-ratio:16/9;margin:1rem 0}.video iframe{width:100%;height:100%;border:0;border-radius:3px}.videos2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}
.lightbox{position:fixed;inset:0;background:rgba(10,16,26,.94);display:none;align-items:center;justify-content:center;z-index:1000;touch-action:pan-y}.lightbox.open{display:flex}.lightbox .lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100vw;max-height:100vh}.lightbox img{display:block;max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:2px;box-shadow:0 10px 40px rgba(0,0,0,.5);transition:opacity .2s}.lightbox.loading img{opacity:.35}.lightbox figcaption{color:#e8edf3;font-size:.85rem;line-height:1.35;text-align:center;max-width:92vw;margin-top:.6rem;padding:0 .5rem}.lightbox button{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.92);color:#122;border:0;border-radius:50%;width:44px;height:44px;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox button:focus-visible{outline:3px solid #9cc7ff;outline-offset:2px}.lightbox button[hidden]{display:none}.lightbox .pv,.lightbox .nx{top:50%;transform:translateY(-50%);font-size:2rem}.lightbox .pv{left:1rem;right:auto}.lightbox .nx{right:1rem}.lightbox .lb-n{position:absolute;top:1.6rem;left:1.2rem;color:#cfd8e3;font-size:.8rem}html.lb-lock{overflow:hidden}.agal a.lbx{display:block;cursor:zoom-in}.agal a.lbx img{display:block;width:100%}.gallery a.g{cursor:zoom-in}.agal a.lbx:focus-visible,.gallery a.g:focus-visible{outline:3px solid #2a6fdb;outline-offset:2px}@media (max-width:600px){.lightbox .pv,.lightbox .nx{top:auto;bottom:1rem;transform:none;width:48px;height:48px}.lightbox .pv{left:1rem}.lightbox .nx{right:1rem}.lightbox img{max-height:76vh}}
/* guides */
.guide{max-width:900px}.guide .cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.guide p{font-size:1.02rem;color:#2c3a4b}
.keyrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:0 0 2rem}.keyrow div{border-top:2px solid var(--copper);padding:.8rem 0 0}.keyrow strong{display:block;font-family:"Cormorant Garamond",serif;font-size:2rem;color:var(--night);line-height:1}.keyrow span{font-size:.74rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.faq details{border-bottom:1px solid var(--line);padding:.7rem 0}.faq summary{font-weight:600;cursor:pointer;color:var(--night);font-size:1.02rem}.faq p{margin:.6rem 0 0}
.placeholder{background:repeating-linear-gradient(45deg,#f7f1e4,#f7f1e4 10px,#f1e8d6 10px,#f1e8d6 20px);border:1px dashed var(--copper);border-radius:4px;padding:1rem;font-size:.9rem}
.agal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}.agal figure{margin:0}.agal img{aspect-ratio:3/2;object-fit:cover;border-radius:3px}.agal figcaption{font-size:.72rem;color:var(--muted)}
.tbl{width:100%;border-collapse:collapse;font-size:.92rem;background:#fff}.tbl th,.tbl td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--line)}.tbl th{background:var(--stone);font-weight:600;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.guidelist{padding-left:1.2rem}.guidelist li{margin:.4rem 0;color:#2c3a4b}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.2rem}.vt{margin:0}.yt{position:relative;display:block;border-radius:3px;overflow:hidden;background:#000}.yt img{aspect-ratio:16/9;object-fit:cover;width:100%;opacity:.9}.yt .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.4rem;text-shadow:0 2px 10px rgba(0,0,0,.6)}.yt iframe{aspect-ratio:16/9;width:100%;height:100%;border:0}.vt figcaption{font-size:.86rem;margin-top:.5rem;color:#2c3a4b}
.ep{border-bottom:1px solid var(--line);padding:1.2rem 0}.ep h2{font-size:1.4rem;margin-top:0}.ep iframe{border-radius:3px}
.enq{background:#fff;border:1px solid var(--line);border-radius:4px;padding:1.5rem;display:flex;flex-direction:column;gap:.8rem}.enq h2{margin-top:0}.enq label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;flex-direction:column;gap:.3rem}.enq input,.enq textarea,.inline input{font:inherit;padding:.65rem;border:1px solid var(--line);border-radius:2px;background:var(--paper)}.enq .note{background:#f7f1e4;border-left:3px solid var(--copper);padding:.6rem .8rem;font-size:.82rem}
.inline{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.inline input{flex:1;min-width:200px}
.cta{background:var(--night);color:#fff;margin-top:3rem}.cta h2{color:#fff}.cta p{color:#e3dccf;max-width:44rem}.cta .btn{background:var(--copper);border-color:var(--copper);color:#fff}.cta .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.crumbs{padding-top:1rem;padding-bottom:0;font-size:.78rem;letter-spacing:.02em}.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem}.crumbs li+li::before{content:"/";margin-right:.3rem;color:var(--muted)}.crumbs a{text-decoration:none;color:var(--muted)}
.foot{background:#0b1524;color:#cfd6df;margin-top:4rem}.foot .wrap{padding:3rem 1.4rem}.foot a{color:#fff}.foot h3{color:#fff;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;font-family:Inter,sans-serif}.plain{list-style:none;padding:0;margin:0}.plain li{margin:.35rem 0}.foot .tiny{color:#8a97a8}.brandfoot{display:flex;align-items:center;gap:.6rem;font-family:"Cormorant Garamond",serif;font-size:1.4rem;color:#fff}.brandfoot .mark{background:#e8c99a;color:var(--night)}
@media (max-width:600px){.wrap{padding:2.2rem 1.1rem}.hero.xl{min-height:78vh}.hero .wrap{padding:2.5rem 1.1rem 3rem}.keyrow strong{font-size:1.5rem}.phead .price.big{font-size:1.4rem}.endorse-strip .wrap{font-size:.82rem}}
/* map + snow */
.map{height:460px;border-radius:4px;border:1px solid var(--line);background:var(--stone);margin:.5rem 0 .4rem;z-index:1}@media (max-width:600px){.map{height:340px}}
.snowhost{margin:.5rem 0 1rem}.snowwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.snowtbl{width:100%;border-collapse:collapse;font-size:.88rem;background:#fff;min-width:560px}.snowtbl th,.snowtbl td{padding:.5rem .4rem;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}.snowtbl th{background:var(--stone);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.snowtbl th .d,.snowtbl th .dt{display:block}.snowtbl th .dt{font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}
.snowtbl td.rn{text-align:left;white-space:nowrap}.snowtbl .rb{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--night);cursor:pointer;text-decoration:underline dotted}.snowtbl .alt{display:block;font-size:.7rem;color:var(--muted)}.snowtbl td b{display:block;font-size:1.05rem}.snowtbl td.some{background:#eef3f9}.snowtbl td.big{background:#d9e6f5}.snowtbl .cf{display:block;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.snowtbl .cf3{color:#2e7d4f}.snowtbl .cf1{color:#b05a2a}.snowtbl td.tot{font-weight:600;white-space:nowrap}.snowtbl.small{min-width:480px}.snowtbl tr.tot td{background:var(--stone)}

/* travel teaser + enquiry forms (21 Oct 2026) */
.travel{background:var(--night);color:#fff;padding:4rem 0;margin:3rem 0}.travel .kicker{color:var(--copper)}.travel h2{color:#fff;margin:.3rem 0 1rem}.travel .lead{color:rgba(255,255,255,.88);max-width:48rem}.travel a.more{color:#fff;font-weight:600;border-bottom:1px solid var(--copper);text-decoration:none}
.travel-box{border-left:3px solid var(--copper);background:var(--stone);padding:1.2rem 1.4rem;margin:1rem 0 1.6rem;border-radius:2px}.travel-box h3{margin-top:0}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.draft-note{background:#fff6e5;border:1px dashed #c27a4a;padding:.6rem .8rem;border-radius:3px}
.enq-status:empty{display:none}.enq-status{margin:0}
form.inline{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}form.inline input[type=email]{flex:1 1 14rem;min-width:0}form.inline .enq-status{flex-basis:100%}

/* 22 Oct 2026 (Steve): tab bar ~1.3x taller (was ~63 px, now ~82 px desktop / ~70 px mobile). With the New developments
   link the full menu needs ~1440 px on one line, so below that the menu button is used (never a two-line bar). */
/* new developments */
.devhero{background:var(--night)}.devhero .devvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;background:var(--night)}
.devhero .devvid.next{opacity:0}.devhero::before{background:linear-gradient(90deg,rgba(15,27,45,.42),rgba(15,27,45,.08) 55%,rgba(15,27,45,0)),linear-gradient(180deg,rgba(15,27,45,0) 40%,rgba(15,27,45,.6))}.devhero .devvid{filter:brightness(1.22) contrast(1.03)}.devhero h1,.devhero .lead,.devhero .kicker,.devhero .vidcap{text-shadow:0 1px 3px rgba(0,0,0,.55),0 2px 14px rgba(0,0,0,.35)}
.devhero h1{max-width:18ch}.vidcap{position:absolute;right:1.2rem;bottom:.7rem;z-index:2;margin:0;font-size:.7rem;color:rgba(255,255,255,.75);max-width:60%;text-align:right}
@media (max-width:600px){.vidcap{left:1.1rem;right:1.1rem;max-width:none;text-align:left;bottom:.5rem;font-size:.64rem}}
.ticks li{padding-left:1.4rem;position:relative}.ticks li::before{content:"";position:absolute;left:0;top:.62em;width:.6rem;height:2px;background:var(--copper)}
.devgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-top:1.4rem}
.devcard{background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden}.devcard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.devcard-body{padding:1rem 1.2rem}
.devsoon{aspect-ratio:4/3;border:1px dashed #cfc6b8;border-radius:4px;background:repeating-linear-gradient(135deg,#f5f1ea 0 14px,#f1ece3 14px 28px);display:flex;align-items:center;justify-content:center}
.devsoon span{font-family:"Cormorant Garamond",serif;font-size:2.4rem;color:#c9b79c}.soon-note{color:var(--muted);max-width:44rem;margin-top:1rem}
@media (max-width:600px){.devgrid.soon{grid-template-columns:repeat(3,1fr);gap:.5rem}.devsoon span{font-size:1.5rem}}

/* privacy policy + footer legal line (22 Oct 2026) */
.foot .footlegal{padding-top:1.1rem;padding-bottom:2rem;border-top:1px solid rgba(255,255,255,.12)}.foot .footlegal p{margin:0;line-height:1.5}
.policy h2{font-size:1.35rem;margin-top:2.2rem}.policy h3{font-size:1.05rem;margin-top:1.4rem;font-family:Inter,sans-serif;font-weight:600}.policy ul{padding-left:1.2rem}.policy li{margin:.4rem 0;color:#2c3a4b}.policy a{overflow-wrap:anywhere}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0 1.4rem}.ptable{border-collapse:collapse;font-size:.88rem;background:#fff;min-width:640px;width:100%}.ptable th,.ptable td{text-align:left;vertical-align:top;padding:.6rem .7rem;border:1px solid var(--line)}.ptable th{background:var(--stone);font-weight:600}
.consent{margin-top:.4rem}

.guideform{color:var(--ink,#222);min-width:min(100%,22rem);flex:1 1 22rem;max-width:30rem}.guideform h2{color:inherit!important;font-size:1.25rem!important}.guideform label.check{flex-direction:row;align-items:flex-start;gap:.5rem;text-transform:none;letter-spacing:0;font-weight:400;font-size:.85rem;color:var(--muted)}.guideform label.check input{margin-top:.2rem}.box.dl.gate{align-items:flex-start}.box.dl.gate .guideform p{color:var(--muted)}.box.dl.gate .guideform .btn{align-self:flex-start}

/* header + menu v2 (22 Oct 2026): logo A, grouped dropdowns, phone + language on the right */
.top{padding:.8rem 1.6rem;gap:1.2rem}.top .logo{width:46px;height:46px;flex:none;display:block}.brand strong{font-size:1.38rem;white-space:nowrap}.brand small{white-space:nowrap;margin-top:5px}
.brandfoot .logo{width:40px;height:40px;flex:none}
.nav{display:flex;align-items:center;gap:1.6rem}
.nav ul{list-style:none;margin:0;padding:0}
.nav .menu{display:flex;align-items:center;gap:1.7rem;flex-wrap:nowrap}
.nav .menu>li{position:relative}
.nav a,.ddbtn{font:500 .86rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.02em;color:var(--ink);text-decoration:none;white-space:nowrap}
.nav .menu>li>a,.ddbtn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem 0;border:0;border-bottom:1px solid transparent;background:none;cursor:pointer}
.nav .menu>li>a:hover,.ddbtn:hover,.dd.open>.ddbtn{color:var(--night);border-bottom-color:var(--line)}
.nav a[aria-current],.dd.on>.ddbtn{color:var(--night);border-bottom-color:var(--copper)!important}
.chev{display:inline-block;width:.42rem;height:.42rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.15rem) rotate(45deg);transition:transform .18s ease;opacity:.7;margin-left:.1rem}.dd.open .chev{transform:translateY(.08rem) rotate(225deg)}
.sub{display:none;position:absolute;top:100%;left:-1rem;min-width:13.5rem;margin-top:.55rem!important;padding:.5rem 0!important;background:var(--paper,#fbf9f5);border:1px solid var(--line);border-radius:6px;box-shadow:0 16px 34px rgba(15,27,45,.14);z-index:40}
.sub::before{content:"";position:absolute;left:0;right:0;top:-.7rem;height:.7rem}
.dd.open>.sub{display:block}
.sub a{display:block;padding:.55rem 1.1rem;font-size:.86rem;border:0}
.sub a:hover,.sub a:focus-visible{background:rgba(180,131,74,.1);color:var(--night)}
.sub a[aria-current]{box-shadow:inset 2px 0 0 var(--copper)}
.navend{display:flex;align-items:center;gap:.9rem}
.nav a.btn{color:#fff;border-bottom:1px solid var(--night);white-space:nowrap}.nav a.btn:hover{color:#fff}
.lang{position:relative;display:inline-flex;align-items:center;color:var(--night)}
.lang::before{content:"";position:absolute;left:.6rem;top:50%;width:14px;height:14px;margin-top:-7px;pointer-events:none;opacity:.8;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%230f1b2d' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M2.5 12h19M12 2.5c3 3.2 3 15.8 0 19M12 2.5c-3 3.2-3 15.8 0 19'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain}
.langsel{appearance:none;-webkit-appearance:none;font:500 .8rem/1.2 Inter,system-ui,sans-serif;color:var(--night);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M1.5 3.5 5 7l3.5-3.5' fill='none' stroke='%230f1b2d' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right .55rem center;border:1px solid var(--line);border-radius:999px;padding:.42rem 1.6rem .42rem 1.8rem;cursor:pointer;max-width:9.5rem}
.langsel:hover,.langsel:focus-visible{border-color:var(--copper)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gt-host{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}
body{top:0!important}body>.skiptranslate,.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame{display:none!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
.burger{display:none}
@media (max-width:1279px) and (min-width:1024px){.top{padding:.75rem .9rem;gap:.7rem}.top .logo{width:40px;height:40px}.brand{gap:.55rem}.brand strong{font-size:1.24rem}.brand small{display:none}.nav{gap:.9rem}.nav .menu{gap:.95rem}.nav a,.ddbtn{font-size:.8rem}.navend{gap:.5rem}.langsel{max-width:none;padding-left:1.7rem;padding-right:1.4rem}.nav a.btn{padding-left:.75rem;padding-right:.75rem}}
@media (max-width:1023px){
 .burger{display:block}
 .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper,#fbf9f5);flex-direction:column;align-items:stretch;gap:.6rem;padding:.6rem 1.4rem 1.4rem;border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(15,27,45,.12);max-height:calc(100vh - 70px);overflow-y:auto}
 .nav.open{display:flex}
 .nav .menu{flex-direction:column;align-items:stretch;gap:0}
 .nav .menu>li{border-bottom:1px solid var(--line)}
 .nav .menu>li>a{display:block;padding:.75rem 0;font-size:1rem;border:0}
 .ddbtn{width:100%;justify-content:space-between;padding:.75rem 0 .3rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:0!important;cursor:default}
 .ddbtn .chev{display:none}
 .sub,.dd.open>.sub{display:block;position:static;margin:0 0 .4rem!important;padding:0!important;border:0;box-shadow:none;background:none;min-width:0}
 .sub::before{display:none}
 .sub a{padding:.55rem 0 .55rem .9rem;font-size:1rem}
 .nav a[aria-current]{border:0}
 .navend{flex-wrap:wrap;gap:.8rem;padding-top:.5rem}
 .langsel{max-width:none;font-size:.95rem;padding:.6rem 1.8rem .6rem 2rem}
 .brand small{display:none}
}
@media (max-width:600px){.top{padding:.75rem 1.1rem}.top .logo{width:42px;height:42px}.brand strong{font-size:1.25rem}}
/* buyer's guide thank-you v2 */
.ctaline{margin:1.4rem 0 1.8rem}.btn.big{font-size:1.02rem;padding:.95rem 1.6rem}.nextsteps p{max-width:44rem}

/* circle logo size (Steve 23 Oct) */.top .logo{width:54px;height:54px}@media (min-width:1024px){.top .logo{width:52px;height:52px}}.brandfoot .logo{width:50px;height:50px}

/* register form name+phone (Steve 23 Oct) */form.inline input[type=text],form.inline input[type=tel]{flex:1 1 14rem;min-width:0}

/* contact page v3 (Steve 23 Oct): form left, navy details panel right */
.contact-lead{max-width:62ch;margin-bottom:1.2rem}
.contact-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:2rem}
.contact-grid > #enquiry{order:-1}
.contact-panel{background:#0f1b2d;color:#fff;border-radius:4px;padding:1.6rem 1.6rem 1.2rem}
.contact-panel h2{color:#fff;margin:0 0 .6rem;font-size:1.25rem}
.contact-panel .contact-cards{display:block;margin:0}
.contact-panel .ci{display:flex;gap:.8rem;align-items:flex-start;padding:.85rem 0;border-top:1px solid rgba(255,255,255,.14)}
.contact-panel .ci:first-child{border-top:0}
.contact-panel .ci-ico{flex:0 0 22px;width:22px;height:22px;color:#b4834a;margin-top:.15rem}
.contact-panel .ci h3{margin:0 0 .15rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.contact-panel .ci a,.contact-panel .ci address{color:#fff;font-style:normal;text-decoration:none;line-height:1.5;word-break:break-word}
.contact-panel .ci a:hover{color:#d9a86b}
.contact-panel .co-reg{color:rgba(255,255,255,.55);margin:.6rem 0 0;border-top:1px solid rgba(255,255,255,.14);padding-top:.7rem}
#register{margin-top:2rem}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr}}
.contact-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.contact-panel .ci a[href^="mailto"]{font-size:.92rem;word-break:normal;overflow-wrap:anywhere}#register h2{margin-top:0}#register{padding-top:1.6rem}
.contact-panel .ci a[href^="mailto"]{font-size:.84rem;white-space:nowrap;overflow-wrap:normal}@media (max-width:820px){.contact-grid{grid-template-columns:1fr}.contact-grid > #enquiry{order:0}}
/* equal heights (Steve 23 Oct) */.contact-grid{align-items:stretch}

/* snow page: big webcam buttons (Steve 23 Oct) */
.cam-btn{display:inline-flex;align-items:center;gap:.45rem;background:#b4834a;color:#fff!important;padding:.55rem .95rem;border-radius:999px;font-weight:600;font-size:.9rem;text-decoration:none!important;white-space:nowrap;box-shadow:0 2px 6px rgba(15,27,45,.18);transition:background .15s}
.cam-btn:hover{background:#0f1b2d}
.camcell{text-align:center}
@media (max-width:640px){.cam-btn span{display:none}.cam-btn{padding:.55rem}}

/* no underlined links anywhere; bold copper instead (Steve 23 Oct) */
a{text-decoration:none}
main p a,main li a,main td a,main address a{font-weight:600;color:var(--copper,#b4834a)}
main p a:hover,main li a:hover,main td a:hover{color:var(--night,#0f1b2d)}
.contact-panel .ci a{color:#fff}
.snowtbl .rb{text-decoration:none}
.btn,.btn:hover,.cam-btn{color:#fff}
/* snow page: equal gap above and below the table (Steve 23 Oct) */
.snowhost{margin-top:1.4rem}.snowwrap + .tiny,.snowhost .snowwrap ~ p.tiny{margin-top:1.4rem}
.snowhost p.tiny + p.tiny{margin-top:.6rem}
.tap-hint{font-weight:700;color:var(--copper,#b4834a)}
.snowhost p.tiny.tap-hint{color:#b4834a;font-weight:700}

.hero h1{margin-left:-.05em}

/* TELT latest video (25 Oct 2026) */
.telt-video{margin:1.6rem 0 1.4rem;max-width:48rem}.telt-video .video{margin:0;background:#000;border-radius:3px;overflow:hidden}.telt-video figcaption{font-size:.8rem;line-height:1.4;margin-top:.5rem;opacity:.8}.travel .telt-video figcaption{color:rgba(255,255,255,.8)}

[id]{scroll-margin-top:6.5rem}

.socialh{margin:1.2rem 0 .4rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;opacity:.8}.social{display:flex;gap:.9rem;margin:0 0 1rem}.social a{color:inherit;opacity:.85;text-decoration:none}.social a:hover{color:var(--copper);opacity:1}
.guide ul.blist{margin:.2rem 0 1rem 1.2rem;padding:0;list-style:disc}.guide ul.blist li{margin:.15rem 0}
.videos1{max-width:760px;margin:0 auto}

/* Podcast episode cards with artwork (Steve 25 Oct 21:48) */
.podgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin:1rem 0 2rem}
.podcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;text-decoration:none;color:var(--night);transition:box-shadow .2s,transform .2s}
.podcard:hover,.podcard:focus-visible{box-shadow:0 8px 24px rgba(15,27,45,.14);transform:translateY(-2px);color:var(--night)}
.podcard img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:var(--night)}
.podtx{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem 1.1rem;border-top:2px solid var(--copper)}
.podtx strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.18rem;line-height:1.2;font-weight:600;color:var(--night)}
.podcard:hover .podtx strong{color:var(--copper2)}
.podtx .muted{font-size:.78rem;color:var(--muted);letter-spacing:.02em}
@media (max-width:900px){.podgrid{grid-template-columns:repeat(2,1fr);gap:1.1rem}}
@media (max-width:600px){.podgrid{gap:.8rem}.podtx{padding:.7rem .75rem .85rem}.podtx strong{font-size:1rem}.podtx .muted{font-size:.72rem}}
@media (max-width:340px){.podgrid{grid-template-columns:1fr}}

/* Steve 25 Oct 22:02: podcast cover art on /podcast/ and buying guide */
.eprow{display:flex;gap:1.75rem;align-items:center}
.eprow .epart{width:280px;height:280px;flex:0 0 280px;border-radius:8px;object-fit:cover;box-shadow:0 2px 10px rgba(15,27,45,.15)}
.eprow .epbody{flex:1;min-width:0}
.eprow .epbody h2{margin-top:0}
@media (max-width:600px){.eprow{flex-direction:column}.eprow .epart{width:100%;max-width:320px;height:auto;flex:none}}

/* Steve 26 Oct 17:59: bright sunny-snow hero on St Sorlin; the pre-"lighter-hero" overlay values, for this hero only */
.hero.bright::before{background:linear-gradient(90deg,rgba(15,27,45,.32),rgba(15,27,45,.06) 55%,rgba(15,27,45,0)),linear-gradient(180deg,rgba(15,27,45,0) 40%,rgba(15,27,45,.6))}  /* Steve 26 Oct 18:52: same lighter shading as the home page */

.slide img[src*="sybelles-sign-late-afternoon"]{object-position:center 82%}  /* Steve 26 Oct 19:00: show more of the Sybelles sign */

/* Blog (27 Oct 2026) */
.blogpost .kicker a{color:inherit;text-decoration:none}.byline{font-size:.85rem;margin:-.4rem 0 1.4rem}
.blogimg{margin:1.6rem 0}.blogimg img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px;display:block}.blogimg figcaption{font-size:.74rem;color:var(--muted);margin-top:.4rem}
.blogtop{margin-top:0}.blogpost h2{margin-top:2.2rem}.blogpost .blist{margin:0 0 1.2rem}.blogvids,.blogpods{margin:1.2rem 0 1.6rem}
.blogcard .bsum{font-size:.95rem;color:#2c3a4b;margin:0 0 .6rem}.blogcard .more{margin:0;font-size:.85rem}.blogcard .facts{margin:0}
.backlink{margin-top:2rem}

/* Airports table (ski area page): distance and drive columns centred, Steve 27 Oct 2026 15:14 */
.tbl-air th:not(:first-child),.tbl-air td:not(:first-child){text-align:center}

/* property search: ref box + Search button + Latest Properties (Steve 28 Oct 2026) */
.filters .searchrow{grid-column:1/-1;display:flex;align-items:flex-end;gap:.8rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:.9rem;margin-top:.1rem}
.filters .refbox{flex:0 1 260px}
.filters input[name=ref]{font:inherit;font-size:.9rem;padding:.55rem;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink);letter-spacing:.04em}
.filters .searchbtn{margin-left:auto;min-width:200px;background:var(--copper);border-color:var(--copper);color:#fff;padding:.72rem 1.6rem;font-size:.9rem}
.filters .searchbtn:hover{background:var(--copper2);border-color:var(--copper2)}
.refmsg{background:#fff;border:1px solid var(--line);border-left:4px solid var(--copper);padding:.8rem 1rem;border-radius:2px;margin:0 0 1.2rem}
.latest-sec{margin:2rem 0 2.6rem}.latest-sec h2,.results-h{margin:0 0 1rem}.results-h{scroll-margin-top:96px}
@media (max-width:600px){.filters{grid-template-columns:1fr 1fr}.filters .searchrow{flex-direction:column;align-items:stretch}.filters .refbox{flex:none}.filters .searchbtn{margin-left:0;width:100%;min-width:0}}
.refmsg{scroll-margin-top:110px}

/* Property detail (Steve 28 Oct 09:35): Key facts top lines up with the Interested? box; the sidebar floats right
   beside Key facts + Highlights and Description then runs the full width underneath. Not sticky. */
.prop .pdetail{display:flow-root;margin-top:0}
.prop .pdetail>.side{float:right;width:calc((100% - 2.5rem)/3);min-width:290px;max-width:400px;margin:0 0 1.4rem 2.5rem}
.prop .pdetail .side .box{padding:1rem 1.2rem;margin-bottom:.7rem}
.prop .pdetail .side .box h2{margin:0 0 .25rem;font-size:1.9rem}
.prop .pdetail .side .box p{margin:0 0 .45rem;line-height:1.45}
.prop .pdetail .side .btn.full{margin:.32rem 0;padding:.6rem 1rem}
.prop .pdetail .side .box p.tiny{margin:.5rem 0 0;line-height:1.4}
.prop .pdetail .side .box.soft{margin-bottom:0}
.prop .pdetail .side .box.soft h3{margin:0 0 .3rem}
.prop .pdetail .side .box.soft p{margin:0;line-height:1.6}
.prop .pkf{padding-top:calc(1rem + 1px)}
.prop .pkf h2{margin:0 0 .55rem;font-size:1.9rem}
.prop .phl h2,.prop .pdesc h2{margin:1.3rem 0 .55rem;font-size:1.9rem}
.prop .phl .bullets{margin:0 0 .4rem}
.prop .pdesc .video,.prop .pdesc .videos2,.prop .pdesc ul,.prop .pdesc ol,.prop .pdesc table,.prop .pdesc figure{overflow:hidden}
@media (max-width:880px){
 .prop .pdetail{display:flex;flex-direction:column}
 .prop .pdetail>.side{float:none;width:auto;min-width:0;max-width:none;margin:1.4rem 0 0;order:3}
 .prop .pkf{order:1;padding-top:0}.prop .phl{order:2}.prop .pdesc{order:4}
 .prop .pdetail>*{min-width:0}
}
.prop .pdesc .pvh{font-size:1.6rem;margin:1.8rem 0 .2rem;clear:right}.prop .pdesc .pv1{max-width:860px;margin:0}.prop .pdesc .videos2 .video{margin:.6rem 0}
@media (max-width:560px){.prop .pkf .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.prop .pkf .facts div{padding:.55rem .7rem}}

/* Steve 28 Oct 10:17: two-column top block. Interested? box top = Key facts heading top; About box stretches so its
   bottom sits level with the last Highlights line. Description runs full width below. */
.prop .ptop{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,calc((100% - 2.5rem)/3));gap:0 2.5rem;align-items:stretch;margin-bottom:2.4rem}
.prop .ptop>.side{float:none;width:auto;min-width:0;max-width:none;margin:0;display:flex;flex-direction:column}
.prop .ptop>.side>.box:first-child{margin-top:0}
.prop .ptop>.side>.box.soft{flex:1 1 auto;margin-bottom:0}
.prop .ptop .pkf{padding-top:0}
.prop .ptop .pkf h2{margin-top:0;line-height:1}
.prop .ptop .pleft>section:last-child{margin-bottom:0}
.prop .ptop .phl .bullets{margin-bottom:0}
.prop .ptop .phl .bullets li:last-child{margin-bottom:0}
@media(max-width:880px){.prop .ptop{display:flex;flex-direction:column}.prop .ptop>.side{margin-top:1.4rem}}

/* Steve 29 Oct 20:30: drop Highlights down a little */
.phl h2{margin-top:2.4rem}

/* logo bigger (Steve 4 Nov 2026 12:23) */.top .logo{width:66px;height:66px}@media (min-width:1024px){.top .logo{width:68px;height:68px}}@media (max-width:600px){.top .logo{width:58px;height:58px}}.brandfoot .logo{width:62px;height:62px}

/* FAQ hub /faqs/ and home FAQ block (6 Nov 2026) */
.faqall{margin:1rem 0 0}.faqall a,.faq .faqmore a{color:var(--copper2);font-weight:600;text-decoration:none;border-bottom:1px solid var(--copper)}
.faq .faqmore{margin:.45rem 0 .2rem;font-size:.92rem}
.faqjump{margin:1.6rem 0 1.2rem;padding:1rem 1.25rem;background:var(--stone);border-radius:10px}
.faqjump p{margin:0 0 .45rem}.faqjump ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.faqjump a{color:var(--night);font-weight:600;text-decoration:none;border-bottom:1px solid var(--copper)}
.faqhub h2{scroll-margin-top:96px;margin-top:2.4rem}
.homefaq{max-width:56rem}.homefaq h2{margin-top:.2rem}

/* 7 Nov 2026: property video tour under the photos (click-to-play facade) */
.ptour{margin:0 0 1.8rem}.ptour h2{margin:0 0 .75rem}.ptcap{margin:0 0 .9rem;color:#2c3a4b}.ptv{max-width:760px}.ptv .yt img{opacity:1}.ptv iframe{display:block;aspect-ratio:16/9;width:100%;height:auto;border:0;border-radius:3px}.ptv .yt .play{align-items:flex-end;justify-content:flex-start;padding:1rem}.ptv .pbtn{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem 1.05rem;border-radius:999px;background:rgba(10,20,35,.82);border:1.5px solid #fff;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.01em;text-shadow:none;transition:transform .15s,background .15s}.ptv .pbtn span{font-size:1.15rem;line-height:1}.ptv .yt:hover .pbtn,.ptv .yt:focus-visible .pbtn{transform:scale(1.05);background:rgba(200,30,40,.92)}


/* Steve 7 Nov 12:51: Highlights heading level with the WhatsApp button (desktop). */
@media(min-width:881px){.prop .ptop .phl h2{margin-top:2.3rem}}
@media(min-width:881px){.prop .ptop .pkf:has(.facts>div:nth-child(7))+.phl h2{margin-top:3.65rem}}

/* Steve 7 Nov 13:05: white photo-frame border on property video tours */
.ptv .yt,.ptv iframe{display:block;border:6px solid #fff;outline:1px solid #cfd6de;border-radius:4px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.2)}

/* Steve 7 Nov 13:12: numbers sit on the same line as the text (lining figures, not old-style) */
html{font-variant-numeric:lining-nums}

.devhero .wrap{position:relative}.devhero .wrap::after{content:"";position:absolute;z-index:-1;left:-6%;right:15%;top:-18%;bottom:-18%;background:radial-gradient(closest-side,rgba(15,27,45,.55),rgba(15,27,45,.35) 55%,rgba(15,27,45,0));pointer-events:none}.devhero .wrap{z-index:1;isolation:isolate}

/* 7 Nov 2026: small marker on new/updated FAQ questions on /faqs/ (Steve to spot changes). Remove: empty C.FAQ_TAGS or delete this rule. */
.faqnew{display:inline-block;margin-left:.5rem;padding:.08rem .45rem;border-radius:999px;background:var(--copper);color:#fff;font:600 .68rem/1.4 Inter,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;vertical-align:.12em}

/* Steve 8 Nov 2026: "Hear from ... owners" podcast box on listing pages */
.box.owners{margin:1.75rem 0}.box.owners h2{margin-top:0}
.olist{list-style:none;margin:1rem 0 .5rem;padding:0;display:grid;gap:.75rem}
.olist li{display:flex;gap:.9rem;align-items:center}
.olist .oart{width:64px;height:64px;flex:0 0 64px;border-radius:6px;object-fit:cover}
.olist .otx{line-height:1.4}
.olist .olink{display:inline-block;margin-left:.5rem;font-weight:600;white-space:nowrap}
@media (max-width:600px){.olist .olink{display:block;margin:.2rem 0 0}.olist .oart{width:56px;height:56px;flex-basis:56px}}

/* Steve 8 Nov 2026: bottom-of-listing enquiry block - big, high-contrast tap targets (buyers 40s-60s) */
.prop .pdesc .enqbottom{clear:both;margin:2.2rem 0 .5rem;padding:1.4rem 1.4rem 1.5rem;background:var(--stone);border:1px solid var(--line);border-left:4px solid var(--copper2)}
.prop .pdesc .enqbottom h2{margin:0 0 .3rem;font-size:1.9rem}
.prop .pdesc .enqbottom p{font-size:1.06rem;line-height:1.5;margin:0 0 .5rem;color:var(--ink)}
.prop .pdesc .enqbottom p.enqref{font-weight:600;color:var(--night)}
.enqbtns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;max-width:760px}
.enqbtns .btn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:56px;padding:.7rem 1rem;font-size:1rem;letter-spacing:.03em;border-width:2px}
.enqbtns .btn.ghost{background:#fff;color:var(--night);border-color:var(--night)}
.enqbtns .btn.ghost:hover{background:var(--night);color:#fff}
@media (max-width:600px){.enqbtns{grid-template-columns:1fr}.prop .pdesc .enqbottom{padding:1.1rem 1rem 1.2rem}}

/* Steve 8 Nov 2026 11:11: compact "Additional Services" block (copied from the main site; home + every listing). Big tap targets. */
.svcbox{clear:both;margin:2rem 0 .5rem;max-width:760px}
.svcbox h2{margin:0 0 .8rem;font-size:1.5rem}
.svc-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.svc-tile{display:flex;align-items:center;gap:.9rem;min-height:76px;padding:.6rem 1rem;background:#fff;border:1px solid var(--line);border-radius:4px;color:var(--night);text-decoration:none;font-weight:600;font-size:1.06rem;line-height:1.3}
.svc-tile img{width:56px;height:56px;flex:0 0 56px}
.svc-tile:hover,.svc-tile:focus-visible{border-color:var(--copper2);color:var(--copper2)}
.svc-fx{display:block;margin-top:.75rem;border-radius:4px;overflow:hidden;line-height:0}
.svc-fx img{display:block;width:100%;height:auto;max-height:140px;object-fit:cover;object-position:center}
.svc-fx:focus-visible,.svc-tile:focus-visible{outline:3px solid var(--copper2);outline-offset:2px}
.svcbox.home{margin:2.5rem auto 0}
@media (max-width:600px){.svc-tiles{grid-template-columns:1fr}.svc-fx img{max-height:none}}
.svcwrap{padding-top:0}
/* Steve 8 Nov 2026 11:15: bottom enquiry block = 3 buttons on one row (form is the primary); short labels on narrow screens */
.enqbtns.three{display:flex;flex-wrap:nowrap;gap:.6rem;max-width:900px}
.enqbtns.three .btn{flex:1 1 0;min-width:0;white-space:nowrap;min-height:56px;padding:.6rem .7rem}
.enqbtns.three .btn:not(.ghost){background:var(--night);color:#fff;border-color:var(--night)}
.enqbtns.three .btn:not(.ghost):hover{background:var(--copper2);border-color:var(--copper2)}
.enqbtns .sm{display:none}
@media (max-width:860px){.enqbtns .lg{display:none}.enqbtns .sm{display:inline}.enqbtns.three{gap:.5rem}.enqbtns.three .btn{padding:.55rem .4rem;font-size:.95rem;letter-spacing:.02em}}
@media (max-width:600px){.svc-tile{min-height:64px;padding:.5rem .9rem;gap:.8rem}.svc-tile img{width:48px;height:48px;flex-basis:48px}}