/* Cafe-only editorial design. */
.cafe{--paper:#231e1a;--ink:#f0e6d3;--accent:#d2ad78;--line:#655849;background:var(--paper);color:var(--ink)}
.cafe .demo-bar{background:#e9dfcc;color:#332820;font-size:11px}
.cafe .example-header{height:108px;border-bottom:1px solid var(--line);margin:0 5%;padding:0}
.cafe .shop-logo{font-size:28px;letter-spacing:.18em}.cafe .shop-logo small{font-size:9px;margin-top:10px}
.cafe .example-header nav{font-size:13px;gap:36px}
.cafe .example-hero{display:grid;grid-template-columns:1fr 1.05fr;margin:0 5%;min-height:0;gap:0 6%;padding-bottom:55px}
.cafe .editorial-masthead{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;font:normal clamp(100px,19vw,280px)/1.04 Georgia,serif;letter-spacing:-.065em;padding:15px 0 26px;border-bottom:1px solid var(--line);margin-bottom:42px}
.cafe .editorial-masthead span{font:11px/1.7 var(--sans);letter-spacing:.18em;max-width:150px;text-align:right}
.cafe .hero-copy{padding:24px 0 12px;max-width:none;align-self:center}
.cafe .hero-copy .kicker{font-size:11px;color:var(--accent)}
.cafe .hero-copy h1{font:500 clamp(32px,3.6vw,54px)/1.8 var(--serif);letter-spacing:.06em;margin:25px 0}
.cafe .hero-copy>p:not(.kicker){font-size:14px;line-height:2.2;color:#dbceba}
.cafe .hero-picture{position:relative;inset:auto;min-height:420px;align-self:stretch}
.cafe .hero-picture img{height:100%;max-height:560px;object-position:center;border-radius:0;filter:saturate(.75)}
.cafe .hero-picture:after{display:none}
.cafe .round-link{border-color:var(--accent);font-size:14px;gap:20px;color:var(--accent)}
.cafe .hero-caption{background:transparent;color:var(--accent);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px;font-size:12px}
.cafe .story{grid-template-columns:.65fr 1fr;gap:12%;padding:110px 8%;position:relative}
.cafe .story-image{aspect-ratio:.75;max-height:500px;border-radius:0;object-position:70%;filter:sepia(.2) saturate(.65)}
.cafe .story h2{font-size:34px}.cafe .story>div>p:not(.kicker){font-size:14px;color:#d8cbb8}.cafe .story-note{color:var(--accent)!important}
.cafe .menu-section{background:#e9dfcc;color:#332820;padding:80px 8% 90px}
.cafe .section-title{text-align:left;max-width:1100px;margin:0 auto 36px}.cafe .section-title .kicker{font:64px/1 Georgia;letter-spacing:-.035em}.cafe .section-title h2{font-size:25px}
.cafe .menu-grid{display:block}
.cafe .menu-item{display:grid;grid-template-columns:50px 1fr 1.2fr auto;gap:25px;align-items:center;padding:28px 0;border-top:1px solid #a59986;border-radius:0}
.cafe .menu-num{font:24px Georgia}.cafe .menu-item h3{margin:0;font-size:23px}.cafe .menu-item p{margin:0;min-height:0;font-size:13px}.cafe .menu-price{border:0;margin:0;padding:0;font-size:32px;white-space:nowrap}.cafe .menu-price small{display:block;font-size:10px;margin:4px 0 0}
.cafe .gift-section{grid-template-columns:1.1fr 1fr;padding:100px 8%;gap:10%}.cafe .gift-section h2{font-size:36px}.cafe .gift-section p:not(.kicker){font-size:14px;color:#d8cbb8}.cafe .gift-visual{padding:0;background:none;border-radius:0}.cafe .gift-visual img{border-radius:0;aspect-ratio:.95;filter:saturate(.6)}
.cafe .access{background:#302821;border-block:1px solid var(--line)}.cafe .access p,.cafe .access dl>div{font-size:14px}.cafe .access dl>div{border-color:var(--line)}
.cafe .demo-bottom{background:#e9dfcc;color:#332820}.cafe .demo-button{background:#332820;color:#f0e6d3}.cafe .example-footer{font-size:11px;border-top:1px solid var(--line)}
@media(max-width:800px){.cafe .example-header nav{gap:18px;font-size:12px}.cafe .editorial-masthead span{font-size:9px;max-width:115px}.cafe .hero-picture{min-height:360px}.cafe .hero-copy h1{font-size:30px}.cafe .story{gap:7%;padding:65px 6%}.cafe .story h2{font-size:26px}.cafe .menu-item{grid-template-columns:35px 1fr auto;gap:15px}.cafe .menu-item p{grid-column:2;grid-row:2}.cafe .menu-price{grid-column:3;grid-row:1/3}.cafe .gift-section{padding:65px 6%;gap:6%}.cafe .gift-section h2{font-size:28px}}
@media(max-width:600px){.cafe .demo-bar{font-size:9px}.cafe .example-header{height:auto;min-height:110px;flex-wrap:wrap;padding:20px 0;gap:18px}.cafe .shop-logo{font-size:25px}.cafe .example-header nav{max-width:none;width:100%;justify-content:space-between;font-size:12px}.cafe .example-hero{display:flex;flex-direction:column;padding-bottom:32px}.cafe .editorial-masthead{font-size:25vw;letter-spacing:-.06em;padding:15px 0;margin-bottom:0}.cafe .editorial-masthead span{display:none}.cafe .hero-copy{padding:28px 3% 32px}.cafe .hero-copy h1{font-size:32px}.cafe .hero-copy>p:not(.kicker){font-size:14px}.cafe .hero-picture{min-height:0;height:340px;margin:0 3%}.cafe .hero-picture img{height:340px}.cafe .hero-caption{font-size:11px;letter-spacing:.1em}.cafe .story{display:flex;flex-direction:column-reverse;gap:30px;padding:55px 8%}.cafe .story-image{aspect-ratio:1.25;max-height:300px;border-radius:0}.cafe .story h2{font-size:26px}.cafe .story>div>p:not(.kicker){font-size:14px}.cafe .menu-section{padding:55px 8%}.cafe .section-title .kicker{font-size:52px}.cafe .section-title h2{font-size:23px}.cafe .menu-item{gap:10px;grid-template-columns:22px 1fr auto;padding:24px 0}.cafe .menu-num{font-size:17px}.cafe .menu-item h3{font-size:18px}.cafe .menu-item p{grid-column:2/4;font-size:13px}.cafe .menu-price{grid-row:1;font-size:25px}.cafe .menu-price small{font-size:8px}.cafe .gift-section{display:flex;flex-direction:column;align-items:stretch;padding:55px 8%;gap:28px}.cafe .gift-visual img{aspect-ratio:1.3}.cafe .access{padding:55px 8%}.cafe .access dl>div{font-size:13px}.cafe .example-footer{font-size:10px;line-height:1.9}}