/* OFFBEAT — a movable magazine cover and an asymmetrical product index. */
.premium-offbeat{background:#f9f5eb;color:#142ce0;--ex-paper:#f9f5eb;--ex-ink:#172866;--ex-muted:#566080;--ex-olive:#566080;--ex-orange:#2446d8;--ex-serif:Manrope,Arial,sans-serif;--ex-line:#aab0ca}.premium-offbeat .offbeat-nav{padding:1.25rem 4%;display:grid;grid-template-columns:1fr 1fr auto auto;gap:2rem;align-items:center;border-bottom:2px solid #142ce0;background:#f9f5eb}.offbeat-nav .wordmark{font-family:var(--a-sans);font-size:2.5rem;letter-spacing:-.085em;font-weight:800;color:#142ce0}.offbeat-nav .wordmark span{letter-spacing:0;font-weight:500}.po-nav-issue{font-size:.875rem;line-height:1.6}.premium-offbeat .motion-toggle{border-radius:99px;max-width:8rem;font-size:.875rem}.po-cover{position:relative;padding:1.25rem 4% 3rem;background:#f9f5eb;overflow:hidden}.po-cover-margin{display:flex;justify-content:space-between;font-size:.875rem;letter-spacing:.08em;border-bottom:1px solid #aab0ca;padding-bottom:1.25rem}.po-cover h1{position:relative;z-index:0;display:flex;flex-direction:column;font-family:var(--a-sans);font-size:clamp(8rem,22vw,27rem);font-weight:850;letter-spacing:-.1em;line-height:.75;padding:2.5rem 0 3rem;max-width:100%;pointer-events:none}.po-cover h1>span:nth-child(2){align-self:end;position:relative;padding-right:3%}.po-title-dot{font-size:.14em;vertical-align:top;letter-spacing:0;position:absolute;top:.1rem;right:-.2rem}.po-collage{position:absolute;inset:4rem 8% 12rem;z-index:1;pointer-events:none}.po-cutout{position:absolute;pointer-events:auto;cursor:grab;width:25%;margin:0;border:1px solid #142ce0;background:#fff;box-shadow:.6rem .8rem 0 #142ce02b;padding:.65rem;transform:translate(var(--drag-x,0px),var(--drag-y,0px)) rotate(var(--tilt,0deg));user-select:none;transition:box-shadow .2s;touch-action:pan-y}.po-cutout:focus-visible{outline:4px solid #142ce0;outline-offset:5px}.po-cutout img{width:100%;aspect-ratio:.88;object-fit:cover;pointer-events:none}.po-cutout figcaption{font-size:.875rem;font-weight:800;line-height:1.5;padding:.6rem 0 .1rem;text-align:center;color:#142ce0}.po-cutout-coffee{--tilt:-14deg;left:6%;top:9%;width:28%}.po-cutout-cookie{--tilt:12deg;left:40%;top:23%;width:24%}.po-cutout-matcha{--tilt:8deg;right:1%;top:3%;width:27%}.po-cutout.is-dragging{cursor:grabbing;z-index:8;box-shadow:1rem 1.4rem 2rem #142ce024}.po-sticker{position:absolute;bottom:0;left:27%;font-size:1.5rem;font-weight:800;line-height:1.05;background:#dfff62;color:#142ce0;border:1px solid #142ce0;padding:1.8rem 2rem;border-radius:50%;transform:rotate(-14deg);pointer-events:none}.po-cover-bottom{display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center;margin-top:2rem;position:relative;z-index:4}.po-cover-bottom p{font-size:1.125rem;margin:0}.po-cover-bottom a{font-size:1.125rem;display:flex;justify-content:space-between;gap:3rem;padding:1rem 1.3rem;border:2px solid #142ce0;border-radius:99px;background:#dfff62}.po-cover-bottom button{border:0;border-bottom:1px solid #142ce0;background:transparent;color:#142ce0;padding:1rem 0;font-size:1rem}.po-drag-hint{font-size:.875rem;margin:1.5rem 0 0;color:#566080}.po-news{background:#142ce0;color:#f9f5eb;padding:3rem 5%;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;overflow:hidden}.po-news>span{grid-column:1/-1;font-size:.875rem;letter-spacing:.12em}.po-news>p{font-size:clamp(4rem,9vw,10rem);line-height:.85;letter-spacing:-.08em;font-weight:800;margin:0;transform:translateX(var(--po-news-x,0px))}.po-news>p em{font-weight:400;font-style:normal;color:#dfff62}.po-news>div{display:grid;grid-template-columns:8rem 1fr;gap:2rem;align-items:center}.po-news>div p{font-size:1.125rem;line-height:1.75}.po-news-star{font-size:8rem;line-height:1;display:block;transform:rotate(var(--po-star-turn,0deg));color:#dfff62}
/* The selector is a product studio, with a vertical category rail and a rotating photo. */
.premium-offbeat .o-mood{padding:5rem 5%;background:#f9f5eb;display:grid;grid-template-columns:11rem 1fr;gap:1.5rem 3rem;color:#142ce0;overflow:hidden}.o-section-heading{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:2rem}.o-section-heading h2{font-family:var(--a-sans);font-size:clamp(3rem,7vw,7rem);line-height:.95;letter-spacing:-.08em;font-weight:800}.o-section-heading h2 em{font-style:normal;font-weight:400}.o-kicker{font-size:.875rem;letter-spacing:.08em;margin-bottom:1rem}.o-section-heading .text-link{font-size:1rem;min-width:9rem}.o-mood-tabs{grid-column:1;grid-row:2/5;display:flex;flex-direction:column;gap:0;align-self:start;margin-top:3rem;border-block:2px solid #142ce0}.o-mood-tabs button{border:0;border-bottom:1px solid #aab0ca;background:transparent;color:#142ce0;font-size:1.5rem;padding:1.5rem .8rem;text-align:left;font-weight:750;min-height:3.5rem;transition:background .25s}.o-mood-tabs button[aria-pressed=true]{background:#142ce0;color:#f9f5eb}.o-status{grid-column:2;font-size:1rem;color:#566080;margin:1rem 0}.o-product{grid-column:2;display:grid;grid-template-columns:1.15fr 1fr;gap:2rem;align-items:center;min-width:0}.o-product[hidden]{display:none}.o-product-image{position:relative;min-width:0;padding:1.5rem 1rem;touch-action:pan-y;user-select:none}.o-product-image>img{display:block;width:100%;aspect-ratio:.85;object-fit:cover;border:1px solid #142ce0;box-shadow:.75rem .75rem 0 #dfff62;transform:rotate(-4deg);position:relative;z-index:1}.o-product-doodle{position:absolute;inset:0;font-size:20rem;line-height:1;color:#142ce01a;pointer-events:none}.o-product-label{position:absolute;z-index:2;bottom:0;right:0;padding:.75rem 1.5rem;background:#dfff62;border:1px solid #142ce0;font-size:1rem;font-weight:700;transform:rotate(7deg);pointer-events:none}.o-product-copy h3{font-size:clamp(2rem,4vw,4rem);font-family:var(--a-sans);font-weight:800;line-height:1.03;letter-spacing:-.07em;overflow-wrap:break-word}.o-product-copy p{font-size:1.125rem;line-height:1.7}.o-product-copy .o-allergens{font-size:1rem;color:#566080}.o-product-copy .o-price{font-size:2rem;font-weight:750}.o-product-copy .button{background:#142ce0;color:#fff;border:1px solid #142ce0;border-radius:99px;font-size:1rem}.o-product-controls{display:flex;align-items:center;gap:1rem;margin-top:2rem}.o-product-controls button{width:3rem;height:3rem;border:1px solid #142ce0;background:transparent;color:#142ce0;border-radius:50%;font-size:1.5rem}.o-product-controls button:disabled{opacity:.5}.o-picks{grid-column:2;display:flex;gap:.75rem;overflow-x:auto;padding:1rem .4rem;scrollbar-width:thin}.o-picks button{display:flex;flex:none;align-items:center;gap:.7rem;max-width:95%;padding:.5rem 1rem .5rem .5rem;background:transparent;color:#142ce0;border:1px solid #142ce0;border-radius:99px;font-size:1rem}.o-picks button[aria-pressed=true]{background:#dfff62}.o-picks img{width:3rem;height:3rem;border-radius:50%;object-fit:cover}.o-picks span{min-width:0;overflow-wrap:anywhere}.o-fine{grid-column:1/-1;font-size:.875rem;color:#566080;margin-top:2rem;max-width:55rem}.o-empty{grid-column:2;font-size:1.125rem;line-height:1.7}.o-empty h3{font-size:2rem}.po-how{padding:5rem 5%;background:#f2b8b4;color:#293473;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center;overflow:hidden}.po-how-title>span{font-size:.875rem;letter-spacing:.08em}.po-how-title h2{font-size:clamp(2.5rem,4.8vw,5rem);font-weight:800;letter-spacing:-.07em;line-height:1.05;margin:2rem 0}.po-how-title h2 em{font-style:normal;font-weight:400}.po-how-title>a{display:inline-block;font-size:1rem;border-bottom:1px solid #293473;padding:1rem 0}.po-how-cards{display:flex;align-items:stretch;gap:1rem}.po-how-cards article{flex:1;min-width:0;background:#f9f5eb;padding:1.5rem 1rem;border:1px solid #293473;transform:translateY(var(--po-card-lift,0px)) rotate(-5deg)}.po-how-cards article:nth-child(2){background:#dfff62;transform:translateY(calc(var(--po-card-lift,0px) * -1)) rotate(3deg)}.po-how-cards article:nth-child(3){transform:translateY(var(--po-card-lift,0px)) rotate(8deg)}.po-how-cards article>span{font-size:.875rem}.po-how-cards h3{font-size:1.6rem;line-height:1.1;letter-spacing:-.05em;font-weight:800;margin:3rem 0 1.5rem}.po-how-cards p{font-size:1rem;line-height:1.7}.po-footer{position:relative;background:#dfff62;color:#142ce0;padding:4rem 5%;display:grid;grid-template-columns:1fr auto;gap:3rem}.po-footer>p{font-size:1rem;letter-spacing:.04em;margin:0}.po-footer strong{font-size:clamp(3rem,7vw,7rem);line-height:1.1;letter-spacing:-.07em;text-transform:none;display:block;margin-top:1rem}.po-footer>a.po-footer-arrow{font-size:8rem;line-height:1}.po-footer nav,.po-footer small{grid-column:1/-1}.po-footer nav{border-top:2px solid #142ce0;padding-top:2rem}
/* Magazine menu: one hero item, compact paired editorial rows, playful hard borders. */
.premium-offbeat .ex-heading h1{font-family:var(--a-sans);font-weight:850;letter-spacing:-.08em;font-size:clamp(3rem,7vw,8rem)}.premium-offbeat .ex-heading em{font-style:normal;font-weight:400}.premium-offbeat .ex-menu-grid{grid-template-columns:1fr 1fr;gap:0;border-top:2px solid #142ce0}.premium-offbeat .ex-dish{display:grid;grid-template-columns:42% 1fr;gap:1.25rem;padding:2rem 1.5rem;border-bottom:1px solid #8290bf;animation:none}.premium-offbeat .ex-dish:nth-child(odd){border-right:1px solid #8290bf}.premium-offbeat .ex-dish:first-child{grid-column:1/-1;grid-template-columns:55% 1fr;border-right:0;padding:2rem 0;gap:3rem}.premium-offbeat .ex-dish-media{aspect-ratio:.8;border-radius:0;border:1px solid #142ce0;align-self:start}.premium-offbeat .ex-dish:first-child .ex-dish-media{aspect-ratio:1.4}.premium-offbeat .ex-dish:first-child .ex-dish-name{font-size:3.5rem}.premium-offbeat .ex-dish-name{font-family:var(--a-sans);font-weight:800;font-size:1.5rem;letter-spacing:-.06em}.premium-offbeat .ex-dish-body{padding:0}.premium-offbeat .ex-dish-tag{font-size:.875rem;border-radius:0;top:.5rem;left:.5rem;padding:.35rem;background:#dfff62;color:#172866}.premium-offbeat .ex-dish-add{background:#142ce0;color:#fff;border-radius:50%;right:.5rem;bottom:.5rem}.premium-offbeat .ex-menu-toolbar{padding:1rem;border:2px solid #142ce0;border-radius:0}.premium-offbeat .ex-tab{border-radius:0;font-weight:700}.premium-offbeat .ex-btn{border-radius:99px}.premium-offbeat .ex-table-layout{grid-template-columns:1.4fr 1fr;gap:2rem}.premium-offbeat .ex-surface{border:2px solid #172866;box-shadow:.4rem .4rem 0 #dfff62}.premium-offbeat .ex-console-nav{border:2px solid #172866;padding:1rem;background:#dfff62}.premium-offbeat .ex-kpis{background:transparent;border:0;gap:1rem}.premium-offbeat .ex-kpi{border:2px solid #172866;background:#fff}.premium-offbeat .ex-kpi:nth-child(2){background:#dfff62}.premium-offbeat .ex-kpi:nth-child(3){background:#f2b8b4}.premium-offbeat .ex-kpi strong{font-family:var(--a-sans);font-weight:800;letter-spacing:-.05em}.premium-offbeat .ex-chat{border-radius:1.5rem;border:2px solid #142ce0}.premium-offbeat .ex-chat-head{background:#142ce0;color:#fff}.premium-offbeat .ex-chat-head h3{font-family:var(--a-sans);font-weight:800;letter-spacing:-.05em}.premium-offbeat .ex-chat-launch{border-radius:99px;background:#142ce0;color:#fff}.premium-offbeat .ex-chat-form button{background:#142ce0}.premium-offbeat .ex-chat-msg.is-user{background:#142ce0}.premium-offbeat .ex-chat-msg:not(.is-user){background:#e9edff}
@media(max-width:1150px){.premium-offbeat .offbeat-nav{grid-template-columns:1fr auto auto;gap:1.5rem}.offbeat-nav .site-nav{display:none}.po-cover-bottom{grid-template-columns:1fr auto}.po-cover-bottom button{grid-column:1/-1;justify-self:start}.po-collage{bottom:15rem}.po-how{display:block}.po-how-cards{margin-top:3rem}.premium-offbeat .o-mood{grid-template-columns:8rem 1fr;gap:1.5rem}.o-product{gap:1.5rem}.o-mood-tabs button{font-size:1.25rem}.premium-offbeat .ex-dish{grid-template-columns:1fr;padding:1.5rem}.premium-offbeat .ex-dish:first-child{grid-template-columns:1fr 1fr}.premium-offbeat .ex-dish:first-child .ex-dish-name{font-size:2.5rem}}
@media(max-width:700px){.premium-offbeat .offbeat-nav{padding:1rem 5%;grid-template-columns:1fr auto;gap:1rem}.offbeat-nav .wordmark{font-size:2rem}.po-nav-issue{display:none}.po-cover{padding:1rem 5% 2rem}.po-cover-margin{font-size:.875rem;letter-spacing:0}.po-cover-margin>span:last-child{display:none}.po-cover h1{font-size:28vw;padding:4rem 0 6rem;line-height:.85}.po-collage{inset:6rem 6% 16rem}.po-cutout{padding:.35rem}.po-cutout-coffee{width:37%;left:0;top:0}.po-cutout-cookie{width:31%;left:35%;top:25%}.po-cutout-matcha{width:36%;right:0;top:-5%}.po-cutout figcaption{font-size:.875rem;letter-spacing:-.04em;padding:.4rem 0}.po-sticker{font-size:1rem;padding:1rem;left:14%;bottom:-10%}.po-cover-bottom{display:block;margin-top:2rem}.po-cover-bottom p{font-size:1rem}.po-cover-bottom a{margin-top:1.5rem;font-size:1rem}.po-cover-bottom button{margin-top:1rem}.po-drag-hint{font-size:.875rem}.po-news{padding:3rem 6%;display:block}.po-news>p{font-size:5rem;margin:2rem 0}.po-news>div{grid-template-columns:5rem 1fr;gap:1rem}.po-news-star{font-size:5rem}.po-news>div p{font-size:1rem}.premium-offbeat .o-mood{display:block;padding:3rem 6%}.o-section-heading{display:block}.o-section-heading h2{font-size:3rem}.o-section-heading .text-link{display:inline-block;margin-top:1.5rem}.o-mood-tabs{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:2rem;border-block:1px solid #142ce0;gap:0}.o-mood-tabs button{font-size:1rem;flex:1;padding:1rem .5rem;text-align:center;border:0}.o-status{margin:1.5rem 0}.o-product{display:block}.o-product-image{max-width:28rem;margin:0 auto 2rem}.o-product-copy h3{font-size:2.7rem}.o-product-copy p{font-size:1rem}.o-picks{margin-top:2rem}.po-how{padding:3rem 6%}.po-how-title h2{font-size:3rem}.po-how-cards{display:block}.po-how-cards article{transform:none!important;display:grid;grid-template-columns:2rem 1fr;gap:1rem;padding:1.5rem;margin-bottom:1rem}.po-how-cards h3{margin:0;font-size:2rem}.po-how-cards p{grid-column:2;margin:0}.po-footer{padding:3rem 6%;gap:2rem;display:block}.po-footer strong{font-size:3rem}.po-footer>a.po-footer-arrow{display:block;font-size:5rem;margin:1rem 0}.po-footer nav{margin:2rem 0}.premium-offbeat .ex-menu-grid{display:block}.premium-offbeat .ex-dish,.premium-offbeat .ex-dish:first-child{display:block;padding:2rem 0;border-right:0}.premium-offbeat .ex-dish-media,.premium-offbeat .ex-dish:first-child .ex-dish-media{aspect-ratio:1.1;margin-bottom:1.5rem}.premium-offbeat .ex-dish-name,.premium-offbeat .ex-dish:first-child .ex-dish-name{font-size:2rem}}
.c-static-layout .po-cover h1{font-size:22vw;padding-bottom:3rem}.c-static-layout .po-collage{position:relative;inset:auto;height:25rem;margin:2rem 0}.c-static-layout .po-cutout{width:30%;top:0}.c-static-layout .po-cutout-cookie{top:20%}.c-static-layout .po-cutout figcaption{overflow-wrap:anywhere}.c-static-layout .po-cover-bottom{display:block}.c-static-layout .po-cover-bottom a{margin-top:2rem}.c-static-layout .po-news{display:block}.c-static-layout .po-news>p{font-size:4rem;margin:2rem 0;transform:none!important}.c-static-layout .premium-offbeat .o-mood{display:block}.c-static-layout .o-product{display:block}.c-static-layout .o-mood-tabs{flex-direction:row;flex-wrap:wrap}.c-static-layout .o-mood-tabs button{flex:1}.c-static-layout .o-section-heading{display:block}.c-static-layout .o-product-image{max-width:25rem;margin:2rem auto}.c-static-layout .po-how{display:block}.c-static-layout .po-how-cards{display:block}.c-static-layout .po-how-cards article{transform:none!important;margin:2rem 0}.c-static-layout .premium-offbeat .ex-dish,.c-static-layout .premium-offbeat .ex-dish:first-child{display:block;border-right:0}.c-static-layout .premium-offbeat .ex-dish-media{margin-bottom:2rem}.c-static-layout .po-footer{display:block}
.premium-offbeat em{font-family:inherit}.premium-offbeat .pm-tools{display:grid;grid-template-columns:1.5fr 1fr;gap:0 2rem;border-block:2px solid #142ce0;margin-bottom:2rem;padding:1.5rem 0}.premium-offbeat .pm-tools .ex-menu-toolbar{grid-column:1;grid-row:1/4;display:block;border:0;padding:0}.premium-offbeat .pm-tools .ex-row{margin-top:1rem}.premium-offbeat .pm-tools .ex-menu-count{margin:0}.premium-offbeat .pm-diet-details .ex-dietary-panel{background:#f9f5eb;border:2px solid #142ce0;border-radius:0}.premium-offbeat .ex-heading>p{max-width:25rem}.premium-offbeat .ex-heading{margin-bottom:3rem}.premium-offbeat .ex-heading h1{line-height:1.03}
@media(max-width:700px){.po-sticker{bottom:26%;left:4%;padding:.8rem;font-size:.875rem}.po-cutout figcaption{font-size:.875rem;line-height:1.5;overflow-wrap:normal}.po-cutout{box-shadow:.4rem .4rem 0 #142ce022}.premium-offbeat .pm-tools{display:block}.premium-offbeat .pm-diet-controls{margin-top:1.5rem}}
.c-static-layout .premium-offbeat .pm-tools{display:block}
.premium-offbeat .ex-kpi>span,.premium-offbeat .ex-kpi small{color:#172866}