.hero{display:grid;grid-template-columns:38.5% 61.5%;grid-template-rows:100%;height:clamp(400px,58vw,720px);position:relative;background:var(--acai)}
.hero-cell{position:relative;overflow:clip}
.hero-cell img{scale:1.14}
.hero-copy{position:absolute;right:var(--pad);bottom:clamp(28px,6vw,74px);text-align:right;color:var(--paper);max-width:min(58vw,760px);text-shadow:0 1px 30px rgba(0,0,0,.18)}
.hero-copy .t-display{display:block}

.moments{display:grid;grid-template-columns:repeat(4,1fr);padding-block:clamp(40px,5vw,74px)}
.moment{text-align:center;padding-inline:clamp(12px,2vw,34px);position:relative}
.moment + .moment::before{content:'';position:absolute;left:0;top:52px;bottom:6px;width:1px;background:var(--line)}
.moment h3{font-weight:700;text-transform:uppercase;font-size:clamp(12px,1.05vw,15px);letter-spacing:.045em;line-height:1.28;margin-bottom:10px}
.moment p{font-size:clamp(13.5px,1.05vw,16px);line-height:1.4;color:var(--ink)}
.m-violet .dot{background:var(--mix-violet)}
.m-violet h3{color:var(--mix-violet-ink)}
.m-orange .dot{background:var(--mix-orange)}
.m-orange h3{color:var(--mix-orange-ink)}
.m-pink .dot{background:var(--mix-pink)}
.m-pink h3{color:var(--mix-pink-ink)}
.m-yellow .dot{background:var(--mix-yellow)}
.m-yellow h3{color:var(--mix-yellow-ink)}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3.4vw,58px)}
.card-fig{position:relative;overflow:clip;aspect-ratio:4/5;background:var(--ink-10)}
.card-fig img{object-position:var(--focus,50% 50%);transition:scale 620ms var(--ease-long)}
.card:hover .card-fig img{scale:1.045}
.card-fig .price{--price-d:clamp(73px,6vw,96px)}
.card-fig .price.is-placed{left:var(--price-x);top:var(--price-y);right:auto;translate:-50% -50%}
.card-fig .price span{rotate:var(--price-tilt,-18deg)}

.bleed{position:relative;overflow:clip;height:clamp(320px,42vw,600px);background:var(--ink-10)}
.bleed img{scale:1.14;object-position:50% 64%}
.card h3{margin-top:var(--s4);font-weight:700;text-transform:uppercase;font-size:clamp(15px,1.25vw,19px);letter-spacing:.01em;color:var(--acai)}
.card p{margin-top:6px;font-size:14.5px;line-height:1.5;color:var(--ink-80)}

.menu{position:relative;background:var(--creme)}
.menu-frame{position:relative;padding:clamp(30px,4vw,64px) 0 0 clamp(46px,6vw,104px)}
.menu-frame::before{content:'';position:absolute;left:0;top:0;width:clamp(28px,4vw,64px);height:100%;border-left:2px solid var(--acai);border-top:2px solid var(--acai)}
.menu-frame::after{content:'';position:absolute;left:0;top:0;width:clamp(150px,20vw,340px);height:2px;background:var(--acai)}
.menu-edge{position:absolute;left:0;top:clamp(30px,4vw,64px);width:clamp(28px,4vw,64px);display:flex;justify-content:center;pointer-events:none}
.menu-edge span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700;text-transform:uppercase;font-size:clamp(11px,1vw,13px);letter-spacing:.34em;color:var(--acai);white-space:nowrap}

.cat{margin-top:clamp(34px,4.4vw,68px)}
.cat:first-of-type{margin-top:0}
.cat-h{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s5)}
.cat-h h3{font-weight:700;text-transform:uppercase;font-size:clamp(20px,2.1vw,30px);line-height:1;letter-spacing:-.015em;color:var(--acai)}

.items{display:grid;gap:0 clamp(28px,4vw,80px)}
.items.two{display:block;columns:2;column-gap:clamp(28px,4vw,80px)}
.items.two .item{break-inside:avoid}
.item{display:flex;align-items:baseline;gap:10px;padding-block:9px}
.item-n{font-weight:600;font-size:16px}
.item-l{flex:1;height:1px;background:var(--line);opacity:.55;transform:translateY(-3px)}
.item-p{font-weight:700;font-size:16px;color:var(--acai);font-variant-numeric:tabular-nums;white-space:nowrap}
.item-d{grid-column:1/-1;font-size:14.5px;color:var(--ink-80);padding:2px 0 10px}
.item-more{justify-content:space-between;padding-block:0 10px}
.item-note{font-size:14.5px;color:var(--ink-80);min-width:0}
.item-add{padding-left:20px}
.item-add .item-n{font-weight:400;color:var(--ink-80)}
.menu-foot{margin-top:clamp(34px,4vw,60px);display:flex;justify-content:space-between;align-items:center;gap:var(--s5);flex-wrap:wrap}
.menu-fine{font-size:13px;line-height:1.55;color:var(--ink-80);text-align:right}

.panel{position:relative;background:var(--acai);color:var(--creme)}
.panel-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,96px);align-items:center;padding-block:var(--band);padding-bottom:calc(var(--band) + var(--slide-max))}
.panel .t-statement{color:var(--creme);text-transform:uppercase}
.panel-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:left}
.panel-copy p{font-weight:700;text-transform:uppercase;font-size:clamp(24px,2.9vw,42px);line-height:1.2;letter-spacing:-.015em}
.panel-copy .btn{margin-top:clamp(24px,3vw,44px)}
.panel-side{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s5)}
.panel-side .t-statement{font-size:clamp(34px,4.4vw,60px)}
.panel .t-statement span{display:block}
.panel-sub{font-weight:700;text-transform:uppercase;font-size:clamp(13px,1.15vw,16px);line-height:1.5;letter-spacing:.015em;max-width:44ch;margin-top:var(--s5)}

.origin{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,80px);align-items:start}
.origin-text p{margin-top:var(--s4);max-width:56ch;color:var(--ink-80)}
.origin-media{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(10px,1.4vw,20px)}
.origin-media figure{position:relative;overflow:clip;background:var(--ink-10)}
.m-tall{grid-row:span 2}
.m-sq{aspect-ratio:1}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5);margin-top:clamp(28px,3.4vw,52px);border-top:1px solid var(--line);padding-top:var(--s5)}
.stat-n{font-weight:700;font-size:clamp(26px,2.8vw,40px);letter-spacing:-.03em;color:var(--acai);line-height:1}
.stat-l{margin-top:8px;font-size:13px;color:var(--ink-80)}

.strip{overflow:clip;background:var(--ground);padding-block:clamp(30px,4vw,58px);border-block:1px solid var(--line)}
.strip-track{--strip-cell:clamp(120px,13vw,206px);--strip-gap:clamp(10px,1.2vw,18px);--strip-set:7;display:flex;gap:var(--strip-gap);width:max-content;animation:march 54s linear infinite}
.strip-cell{position:relative;width:var(--strip-cell);aspect-ratio:2/5;overflow:clip;background:var(--ink-10);flex-shrink:0}
.strip-cell .sw{position:absolute;inset:0}
.strip-cell img{position:absolute;inset:0}
@keyframes march{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--strip-set) * (var(--strip-cell) + var(--strip-gap))),0,0)}}

.loyal{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,80px);align-items:center}

.ig-head{margin:clamp(46px,6vw,96px) 0 var(--s5);color:var(--acai);display:flex;justify-content:space-between;align-items:baseline;gap:var(--s5);flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:var(--s3)}
.ig{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,.7vw,10px)}
.ig-cell{aspect-ratio:1;background:var(--ink-10);position:relative;overflow:clip}
.ig-cell img{transition:scale 620ms var(--ease-long)}
.ig-cell:hover img{scale:1.045}

.visit{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,80px);align-items:stretch}
.visit-fig{position:relative;overflow:clip;background:var(--ink-10);min-height:clamp(280px,36vw,520px)}
.visit-fig img{position:absolute;inset:0;scale:1.12}
.visit-col{display:flex;flex-direction:column}
.facts{margin-top:var(--s6)}
.hours{display:grid;grid-template-columns:auto 1fr;gap:4px var(--s5);font-variant-numeric:tabular-nums}
.visit-cta{margin-top:auto;padding-top:var(--s6)}

@media (max-width:1080px){
  .origin,.loyal,.visit{grid-template-columns:1fr}
  .visit-fig{min-height:300px}
}

@media (max-width:860px){
  .hero{grid-template-columns:1fr;height:clamp(400px,86vw,600px)}
  .hero-cell:first-child{display:none}
  .hero-copy{left:var(--pad);text-align:left}
  .moments{grid-template-columns:repeat(2,1fr);gap:var(--s6) 0}
  .moment:nth-child(odd)::before{display:none}
  .moment:nth-child(3)::before,.moment:nth-child(4)::before{top:0}
  .cards{grid-template-columns:1fr;gap:var(--s6)}
  .items.two{columns:1}
  .origin-media{grid-template-columns:1fr 1fr}
}

@media (max-width:767px){
  .panel-in{grid-template-columns:1fr}
}

@media (max-width:520px){
  .stats{gap:var(--s4)}
  .ig{grid-template-columns:repeat(2,1fr)}
  .menu-frame{padding-left:clamp(34px,11vw,54px)}
  .panel{container-type:inline-size}
  .panel-in{grid-template-columns:1fr auto 1fr;gap:0}
  .panel-side{display:contents}
  .panel-copy{grid-area:1/2;align-items:flex-start;z-index:1}
  .panel-copy .btn{align-self:center}
  .panel-sub{grid-area:2/2;z-index:1}
  .panel .t-statement{grid-area:1/1/3/4;align-self:center;
    margin-block:calc(var(--pad) + var(--fit-bleed,0) * 1em - var(--band));
    font-size:calc((100cqi - 2 * var(--pad)) / var(--fit-k,3.06));line-height:.82;letter-spacing:-.01em;
    translate:0 calc(var(--fit-shift,0) * 1em);
    text-align:left;white-space:nowrap;color:rgba(var(--creme-rgb),.1);pointer-events:none}
  .menu-foot{justify-content:center}
  .menu-fine{text-align:center}
  .item-add .item-n{flex:1}
  .item-add .item-l{display:none}
}