/* Different entry points into the same fictional shop, sharing content and controls. */
.hero.alternate-hero{height:auto;max-height:none;min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:70px 7%;overflow:visible;align-items:center}.alternate-hero::before,.alternate-hero::after{display:none}.alternate-hero h1{font-size:clamp(38px,4.3vw,65px);line-height:1.65}.alternate-hero .hero-product{height:auto;width:100%;aspect-ratio:4/5;object-fit:cover}.alternate-hero .eyebrow{margin-bottom:15px}.alternate-hero .pill{margin-top:26px}.alternate-hero figure{min-width:0;width:100%}.pattern-label{font-size:10px;letter-spacing:.12em;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-top:25px}
body[data-pattern="menu-first"]{color-scheme:light;--bg:#f0e8db;--ink:#382a20;--muted:#78634e;--gold:#8e5c2e;--line:#c6b296}body[data-pattern="menu-first"] .header{background:#f0e8db;border-bottom:1px solid #d2c0a5}body[data-pattern="menu-first"] .hero{background:#f0e8db}body[data-pattern="menu-first"] .hero-product{aspect-ratio:5/6;object-position:58% center}body[data-pattern="menu-first"] .hero-copy .eyebrow{color:#865c34}body[data-pattern="menu-first"] .pill{background:transparent;border-color:#947353}body[data-pattern="menu-first"] .menu{background:#dbc7a9}body[data-pattern="menu-first"] .menu-tabs button{color:#715a43}body[data-pattern="menu-first"] .menu-copy>p:not(.eyebrow),body[data-pattern="menu-first"] .concept-text{color:#62503e}body[data-pattern="menu-first"] .social{background:#3a2620;color:#f1e6d6}body[data-pattern="menu-first"] .social .pill{color:#f1e6d6}body[data-pattern="menu-first"] .social .small,body[data-pattern="menu-first"] .social .overline{color:#c9b59c}body[data-pattern="menu-first"] .mobile-nav{background:#efe5d7f7}body[data-pattern="menu-first"] dialog{background:#f0e8db}body[data-pattern="menu-first"] .gallery{background:#f6efe4}body[data-pattern="menu-first"] .menu .small{color:#705941}
body[data-pattern="quiet-journal"]{--bg:#19221f;--ink:#ece9dc;--gold:#c9b995;--muted:#bdc1b4;--line:#4b5b50}body[data-pattern="quiet-journal"] .header{background:#19221f}body[data-pattern="quiet-journal"] .hero{grid-template-columns:1.05fr .95fr;padding:55px 7% 75px;gap:8%}body[data-pattern="quiet-journal"] .hero figure{order:-1}body[data-pattern="quiet-journal"] .hero-product{aspect-ratio:4/5;object-position:85% center}body[data-pattern="quiet-journal"] .hero h1{font-size:clamp(35px,3.8vw,56px);letter-spacing:.15em}body[data-pattern="quiet-journal"] .hero .pill{background:none}body[data-pattern="quiet-journal"] .gallery{background:#222d27}body[data-pattern="quiet-journal"] .gallery-grid{grid-template-columns:1fr 1fr 1fr;gap:28px}body[data-pattern="quiet-journal"] .gallery-grid figure:nth-child(2),body[data-pattern="quiet-journal"] .gallery-grid figure:nth-child(3){padding-top:0}body[data-pattern="quiet-journal"] .gallery-grid img,body[data-pattern="quiet-journal"] .gallery-grid figure:first-child img{aspect-ratio:3/4}body[data-pattern="quiet-journal"] .menu{background:#26352c}body[data-pattern="quiet-journal"] .social{background:#19221f}body[data-pattern="quiet-journal"] .concept{padding-top:100px}body[data-pattern="quiet-journal"] .mobile-nav{background:#19221ff5}
@media(max-width:760px){.hero.alternate-hero{display:flex;flex-direction:column;min-height:0;gap:30px;padding:44px 7% 50px}.alternate-hero h1{font-size:38px;line-height:1.6;letter-spacing:.05em;margin:18px 0}.alternate-hero .hero-product{aspect-ratio:4/3}.alternate-hero .hero-copy{width:100%}.alternate-hero figure{order:0!important}body[data-pattern="menu-first"] .hero-product{aspect-ratio:4/3}body[data-pattern="quiet-journal"] .hero{padding:44px 7% 50px;gap:30px}body[data-pattern="quiet-journal"] .hero h1{font-size:34px}body[data-pattern="quiet-journal"] .hero-product{aspect-ratio:4/3;object-position:right center}body[data-pattern="quiet-journal"] .gallery-grid{grid-template-columns:1fr 1fr;gap:12px}body[data-pattern="quiet-journal"] .gallery-grid figure:first-child img{aspect-ratio:4/3}.pattern-label{margin-top:20px;font-size:9px}}
body[data-pattern="menu-first"] .hero-product{aspect-ratio:4/3}