/* Food-first responsive layout and matching packaging/site wordmarks. */
.logo,.footer-wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.065em}
.logo{font-size:47px}.footer-wordmark{letter-spacing:-.055em}
main:focus{outline:none}#brief-result:focus{outline:3px solid var(--red);outline-offset:10px}
.macro-view[data-sense-view=melt] img{transform:scale(1);object-position:center}
.profile-visual img{transition:opacity .2s}.image-caption{letter-spacing:.05em}
.format-section{display:grid;grid-template-columns:1fr 1fr;gap:0 6vw}
.format-section>.eyebrow,.format-section>h2,.format-tabs{grid-column:1/-1}
.format-preview{align-self:start;position:relative;aspect-ratio:1;overflow:hidden;background:#fff9ee;border-radius:12px;margin-top:25px}
.format-preview img{width:100%;height:100%;object-fit:cover;object-position:17% 75%;transform:scale(1.48);transform-origin:15% 80%;transition:transform .7s,object-position .7s}
.format-preview[data-format-preview=gift] img{object-position:90% 30%;transform:scale(1.4);transform-origin:95% 25%}
.format-preview[data-format-preview=professional] img{transform:none;object-position:center}
.format-preview p{position:absolute;inset:auto 16px 16px;margin:0;padding:12px 16px;border-radius:6px;background:#fffefaf2;font-size:14px;line-height:1.5}
.format-detail{min-width:0;min-height:0}.format-detail dl{grid-template-columns:1fr}
.format-detail h3{font-size:clamp(30px,3vw,44px)}
.brief-output{font-size:16px}#brief-result{scroll-margin-top:105px}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center}
.stage-list button{min-height:54px}.stage-list button small{font-size:12px}
.toolbar button,.inspect-hint{font-size:14px}
@media(min-width:1001px){.hero-food{left:44%;right:-4%}.hero-food img{transform:rotate(-5deg)}.hero-words{max-width:43%}.hero-words h1{font-size:clamp(70px,7.1vw,118px)}}
@media(min-width:761px) and (max-width:1000px){
 .appetite-hero{height:auto;min-height:0;max-height:none;padding:138px 5vw 0;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}
 .hero-words{max-width:none}.hero-words h1{font-size:clamp(52px,7vw,68px)}
 .hero-food{position:relative;inset:auto;min-width:0;height:450px;order:1;align-self:center}
 .hero-food img{transform:none;object-fit:contain}.hero-words{order:0}.hero-foot{grid-column:1/-1;position:relative;inset:auto;order:2;margin-top:32px}
 .collection-hero,.packaging-hero{padding-top:140px}
}
@media(max-width:760px){
 .logo{font-size:38px}.appetite-hero{padding:91px 24px 0;display:flex;gap:0}
 .hero-words{display:contents}.hero-words>.eyebrow{order:0;font-size:12px;margin:0 0 12px}
 .hero-words h1{order:1;font-size:clamp(49px,13vw,70px);margin:0;line-height:1}
 .hero-food{order:2;height:clamp(190px,57vw,290px);margin:0 -24px;flex-shrink:0}
 .hero-food img{transform:rotate(-4deg);object-fit:contain}
 .hero-words>p:not(.eyebrow){order:3;font-size:16px;line-height:1.5;margin:0;max-width:32ch}
 .hero-words .actions{order:4;margin-top:20px;margin-bottom:22px;gap:12px 22px}
 .hero-foot{order:5;font-size:12px}.hero-words .button{min-height:46px;padding:12px 19px}
 .format-section{display:block}.format-preview{max-height:430px;margin:20px 0 35px}
 .image-caption{font-size:12px;left:14px;bottom:14px;max-width:calc(100% - 28px)}
 .toolbar button{font-size:13px;min-height:44px}.inspect-hint{font-size:12px}
 .journey-copy .description{font-size:14px}.stage-list button{font-size:14px}
 .site-header nav{max-height:calc(100dvh - 70px);overflow-y:auto}
 .reduced .journey,.reduced .theatre{height:max(100svh,700px)}
}
@media(max-width:380px){.toolbar button{font-size:12px}.word-ribbon{font-size:24px;gap:12px}.macro-view{height:320px}.bean-layout h2{font-size:44px}}
@media(max-width:760px) and (max-height:730px){
 .journey-copy .description{font-size:14px;line-height:1.45}.stage-kicker .eyebrow{font-size:12px}
 .journey-copy h1{font-size:30px}.bottom-note{font-size:12px}.scene{top:244px;height:calc(100% - 365px)}
 .toolbar{bottom:118px}.inspect-hint{bottom:169px}.stage-list button{min-height:48px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .hero-food img{transform:none!important}.format-preview img{transition:none}
}