/* Azarie Services: the light look (Oct 29), loaded after site.css on every page that has <html class="lx">.
   Ivory instead of the paper texture, a thin serif (Cormorant Garamond) with gold script labels (Italianno),
   square buttons, light panels instead of dark plum ones, and the menu with the logo on the left and "Menu" on the right. */
html.lx{--cream:#FBF8F3;--ivory:#FFFDF9;--plum:#2E2019;--plum2:#1F1610;--ink:#2E2019;--text:#5A4B40;--gold:#A9864F;--gold2:#CDB487;--gold3:#957444;
  --night:#2E2019;--night2:#261C15;--serif:"Cormorant Garamond",Georgia,serif;--script:"Italianno",cursive;
  background:#FBF8F3;font-variant-numeric:lining-nums}
/* Cormorant draws old-style numbers (a 6 rises, a 3 drops) unless told otherwise */
.lx,.lx *{font-variant-numeric:lining-nums!important}
.lx .lpct{font-variant-numeric:lining-nums tabular-nums!important}
.lx ::selection{background:#2E2019;color:#FBF8F3}
.lx .night,.lx .close:not(.paint),.lx .band,.lx footer{background-image:none}
.lx .veil{background:#FBF8F3}

/* ---------- type ---------- */
.lx .eyebrow2{gap:0;font:400 clamp(32px,2.8vw,46px)/1 var(--script);letter-spacing:0;text-transform:none;color:var(--gold)}
.lx .eyebrow2::before,.lx .eyebrow2::after{display:none}
.lx .h2{font:300 clamp(36px,4.4vw,70px)/1.08 var(--serif);letter-spacing:.005em}
.lx .h3{font:400 clamp(30px,3.3vw,52px)/1.1 var(--serif)}
.lx .ptitle{font:300 clamp(40px,4.6vw,74px)/1.05 var(--serif)}
.lx .lead.big,.lx .row .tag,.lx .panel2 .tag{font-family:var(--serif);font-weight:400;font-size:clamp(21px,1.9vw,27px)}
.lx .statement p,.lx .quote p{font:300 clamp(28px,3vw,46px)/1.38 var(--serif);color:var(--ink)}
.lx .item h3,.lx .val h3,.lx .svcgrid h3,.lx .card2 h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.1vw,32px)}
.lx .said p,.lx .mv .box p,.lx .mapbox p{font-family:var(--serif);font-size:clamp(20px,1.7vw,25px)}
.lx .faq summary{font:400 clamp(22px,2vw,29px)/1.3 var(--serif)}
.lx .item em,.lx .svcgrid em{font-family:var(--serif)}

/* ---------- buttons ---------- */
.lx .btn{border-radius:0;padding:17px 32px;font:500 12px/1 var(--sans);letter-spacing:.22em}
.lx .btn::after{display:none}
.lx .b1{background:var(--ink);color:#FBF8F3;box-shadow:none;border:1px solid var(--ink)}
.lx .b1:hover{background:transparent;color:var(--ink);transform:none}
.lx .b2{border:1px solid rgba(48,36,28,.3);color:var(--ink)}
.lx .b2:hover{background:transparent;border-color:var(--ink)}

/* ---------- pictures: soft arches like Home, square photos ---------- */
.lx .arch{border-radius:999px 999px 0 0;box-shadow:none;background:#F3ECE3}
.lx .arch::after{display:none}
.lx .shot{border-radius:0}
.lx .shot::after{display:none}
.lx .row .n{-webkit-text-stroke:1px rgba(169,134,79,.55);color:transparent}

/* ---------- panels and cards: white, square, a whisper of shadow ---------- */
.lx .panel2,.lx .said,.lx .card2,.lx .mv .box,.lx .mapbox{border-radius:0;background:#FFFDF9;border-color:rgba(169,134,79,.22);box-shadow:0 26px 50px -38px rgba(48,36,28,.3)}
.lx .band{border-radius:0}
.lx .card2 .ic{border-color:rgba(169,134,79,.4)}

/* ---------- the dark sections become soft blush ones ---------- */
.lx .night{background:#F5EEE6;color:var(--ink)}
.lx .night .h2,.lx .night .h3,.lx .night .val h3,.lx .night .lead.big,.lx .night .said p{color:var(--ink)}
.lx .night .eyebrow2{color:var(--gold)}
.lx .night .val{border-top-color:rgba(169,134,79,.4)}
.lx .night .val p,.lx .night .lead,.lx .night .said small{color:var(--text)}
.lx .night .said{background:#FFFDF9;border-color:rgba(169,134,79,.22);box-shadow:0 26px 50px -38px rgba(48,36,28,.3)}
.lx .night .said b{color:var(--gold3)}
.lx .close:not(.paint){background:#F5EEE6;color:var(--ink)}
.lx .close:not(.paint) .h2{color:var(--ink)}
.lx .close:not(.paint) .eyebrow2{color:var(--gold)}
.lx .close:not(.paint) .lead{color:var(--text)}
.lx .close:not(.paint) .b1{background:var(--ink);color:#FBF8F3}
.lx .close:not(.paint) .b1:hover{background:transparent;color:var(--ink)}
.lx .close:not(.paint) .b2{border-color:rgba(48,36,28,.3);color:var(--ink)}
.lx .close.paint .eyebrow2{color:#fff}
.lx .close.paint .h2{color:#fff}
.lx .close.paint .b1{background:#fff;color:var(--ink);border-color:#fff}
.lx .close.paint .b1:hover{background:transparent;color:#fff}
.lx .close.paint .b2{border-color:rgba(255,255,255,.6);color:#fff}

/* ---------- the line between sections: lighter ---------- */
.lx .sep::before,.lx .sep::after{height:1px;background:rgba(169,134,79,.32)}
.lx .sep i{width:8px;height:8px;border-width:1px}

/* ---------- inner page heroes: a softer shade, the name in thin capitals under a gold script ---------- */
.lx .phero::after{background:radial-gradient(ellipse 62% 55% at 50% 50%,rgba(40,24,20,.42),rgba(40,24,20,.2) 70%,rgba(40,24,20,.14))}
.lx .phero .lh-script{margin:0 0 -.04em;font:400 clamp(40px,4.4vw,72px)/1 var(--script);color:#fff;text-shadow:0 1px 2px rgba(30,16,12,.35),0 0 24px rgba(30,16,12,.35)}
.lx .ltitle{font:300 clamp(46px,8vw,150px)/1.02 var(--serif);letter-spacing:.16em;color:#fff;text-transform:uppercase;
  text-shadow:0 2px 3px rgba(30,16,12,.22),0 6px 30px rgba(30,16,12,.35)}
.lx .ltitle>span{display:block;padding-left:.16em;white-space:nowrap}
.lx .ltitle.long{font-size:clamp(38px,6.4vw,118px)}
.lx .phero .cue{color:rgba(255,255,255,.85)}

/* ---------- the menu: logo top left, "Menu" with three lines top right ---------- */
.lx .nav{top:0;padding:0}
.lx .pill{display:flex;justify-content:space-between;align-items:center;width:100%;gap:0;
  padding:clamp(14px,1.6vw,22px) clamp(20px,4vw,64px);border-radius:0;border:0;border-bottom:1px solid transparent;
  background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
  transition:transform .7s cubic-bezier(.2,.75,.2,1),opacity .5s ease,background .45s ease,padding .45s ease,border-color .45s ease}
.lx .links,.lx .cta{display:none!important}
.lx .brand img{height:clamp(46px,4vw,60px);filter:drop-shadow(0 2px 8px rgba(30,16,12,.3))}
.lx .nav .menu-btn{display:flex!important;align-items:center;gap:16px;padding:10px 0;border:0;border-radius:0;background:none;color:#fff;
  font:500 12px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;text-shadow:0 1px 10px rgba(30,16,12,.35);cursor:pointer}
.lx .burger{display:flex;flex-direction:column;gap:7px;width:32px}
.lx .burger b{display:block;height:1.5px;background:currentColor;box-shadow:0 1px 6px rgba(30,16,12,.2);transition:width .45s cubic-bezier(.2,.75,.2,1),margin .45s}
.lx .burger b:nth-child(2){width:68%;margin-left:auto}
.lx .burger b:nth-child(3){width:84%;margin-left:auto}
.lx .menu-btn:hover .burger b{width:100%}
.lx .nav.solid .pill,.lx.lite .nav.solid .pill{background:rgba(251,248,243,.96);border-bottom-color:rgba(169,134,79,.22);box-shadow:0 10px 30px -22px rgba(48,36,28,.4);padding-top:10px;padding-bottom:10px}
.lx.lite .nav:not(.solid) .pill{background:transparent}
.lx .nav.solid .brand img{height:clamp(40px,3.2vw,50px);filter:none}
.lx .nav.solid .menu-btn{color:var(--ink);text-shadow:none}
.lx .nav.solid .burger b{box-shadow:none}

/* the menu that opens: ivory, a photo on the left, big thin links on the right */
.lx .mnav.lm{display:grid;grid-template-columns:minmax(0,42%) 1fr;padding:0;background:#FBF8F3;transition:opacity .5s ease,visibility .5s}
html.lx:has(.mnav.lm.open){overflow:hidden}
.lx .lm-photo{position:relative;overflow:hidden}
.lx .lm-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.6s cubic-bezier(.2,.75,.2,1)}
.lx .mnav.lm.open .lm-photo img{transform:none}
.lx .lm-panel{display:flex;flex-direction:column;padding:clamp(18px,2vw,28px) clamp(24px,5vw,90px) clamp(26px,3vw,44px);overflow:auto}
.lx .mnav.lm .top{display:flex;justify-content:space-between;align-items:center}
.lx .mnav.lm .top img{height:clamp(46px,4vw,60px)}
.lx .mnav.lm .menu-btn{display:flex;align-items:center;gap:14px;border:0;padding:10px 0;background:none;color:var(--ink);
  font:500 12px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;cursor:pointer}
.lx .mnav.lm .x{position:relative;width:22px;height:22px}
.lx .mnav.lm .x::before,.lx .mnav.lm .x::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:currentColor;transform:rotate(45deg)}
.lx .mnav.lm .x::after{transform:rotate(-45deg)}
.lx .mnav.lm .list{margin:auto 0;padding:clamp(20px,3vh,40px) 0;border:0}
.lx .mnav.lm .list>a{display:block;width:max-content;max-width:100%;font:300 clamp(40px,5.2vw,82px)/1.08 var(--serif);color:var(--ink);
  padding:6px 0;border:0;opacity:0;transform:translateY(26px);
  transition:opacity .7s ease,transform .9s cubic-bezier(.2,.75,.2,1),color .3s,padding-left .45s cubic-bezier(.2,.75,.2,1)}
.lx .mnav.lm .list>a:hover,.lx .mnav.lm .list>a.on{color:var(--gold)}
.lx .mnav.lm .list>a:hover{padding-left:18px}
.lx .mnav.lm .msub{display:flex;flex-wrap:wrap;gap:8px 22px;padding:2px 0 14px;border:0;opacity:0;transition:opacity .8s ease}
.lx .mnav.lm .msub a{font:500 11px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.lx .mnav.lm .msub a:hover,.lx .mnav.lm .msub a.on{color:var(--ink)}
.lx .mnav.lm.open .list>a,.lx .mnav.lm.open .msub{opacity:1;transform:none}
.lx .mnav.lm.open .list>a:nth-of-type(1){transition-delay:.12s,.12s,0s,0s}.lx .mnav.lm.open .list>a:nth-of-type(2){transition-delay:.18s,.18s,0s,0s}
.lx .mnav.lm.open .msub{transition-delay:.26s}
.lx .mnav.lm.open .list>a:nth-of-type(3){transition-delay:.3s,.3s,0s,0s}.lx .mnav.lm.open .list>a:nth-of-type(4){transition-delay:.36s,.36s,0s,0s}.lx .mnav.lm.open .list>a:nth-of-type(5){transition-delay:.42s,.42s,0s,0s}
.lx .lm-foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;padding-top:22px;border-top:1px solid rgba(169,134,79,.25)}
.lx .lm-foot .lm-script{flex-basis:100%;margin:0;font:400 clamp(30px,2.6vw,40px)/1 var(--script);color:var(--gold)}
.lx .lm-foot a{font:400 15px/1.5 var(--sans);color:var(--text)}
.lx .lm-foot a:hover{color:var(--ink)}
@media (max-width:900px){.lx .mnav.lm{grid-template-columns:1fr}.lx .lm-photo{display:none}}
@media (prefers-reduced-motion:reduce){.lx .mnav.lm .list>a,.lx .mnav.lm .msub,.lx .lm-photo img{transition:none;opacity:1;transform:none}}

/* ---------- forms: a clean white card instead of the tilted paper sheet with a clip ---------- */
.lx .sheet::before{display:none}
.lx .note,.lx .sheet .note,.lx .sheet.wide .note,.lx .sheet.wide2 .note{transform:none;border-radius:0;background:#FFFDF9;
  box-shadow:0 30px 60px -36px rgba(48,36,28,.32),0 0 0 1px rgba(169,134,79,.16)}
.lx .note::after{border-color:rgba(169,134,79,.16);border-radius:0}
.lx .note .clip{display:none}
.lx .note .note-title{font-family:var(--serif);font-weight:400}
.lx .note label span{color:var(--gold3)}
/* tablets and phones: the statement fills the width, so its side flowers would sit behind the words */
@media (max-width:1100px){.lx .statement .bot{display:none}}

/* pictures offered as AVIF are wrapped in <picture>; it steps aside so the layout is the picture's own */
.lx picture{display:contents}
/* the cream page-change cover lifts by itself after a moment, even before the page's script has arrived */
.lx .veil:not(.prep):not(.gone){animation:veilAuto .45s ease 1.1s forwards}

/* ---------- inner pages open on their content (Oct 30): a slim header under the menu bar, no full-screen hero ---------- */
.lx .phead{padding:clamp(120px,12vw,170px) 0 clamp(40px,5vw,72px)}
.lx .phead .grid:not(:has(> :nth-child(2))){grid-template-columns:minmax(0,760px)}
.lx .phead .ptitle{font-size:clamp(44px,5vw,80px)}
/* Contact: the form sits beside the title */
.lx .pcontact .grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}
.lx .pform .sheet{max-width:none}
.lx .reach{display:grid;gap:14px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(169,134,79,.25)}
.lx .reach li{display:grid;grid-template-columns:96px 1fr;align-items:baseline;gap:12px}
.lx .reach span{font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold3)}
.lx .reach a{font:400 clamp(18px,1.5vw,22px)/1.3 var(--serif);color:var(--ink)}
.lx .reach a:hover{color:var(--gold)}
@media (max-width:900px){.lx .pcontact .grid{grid-template-columns:1fr}}
/* nothing may push the page wider than the screen (phones would otherwise zoom out and cut off the menu) */
html.lx{overflow-x:clip}

/* ---------- the short photo banner on inner pages (Oct 30): a real photo, the page name, content right below ---------- */
.lx .phero.pband{height:44vh;height:44svh;min-height:300px;max-height:520px}
.lx .pband .ltitle{font-size:clamp(36px,5.4vw,96px)}
.lx .pband .ltitle.long{font-size:clamp(32px,4.6vw,84px)}
.lx .pband .lh-script{font-size:clamp(34px,3.4vw,56px)}
.lx .pband .phero-in{padding-top:40px}
.lx .pband .cue{display:none}
.lx .pband::after{background:linear-gradient(180deg,rgba(30,18,22,.42),rgba(30,18,22,.22) 45%,rgba(30,18,22,.38))}
.lx .pband+.phead{padding-top:clamp(48px,5vw,80px)}
/* Contact: the form card rises over the bottom of the banner, so photo and form are seen together */
@media (min-width:901px){.lx .pband+.pcontact{padding-top:clamp(40px,4vw,64px)}
  .lx .pband+.pcontact .pform{position:relative;z-index:4;margin-top:clamp(-170px,-12vw,-110px)}}
/* phones: galleries with many photos show two per row instead of one */
@media (max-width:700px){.lx .gal:has(> figure:nth-child(5)){grid-template-columns:1fr 1fr;gap:10px}.lx .gal:has(> figure:nth-child(5)) .shot{aspect-ratio:4/5}}

/* floating WhatsApp button */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:999px;background:#33261D;color:#fffdf8;text-decoration:none;font:500 12px/1 inherit;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 8px 24px rgba(49,37,29,.25);transition:transform .3s ease,background .3s ease}
.wa-float:hover{transform:translateY(-2px);background:#9a7a45}
@media (max-width:600px){.wa-float{right:14px;bottom:14px;padding:13px}.wa-float span{display:none}}
.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.wa-chat{display:inline-flex;align-items:center;gap:10px;padding:0 26px;height:58px;border:1px solid #33261D;color:#33261D;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:background .3s,color .3s}
.wa-chat::before{content:"";width:18px;height:18px;background:#25a35a;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 3a13 13 0 0 0-11.2 19.6L3 29l6.6-1.7A13 13 0 1 0 16 3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 3a13 13 0 0 0-11.2 19.6L3 29l6.6-1.7A13 13 0 1 0 16 3z'/%3E%3C/svg%3E") center/contain no-repeat}
.wa-chat:hover{background:#33261D;color:#fffdf8}

/* plain sample: no banners, so give the top bar room and dark text */
html.plain .phead{padding-top:140px}
html.plain .pcontact{margin-top:0;padding-top:140px}
html.plain .lt-card{padding-top:28px}
html.plain .band:empty,html.plain .arch:empty{display:none}
/* same-size buttons in the Home card, stacked */
.note .form-actions{flex-direction:column;align-items:stretch;max-width:340px}
.note .form-actions .btn,.note .form-actions .wa-chat{width:100%;height:58px;padding:0 24px;justify-content:center;box-sizing:border-box}
.wa-chat{height:58px}
/* floating button steps aside while another WhatsApp button is on screen */
.wa-float{transition:transform .35s ease,opacity .35s ease,background .3s}
.wa-float.away{opacity:0;transform:translateY(20px);pointer-events:none}

/* smaller floating WhatsApp: a round icon on every screen */
.wa-float{padding:0;width:52px;height:52px;justify-content:center;right:18px;bottom:18px}
.wa-float span{display:none}
.wa-float svg{width:24px;height:24px}

.lx .panel2.solo{grid-template-columns:1fr;max-width:860px;margin-left:auto;margin-right:auto}


/* normal page right-click menu on top photos (not the image menu) */
.hero .hero-img,.phead img,.phead picture{pointer-events:none}

/* ===== New page blocks (home style) ===== */
.lt .pg-center{position:relative;text-align:center;padding:clamp(60px,10vh,120px) var(--lt-gut);background:#FDFBF8;border-bottom:8px solid #fff}
.lt .pg-center.alt{background:#F5EEE6}
.lt .pg-center .pg-in{max-width:820px;margin:0 auto}
.lt .pg-center .lt-script{margin:0 0 10px!important;font:italic 400 clamp(19px,1.5vw,24px)/1.2 var(--lt-serif)!important;color:var(--lt-gold)!important}
.lt .pg-center .lt-h2{font:300 clamp(26px,4.25vh,40px)/1.15 var(--lt-serif)!important;color:#3D2A20!important;margin:0 0 clamp(16px,2.4vh,26px)!important;text-wrap:balance}
.lt .pg-p{font:300 clamp(16px,2vh,19px)/1.75 "Jost",system-ui,sans-serif!important;color:#3D2A20!important;margin:0 auto 14px!important;max-width:760px}
.lt .pg-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;max-width:1180px;margin:clamp(30px,5vh,56px) auto 0}
.lt .pg-card{background:rgba(255,253,249,.75);border:1px solid rgba(169,134,79,.35);box-shadow:0 24px 50px -34px rgba(48,36,28,.35);padding:clamp(24px,3vw,38px) clamp(20px,2.4vw,30px);text-align:left}
.lt .pg-card em{display:block;font:italic 400 22px/1 var(--lt-serif);color:var(--lt-gold);margin-bottom:14px}
.lt .pg-card h3{font:400 clamp(20px,1.6vw,24px)/1.2 var(--lt-serif);color:#3D2A20;margin:0 0 10px}
.lt .pg-card p{font:300 15px/1.65 "Jost",system-ui,sans-serif;color:#5A4B40;margin:0}
.lt .pg-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1240px;margin:clamp(30px,5vh,56px) auto 0}
.lt .pg-gallery figure{margin:0;overflow:hidden;aspect-ratio:4/5;background:#EFE7DA}
.lt .pg-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s cubic-bezier(.2,.75,.2,1)}
@media (hover:hover){.lt .pg-gallery figure:hover img{transform:scale(1.04)}}
.lt .pg-gallery figcaption{display:none}
.lt .pg-video{max-width:420px;margin:clamp(30px,5vh,56px) auto 0;text-align:center}
.lt .pg-video video{width:100%;display:block;box-shadow:0 30px 60px -30px rgba(32,22,17,.5)}
.lt .pg-video p{font:italic 400 clamp(17px,1.4vw,21px)/1.4 var(--lt-serif);color:#3D2A20;margin:16px 0 0}
.lt .lt-words.pg-reviews{height:auto!important;min-height:0!important;padding:clamp(56px,9vh,110px) var(--lt-gut)!important;border-bottom:8px solid #fff;display:block!important}
.lt .pg-quotes{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:20px!important;max-width:1100px;margin:clamp(26px,4vh,44px) auto 0!important}
.lt .pg-rev{background:rgba(255,253,249,.75)!important;border:1px solid rgba(169,134,79,.35)!important;box-shadow:0 24px 50px -34px rgba(48,36,28,.35)!important;padding:clamp(26px,3vw,40px)!important;display:flex!important;flex-direction:column!important;margin:0}
.lt .pg-rev blockquote{font:italic 400 clamp(16px,1.25vw,19px)/1.6 "Kalam","Cormorant Garamond",Georgia,serif;color:#3D2A20;margin:0 0 18px}
.lt .pg-rev figcaption{margin-top:auto}
.lt .pg-rev figcaption b{display:block;font:500 12px/1.4 "Jost",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--lt-gold);margin-bottom:6px}
.lt .pg-rev figcaption span{font:300 14px/1.5 "Jost",system-ui,sans-serif;color:#5A4B40}
.lt .pg-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;max-width:1180px;margin:clamp(30px,5vh,56px) auto 0;text-align:left}
.lt .pg-info .pg-card a{color:#3D2A20;text-decoration:none;border-bottom:1px solid rgba(169,134,79,.5)}
.lt .pg-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 26px}
.lt .pg-chips button{font:300 14px/1 "Jost",system-ui,sans-serif;color:#3D2A20;padding:11px 16px;border:1px solid rgba(169,134,79,.45);background:rgba(255,253,249,.7);cursor:pointer;transition:background .3s,color .3s}
.lt .pg-chips button.on,.lt .pg-chips button:hover{background:#3D2A20;color:#FBF8F3;border-color:#3D2A20}
.lt .pg-map{max-width:1180px;margin:clamp(30px,5vh,56px) auto 0;aspect-ratio:16/7;box-shadow:0 30px 60px -30px rgba(32,22,17,.4)}
.lt .pg-map iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.85)}
@media (max-width:700px){.lt .pg-gallery{grid-template-columns:1fr 1fr}.lt .pg-map{aspect-ratio:4/5}}
.lt .pg-q{font-family:"Kalam","Cormorant Garamond",Georgia,serif!important;font-style:normal;font-size:1.05em;color:#3D2A20}
.lt .pg-who{display:inline-block;margin-top:10px;font:500 12px/1.4 "Jost",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--lt-gold)}

.lt .pg-two .pg-cards{max-width:900px}
.lt .pg-founder .lt-center{text-align:center}

html .lt .pg-quotes{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;overflow:visible!important;transform:none!important;width:auto!important}
html .lt .pg-quotes .lt-quote,html .lt .pg-quotes .pg-rev{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;transform:none!important}
html .lt .pg-rev blockquote{font-size:clamp(16px,1.25vw,19px)!important;text-align:left}

/* ===== Phone fixes (Nov 6) ===== */
@media (max-width:600px){
  .bn-t small{font-size:7px!important;letter-spacing:.16em!important;white-space:nowrap!important}
  .bn-t b{font-size:15px!important}
  .hero .flat #h1 .l2,.hero #h1 .l2{font-size:11px!important;letter-spacing:.24em!important;padding-left:.24em!important;line-height:1.7!important;white-space:normal!important}
  .hero .flat #h1 .l1,.hero #h1 .l1{letter-spacing:.1em!important}
  .hero .bh-cta{margin-top:22px!important}
  footer .fbrand small{white-space:nowrap!important;font-size:7px!important;letter-spacing:.14em!important}
  html .lt .lt-contact{background-image:linear-gradient(rgba(40,26,20,.66),rgba(40,26,20,.5)),url("work/who-we-are-v1.jpg")!important;background-size:cover!important;background-position:50% 50%!important}
  .lt .pg-chips button{font-size:13px;padding:10px 12px}
  .lt .svc-list li{font-size:13px!important;padding:9px 12px!important}
}
footer .bottom .credit{opacity:.75;white-space:nowrap}

/* ===== Menu redesign (Nov 6) ===== */
@media (min-width:901px){.lx .mnav.lm{grid-template-columns:minmax(0,40%) 1fr}}
@media (max-width:900px){.lx .mnav.lm{grid-template-columns:1fr!important}.lx .lm-photo{display:none!important}.lx .mnav.lm .list>a{max-width:none}.lx .mnav.lm .msub{max-width:none}}
.lx .lm-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,26,20,.05) 40%,rgba(40,26,20,.62))}
.lx .lm-cap{position:absolute;left:clamp(24px,3.5vw,56px);bottom:clamp(28px,5vh,60px);z-index:2;margin:0;font:italic 300 clamp(24px,2.2vw,34px)/1.25 var(--lt-serif,"Cormorant Garamond"),Georgia,serif;color:#FBF8F3;opacity:0;transform:translateY(14px);transition:opacity .9s ease .35s,transform 1s cubic-bezier(.2,.75,.2,1) .35s}
.lx .mnav.lm.open .lm-cap{opacity:1;transform:none}
.lx .mnav.lm .list{counter-reset:lm;padding:clamp(14px,2.4vh,30px) 0}
.lx .mnav.lm .list>a{position:relative;display:flex;align-items:baseline;gap:clamp(14px,1.4vw,22px);width:100%;max-width:640px;font:300 clamp(34px,4.1vw,60px)/1.1 "Cormorant Garamond",Georgia,serif;padding:clamp(8px,1.3vh,14px) 0;border-bottom:1px solid rgba(169,134,79,.18)}
.lx .mnav.lm .list>a::before{counter-increment:lm;content:"0" counter(lm);font:italic 400 clamp(14px,1.1vw,17px)/1 "Cormorant Garamond",Georgia,serif;color:var(--gold);min-width:2.2em;transform:translateY(-.9em)}
.lx .mnav.lm .list>a::after{content:"";position:absolute;right:0;top:50%;width:22px;height:1px;background:var(--gold);opacity:0;transform:translateX(-10px);transition:opacity .35s,transform .45s cubic-bezier(.2,.75,.2,1)}
.lx .mnav.lm .list>a:hover{padding-left:0}
.lx .mnav.lm .list>a:hover::after{opacity:1;transform:none}
.lx .mnav.lm .list>a:hover,.lx .mnav.lm .list>a.on{color:#8A6A35}
.lx .mnav.lm .msub{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;max-width:640px;padding:14px 0 16px calc(2.2em + clamp(14px,1.4vw,22px));border-bottom:1px solid rgba(169,134,79,.18);font-size:clamp(14px,1.1vw,17px)}
.lx .mnav.lm .msub a{font:300 15px/1.3 "Jost",system-ui,sans-serif;letter-spacing:.02em;text-transform:none;color:#5A4B40;display:flex;align-items:center;gap:10px;transition:color .3s,gap .35s}
.lx .mnav.lm .msub a::before{content:"";width:12px;height:1px;background:var(--gold);flex:none;transition:width .35s}
.lx .mnav.lm .msub a:hover,.lx .mnav.lm .msub a.on{color:#3D2A20;gap:14px}
.lx .mnav.lm .msub a:hover::before{width:18px}
.lx .lm-foot{gap:10px 26px;align-items:center}
.lx .lm-foot .lm-script{font-size:clamp(26px,2.2vw,34px)}
.lx .lm-foot a{font:300 15px/1.5 "Jost",system-ui,sans-serif;color:#3D2A20}
.lx .lm-foot .lm-wa{margin-left:auto;padding:11px 20px;border:1px solid #3D2A20;font:500 11px/1 "Jost",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;transition:background .3s,color .3s}
.lx .lm-foot .lm-wa:hover{background:#3D2A20;color:#FBF8F3}
@media (max-width:900px){
  .lx .mnav.lm .list>a{font-size:clamp(30px,8.5vw,42px)}
  .lx .mnav.lm .msub{grid-template-columns:1fr;padding-left:calc(2.2em + 14px)}
  .lx .lm-foot .lm-wa{margin-left:0}
}
html:has(.mnav.lm.open) .wa-float{opacity:0!important;visibility:hidden!important;pointer-events:none!important}