@font-face{font-family:"Bodoni";src:url(fonts/bodoni.woff2) format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:"Bodoni";src:url(fonts/bodoni-i.woff2) format("woff2");font-style:italic;font-weight:400 900;font-display:swap}
@font-face{font-family:"Hanken";src:url(fonts/hanken.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}

:root{--ink:#1d2a2c;--sand:#f3ece1;--clay:#b2643c;--sea:#1f5d63}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--sand);color:var(--ink);font:400 1.05rem/1.65 Hanken,system-ui,sans-serif}
img{max-width:100%;display:block}a{color:var(--sea)}h1,h2,h3{font-family:Bodoni,serif;font-weight:500;line-height:1.05;margin:.2em 0 .4em}em{font-style:italic;color:var(--clay)}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.5rem}
.top{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;color:#fff}
.top a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:.6rem;font:italic 500 1.5rem Bodoni,serif}.brand img{border-radius:50%}
.top nav{display:flex;gap:1.4rem;margin-left:auto;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.top nav a[aria-current]{border-bottom:1px solid}
body:not(:has(.hero)) .top{position:static;color:var(--ink)}
.btn{display:inline-block;padding:.85rem 1.4rem;border:1px solid currentColor;text-decoration:none;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:inherit}
.btn.book{background:var(--clay);border-color:var(--clay);color:#fff}.btn.sm{padding:.55rem 1rem}
.acts{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff}
.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after,.band:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,25,28,.45),transparent 30%,rgba(10,25,28,.7))}
.hero-t{position:relative;z-index:2;padding:0 1.5rem 5rem;max-width:1120px;margin:0 auto;width:100%}
.hero h1{font-size:clamp(3.6rem,11vw,9rem);margin:0}.hero h1 em{display:block;color:#f6d9bf;font-size:.42em}
.kick{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase}.lede{font-size:1.2rem;max-width:30ch}
.intro{text-align:center;padding:6rem 1.5rem}.big{font:italic 400 clamp(1.7rem,4vw,3rem)/1.25 Bodoni,serif;max-width:24ch;margin:0 auto}.cite{opacity:.7}
.score b{font:600 1.6rem Bodoni,serif;color:var(--clay);margin-right:.3rem}
.diptych{display:grid;grid-template-columns:3fr 2fr;gap:.6rem}.diptych img{height:70vh;width:100%;object-fit:cover}
.twocol{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;padding-top:6rem;padding-bottom:6rem}.twocol h2{font-size:clamp(2.2rem,5vw,3.8rem)}
.twocol>img{aspect-ratio:4/5;object-fit:cover;width:100%}
.tlink{font-size:.85rem;letter-spacing:.16em;text-transform:uppercase}.tlink.light{color:#fff}
.band{position:relative;min-height:80vh;display:flex;align-items:center;color:#fff}.band div{position:relative;z-index:2;padding:1.5rem;max-width:1120px;margin:0 auto;width:100%}.band h2{font-size:clamp(2.4rem,7vw,5.5rem)}.band em{color:#f6d9bf}
.official{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:2rem 0;margin:5rem 0;font-size:.95rem}.official h2{font-size:1.6rem}
.pagehead{padding-top:4rem}.pagehead h1{font-size:clamp(3rem,9vw,6.5rem)}
.rooms{list-style:none;display:grid;gap:5rem;padding-top:3rem;padding-bottom:3rem;counter-reset:r}
.room{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:center;counter-increment:r}.room:nth-child(even) img{order:2}
.room img{aspect-ratio:4/3;object-fit:cover;width:100%}.room h3{font-size:2.2rem}.room h3:before{content:"0" counter(r);display:block;font:500 .8rem Hanken;letter-spacing:.3em;color:var(--clay);margin-bottom:.8rem}
.fac{columns:2;padding:0;list-style:none}.fac li{padding:.6rem 0;border-bottom:1px solid #d8ccb8;break-inside:avoid}
.pol{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:2rem;margin:2rem 0 6rem}.pol dt{font:italic 500 1.4rem Bodoni,serif;color:var(--clay)}.pol dd{margin:.3rem 0 0}
address{font-style:normal;font-size:1.15rem}
.foot{background:var(--ink);color:#e9e1d4;padding:4rem 1.5rem;display:grid;gap:1.2rem;justify-items:center;text-align:center}.foot a{color:#f6d9bf}.foot img{border-radius:50%}.foot nav{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.small{font-size:.8rem;opacity:.7}
a:focus-visible{outline:2px solid var(--clay);outline-offset:3px}
@media(max-width:760px){.top nav{display:none}.top .btn{margin-left:auto}.twocol,.room{grid-template-columns:1fr;gap:1.5rem}.room:nth-child(even) img{order:0}.diptych{grid-template-columns:1fr}.diptych img{height:52vh}.fac{columns:1}.hero-t{padding-bottom:3rem}
 .mnav{display:flex}}
.mnav{display:none;gap:1rem;overflow-x:auto;padding:.8rem 1.5rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;background:var(--ink)}.mnav a{color:#fff;text-decoration:none;white-space:nowrap}
