@font-face{font-family:"Fraunces";src:url(fonts/fraunces.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Fraunces";src:url(fonts/fraunces-i.woff2) format("woff2");font-style:italic;font-weight:100 900;font-display:swap}
@font-face{font-family:"Karla";src:url(fonts/karla.woff2) format("woff2");font-style:normal;font-weight:200 800;font-display:swap}

:root{--cream:#fbf1e3;--tom:#e2553b;--deep:#163b4a;--sun:#f4b23a}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--deep);font:400 1.05rem/1.6 Karla,sans-serif}img{max-width:100%;display:block}a{color:var(--tom)}
h1,h2,h3{font-family:Fraunces,serif;font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:600;line-height:1;margin:.2em 0 .4em}i{color:var(--tom);font-weight:400}
.masthead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem clamp(1rem,4vw,3rem);border-bottom:2px dashed var(--deep)}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--deep);font:700 1.8rem Fraunces}.brand img{border-radius:50%}.brand small{display:block;font:500 .72rem Karla;letter-spacing:.2em;text-transform:uppercase}
.masthead nav{display:flex;gap:.4rem;flex-wrap:wrap}.masthead nav a{color:var(--deep);text-decoration:none;padding:.4rem .9rem;border-radius:2rem;font-weight:600;font-size:.95rem}.masthead nav a[aria-current]{background:var(--deep);color:var(--cream)}
.btn{display:inline-block;padding:.8rem 1.3rem;border-radius:3rem;border:2px solid var(--deep);color:var(--deep);text-decoration:none;font-weight:700}.btn.book{background:var(--tom);border-color:var(--tom);color:#fff}
.acts{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0}
.stamp{display:inline-block;border:2px solid var(--tom);color:var(--tom);padding:.3rem .8rem;transform:rotate(-3deg);font:italic 600 1rem Fraunces;letter-spacing:.04em}
.cover{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;padding:3rem clamp(1rem,4vw,3rem) 4rem;align-items:center}
.cover h1{font-size:clamp(2.6rem,6vw,5rem)}
.prints{position:relative;min-height:600px}
figure{margin:0;background:#fff;padding:.7rem .7rem 0;box-shadow:0 18px 40px -18px rgba(22,59,74,.45)}figcaption{font:italic 400 1rem Fraunces;padding:.5rem .2rem .7rem;color:#5b6d74}
.prints figure{position:absolute}.prints img{object-fit:cover;width:100%}
.p1{width:58%;left:0;top:4%;transform:rotate(-4deg)}.p1 img{aspect-ratio:4/5}
.p2{width:56%;right:0;top:22%;transform:rotate(3deg)}.p2 img{aspect-ratio:4/3}
.p3{width:36%;left:30%;bottom:0;transform:rotate(-1deg);padding-bottom:.7rem}.p3 img{aspect-ratio:1}
.solo{position:static}.solo img{aspect-ratio:4/5;object-fit:cover}
.score b{font:700 1.5rem Fraunces;color:var(--tom)}
.ticker{background:var(--deep);color:var(--sun);display:flex;justify-content:center;flex-wrap:wrap;gap:0 2.5rem;padding:1.2rem;font:italic 500 clamp(1.3rem,3vw,2rem) Fraunces}.ticker span:before{content:"✺ ";color:var(--tom)}
.grid4{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:4rem clamp(1rem,4vw,3rem)}
.tile{background:#fff;padding:.7rem;text-decoration:none;color:var(--deep);box-shadow:0 10px 30px -16px rgba(22,59,74,.5);transition:transform .25s}.tile:nth-child(2){transform:rotate(1.5deg)}.tile:hover{transform:rotate(-1deg) translateY(-4px)}
.tile img{aspect-ratio:1;object-fit:cover;width:100%}.tile b{display:block;font:700 1.7rem Fraunces;margin-top:.6rem}.tile span{color:var(--tom);font-weight:600}
.note,.official{max-width:760px;margin:2rem auto 4rem;padding:0 1rem}.official{background:var(--sun);padding:1.6rem;transform:rotate(-.6deg);box-shadow:0 8px 0 var(--deep)}.official a{color:var(--deep);font-weight:700}
.phead{padding:3rem clamp(1rem,4vw,3rem) 1rem;max-width:900px}.phead h1{font-size:clamp(3rem,8vw,6rem)}
.cards{list-style:none;padding:2rem clamp(1rem,4vw,3rem) 3rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}
.room{background:#fff;padding:.7rem .7rem 1rem;box-shadow:0 14px 30px -16px rgba(22,59,74,.5)}.room:nth-child(odd){transform:rotate(-1.2deg)}.room:nth-child(even){transform:rotate(1deg)}.room img{aspect-ratio:4/3;object-fit:cover;width:100%}.room h3{font-size:1.5rem;margin-top:.8rem}.room p{margin:0;color:#5b6d74}
.split{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;padding:2rem clamp(1rem,4vw,3rem);align-items:start}
.paper{background:#fff;padding:2rem;border-radius:4px}.paper.wide{margin:1rem clamp(1rem,4vw,3rem) 4rem}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.chips li{border:2px solid var(--deep);border-radius:2rem;padding:.35rem .9rem;font-weight:600}
.pol{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.5rem}.pol dt{font:700 1.2rem Fraunces;color:var(--tom)}.pol dd{margin:0}
address{font-style:normal;font-size:1.1rem}
.foot{border-top:2px dashed var(--deep);padding:3rem 1rem;display:grid;justify-items:center;text-align:center;gap:1rem}.foot img{border-radius:50%}.foot nav{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.foot nav a{color:var(--deep)}.small{font-size:.8rem;opacity:.7}
a:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
@media(max-width:800px){.cover,.split{grid-template-columns:1fr}.cover{padding-top:1.5rem}.prints{min-height:400px;order:-1}.grid4{grid-template-columns:1fr}.masthead nav{width:100%;overflow-x:auto;flex-wrap:nowrap}.masthead nav a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.tile{transition:none}}
