/* Leyna Photography, 2026-10-15: HER OWN LOOK. White, black type, Cormorant headings and EB Garamond text (the free twins
   of her Squarespace fonts), her logo, nothing coloured but her photographs. One signature: the viewfinder, the corner
   marks of the camera in her logo, framing the first photograph and coming up on her work. The kit carries the plumbing. */

/* ── base ── */
body.lw2{font-family:var(--sans);font-size:19px;line-height:1.6;background:var(--paper);color:var(--body);font-variant-numeric:lining-nums;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.lw2 h1,body.lw2 h2,body.lw2 h3{font-family:var(--serif);color:var(--ink);font-weight:400;letter-spacing:0}
figure{margin:0}
img{max-width:100%;height:auto;display:block}
.lw-h1{font-size:var(--display);line-height:1.04;margin:0;text-wrap:balance;padding-bottom:.06em}
.lw-h2{font-size:clamp(2.3rem,3.6vw,3.4rem);line-height:1.08;margin:0 0 18px;text-wrap:balance}
.lw-k{font-style:italic;font-size:21px;line-height:1.3;color:var(--ink);margin:0 0 10px}
.lw-k a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:44px}
.lw-lede{font-size:clamp(19px,1.45vw,21px);line-height:1.55;color:var(--muted);max-width:34em;margin:16px auto 0;text-wrap:pretty}
.lw-lede a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.btns{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:30px}.btns.center{justify-content:center}

/* buttons: square, ink, set in the text face; the outlined one is her "Book Today!" */
.btn.lw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 32px;border-radius:0;border:1px solid var(--ink);
  background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:18px;font-weight:500;letter-spacing:.04em;text-transform:none;text-decoration:none;
  box-shadow:none;transition:background-color .3s cubic-bezier(.2,.7,.3,1),color .3s cubic-bezier(.2,.7,.3,1),transform .3s cubic-bezier(.2,.7,.3,1)}
.btn.lw-btn:hover{background:var(--ink-3);border-color:var(--ink-3);transform:translateY(-1px)}
.btn.lw-btn.lw-out{background:transparent;color:var(--ink)}
.btn.lw-btn.lw-out:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn.lw-btn:active{transform:scale(.98)}
.tlink,.btns .tlink{display:inline-flex;align-items:center;min-height:48px;margin:0;font-family:var(--sans);font-size:18px;font-weight:500;color:var(--ink);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;background:none;transition:text-underline-offset .3s cubic-bezier(.2,.7,.3,1),color .3s}
.tlink:hover,.btns .tlink:hover{color:var(--ink-3);text-underline-offset:4px}

/* ── the header: her logo top left, the four links beside it, Instagram and one action on the right ── */
body.lw2 .nav.lw,body.lw2.scrolled .nav.lw,body.lw2.menu-open .nav.lw{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid transparent;transition:border-color .3s}
body.lw2.scrolled .nav.lw,body.lw2.menu-open .nav.lw{border-bottom-color:var(--line)}
.nav.lw .nav-in{display:flex;align-items:center;gap:44px;height:var(--nav-h)}
.lw-logo{display:flex;align-items:center;flex:0 0 auto;min-height:44px;color:var(--ink)}
.lw-logo img{height:48px;width:auto}
.nav.lw .nlinks{display:flex;gap:6px}
.nav.lw .nlinks a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:18px;color:var(--ink);text-decoration:none}
.nav.lw .nlinks a::after{content:"";position:absolute;left:12px;right:calc(100% - 12px);bottom:7px;height:1px;background:var(--ink);transition:right .35s cubic-bezier(.2,.7,.3,1)}
.nav.lw .nlinks a:hover::after,.nav.lw .nlinks a[aria-current]::after{right:12px}
.nav.lw .ncta{margin-left:auto;display:flex;align-items:center;gap:14px}
.lw-ig{display:inline-grid;place-items:center;width:48px;height:48px;color:var(--ink);transition:opacity .25s}
.lw-ig:hover{opacity:.6}
.nav.lw .btn.lw-btn{min-height:52px;padding:12px 26px;font-size:17px}
.nav.lw .menubtn{display:none;font-family:var(--sans);font-size:16px;letter-spacing:.04em;text-transform:none;font-weight:500;border-radius:0}
@media(max-width:1100px){
  .nav.lw .nav-in{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}
  .nav.lw .nlinks{display:none}
  .nav.lw .menubtn{display:inline-flex;justify-self:start;width:auto;padding:0 16px 0 14px;gap:10px}
  .nav.lw .menubtn .m-t{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
  .nav.lw .lw-logo{justify-self:center}
  .nav.lw .ncta{justify-self:end;margin:0}
}
@media(max-width:760px){
  .nav.lw .wrap{width:calc(100% - 24px)}
  .nav.lw .btn.lw-btn{display:none}
  .lw-logo img{height:34px}
  .nav.lw .menubtn{height:46px;padding:0 12px 0 10px;gap:8px;font-size:16px}
  .nav.lw .lw-ig{width:44px;height:44px}
}
@media(max-width:380px){.nav.lw .nav-in{gap:6px}.lw-logo img{height:28px}.nav.lw .menubtn{padding:0 10px 0 8px;font-size:15px}}
@media(max-width:340px){.lw-logo img{height:25px}}

/* ── home: Welcome to / Leyna Photography ── */
.lw-welcome{text-align:center;padding:clamp(44px,6vw,92px) 0 clamp(34px,4vw,60px)}
.lw-name{font-size:clamp(3.1rem,6.2vw,6.4rem);font-weight:400;line-height:1}
body.lw2 .lw-tag{margin:22px 0 0;font-size:13px;font-weight:400;font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--ink-3)}
.lw-tag .t{white-space:nowrap}
@media(max-width:700px){.lw-welcome{padding:26px 0 26px}.lw-k{font-size:19px;margin-bottom:4px}body.lw2 .lw-tag{margin-top:14px;letter-spacing:.22em;font-size:12px;line-height:1.9}.lw-tag .t{display:block}.lw-tag .sep{display:none}}

/* the photograph, full width as hers is, framed by the viewfinder */
.lw-hero figure{position:relative;margin:0}
.lw-hero img{width:100%;height:clamp(420px,68vh,860px);height:clamp(420px,68svh,860px);object-fit:cover;object-position:24% 36%}
.vf-c i{position:absolute;width:clamp(26px,3vw,46px);height:clamp(26px,3vw,46px);border:0 solid rgba(254,254,253,.88);pointer-events:none;
  animation:vfin 1.1s cubic-bezier(.2,.7,.3,1) .25s both}
.vf-c i:nth-child(1){top:clamp(16px,2.6vw,40px);left:clamp(16px,2.6vw,40px);border-top-width:1.5px;border-left-width:1.5px}
.vf-c i:nth-child(2){top:clamp(16px,2.6vw,40px);right:clamp(16px,2.6vw,40px);border-top-width:1.5px;border-right-width:1.5px}
.vf-c i:nth-child(3){bottom:clamp(16px,2.6vw,40px);left:clamp(16px,2.6vw,40px);border-bottom-width:1.5px;border-left-width:1.5px}
.vf-c i:nth-child(4){bottom:clamp(16px,2.6vw,40px);right:clamp(16px,2.6vw,40px);border-bottom-width:1.5px;border-right-width:1.5px}
@keyframes vfin{from{opacity:.55;transform:scale(1.35)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.vf-c i{animation:none}}
@media(max-width:700px){.lw-hero img{height:auto;aspect-ratio:4/5;object-position:50% 30%}}

/* her About band, on her light grey */
.lw-about{background:var(--stone);padding:clamp(64px,8vw,124px) 0}
.ab-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,104px);align-items:center}
.ab-ph img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
.ab-tx p{margin:0 0 18px;max-width:31em}
.ab-list{font-style:italic;color:var(--ink);letter-spacing:.01em}
.ab-facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 40px;margin:30px 0 0}
.ab-facts div{min-width:0}
.ab-facts dt{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0 0 2px}
.ab-facts dd{margin:0;font-size:18px;overflow-wrap:anywhere}
.ab-facts a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.ab-facts a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.ab-facts{grid-template-columns:1fr;gap:4px}}
@media(max-width:760px){.ab-in{grid-template-columns:1fr}.ab-ph{max-width:420px}}

/* ── the walls: every photo keeps its own shape, every row the same height ── */
.lw-gal{padding:0 0 clamp(56px,7vw,104px)}
.jrows{display:flex;flex-wrap:wrap;gap:10px;--rh:290px}
.jrows::after{content:"";flex:999 1 0}
.jrows .gp{position:relative;display:block;flex:var(--r) 1 calc(var(--r) * var(--rh));overflow:hidden;background:var(--stone)}
.jrows .gp::before{content:"";display:block;padding-bottom:calc(100% / var(--r))}
.jrows .gp img{position:absolute;inset:0}
.gp{position:relative;display:block;overflow:hidden;background:var(--stone)}
.gp img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.3,1)}
/* the viewfinder on her work: four corner marks come up on the photo under the pointer */
.gp::after{content:"";position:absolute;inset:14px;pointer-events:none;opacity:0;transition:opacity .35s,inset .45s cubic-bezier(.2,.7,.3,1);
  background:linear-gradient(#FEFEFD,#FEFEFD) 0 0/22px 1.5px no-repeat,linear-gradient(#FEFEFD,#FEFEFD) 0 0/1.5px 22px no-repeat,
    linear-gradient(#FEFEFD,#FEFEFD) 100% 0/22px 1.5px no-repeat,linear-gradient(#FEFEFD,#FEFEFD) 100% 0/1.5px 22px no-repeat,
    linear-gradient(#FEFEFD,#FEFEFD) 0 100%/22px 1.5px no-repeat,linear-gradient(#FEFEFD,#FEFEFD) 0 100%/1.5px 22px no-repeat,
    linear-gradient(#FEFEFD,#FEFEFD) 100% 100%/22px 1.5px no-repeat,linear-gradient(#FEFEFD,#FEFEFD) 100% 100%/1.5px 22px no-repeat}
@media(hover:hover){.gp:hover img{transform:scale(1.03)}.gp:hover::after{opacity:1;inset:20px}}
.gp:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.gp:focus-visible::after{opacity:1}
@media(max-width:1000px){.jrows{--rh:220px}}
@media(max-width:700px){.jrows{--rh:158px;gap:6px}}
/* her home strip: one row of her work at its own proportions, scrolled sideways as hers is */
.lw-strip{padding:clamp(56px,7vw,104px) 0}
.strip{display:flex;gap:10px;height:clamp(300px,36vw,520px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;
  padding:0 max(22px,calc((100% - var(--wrap)) / 2));scroll-padding:0 max(22px,calc((100% - var(--wrap)) / 2));scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.strip .gp{flex:0 0 auto;height:100%;aspect-ratio:var(--r);scroll-snap-align:start}
.strip:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.st-ui{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px}
.st-arrows{display:flex;gap:10px}
.st-b{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--ink-a22);border-radius:0;background:var(--paper);color:var(--ink);cursor:pointer;transition:border-color .25s}
.st-b:hover{border-color:var(--ink)}
.st-b:active{transform:scale(.97)}
@media(max-width:700px){.strip{height:min(78vw,340px);gap:6px;padding:0 12px;scroll-padding:0 12px}.st-arrows{display:none}.st-ui{justify-content:center}}

/* ── inner page opening: the title centred on white ── */
.lw-head{text-align:center;padding:clamp(48px,6vw,96px) 0 clamp(30px,3.6vw,56px)}
.lw-head .lw-lede{margin-top:18px}

/* ── projects: two columns, each title on a white wash over her photograph ── */
.lw-proj{padding:0 0 clamp(56px,7vw,104px)}
/* two columns, as hers: the pairs alternate wide-narrow and narrow-wide so the page has a rhythm, every row one height */
.pgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(280px,31vw,450px);gap:clamp(14px,1.8vw,26px)}
.ptile{position:relative;display:block;grid-column:span 6;overflow:hidden;text-decoration:none;color:var(--ink);background:var(--stone)}
.ptile:nth-child(4n+1),.ptile:nth-child(4n+4){grid-column:span 7}
.ptile:nth-child(4n+2),.ptile:nth-child(4n+3){grid-column:span 5}
.ptile.wide{grid-column:1/-1}
.pt-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform 1s cubic-bezier(.2,.7,.3,1)}
.ptile::after{content:"";position:absolute;inset:0;background:var(--lw-wash);transition:background-color .4s cubic-bezier(.2,.7,.3,1)}
.pt-t{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px;text-align:center}
.pt-n{font-family:var(--serif);font-size:clamp(2rem,3vw,3rem);line-height:1.05;color:var(--ink)}
.pt-c{font-size:15px;letter-spacing:.08em;color:var(--ink-2)}
@media(hover:hover){.ptile:hover img{transform:scale(1.04)}.ptile:hover::after{background-color:rgba(254,254,253,.5)}}
.ptile:active{transform:scale(.99)}
.ptile:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:700px){.pgrid{grid-template-columns:1fr;grid-auto-rows:auto}.ptile,.ptile:nth-child(n),.ptile.wide{grid-column:auto;aspect-ratio:16/10}.ptile:nth-child(3n+2){aspect-ratio:4/3}}

/* the next project, under each gallery */
.lw-next{border-top:1px solid var(--line)}
.lw-next .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0}
.lw-next .nx{display:flex;flex-direction:column;align-items:flex-end;min-height:44px;justify-content:center;text-decoration:none;color:var(--ink);
  font-family:var(--serif);font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.1}
.lw-next .nx span{font-family:var(--sans);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.lw-next .nx:hover{color:var(--ink-3)}

/* ── packages: our sessions and her prices, in her white ── */
.lw-jump{border-block:1px solid var(--line)}
.lw-jump .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 8px;padding:8px 0}
.lw-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:17px;color:var(--ink);text-decoration:none}
.lw-jump a:hover{text-decoration:underline;text-underline-offset:5px}
.lw-pk{padding:clamp(56px,7vw,100px) 0;scroll-margin-top:calc(var(--nav-h) + 12px)}
.lw-pk + .lw-pk{border-top:1px solid var(--line)}
.pk-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,100px);align-items:start}
.lw-pk.flip .pk-in{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.lw-pk.flip .pk-ph{order:2}
.pk-ph img{width:100%;height:auto}
body.lw2 .pk-from{font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
body.lw2 .pk-from.pk-after{margin:-6px 0 18px}
.pk-line{margin:0 0 26px;max-width:32em;color:var(--body)}
.pk-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.pk-list li{display:grid;grid-template-columns:minmax(0,10em) minmax(0,1fr) auto;gap:6px 28px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.pk-n{font-family:var(--serif);font-size:1.45rem;line-height:1.2;color:var(--ink)}
.pk-d{font-size:17px;line-height:1.45;color:var(--muted)}
.pk-p{font-family:var(--serif);font-size:1.7rem;line-height:1;color:var(--ink);text-align:right;white-space:nowrap}
.pk-p small{font-family:var(--sans);font-size:15px;color:var(--muted)}
.pk-ask{font-style:italic;font-size:1.45rem}
.pk-note{margin:18px 0 0;font-style:italic;color:var(--ink-2)}
@media(max-width:860px){
  .pk-in,.lw-pk.flip .pk-in{grid-template-columns:1fr;gap:24px}
  .lw-pk.flip .pk-ph{order:0}
  .pk-ph{max-width:440px}   /* her 10/15 note: the 3:2 phone crop "squished" her portraits; each photo now keeps its own shape */
  .pk-list li{grid-template-columns:minmax(0,1fr) auto;gap:2px 18px}
  .pk-d{grid-column:1;grid-row:2;font-size:16px}
  .pk-p{grid-column:2;grid-row:1/3;align-self:center}
}

/* questions */
.lw-faq{padding:clamp(56px,7vw,100px) 0;border-top:1px solid var(--line)}
.fq-in{max-width:860px}
.fq-in .lw-h2{text-align:center;margin-bottom:28px}
body.lw2 .faq details{border-bottom:1px solid var(--line);padding:2px 0}
body.lw2 .faq summary{font-family:var(--serif);font-size:1.5rem;line-height:1.3;color:var(--ink);padding:18px 40px 18px 0;min-height:44px}
body.lw2 .faq .ans p{margin:0 0 20px;color:var(--body);max-width:40em}

/* the closing band: one action */
.lw-book{text-align:center;padding:clamp(64px,8vw,116px) 0;background:var(--stone)}
.lw-book .lw-h2{margin:0}

/* ── contact: her "Let's work together", one simple form ── */
.lw-contact{padding:0 0 clamp(64px,8vw,116px)}
.ct-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(36px,6vw,100px);align-items:start}
body.lw2 .lw-form .fld label,body.lw2 .lw-form .chipset legend{font-family:var(--sans);font-size:17px;letter-spacing:0;text-transform:none;color:var(--ink);font-weight:500}
.lw-form .fld label .opt{color:var(--muted);font-weight:400}
.lw-form .fld input,.lw-form .fld textarea{font-family:var(--sans);font-size:18px;min-height:54px;border:1px solid var(--ink-a22);border-radius:0;background:var(--paper);color:var(--ink);padding:12px 14px}
.lw-form .fld input:focus,.lw-form .fld textarea:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.lw-form .fld textarea{min-height:150px}
.lw-form .chipset legend{margin-bottom:12px}
.lw-form .chip span{border-radius:0;font-size:17px;min-height:48px;background:var(--paper)}
.lw-form .chip input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.lw-form button.lw-btn{width:100%;margin-top:6px}
.lw-form .fnote{margin:14px 0 0;color:var(--muted);font-size:17px}
.lw-form .fnote a{color:var(--ink)}
.ct-side .ab-facts{grid-template-columns:1fr;gap:10px;margin:0}
.ct-ph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:34px}
.ct-ph img{width:100%;aspect-ratio:3/4;object-fit:cover}
@media(max-width:900px){.ct-in{grid-template-columns:1fr}.lw-form .frow{grid-template-columns:1fr;gap:0}}

/* ── footer: white, her logo once more ── */
.lw-foot{border-top:1px solid var(--line);padding:clamp(52px,6vw,88px) 0 0}
.lf-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.lf-nav{display:flex;flex-wrap:wrap;gap:0 6px}
.lf-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:18px;color:var(--ink);text-decoration:none}
.lf-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.lf-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:30px 48px;padding:34px 0 10px}
.lf-about{margin:0;color:var(--muted);font-size:18px;max-width:26em}
body.lw2 .lf-h{letter-spacing:.24em}
.lf-h{font-family:var(--sans)!important;font-size:12px!important;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)!important;margin:4px 0 10px;font-weight:500!important}
.lw-foot p{margin:0 0 4px;font-size:18px;line-height:1.5}
.lw-foot .lf-grid a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none}
.lw-foot .lf-grid a:hover{text-decoration:underline;text-underline-offset:4px}
.lf-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 30px;margin-top:30px;padding:18px 0;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.lf-bot a{color:var(--ink);display:inline-flex;align-items:center;min-height:44px}
@media(max-width:860px){.lf-grid{grid-template-columns:1fr 1fr}.lf-about{grid-column:1/-1}}
@media(max-width:520px){.lf-grid{grid-template-columns:1fr}.lf-nav{margin-left:-12px}}

/* ── the lightbox (ly.js): her photograph on white ── */
.lb{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:rgba(254,254,253,.97);padding:64px 72px}
.lb[hidden]{display:none}
.lb figure{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%}
.lb img{max-width:min(92vw,1500px);max-height:calc(100svh - 150px);width:auto;height:auto;object-fit:contain}
.lb-n{font-size:15px;letter-spacing:.12em;color:var(--muted)}
.lb button{position:absolute;display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--ink-a22);border-radius:0;background:var(--paper);color:var(--ink);cursor:pointer;transition:border-color .25s}
.lb button:hover{border-color:var(--ink)}
.lb button:active{transform:scale(.97)}
.lb-x{top:16px;right:16px}
.lb-p{left:16px;top:50%;margin-top:-26px}
.lb-n2{right:16px;top:50%;margin-top:-26px}
html.lb-on{overflow:hidden}
.lb:focus{outline:none}
.lb button:focus:not(:focus-visible){outline:none}
@media(max-width:700px){.lb{padding:72px 10px 90px}.lb img{max-width:100%;max-height:calc(100svh - 190px)}.lb-p,.lb-n2{top:auto;bottom:18px;margin:0}.lb-p{left:calc(50% - 62px)}.lb-n2{right:calc(50% - 62px)}}

.err404 .lw-lede{margin-inline:auto}

/* ── phones: the bar, the bottom pad, the finger ── */
@media(max-width:760px){
  body.lw2{font-size:18px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  body.lw2 .bookbar{display:flex}
  .wrap{width:min(100% - 40px,var(--wrap))}
  .lw-strip .wrap,.lw-gal .wrap{width:min(100% - 24px,var(--wrap))}
  .btns{gap:10px 22px}
}
body.lw2 .bookbar.quiet .b1{background:var(--ink);border-color:var(--ink);color:var(--paper);font-family:var(--sans);font-size:17px;font-weight:500;letter-spacing:.03em}
body.lw2 .bookbar.quiet .b2{color:var(--ink);background:var(--paper)}
:where(a[href^="tel:"]){hanging-punctuation:none}
@media(hover:none){.btn.lw-btn:hover{transform:none}.btn.lw-btn:active,.ptile:active,.gp:active{transform:scale(.98);transition-duration:.12s}}