/* Cerisette: pages. Home first. */
.hero{position:relative;min-height:min(92svh,940px);display:flex;align-items:flex-end;color:var(--cream);overflow:hidden;background:#3a2018}
.hero-media{position:absolute;inset:0}
.hero-media picture{height:100%}
.hero-media img{object-position:62% 50%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,22,17,.78) 0%,rgba(42,22,17,.5) 36%,rgba(42,22,17,0) 66%),linear-gradient(0deg,rgba(42,22,17,.6) 0%,rgba(42,22,17,0) 46%)}
.hero-in{position:relative;width:100%;padding-top:120px;padding-bottom:clamp(120px,14vw,190px)}
.hero-kick{color:#F6D7C6;margin-bottom:22px}
.hero-h{max-width:12ch;text-shadow:0 2px 30px rgba(42,22,17,.25)}
.hero-h>span+span{color:var(--peach)}
.hero-sub{font-size:clamp(17px,1.5vw,20px);max-width:42ch;margin:28px 0 30px;color:#FBEDE5}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}

/* quick picker overlapping the hero */
.picker{position:relative;z-index:5;margin-top:clamp(-110px,-8vw,-70px)}
.picker-card{background:var(--cream);border-radius:var(--r);padding:clamp(22px,3vw,40px);box-shadow:0 24px 60px rgba(42,22,17,.14);display:grid;grid-template-columns:minmax(220px,.8fr) 1.6fr;gap:22px 48px}
.picker-head p{margin:8px 0 0;font-size:15px}
.picker .chips{align-self:center}
.pick-list{grid-column:1/-1;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-2)}
.pick-list li{padding:18px 18px 4px 0;display:grid;gap:4px;align-content:start}
.pick-list li+li{padding-left:18px;border-left:1px solid var(--line-2)}
.pick-list .nm{font-family:var(--serif);font-size:24px;line-height:1.1}
.pick-list .nm a{text-decoration:none}
.pick-list .nm a:hover{color:var(--cherry)}
.pick-list .meta{color:var(--cocoa-2)}
.pick-list .btn{justify-self:start;margin-top:8px}
.pick-foot{grid-column:1/-1;margin:0}

/* spec rail */
.spec{padding-top:clamp(36px,5vw,64px)}
.spec-rail{display:grid;grid-template-columns:repeat(5,1fr);margin:0;border-top:1px solid var(--cocoa);border-bottom:1px solid var(--line-2)}
.spec-rail div{padding:14px 14px 14px 0}
.spec-rail div+div{padding-left:14px;border-left:1px solid var(--line-2)}
.spec-rail dt{color:var(--cocoa-2);text-transform:uppercase;font-size:11px;letter-spacing:.06em;margin-bottom:4px}
.spec-rail dd{margin:0;font-size:13px}

/* the way */
.way-head{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(40px,6vw,80px)}
.way-head .lede{margin:0}
.way-list{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.way-list li{border-top:1px solid var(--cocoa);padding-top:18px}
.way-n{font-family:var(--serif);font-size:56px;line-height:1;color:var(--cherry);display:block;margin-bottom:18px}
.way-list h3{font-weight:700;font-size:18px;margin-bottom:8px}
.way-list p{color:var(--cocoa-2);font-size:15.5px;margin:0}

/* menu index */
.mi-list{list-style:none;border-top:1px solid var(--cocoa)}
.mi-list li{border-bottom:1px solid var(--line-2)}
.mi-list a{display:grid;grid-template-columns:1fr auto 110px;align-items:center;gap:24px;padding:20px 0;text-decoration:none;position:relative}
.mi-name{font-family:var(--serif);font-size:clamp(40px,6vw,88px);line-height:1;letter-spacing:-.015em;transition:color .25s,transform .35s var(--ease)}
.mi-meta{text-align:right;color:var(--cocoa-2)}
.mi-thumb{width:110px;aspect-ratio:4/5;overflow:hidden;border-radius:2px;opacity:.0;transform:scale(.92);transition:opacity .3s,transform .35s var(--ease)}
.mi-list a:hover .mi-name,.mi-list a:focus-visible .mi-name{color:var(--cherry);transform:translateX(10px)}
.mi-list a:hover .mi-thumb,.mi-list a:focus-visible .mi-thumb{opacity:1;transform:none}

/* patch band */
.ptband{background:var(--cocoa);color:var(--cream);padding:clamp(72px,9vw,130px) 0;margin-top:var(--sec)}
.ptband-in{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.pt-kick{color:var(--peach);margin-bottom:20px}
.pt-h>span+span{color:var(--peach)}
.pt-copy p{color:#F1DDD3;max-width:52ch}
.pt-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,247,241,.25);margin:26px 0 30px}
.pt-steps li{padding:14px 12px 0 0;font-size:12.5px;color:#F1DDD3}
.pt-steps li+li{padding-left:12px;border-left:1px solid rgba(255,247,241,.25)}
.pt-steps span{display:block;font-family:var(--serif);font-size:30px;color:var(--cream);margin-bottom:6px;letter-spacing:0}

/* edit rail */
.edit-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,23%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin}
.edit-card{scroll-snap-align:start;display:grid;gap:10px;align-content:start}
.edit-card .img{aspect-ratio:4/5;overflow:hidden;border-radius:var(--r)}
.edit-card .img img{transition:transform .8s var(--ease)}
.edit-card:hover .img img{transform:scale(1.04)}
.edit-card h3{font-family:var(--serif);font-size:30px;line-height:1}
.edit-card p{margin:0;color:var(--cocoa-2);font-size:15px}
.edit-card a.link{font-size:15px}

/* club split */
.club{display:grid;grid-template-columns:1fr 1fr;background:var(--peach-2)}
.club-media{min-height:520px}
.club-media picture{height:100%}
.club-copy{padding:clamp(48px,7vw,110px) clamp(24px,6vw,96px);align-self:center}
.club-copy p{max-width:46ch;color:var(--cocoa-2);margin:22px 0}
.club-mini{list-style:none;border-top:1px solid var(--cocoa);margin-bottom:28px}
.club-mini li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2);font-size:13px}
.club-mini b{font-weight:500}

/* team rail */
.tr-list{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tr-list a{text-decoration:none;display:grid;gap:10px}
.tr-list .img{aspect-ratio:4/5;overflow:hidden;border-radius:var(--r)}
.tr-list h3{font-family:var(--serif);font-size:26px;line-height:1}
.tr-list p{margin:0;color:var(--cocoa-2);font-size:14.5px}

/* reviews */
.rv-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rv-item{background:var(--cream);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:16px}
.rv-item blockquote{margin:0;font-family:var(--serif);font-size:23px;line-height:1.22}
.rv-item .who{margin-top:auto;font-size:14.5px;color:var(--cocoa-2)}
.rv-item .who a{color:var(--cocoa)}

/* gift band */
.giftband{background:#2A1611;position:relative;min-height:clamp(440px,52vw,680px);display:flex;align-items:center;color:var(--cream);overflow:hidden}
.giftband .gb-img{position:absolute;inset:0}
.giftband::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,22,17,.82),rgba(42,22,17,.35) 55%,rgba(42,22,17,.1))}
.gb-in{position:relative;z-index:1;width:100%}
.gb-in h2>span+span{color:var(--peach)}
.gb-in p{max-width:40ch;margin:22px 0 28px;color:#FBEDE5;font-size:18px}

/* visit */
.visit{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,90px);align-items:start}
.visit-addr{font-size:19px;max-width:40ch;margin:22px 0 12px}
.hours{border-collapse:collapse;width:100%;max-width:420px;margin:18px 0 22px;font-size:15.5px}
.hours td{padding:9px 0;border-bottom:1px solid var(--line-2)}
.hours td+td{text-align:right;font-family:var(--mono);font-size:13.5px}
.hours tr.today td{font-weight:700;color:var(--cherry)}
.visit-media{display:grid;gap:16px}
.visit-media picture{aspect-ratio:16/10;overflow:hidden;border-radius:var(--r)}
.map{width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line)}

@media (max-width:1080px){
 .spec-rail{grid-template-columns:repeat(3,1fr)}
 .spec-rail div:nth-child(4){border-left:0;padding-left:0}
 .way-list{grid-template-columns:1fr 1fr}
 .tr-list{grid-template-columns:1fr 1fr}
 .rv-list{grid-template-columns:1fr}
 .edit-rail{grid-auto-columns:minmax(230px,40%)}
}
@media (max-width:900px){
 .way-head,.ptband-in,.visit{grid-template-columns:1fr}
 .club{grid-template-columns:1fr}
 .club-media{min-height:320px}
 .picker-card{grid-template-columns:1fr}
}
@media (max-width:760px){
 .hero{min-height:min(88svh,760px)}
 .hero-shade{background:linear-gradient(0deg,rgba(42,22,17,.85) 0%,rgba(42,22,17,.55) 45%,rgba(42,22,17,.1) 75%)}
 .hero-in{padding-bottom:64px;padding-top:90px}
 .picker{margin-top:-24px}
 .pick-list{grid-template-columns:1fr}
 .pick-list li+li{padding-left:0;border-left:0;border-top:1px solid var(--line-2)}
 .pick-list li{padding:16px 0 8px}
 .spec-rail{grid-template-columns:1fr 1fr}
 .spec-rail div{padding:12px 10px 12px 0!important;border-left:0!important;border-top:1px solid var(--line-2)}
 .spec-rail div:nth-child(even){padding-left:12px!important;border-left:1px solid var(--line-2)!important}
 .way-list{grid-template-columns:1fr}
 .mi-list a{grid-template-columns:1fr auto;gap:12px}
 .mi-thumb{display:none}
 .mi-meta{font-size:11.5px}
 .pt-steps{grid-template-columns:1fr}
 .pt-steps li+li{padding-left:0;border-left:0;border-top:1px solid rgba(255,247,241,.25);padding-top:12px}
 .pt-steps li{padding-bottom:10px}
 .edit-rail{grid-auto-columns:76%}
 .tr-list{grid-template-columns:1fr 1fr;gap:14px}
 .tr-list h3{font-size:21px}
}