@font-face{font-family:"Shippori Mincho";src:url(../fonts/display.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Jost;src:url(../fonts/body.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url(../fonts/body500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{
  --ground:#0e0d0b;--raised:#181612;--cream:#f2eadc;--muted:#c4b9a5;--gold:#d9a35f;--line:rgba(242,234,220,.16);
  --display:"Shippori Mincho",Georgia,serif;--body:Jost,system-ui,sans-serif;
  --p-font:var(--body);--p-text:var(--cream);--p-muted:var(--muted);--p-ground:var(--ground);--p-raised:var(--raised);
  --p-line:var(--line);--p-accent:var(--gold);--p-on-accent:#17120a;--p-radius:4px;--p-star:var(--gold);
  --sp-top:68px;--pt-header-h:68px;--lv-line:var(--gold);--lv-card-radius:200px 200px 6px 6px;
  --space:clamp(88px,12vw,150px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--ground);color:var(--cream);font:400 18px/1.6 var(--body);-webkit-font-smoothing:antialiased}
@media(min-width:900px){body{font-size:19px}}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.1;margin:0;font-optical-sizing:none;letter-spacing:-.005em}
h2{font-size:clamp(2.2rem,5.6vw,4rem)}
h3{font-size:1.6rem}
p{margin:0}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#17120a;padding:12px 18px;z-index:99}
.skip:focus{left:8px;top:8px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{width:min(1180px,100% - 44px);margin-inline:auto}
section{padding-block:var(--space)}
.lede{font-size:clamp(1.15rem,2vw,1.4rem);color:var(--muted);max-width:34ch;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 30px;border-radius:2px;background:var(--gold);color:#17120a;font:500 1rem var(--body);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:1px solid var(--gold);transition:transform .25s cubic-bezier(.23,1,.32,1),background .25s}
.btn:hover{transform:translateY(-2px);background:#e8b574}
.btn.ghost{background:transparent;color:var(--cream);border-color:rgba(242,234,220,.55)}
.btn.ghost:hover{background:rgba(242,234,220,.1)}
.row{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
/* header */
.bar{position:fixed;inset:0 0 auto 0;height:68px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:linear-gradient(rgba(14,13,11,.88),rgba(14,13,11,.55));backdrop-filter:blur(8px)}
.bar .logo img{height:26px;width:auto}
.bar nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center}
.bar nav a{text-decoration:none;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;padding:12px 0}
.bar nav a:hover{color:var(--gold)}
.bar .btn{min-height:44px;padding:0 20px}
@media(max-width:759px){
  .pt-nav{background:var(--ground);border-bottom:1px solid var(--line)}
  .bar .pt-nav ul{flex-direction:column;align-items:flex-start;gap:0;padding:12px 22px}
  .bar nav a{display:block;padding:14px 0;font-size:1.1rem}
}
/* hero */
.hero{position:relative;min-height:100svh;padding:0;display:flex;align-items:flex-end;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,11,.5) 0%,rgba(14,13,11,.1) 35%,rgba(14,13,11,.88) 100%)}
.hero .wrap{position:relative;z-index:2;padding-bottom:clamp(48px,9vh,96px)}
.hero h1{font-size:clamp(2.8rem,8vw,6.2rem);max-width:15ch}
.hero .lede{color:var(--cream);max-width:38ch}
/* intro */
.intro .wrap{display:grid;gap:30px;max-width:900px}
.intro h2{max-width:16ch}
/* cards */
.cards{background:var(--raised)}
.cards h2{font-size:clamp(2.2rem,5vw,3.6rem)}
.lv-card h3{font-size:1.7rem}
.lv-card-more p{color:var(--muted);font-size:1.1rem}
.lv-card-more{font-size:1.1rem}
.lv-card summary,.pt-enquiry label,.pt-enquiry input,.pt-enquiry select,.pt-enquiry textarea,.pt-note,.pt-pill,.pt-chat *,.pt-map-cta,.pt-opt{font-size:1.1rem}
.lv-cards-nav .lv-go{color:var(--cream)}
/* all four cards fit on the screen, so no heading sits cut off at the row edge */
.lv-cards-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px clamp(14px,3vw,26px);overflow:visible;padding-bottom:0}
.lv-card{width:auto;min-width:0}
.lv-card h3{font-size:1.4rem;overflow-wrap:break-word}
.lv-cards-nav{display:none}
.lv-cards-pin{position:static;height:auto;overflow:visible;display:block}
@media(min-width:900px){.lv-cards-row{grid-template-columns:repeat(4,minmax(0,1fr))}.lv-card{width:auto}.lv-card h3{font-size:1.7rem}}
/* steps */
.pass h2{max-width:14ch}
.pass ol{list-style:none;margin:56px 0 0;padding:0;display:grid;gap:34px 40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.pass li p{color:var(--muted);margin-top:8px;font-size:1.1rem}
.figs span,.rev .score,.visit .small,.pt-note,.pt-map-info,.pt-addr{font-size:1.1rem}
.pass .lv-step-n{color:var(--gold)}
/* drift band */
.band{padding:0}
.band figure{margin:0;height:min(80svh,720px);overflow:hidden;position:relative}
.band img{width:100%;height:100%;object-fit:cover}
/* figures */
.figs{padding-block:var(--space)}
.figs ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:48px 24px}
@media(min-width:900px){.figs ul{grid-template-columns:repeat(4,1fr)}}
.figs b{display:block;font:500 clamp(3rem,7vw,5rem)/1 var(--display);font-optical-sizing:none;color:var(--gold)}
.figs span{display:block;margin-top:10px;color:var(--muted)}
/* review */
.rev .pt-reviews{padding:0;background:transparent}
.rev .wrap{max-width:980px}
.rev .score{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:20px;color:var(--muted)}
.rev .score b{font:500 1.6rem var(--display);color:var(--cream)}
.rev blockquote{margin:56px 0 0}
.rev blockquote p{font:500 clamp(1.7rem,3.8vw,2.8rem)/1.35 var(--display);font-optical-sizing:none}
.rev figcaption{margin-top:26px;color:var(--muted)}
/* offers */
.offers{background:var(--raised)}
.offers ul{list-style:none;margin:52px 0 0;padding:0;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.offers li{display:grid;gap:18px;align-content:start}
.offers img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:2px}
.offers h3{font-size:1.7rem}
.offers p{color:var(--muted)}
/* instagram */
.ig .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px}
.ig ul{list-style:none;margin:48px 0 0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
.ig li a{display:block;overflow:hidden}
.ig li img{aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform .8s cubic-bezier(.23,1,.32,1)}
.ig li a:hover img{transform:scale(1.05)}
/* reserve */
.reserve{background:var(--raised)}
.reserve .grid{display:grid;gap:56px}
@media(min-width:900px){.reserve .grid{grid-template-columns:1fr 1fr;align-items:start}}
.reserve .tel{display:block;font:500 clamp(1.8rem,4vw,2.6rem) var(--display);margin-top:26px;text-decoration:none;color:var(--gold)}
.pt-enquiry{background:var(--ground);border:1px solid var(--line)}
/* visit */
.visit .pt-map{padding:0}
.visit .hours{list-style:none;margin:24px 0;padding:0;max-width:340px}
.visit .hours li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line)}
.visit .small{color:var(--muted);font-size:1.1rem;margin-top:10px}
.pt-map-info h2{font-size:clamp(2.2rem,5vw,3.4rem)}
.badge{display:inline-flex;gap:12px;align-items:center;margin-top:24px;padding:12px 18px;border:1px solid var(--line);text-decoration:none;font-size:1.1rem}
.badge b{font:500 1.5rem var(--display);color:var(--gold)}
footer{padding:70px 0 48px;border-top:1px solid var(--line);color:var(--muted);font-size:1.1rem}
footer .cols{display:grid;gap:36px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
footer a{display:inline-block;padding:6px 0;text-decoration:none}
footer a:hover{color:var(--gold)}
footer h3{font:500 1.1rem var(--body);color:var(--cream);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
footer .fine{margin-top:48px}