/* Cristina Berari, Riviera Noir. Cormorant Garamond + Jost. 60 ink, 30 limestone, 10 champagne gold. Every shape carries a shadow. */
:root{--ink:#151412;--ink2:#1C1A18;--ink3:#24211E;--ivory:#F3EDE2;--stone:#B3ADA1;--mute:#8E897F;--lime:#EDE6D8;--lime2:#E2D9C6;--paper:#FBF8F1;--inkt:#1A1816;--stonet:#5F5B52;--gold:#D8C1A1;--gold2:#EADAC0;--gold-d:#B49C79;--gold-t:#6E5537;--hair:rgba(243,237,226,.12);--hair-l:rgba(26,24,22,.14);--glass:rgba(21,20,18,.42);--glass-b:rgba(255,255,255,.16);
--sh-card:0 1px 0 rgba(255,255,255,.05) inset,0 30px 60px -30px rgba(0,0,0,.75),0 12px 24px -12px rgba(0,0,0,.55);
--sh-frame:0 0 0 1px rgba(255,255,255,.06) inset,0 44px 80px -36px rgba(0,0,0,.8),0 18px 36px -18px rgba(0,0,0,.6);
--sh-hover:0 0 0 1px rgba(255,255,255,.09) inset,0 60px 100px -40px rgba(0,0,0,.85),0 24px 44px -20px rgba(0,0,0,.65),0 0 0 6px rgba(216,193,161,.07);
--sh-light:0 30px 50px -30px rgba(26,24,22,.38),0 10px 22px -12px rgba(26,24,22,.22),0 1px 0 rgba(255,255,255,.7) inset;
--sh-light-hover:0 44px 70px -34px rgba(26,24,22,.45),0 16px 30px -14px rgba(26,24,22,.28),0 1px 0 rgba(255,255,255,.7) inset;
--sh-btn:0 14px 28px -12px rgba(216,193,161,.6),0 4px 10px -4px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.45) inset;
--sh-btn-hover:0 20px 36px -12px rgba(216,193,161,.72),0 6px 14px -4px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.55) inset;
--sh-chip:0 10px 24px -12px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.12) inset;
--sh-ctl:0 1px 0 rgba(255,255,255,.8) inset,0 2px 0 rgba(26,24,22,.05),0 10px 18px -12px rgba(26,24,22,.3);
--fh:'Cormorant Garamond',Georgia,'Times New Roman',serif;--fb:'Jost',system-ui,-apple-system,sans-serif;--ease:cubic-bezier(.16,1,.3,1);--hdr:84px;--bar:76px;--gut:28px;--r:12px;--rs:7px}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink);color:var(--ivory);font:400 17px/1.65 var(--fb);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 16px)}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
body{background:transparent;isolation:isolate;min-height:100vh;overflow-x:clip}
main{overflow-x:clip;position:relative}
img,video,canvas,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,.fh{font-family:var(--fh);font-weight:500;letter-spacing:-.005em}
h1{font-size:clamp(42px,5.4vw,78px);line-height:1}
h2{font-size:clamp(34px,3.8vw,56px);line-height:1.04;margin:0 0 22px}
h3{font-size:26px;line-height:1.2}
p{max-width:62ch}
strong{font-weight:500}
.stone{color:var(--stone)}
.wrap{max-width:1360px;margin:0 auto;padding:0 var(--gut)}
.label{display:inline-block;font:500 11px/1 var(--fb);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.sec{padding:120px 0}
.skip{position:absolute;left:-999px;top:8px;z-index:500;background:var(--gold);color:var(--ink);padding:10px 16px;border-radius:var(--rs)}.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* cursor: a champagne arrow on pointer devices, never a dot */
@media (hover:hover) and (pointer:fine){
 html.js,html.js body{cursor:url(/img/cur.png) 5 3,auto;cursor:-webkit-image-set(url(/img/cur.png) 1x,url(/img/cur@2x.png) 2x) 5 3,auto}
 html.js a,html.js button,html.js summary,html.js label,html.js [data-cur]{cursor:url(/img/cur-h.png) 5 3,pointer;cursor:-webkit-image-set(url(/img/cur-h.png) 1x,url(/img/cur-h@2x.png) 2x) 5 3,pointer}
}
.cur-tag{position:fixed;left:0;top:0;z-index:400;pointer-events:none}
.cur-tag span{display:inline-block;padding:11px 16px;border-radius:999px;background:rgba(21,20,18,.7);border:1px solid var(--glass-b);font:500 11px/1 var(--fb);letter-spacing:.18em;text-transform:uppercase;color:var(--ivory);box-shadow:var(--sh-chip);white-space:nowrap;transform:translate(18px,22px) scale(.8);opacity:0;transition:opacity .25s,transform .4s var(--ease)}
.cur-tag.on span{transform:translate(18px,22px) scale(1);opacity:1}

/* backdrop: the Malibu film blurred into a slow color field, plus grain */
.bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;will-change:transform}
.bg-img{position:absolute;left:-8%;right:-8%;top:-18vh;height:136vh;background:url(/img/bg-garda.webp) center/cover no-repeat;opacity:.5;transform:scale(1.12);animation:drift 64s ease-in-out infinite alternate}
.bg::after{content:'';position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 10%,rgba(21,20,18,.1) 0%,rgba(21,20,18,.55) 60%,rgba(21,20,18,.85) 100%)}
@keyframes drift{from{transform:scale(1.12) translate(-1.5%,-1%)}to{transform:scale(1.12) translate(1.5%,1.2%)}}
.grain{position:fixed;inset:-80px;z-index:40;pointer-events:none;opacity:.035;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;animation:grain .8s steps(1,end) infinite}
@keyframes grain{0%{transform:translate(0,0)}12.5%{transform:translate(-40px,30px)}25%{transform:translate(60px,-20px)}37.5%{transform:translate(-20px,-60px)}50%{transform:translate(70px,50px)}62.5%{transform:translate(-70px,10px)}75%{transform:translate(30px,-40px)}87.5%{transform:translate(-50px,-10px)}}

/* buttons, chips, text links */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border-radius:var(--rs);font:500 12.5px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s,color .3s,border-color .3s;border:1px solid transparent}
.btn::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0));transform:skewX(-18deg);transition:left .7s var(--ease)}
.btn:hover::after{left:120%}
.btn:hover{transform:translateY(-2px)}.btn:active{translate:0 1px}
.btn-b{background:linear-gradient(180deg,var(--gold2),#CFB48E);color:var(--ink);border-color:rgba(255,255,255,.18);box-shadow:var(--sh-btn)}.btn-b:hover{background:linear-gradient(180deg,#F0E2CB,#D8BE99);box-shadow:var(--sh-btn-hover)}
.btn-o{background:rgba(243,237,226,.03);color:var(--ivory);border-color:rgba(243,237,226,.32);box-shadow:0 12px 24px -16px rgba(0,0,0,.7)}.btn-o:hover{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}
.btn-g{background:rgba(21,20,18,.58);color:var(--ivory);border-color:var(--glass-b);box-shadow:var(--sh-chip)}.btn-g:hover{background:rgba(243,237,226,.92);color:var(--ink)}
.band-l .btn-o{color:var(--inkt);border-color:rgba(26,24,22,.3);background:rgba(255,255,255,.4);box-shadow:var(--sh-ctl)}.band-l .btn-o:hover{background:var(--inkt);color:var(--ivory);border-color:var(--inkt)}
.chip-g{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 15px;border-radius:999px;background:rgba(21,20,18,.62);border:1px solid var(--glass-b);font:500 11.5px/1 var(--fb);letter-spacing:.08em;color:var(--ivory);box-shadow:var(--sh-chip);white-space:nowrap}
.tlink{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid rgba(216,193,161,.4);padding-bottom:6px;transition:color .3s,border-color .3s,gap .3s}.tlink:hover{color:var(--gold2);border-color:var(--gold2);gap:12px}
.tlink::after{content:'\2192';font-family:var(--fb);font-size:14px;letter-spacing:0}
.band-l .tlink{color:var(--gold-t);border-color:rgba(110,85,55,.45)}.band-l .tlink:hover{color:var(--inkt);border-color:var(--inkt)}
.btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* progress line, header, sheet, bottom bar */
.prog{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold-d),var(--gold2));z-index:120;transition:width .12s linear}
.hdr{position:fixed;top:0;left:0;right:0;height:var(--hdr);z-index:100;transition:background .45s,border-color .45s,box-shadow .45s;border-bottom:1px solid transparent}
.hdr::before{content:'';position:absolute;left:0;right:0;top:0;height:150%;background:linear-gradient(to bottom,rgba(21,20,18,.66),rgba(21,20,18,0));pointer-events:none;transition:opacity .45s;z-index:-1}
.hdr.frost::before{opacity:0}
.hdr.frost{background:rgba(21,20,18,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--hair);box-shadow:0 20px 40px -30px rgba(0,0,0,.8)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}
.lockup{display:flex;align-items:center;gap:13px;min-width:0;color:var(--ivory)}
.seal{width:40px;height:40px;color:var(--gold);flex:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.lock-t{display:flex;flex-direction:column;line-height:1}
.lock-name{font:500 18px var(--fh);letter-spacing:.2em;text-transform:uppercase;color:var(--ivory)}
.lock-sub{font:500 9px var(--fb);letter-spacing:.26em;color:var(--stone);margin-top:6px;text-transform:uppercase}
.nav{display:flex;align-items:center}
.nav a{position:relative;padding:10px 0;margin:0 16px;font:500 12.5px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--ivory)}
.nav a::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.nav a:hover::after,.nav a[aria-current=page]::after{transform:scaleX(1)}
.hdr-r{display:flex;align-items:center;gap:22px}
.hdr-tel{font:500 13px var(--fb);letter-spacing:.06em;color:var(--ivory);border-bottom:1px solid transparent;transition:border-color .3s}.hdr-tel:hover{border-color:var(--gold)}
.hdr .btn{height:44px;padding:0 20px;font-size:11.5px}
.menu-btn{display:none;height:44px;padding:0 4px 0 14px;align-items:center;gap:10px;font:500 12px var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--ivory)}
.menu-btn i{display:block;width:22px;height:1px;background:var(--ivory);box-shadow:0 -6px 0 var(--ivory),0 6px 0 var(--ivory);transition:box-shadow .3s,transform .3s}
.menu-btn[aria-expanded=true] i{box-shadow:none;transform:rotate(45deg)}
.sheet{position:fixed;inset:0;z-index:200;background:var(--ink);transform:translateY(-100%);transition:transform .55s var(--ease);visibility:hidden;display:flex;flex-direction:column;padding:calc(var(--hdr) + 24px) var(--gut) 32px;overflow:auto}
.sheet.open{transform:none;visibility:visible}
.sheet-nav{display:flex;flex-direction:column;flex:1}.sheet-links{display:flex;flex-direction:column;gap:4px}
.sheet-links a{font:500 36px/1.25 var(--fh);color:var(--ivory);padding:10px 0;border-bottom:1px solid var(--hair);transform:translateX(48px);opacity:0;transition:transform .6s var(--ease),opacity .5s}
.sheet.open .sheet-links a{transform:none;opacity:1;transition-delay:calc(var(--i) * 70ms + 120ms)}
.sheet-actions{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:28px}
.sheet-actions .btn{height:58px}
.sheet-sub{color:var(--stone);font-size:14px;margin-top:22px}
.mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:150;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));background:rgba(21,20,18,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--hair);gap:10px;box-shadow:0 -20px 40px -30px rgba(0,0,0,.9)}
.mbar .btn{flex:1;height:54px;padding:0 10px}

/* curtain */
.curtain{position:fixed;inset:0;z-index:300;background:var(--ink);display:grid;place-items:center;transition:transform .5s var(--ease)}
.curtain .seal{width:72px;height:72px;opacity:0;transition:opacity .26s;filter:none}
.curtain.mark .seal{opacity:1}
.curtain.away{transform:translateY(-101%)}
.curtain.back{transform:translateY(101%);transition:none}
.curtain.back.cover{transform:none;transition:transform .32s var(--ease)}
html:not(.js) .curtain{display:none}

/* photo frames: rounded, lifted, no hairlines */
.frame{position:relative;overflow:hidden;border-radius:var(--r);background:var(--ink2);box-shadow:var(--sh-frame);transition:transform .55s var(--ease),box-shadow .55s var(--ease)}
.frame::after{content:'';position:absolute;inset:12px;border:1px solid rgba(234,218,192,.35);border-radius:calc(var(--r) - 8px);opacity:0;transition:opacity .4s;pointer-events:none;z-index:3}
.wipe{position:relative;overflow:hidden;border-radius:inherit;width:100%;height:100%}
.wipe img,.wipe video,.wipe iframe{width:100%;height:100%;object-fit:cover}
.wipe img,.wipe video{transition:transform 1.4s var(--ease)}
.r32 .wipe{aspect-ratio:3/2}.r45 .wipe{aspect-ratio:4/5}.r169 .wipe{aspect-ratio:16/9}.r219 .wipe{aspect-ratio:21/9}.r11 .wipe{aspect-ratio:1/1}
.cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:44px 18px 16px;font:500 12px/1.4 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--ivory);background:linear-gradient(to top,rgba(21,20,18,.82),rgba(21,20,18,0));transform:translateY(100%);transition:transform .5s var(--ease);pointer-events:none}
.pl{display:block;border-radius:var(--r)}
.band-l .frame{box-shadow:var(--sh-light);background:var(--lime2)}
@media (hover:hover){
 .frame:hover{transform:translateY(-8px);box-shadow:var(--sh-hover)}
 .band-l .frame:hover{box-shadow:var(--sh-light-hover)}
 .frame:hover::after{opacity:1}
 .frame:hover .cap{transform:none}
 html.js [data-wipe].in:hover .wipe img,.frame:hover .wipe img{transform:scale(1.05)}
}
@media (hover:none){.cap{transform:none}}

/* reveal engine (data-rv / data-wipe). JS adds .in and .seen */
html.js [data-rv]{opacity:0;transition:transform .9s var(--ease),opacity .9s var(--ease)}
html.js [data-rv=up]{transform:translateY(56px)}html.js [data-rv=down]{transform:translateY(-56px)}html.js [data-rv=left]{transform:translateX(-56px)}html.js [data-rv=right]{transform:translateX(56px)}html.js [data-rv=zoom]{transform:scale(.92)}
html.js [data-rv].in{opacity:1;transform:none}
html.js [data-wipe] .wipe{clip-path:inset(100% 0 0 0 round var(--r));transition:clip-path 1.1s var(--ease)}
html.js [data-wipe] .wipe img,html.js [data-wipe] .wipe video{transform:scale(1.14)}
html.js [data-wipe].in .wipe{clip-path:inset(0 0 0 0 round var(--r))}
html.js [data-wipe].in .wipe img,html.js [data-wipe].in .wipe video{transform:none}
.sl-mask{overflow:hidden}

/* the stage: film first, a few words, glass chips. On Home the film closes into a lifted frame as you scroll */
.stage{position:relative;height:200vh}
.stage-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;--p:0}
.stage-pin{--sx:1;--sy:1;--isx:1;--isy:1}
.stage-media{position:absolute;inset:0;border-radius:calc(var(--p) * 16px);overflow:hidden;background:var(--ink2);box-shadow:var(--sh-frame);z-index:1;transform:scale(var(--sx),var(--sy));transform-origin:50% 50%;will-change:transform;backface-visibility:hidden}
.stage-media video,.stage-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--isx),var(--isy));transform-origin:50% 50%;will-change:transform}
.stage-scrim{position:absolute;inset:0;z-index:2;will-change:opacity;background:linear-gradient(90deg,rgba(21,20,18,.5) 0%,rgba(21,20,18,.22) 40%,rgba(21,20,18,0) 64%),linear-gradient(to top,rgba(21,20,18,.88) 0%,rgba(21,20,18,.46) 34%,rgba(21,20,18,.08) 60%,rgba(21,20,18,.34) 100%);opacity:calc(1 - var(--p) * 1.3);pointer-events:none}
.stage-copy{position:absolute;left:0;right:0;bottom:0;z-index:3;padding-bottom:9vh;will-change:transform,opacity;opacity:calc(1 - var(--p) * 2.4);transform:translateY(calc(var(--p) * -50px));pointer-events:none}
.stage-copy .wrap{display:grid;grid-template-columns:minmax(0,780px) auto;align-items:end;justify-content:space-between;gap:32px}
.stage-copy .btns,.stage-chips{pointer-events:auto}
.stage-copy h1{margin:18px 0 20px;font-size:clamp(40px,4.6vw,66px);text-shadow:0 2px 30px rgba(0,0,0,.4)}
.stage .label{text-shadow:0 1px 14px rgba(0,0,0,.55);line-height:1.6}
.stage-p{font-size:18px;line-height:1.6;color:rgba(243,237,226,.86);max-width:54ch;text-shadow:0 1px 20px rgba(0,0,0,.4)}
.stage .btns{margin-top:30px}
.stage-chips{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.stage-after{position:absolute;left:0;right:0;bottom:4.6vh;z-index:3;text-align:center;will-change:transform,opacity;opacity:calc((var(--p) - .62) * 2.8);transform:translateY(calc((1 - var(--p)) * 20px));pointer-events:none;padding:0 var(--gut)}
.stage-after p{max-width:none;margin:0 auto}
.stage-after .fh{font-size:clamp(20px,2vw,27px);color:var(--ivory)}
.stage-after small{display:block;margin-top:8px;font:500 10.5px/1 var(--fb);letter-spacing:.22em;text-transform:uppercase;color:var(--stone)}
.stage-cue{position:absolute;left:50%;bottom:3.4vh;z-index:3;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font:500 10px/1 var(--fb);letter-spacing:.26em;text-transform:uppercase;color:var(--stone);opacity:calc(1 - var(--p) * 4);pointer-events:none}
.stage-cue::after{content:'';width:1px;height:34px;background:linear-gradient(var(--gold),transparent);animation:cue 1.8s var(--ease) infinite;transform-origin:top}
@keyframes cue{0%{transform:scaleY(0)}45%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.stage.short{height:auto}
.stage.short .stage-pin{position:relative;height:76vh;min-height:540px;max-height:880px}
.stage.short .stage-media{inset:0;border-radius:0;box-shadow:none;transform:none;will-change:auto}
.stage.short .stage-media>img,.stage.short .stage-media>video,.stage.short .stage-media picture img{transform:scale(1.14);will-change:transform}
.stage.short .stage-scrim{background:linear-gradient(90deg,rgba(21,20,18,.58) 0%,rgba(21,20,18,.26) 42%,rgba(21,20,18,0) 66%),linear-gradient(to top,rgba(21,20,18,.94) 0%,rgba(21,20,18,.55) 40%,rgba(21,20,18,.14) 70%,rgba(21,20,18,.36) 100%)}
.stage.short .stage-copy{padding-bottom:7vh}
.stage.short h1{font-size:clamp(38px,4.6vw,66px)}

/* the walk through */
.walk-intro{padding:120px 0 44px}
.walk-intro p{color:var(--stone);font-size:19px}
.walk{height:480vh;position:relative}
.walk-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ink);--wp:0}
.walk-fade{position:absolute;inset:0;z-index:4;background:var(--ink);opacity:calc((var(--wp) - .88) * 8.4);pointer-events:none;will-change:opacity}
.walk-first,.walk-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.walk-canvas{will-change:transform}
.walk-stage::after{content:'';position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(to top,rgba(21,20,18,.82),rgba(21,20,18,0));pointer-events:none}
.walk-lines{position:absolute;left:6vw;right:6vw;bottom:11vh;z-index:2}
.walk-line{overflow:hidden;padding-bottom:.08em}
.walk-line span{display:block;font:500 clamp(32px,5.4vw,78px)/1.04 var(--fh);color:var(--ivory);text-shadow:0 2px 30px rgba(0,0,0,.5)}
.walk-arc{position:absolute;top:calc(var(--hdr) + 14px);right:var(--gut);width:40px;height:40px;z-index:2;transition:opacity .6s}
.walk-arc circle{fill:none;stroke-width:1.5}
.walk-arc .t{stroke:rgba(216,193,161,.22)}.walk-arc .f{stroke:var(--gold);stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .2s}
.walk-arc.done{opacity:0}
.walk-hint{position:absolute;right:var(--gut);bottom:28px;z-index:2;transition:opacity .4s}
.walk-lines{will-change:transform}

/* limestone bands + paper cards */
.band-l{position:relative;background:var(--lime);color:var(--inkt)}
.band-l::before{content:'';position:absolute;inset:0;background:radial-gradient(90% 60% at 20% 0%,rgba(255,255,255,.55),rgba(255,255,255,0) 60%),radial-gradient(70% 50% at 100% 100%,rgba(180,156,121,.14),rgba(180,156,121,0) 60%);pointer-events:none}
.band-l>*{position:relative}
.band-l .stone{color:var(--stonet)}
.band-l .label{color:var(--gold-t)}
.band-l h2,.band-l h3{color:var(--inkt)}
.band-l p{color:#4B4740}
.paper{background:var(--paper);border-radius:var(--r);padding:16px 16px 26px;display:flex;flex-direction:column;gap:14px;height:100%;box-shadow:var(--sh-light);transition:transform .55s var(--ease),box-shadow .55s var(--ease)}
.paper .frame{box-shadow:0 18px 30px -22px rgba(26,24,22,.45)}
.paper h3{margin:10px 8px 0}
.paper p{font-size:16.5px;color:#4B4740;margin:0 8px}
.paper .tlink{margin:auto 8px 0;align-self:flex-start}
@media (hover:hover){.paper:hover{transform:translateY(-6px);box-shadow:var(--sh-light-hover)}.paper:hover .frame{transform:none}}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:52px}
.panel{background:var(--ink2);border-radius:var(--r);box-shadow:var(--sh-card)}

/* collection */
.coll-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:60px}
.coll-head p{color:var(--stone);font-size:18px}
.coll{display:grid;grid-template-columns:repeat(12,1fr);gap:28px;align-items:start}
.coll .c1{grid-column:1/8}.coll .c2{grid-column:8/13;margin-top:120px}.coll .c3{grid-column:1/6;margin-top:40px}.coll .c4{grid-column:6/13;margin-top:-80px}
.ctitle{margin:16px 6px 0;font-size:24px;color:var(--ivory)}.coll-foot{margin-top:60px;display:flex;justify-content:center}
.par{will-change:transform}

/* enclaves rail */
.rail{height:300vh;position:relative}
.rail-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:var(--hdr)}
.rail-head{margin-bottom:34px}
.rail-track{display:flex;gap:28px;padding:20px max(var(--gut),calc((100vw - 1360px) / 2 + var(--gut)));width:max-content;will-change:transform}
.rail-card{width:min(360px,70vw);flex:none}
.rail-card .frame{display:block}
.rail-card h3{margin:18px 6px 4px}
.rail-card p{color:var(--stone);font-size:15.5px;margin:0 6px}
.rail-jump{display:none;gap:8px;flex-wrap:wrap;padding:14px var(--gut) 0}
.rail-jump button{font:500 11px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--stone);padding:11px 13px;border:1px solid var(--hair);border-radius:999px;box-shadow:var(--sh-chip)}

/* the standard */
.std{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.std-words{font:500 clamp(26px,2.6vw,36px)/1.35 var(--fh);color:var(--ivory)}
.std-words .sw{display:inline-block;opacity:.22}
.std-tiles{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.tile{perspective:900px}
.tile .frame{transform-style:preserve-3d}.tilt .frame{transition:transform .18s,box-shadow .5s var(--ease)}
.tile .cap{text-align:center;font-family:var(--fh);font-size:20px;letter-spacing:.1em;text-transform:none}

/* brief teaser */
.teaser{display:grid;grid-template-columns:1.1fr .9fr;gap:0;align-items:stretch;overflow:hidden}
.teaser-media{overflow:hidden}
.teaser-media .par{height:100%}.teaser-media .frame{border-radius:0;box-shadow:none;height:112%;margin-top:-6%}.teaser-media .wipe{aspect-ratio:auto;height:100%;min-height:420px;border-radius:0}
.teaser-body{padding:56px 56px 56px 60px;display:flex;flex-direction:column;justify-content:center}
.teaser-body p{color:var(--stone);font-size:18px;margin-bottom:28px}
.iam{font:500 11px/1 var(--fb);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tiles a,.tiles button{display:flex;align-items:center;justify-content:center;height:58px;border:1px solid rgba(243,237,226,.18);border-radius:var(--rs);font:500 14px/1 var(--fb);letter-spacing:.04em;color:var(--ivory);transition:border-color .3s,background .3s,color .3s,transform .3s,box-shadow .3s;text-align:center;padding:0 10px;background:rgba(255,255,255,.03);box-shadow:0 14px 24px -18px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.06) inset}
.tiles a:hover,.tiles button:hover{border-color:var(--gold);transform:translateY(-2px)}
.tiles .sel,.tiles [aria-pressed=true]{background:linear-gradient(180deg,var(--gold2),#CFB48E);color:var(--ink);border-color:transparent;box-shadow:var(--sh-btn)}

/* closing band + footer */
.close{padding:130px 0;text-align:center}
.close h2{max-width:16ch;margin:0 auto 32px}
.close .btns{justify-content:center}
.next{margin-top:44px;font:500 11px/1 var(--fb);letter-spacing:.22em;text-transform:uppercase;color:var(--stone)}
.next a{color:var(--ivory);border-bottom:1px solid var(--gold);padding-bottom:3px;margin-left:8px;transition:color .3s}.next a:hover{color:var(--gold)}
.ftr{border-top:1px solid var(--hair);padding:72px 0 48px;font-size:15px;color:var(--stone);overflow-x:clip;position:relative;background:rgba(0,0,0,.25)}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px}
.ftr p{max-width:44ch;margin-top:16px}
.ftr a{border-bottom:1px solid transparent;transition:border-color .3s,color .3s}.ftr a:hover{color:var(--ivory);border-color:var(--gold)}
.ftr h4{font:500 11px/1 var(--fb);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.ftr ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.ftr-low{margin-top:48px;padding-top:24px;border-top:1px solid var(--hair);font-size:13px;line-height:1.7}
.ftr-low p{max-width:none;margin-top:8px}

/* estates */
.stack{position:relative;margin-top:24px}
.est-card{position:sticky;top:calc(var(--hdr) + 14px);height:calc(100vh - var(--hdr) - 28px);max-height:720px;background:var(--ink2);border-radius:var(--r);box-shadow:var(--sh-card);display:grid;grid-template-columns:1.5fr .8fr;gap:40px;padding:36px;margin-bottom:28px;transform-origin:top center;will-change:transform}
.est-media{position:relative;padding:0 80px 72px 0;min-height:0;align-self:center}
.est-media .main{width:100%}
.est-media .inside{position:absolute;right:0;bottom:0;width:38%;z-index:2}
.est-text{display:flex;flex-direction:column;justify-content:center}
.est-text .label{margin-bottom:18px}
.est-text h2{font-size:clamp(30px,3.2vw,46px);margin-bottom:14px}
.est-words{color:var(--stone);font-size:15px;letter-spacing:.06em;margin-bottom:28px}
.wide{padding:120px 0}
.wide-frame{--p:0;width:calc(72% + 28% * var(--p));margin:0 auto}
.wide-cap{text-align:center;margin-top:20px;font:500 11px/1 var(--fb);letter-spacing:.22em;text-transform:uppercase;color:var(--stone)}
.wide-line{text-align:center;font:500 clamp(24px,2.6vw,34px) var(--fh);margin-top:28px}
.portfolio{text-align:center;padding:120px 0}
.portfolio p{margin:0 auto 32px;color:var(--stone);font-size:18px}

/* enclaves page */
.enc{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:96px 0;scroll-margin-top:calc(var(--hdr) + 16px)}
.enc+.enc{border-top:1px solid var(--hair)}
.enc:nth-of-type(even) .enc-media{order:2}
.enc-media{position:relative;padding:0 0 110px 0}
.enc-media .front{position:absolute;right:6%;bottom:0;width:44%;z-index:2}
.enc-text p{color:var(--stone)}.enc-text p+p{margin-top:16px}

/* selling */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.step-card h3{margin:20px 6px 8px}
.step-card p{color:var(--stone);font-size:16.5px;margin:0 6px}
.protect{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.protect>div{background:var(--paper);border-radius:var(--r);padding:28px 28px 30px;box-shadow:var(--sh-light)}
.protect h3{margin-bottom:10px;font-size:24px}
.protect p{font-size:16.5px;color:#4B4740}
.protect-photos{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px}
.statement{padding:120px 0;text-align:center}
.statement p{font:500 clamp(26px,3vw,40px)/1.3 var(--fh);max-width:26ch;margin:0 auto}

/* about */
.story{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.story-text p+p{margin-top:18px}
.story-media{display:grid;gap:28px}
.story-media .frame:nth-child(2){margin-left:15%}
.tiles3{display:grid;grid-template-columns:1.5fr 1fr 1.5fr;gap:24px;margin-top:48px;align-items:stretch}
.tiles3 .wipe{aspect-ratio:auto;height:100%;min-height:300px}
.rows{list-style:none;margin-top:40px;display:grid;gap:14px}
.rows li{padding:26px 30px;background:var(--ink2);border-radius:var(--r);box-shadow:var(--sh-card);font:500 clamp(22px,2.2vw,30px) var(--fh);display:flex;justify-content:space-between;gap:24px}
.rows li small{font:500 11px/1 var(--fb);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);align-self:center}

/* brief */
.brief-panel{background:var(--lime);border-radius:var(--r);padding:48px;box-shadow:var(--sh-card);color:var(--inkt)}
.brief{background:var(--paper);color:var(--inkt);border-radius:var(--r);padding:40px 44px 44px;max-width:860px;margin:0 auto;box-shadow:var(--sh-light)}
.brief-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}
.brief-top .label{color:var(--gold-t)}
.brief-rule{height:3px;background:rgba(26,24,22,.1);margin-bottom:34px;overflow:hidden;border-radius:2px}
.brief-rule i{display:block;height:100%;width:16.6%;background:linear-gradient(90deg,var(--gold-d),var(--gold));transition:width .5s var(--ease)}
.step{display:none}.step.cur{display:block}
html:not(.js) .step{display:block;margin-bottom:40px}
.step h2{font-size:clamp(28px,3vw,40px);color:var(--inkt);margin-bottom:22px}
.brief .tiles a,.brief .tiles button{color:var(--inkt);border-color:rgba(26,24,22,.16);background:#fff;box-shadow:var(--sh-ctl)}
.brief .tiles button:hover{border-color:var(--gold-d)}
.brief .tiles [aria-pressed=true]{background:var(--inkt);color:var(--ivory);border-color:var(--inkt);box-shadow:0 14px 24px -14px rgba(26,24,22,.6)}
.tiles.t2{grid-template-columns:repeat(2,1fr)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{height:46px;padding:0 18px;border:1px solid rgba(26,24,22,.16);border-radius:999px;font:500 14.5px/1 var(--fb);color:var(--inkt);background:#fff;box-shadow:var(--sh-ctl);transition:background .3s,color .3s,border-color .3s,transform .3s}
.chip:hover{border-color:var(--gold-d);transform:translateY(-1px)}.chip[aria-pressed=true]{background:var(--inkt);color:var(--ivory);border-color:var(--inkt)}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.field label{font:500 11px/1 var(--fb);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-t)}
.field input,.field textarea{font:400 16px/1.4 var(--fb);color:var(--inkt);background:#fff;border:1px solid rgba(26,24,22,.18);border-radius:var(--rs);padding:14px 16px;width:100%;box-shadow:0 2px 6px -4px rgba(26,24,22,.3) inset}
.field input:focus,.field textarea:focus{outline:2px solid var(--gold-d);outline-offset:1px}
.field small{font-size:13px;color:var(--stonet)}
.brief-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:30px}
.brief .btn-o{color:var(--inkt);border-color:rgba(26,24,22,.25);background:#fff;box-shadow:var(--sh-ctl)}.brief .btn-o:hover{background:var(--inkt);color:var(--ivory);border-color:var(--inkt)}
.brief .btn-b{background:linear-gradient(180deg,#2A2724,var(--inkt));color:var(--ivory);border-color:transparent;box-shadow:0 14px 28px -12px rgba(26,24,22,.6),0 1px 0 rgba(255,255,255,.12) inset}.brief .btn-b:hover{background:linear-gradient(180deg,#34302C,#2A2724)}
.brief-err{color:#8A2E20;font-size:15px;margin-top:12px;display:none}
.summary{font:500 clamp(22px,2.4vw,30px)/1.35 var(--fh);color:var(--inkt);margin-bottom:28px}
.done{display:none}.done.cur{display:block}
.done p+p{margin-top:12px}
.done .muted{font-size:14px;color:var(--stonet);margin-top:22px}
.office{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.office-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin:24px 0 32px;font-size:17px}
.office-list a{border-bottom:1px solid rgba(216,193,161,.4);transition:color .3s}.office-list a:hover{color:var(--gold)}
.office-photos{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start;margin-top:28px}
.map{border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;background:var(--ink2);box-shadow:var(--sh-frame)}
.map iframe{width:100%;height:100%;border:0;display:block}
.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:start}
.faq-sticky{position:sticky;top:calc(var(--hdr) + 24px)}
.faq details{background:var(--ink2);border-radius:var(--r);box-shadow:var(--sh-card);padding:0 26px;margin-bottom:12px}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font:500 22px/1.3 var(--fh)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font:400 26px/1 var(--fh);color:var(--gold);transition:transform .35s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--stone);padding:0 0 24px;font-size:16.5px}

/* phones and tablets */
@media (max-width:1100px){
 .cards3,.steps{grid-template-columns:repeat(2,1fr)}
 .coll .c1{grid-column:1/8}.coll .c2{grid-column:8/13;margin-top:80px}.coll .c3{grid-column:1/6}.coll .c4{grid-column:6/13;margin-top:0}
 .std,.teaser,.story,.office,.faq,.enc{grid-template-columns:1fr}
 .enc:nth-of-type(even) .enc-media{order:0}
 .est-card{grid-template-columns:1fr;position:relative;top:auto;height:auto;max-height:none}
 .tiles3{grid-template-columns:1fr 1fr}.tiles3 .frame:first-child{grid-column:1/3}
 .ftr-grid{grid-template-columns:1fr 1fr}
 .protect{grid-template-columns:1fr}
 .nav{display:none}.hdr-tel{display:none}
 .menu-btn{display:flex}
 .stage-copy .wrap{grid-template-columns:1fr}
 .stage-chips{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}
}
@media (max-width:760px){
 :root{--hdr:64px;--gut:20px;--r:10px}
 html{font-size:16.5px}
 h2{font-size:clamp(30px,8vw,40px)}
 .sec{padding:76px 0}
 .btns{flex-direction:column;align-items:stretch}
 .btn{height:56px;width:100%}
 .hdr .btn{display:none}
 .lock-sub{display:none}.lock-name{font-size:15px;letter-spacing:.18em}.seal{width:34px;height:34px}
 .stage{height:170vh}
 .stage-copy{padding-bottom:calc(var(--bar) + 26px)}
 .stage-copy h1{font-size:clamp(34px,9.4vw,42px);margin:14px 0 14px}
 .stage-p{font-size:16px;max-width:none}
 .stage .btns{margin-top:22px;gap:10px}
 .stage .btn{height:54px}
 .stage-chips,.stage-cue,.stage .label .lsep,.stage .label .l2{display:none}
 .stage-after{bottom:calc(var(--bar) + 18px)}
 .stage.short .stage-pin{height:72vh;min-height:480px}
 .stage.short h1{font-size:clamp(32px,8.8vw,40px)}
 .walk-lines{left:20px;right:20px;bottom:calc(var(--bar) + 30px)}
 .walk-hint{bottom:calc(var(--bar) + 16px)}
 .walk-intro{padding:76px 0 28px}
 .cards3,.steps,.std-tiles,.tiles,.protect-photos,.office-photos,.ftr-grid{grid-template-columns:1fr}
 .tiles{grid-template-columns:1fr 1fr}.teaser .tiles{grid-template-columns:repeat(3,1fr)}
 .std-tiles{grid-template-columns:1fr 1fr}
 .coll{grid-template-columns:1fr 1fr;gap:16px}
 .coll .c1,.coll .c3{grid-column:1/2}.coll .c2,.coll .c4{grid-column:2/3}
 .coll .c2{margin-top:48px}.coll .c3{margin-top:-24px}.coll .c4{margin-top:0}
 .coll-head{flex-direction:column;align-items:flex-start;margin-bottom:32px}
 .rail{height:auto}
 .rail-stage{position:relative;height:auto;padding-top:0;overflow:visible}
 .rail-track{overflow-x:auto;width:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:12px var(--gut) 24px;scrollbar-width:none}
 .rail-track::-webkit-scrollbar{display:none}
 .rail-card{scroll-snap-align:start;width:76vw}
 .rail-jump{display:flex}
 .teaser-body{padding:36px 20px 40px}
 .close{padding:84px 0}
 .est-card{padding:18px 18px 26px;margin-bottom:22px}
 .est-media{padding:0 40px 56px 0}
 .enc{padding:64px 0;gap:36px}
 .enc-media{padding-bottom:80px}
 .brief-panel{padding:14px}
 .brief{padding:26px 18px 30px}
 .brief-nav{flex-direction:column-reverse}.brief-nav .btn{width:100%}
 .chip{height:44px;padding:0 14px}
 .rows li{flex-direction:column;gap:6px;font-size:22px;padding:20px 22px}
 .faq-sticky{position:static}
 .faq details{padding:0 18px}
 .story-media .frame:nth-child(2){margin-left:0}
 .wide{padding:76px 0}
 .wide-frame{width:calc(84% + 16% * var(--p))}
 .mbar{display:flex}
 body{padding-bottom:calc(var(--bar) + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 html.js [data-rv],html.js [data-wipe] .wipe,html.js [data-wipe] .wipe img,html.js [data-wipe] .wipe video{opacity:1;transform:none;clip-path:none}
 .curtain{display:none}
 .stage{height:auto}
 .stage-pin{position:relative;height:88vh}
 .stage-after,.stage-cue{display:none}
 .walk{height:auto}
 .walk-stage{position:relative;height:70vh}
 .walk-fade{display:none}
 .walk-hint{display:none}
 .rail{height:auto}
 .rail-stage{position:relative;height:auto;overflow:visible}
 .rail-track{overflow-x:auto;width:auto}
 .std-words .sw{opacity:1}
 .wide-frame{width:100%}
 .est-card{position:relative;top:auto;height:auto;max-height:none}
 .cur-tag{display:none}
}

/* two shores, concierge (Nov 8 2026, from Cristina's own bio and concierge copy) */
.shores-head{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:40px;margin-bottom:64px}
.shores-head h2{margin:12px 0 0}
.shores-head p{color:var(--stone);font-size:18px;justify-self:end;max-width:30ch}
.shores-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.shores-grid>.par:nth-child(2){margin-top:150px}
.shore{display:block;color:inherit}
.shore .frame{display:block}
.shore .label{display:block;margin:26px 6px 10px}
.shore h3{font-size:clamp(26px,2.3vw,34px);line-height:1.15;margin:0 6px 10px;color:var(--ivory);transition:color .35s}
.shore p{color:var(--stone);margin:0 6px 18px;font-size:16.5px}
.shore .tlink{margin:0 6px}
@media (hover:hover){.shore:hover h3{color:var(--gold2)}}
.cteaser{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}
.cteaser-body p{color:var(--stone);font-size:18px;max-width:44ch}
.cteaser-body .btns{margin-top:32px}
.cteaser-media .frame{max-width:500px;margin-left:auto}
.conc-intro{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:56px}
.conc-intro h2{margin:12px 0 0}
.conc-intro p{color:var(--stone);font-size:18px}
.privs{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.priv h3{margin:20px 6px 8px;font-size:24px}
.priv p{color:var(--stone);font-size:16px;margin:0 6px}
.apply-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.apply-intro h2{margin:12px 0 18px}
.apply-intro p{color:#4B4740;font-size:17.5px}
.apply-intro p+p{margin-top:16px}
.brief.apply{max-width:none;margin:0}
.brief.apply .btn-b{min-width:240px}
.apply-fine{font-size:13px;color:var(--stonet)}
.login{max-width:620px;margin:0 auto;text-align:center;padding:56px 48px 48px}
.login .seal{width:56px;height:56px;margin:0 auto 20px;color:var(--gold);display:block}
.login h2{margin:10px 0 14px}
.login>p{margin:0 auto;color:var(--stone)}
.login form{margin-top:30px;display:flex;flex-direction:column;gap:14px;text-align:left}
.field.dark{margin-bottom:0}
.field.dark label{color:var(--gold)}
.field.dark input{background:rgba(255,255,255,.04);border-color:rgba(243,237,226,.22);color:var(--ivory);box-shadow:none}
.login-msg{min-height:1.5em;color:var(--ivory);font-size:15px;text-align:center;margin-top:4px}
.login-msg small{display:block;color:var(--stone);margin-top:6px;font-size:13px}
.story-text .sig{font:500 clamp(22px,2vw,28px)/1.35 var(--fh);color:var(--ivory);margin-top:26px}
.story-text .lic{color:var(--stone);font-size:15px;margin-top:20px}
.story-text h2{margin-top:12px}
.enc-text .label{margin-bottom:14px}
@media (max-width:1100px){
 .shores-head,.cteaser,.conc-intro,.apply-grid{grid-template-columns:1fr}
 .shores-head p{justify-self:start}
 .privs{grid-template-columns:repeat(2,1fr)}
 .cteaser{gap:40px}
 .cteaser-media .frame{margin:0}
}
@media (max-width:760px){
 .shores-grid{grid-template-columns:1fr;gap:44px}
 .shores-grid>.par:nth-child(2){margin-top:0}
 .shores-head{margin-bottom:36px;gap:14px}
 .privs{gap:16px}
 .priv h3{font-size:20px;margin:14px 4px 6px}
 .priv p{font-size:14.5px;margin:0 4px}
 .login{padding:40px 20px 34px}
 .brief.apply .btn-b{min-width:0}
}

/* Italy, music, members (Nov 8 2026 meeting) */
.italia-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;align-items:start}
.italia-intro{align-self:center;padding-right:12px}
.italia-intro h2{margin:12px 0 16px}
.italia-intro p{color:var(--stone);font-size:17px;margin-bottom:22px}
.it-tile{display:block}
.it-tile:nth-child(even){margin-top:56px}
.it-tile h3{margin:14px 6px 0;font-size:22px;transition:color .35s}
@media (hover:hover){.it-tile:hover h3{color:var(--gold2)}}
.enc-italy{padding:96px 0;border-top:1px solid var(--hair);scroll-margin-top:calc(var(--hdr) + 16px)}
.italy-head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:48px}
.italy-head h2{margin:12px 0 0}
.italy-head p{color:var(--stone);font-size:18px}
.italy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ic h3{margin:18px 6px 8px;font-size:24px}
.ic p{color:var(--stone);font-size:16px;margin:0 6px}
.snd{position:fixed;left:24px;bottom:24px;z-index:140;display:flex;align-items:center;gap:3px;height:42px;padding:0 16px;border-radius:999px;background:rgba(21,20,18,.74);border:1px solid var(--glass-b);color:var(--ivory);font:500 11px/1 var(--fb);letter-spacing:.16em;text-transform:uppercase;box-shadow:var(--sh-chip)}
.snd i{display:block;width:2px;height:12px;background:var(--gold);border-radius:1px;transform-origin:bottom;transform:scaleY(.35)}
.snd[aria-pressed=true] i{animation:eq 1s ease-in-out infinite}
.snd[aria-pressed=true] i:nth-child(2){animation-delay:.2s}.snd[aria-pressed=true] i:nth-child(3){animation-delay:.4s}
.snd span{margin-left:9px}
@keyframes eq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.members{padding-top:calc(var(--hdr) + 80px)}
.m-h{font-size:clamp(34px,3.6vw,52px);margin:10px 0 14px}
.m-area[hidden],.l-code[hidden],.l-email[hidden],.login[hidden]{display:none}
.m-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}
.m-head h2{margin:12px 0 0}
.m-head p{color:var(--stone);margin-top:10px}
.m-list{margin-top:48px}
.m-list h3{margin-bottom:16px}
.m-list ul{list-style:none;display:grid;gap:12px}
.m-list li{background:var(--ink2);border-radius:var(--r);box-shadow:var(--sh-card);padding:18px 22px;color:var(--stone);font-size:15px}
.m-list li b{display:block;color:var(--ivory);font-weight:500;margin-bottom:4px}
@media (max-width:1100px){.italia-grid{grid-template-columns:repeat(2,1fr)}.italia-intro{grid-column:1/3}.italy-head{grid-template-columns:1fr}.italy-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
 .italia-grid{gap:14px}.it-tile:nth-child(even){margin-top:0}.it-tile:last-child{grid-column:1/3}.it-tile:last-child .wipe{aspect-ratio:16/10}
 .it-tile h3{font-size:19px;margin:10px 4px 0}
 .italy-cards{gap:16px}.ic h3{font-size:20px;margin:14px 4px 6px}.ic p{font-size:14.5px;margin:0 4px}
 .snd{left:auto;right:16px;bottom:calc(var(--bar) + 16px + env(safe-area-inset-bottom));height:38px;padding:0 13px}
 .snd span{display:none}
 .m-head{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.snd i{animation:none!important}}