@font-face{font-family:'Instrument Serif';src:url(fonts/instrument-serif-latin-400-normal.woff2) format('woff2');font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url(fonts/instrument-serif-latin-400-italic.woff2) format('woff2');font-style:italic;font-display:swap}
@font-face{font-family:Archivo;src:url(fonts/archivo-latin-wdth-normal.woff2) format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url(fonts/hanken-grotesk-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Club Tropicana';src:url(fonts/ClubTropicana.otf) format('opentype');font-display:swap}
:root{--rose:#FFCFED;--rose2:#F4BEE0;--wine:#661C33;--orange:#F7704A;--fuchsia:#FF96FC;--olive:#91993D;--olive2:#868E36;--electric:#D6ED70;--cream:#FFF4FB;--cream2:#FBE6F5;
--pad:clamp(20px,6vw,120px);--st:clamp(22px,3vw,54px);--gap:clamp(18px,2.4vw,36px);--sec:clamp(56px,9vw,130px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--wine);font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:clamp(17px,1.5vw,21px);line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:4px solid var(--orange);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--wine);color:var(--cream);padding:12px 18px;border-radius:999px;z-index:99}.skip:focus{left:8px}
.wrap{max-width:1360px;margin:0 auto;padding:0 var(--pad)}
.sec{padding:var(--sec) 0;position:relative}
.str-r{background:repeating-linear-gradient(90deg,var(--rose) 0 var(--st),var(--rose2) var(--st) calc(var(--st)*2))}
.str-o{background:repeating-linear-gradient(90deg,var(--olive) 0 var(--st),var(--olive2) var(--st) calc(var(--st)*2))}
.str-c{background:repeating-linear-gradient(90deg,var(--cream) 0 var(--st),var(--cream2) var(--st) calc(var(--st)*2))}
.wine{background:var(--wine);color:var(--cream)}
.lab{font:600 clamp(12px,1.05vw,15px)/1.3 Archivo,sans-serif;font-stretch:125%;letter-spacing:.2em;text-transform:uppercase;margin:0}
.serif{font-family:'Instrument Serif',serif;font-weight:400;text-transform:uppercase;line-height:.9;letter-spacing:-.012em;margin:0}
.scr{font-family:'Club Tropicana','Instrument Serif',serif;text-transform:none;font-style:normal;letter-spacing:0}
.h1{font-size:clamp(66px,12vw,196px)}.h2{font-size:clamp(46px,6.4vw,104px)}.h3{font-size:clamp(30px,3.4vw,54px);line-height:.98}
.o{color:var(--orange)}
p{margin:0 0 1em}.lead{font-size:clamp(19px,1.7vw,25px);max-width:36em}
.pill{display:inline-block;font:600 clamp(12px,1.05vw,15px)/1 Archivo,sans-serif;font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;padding:.9em 1.3em;border-radius:999px;border:3px solid var(--wine);color:var(--wine);background:var(--electric);box-shadow:5px 5px 0 var(--wine)}
.btn{display:inline-block;font:600 clamp(13px,1.1vw,16px)/1 Archivo,sans-serif;font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:1.15em 1.8em;border-radius:999px;background:var(--wine);color:var(--fuchsia);border:3px solid var(--wine);box-shadow:6px 6px 0 var(--orange);cursor:pointer;transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--orange)}
.btn.b2{background:var(--cream);color:var(--wine);box-shadow:6px 6px 0 var(--wine)}.btn.b2:hover{box-shadow:8px 8px 0 var(--wine)}
.btn.b3{background:var(--electric);color:var(--wine);box-shadow:6px 6px 0 var(--wine)}.btn.b3:hover{box-shadow:8px 8px 0 var(--wine)}
.row{display:flex;gap:var(--gap);flex-wrap:wrap;align-items:center}
.g2,.g3,.g5{display:grid;gap:var(--gap)}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g5{grid-template-columns:repeat(5,1fr)}
.card{background:var(--cream);border:4px solid var(--wine);border-radius:clamp(20px,2.4vw,34px);box-shadow:10px 10px 0 var(--wine);padding:clamp(20px,2.6vw,38px);position:relative}
.sp{height:var(--gap)}
/* nav */
.nav{background:var(--cream);border-bottom:4px solid var(--wine);position:sticky;top:0;z-index:20}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}
.nav img{width:clamp(56px,6vw,84px);height:auto}
.links{display:flex;gap:clamp(14px,2.4vw,40px);align-items:center;flex-wrap:wrap;justify-content:flex-end}
.links a{font:600 clamp(12px,1vw,15px)/1 Archivo,sans-serif;font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.links a:not(.btn):hover,.links a[aria-current]{border-bottom:4px solid var(--orange);padding-bottom:6px}
.links .btn{padding:.95em 1.4em;box-shadow:4px 4px 0 var(--wine);background:var(--electric);color:var(--wine)}
/* hero */
.hero{padding:clamp(40px,6vw,90px) 0 clamp(56px,8vw,120px);overflow:hidden}
.hero .g2{align-items:center}
.hero h1{text-shadow:5px 5px 0 var(--cream)}
.postcard{position:relative;aspect-ratio:1/1.02;max-width:620px;margin:0 auto;width:100%}
.postcard .pc{position:absolute;inset:4% 8% 8% 4%;background:var(--cream);border:4px solid var(--wine);border-radius:clamp(18px,2vw,30px);box-shadow:12px 12px 0 var(--wine);transform:rotate(-3deg);display:flex;align-items:center;justify-content:center}
.postcard .pc img{width:62%}
.postcard .st{position:absolute;filter:drop-shadow(0 6px 10px rgba(102,28,51,.25))}
/* cards */
.cardimg{height:clamp(120px,14vw,190px);display:flex;align-items:center;justify-content:center;margin-bottom:var(--gap)}
.cardimg img{max-height:100%;width:auto}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap)}
.tile{border:4px solid var(--wine);border-radius:clamp(18px,2vw,28px);box-shadow:8px 8px 0 var(--wine);padding:clamp(16px,2vw,28px);min-height:clamp(110px,12vw,170px);display:flex;flex-direction:column;justify-content:space-between}
.tile .serif{font-size:clamp(26px,3vw,48px)}
/* forms */
form{display:flex;flex-direction:column;gap:14px}
label{font:600 clamp(12px,1vw,14px)/1 Archivo,sans-serif;font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:6px}
input,select,textarea{width:100%;font:400 1em 'Hanken Grotesk',sans-serif;color:var(--wine);background:#fff;border:3px solid var(--wine);border-radius:14px;padding:.9em 1em}
textarea{min-height:140px;resize:vertical}
.hp{position:absolute;left:-999px}
.note{font-size:.85em;opacity:.8}
.pc-list{list-style:none;margin:0;padding:0}.pc-list li{display:flex;gap:18px;margin-bottom:var(--gap)}.pc-list b{font:italic 400 clamp(32px,3vw,48px)/1 'Instrument Serif',serif;color:var(--orange)}
.num{font:italic 400 clamp(56px,6vw,96px)/1 'Instrument Serif',serif;color:var(--orange)}
/* footer */
.foot{padding:clamp(40px,6vw,80px) 0 28px}
.foot .g3{align-items:start}
.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}
.foot ul{list-style:none;margin:0;padding:0}.foot li{margin-bottom:12px}
.foot .pill{box-shadow:none;border-color:var(--cream);margin:0 8px 10px 0;font-size:12px}
.copy{margin-top:36px;opacity:.75}
@media (max-width:860px){
.g2,.g3{grid-template-columns:1fr}.g5,.tiles{grid-template-columns:1fr 1fr}
.nav .wrap{flex-wrap:wrap}.links{gap:14px 18px}
.card{box-shadow:6px 6px 0 var(--wine);border-width:3px}.tile{box-shadow:5px 5px 0 var(--wine);border-width:3px}
.postcard{max-width:420px}
}
@media (max-width:480px){.links a.hide-s{display:none}}
/* embeds (Flodesk) */
.embed{background:var(--cream);color:var(--wine);border:4px solid var(--wine);border-radius:clamp(20px,2.4vw,34px);box-shadow:10px 10px 0 var(--electric);padding:clamp(18px,2.4vw,34px);min-height:140px;overflow:hidden}
.embed iframe{max-width:100%;border:0}
.fallback{margin:0}
.fallback a{font-weight:600}
.wine .embed{box-shadow:10px 10px 0 var(--fuchsia)}
.list{list-style:none;margin:0;padding:0}
.list li{border-top:3px solid var(--wine);padding:clamp(14px,1.6vw,22px) 0;display:flex;gap:16px;justify-content:space-between;align-items:baseline;flex-wrap:wrap}
.list li:first-child{border-top:0}
.list .serif{font-size:clamp(26px,2.6vw,40px)}
.list p{margin:.3em 0 0}
.tag{font:600 11px/1 Archivo,sans-serif;font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;padding:.7em 1em;border-radius:999px;border:3px solid var(--wine);background:var(--electric);white-space:nowrap}
.links{row-gap:10px}
@media (max-width:1100px){.links{gap:12px 18px}.links a{font-size:12px}}
.embed-inline{max-width:1100px;margin:0 auto}