.photo-hero{color:#33251f;background:#f4efe6;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:4%;min-height:100svh;padding:140px 4.5% 110px;display:grid;position:relative}.photo-hero-copy{z-index:1;position:relative}.photo-hero h1{letter-spacing:-.065em;margin:24px 0 26px;font-size:clamp(64px,6.6vw,116px);font-weight:500;line-height:1.03}.photo-hero h1 em{letter-spacing:-.06em;font-family:Georgia,serif;font-weight:400}.photo-hero-description{font-size:18px;line-height:1.6}.photo-hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.photo-hero-discover{border-bottom:1px solid #33251f55;align-items:center;gap:13px;padding:10px 0;font-size:14px;display:inline-flex}.photo-hero-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.photo-hero-creme{margin-top:0}.photo-hero-chocolat{margin-top:92px}.photo-hero-image{aspect-ratio:1;overflow:hidden}.photo-hero-image img{object-fit:contain;width:100%;height:100%;display:block}.photo-hero-pair figcaption{flex-direction:column;gap:8px;padding-top:18px;font-size:14px;line-height:1.4;display:flex}.photo-hero-pair figcaption span:first-child{letter-spacing:.06em}.photo-hero-pair figcaption span+span{color:#67594f}.photo-hero-footer{letter-spacing:.045em;justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex;position:absolute;bottom:28px;left:4.5%;right:4.5%}.photo-hero-footer a{align-items:center;gap:14px;display:inline-flex}.photo-hero-bridge{color:#f4efe6;background:#33251f;justify-content:space-between;align-items:center;gap:24px;padding:52px 4.5%;display:flex}.photo-hero-bridge p:first-child{letter-spacing:-.035em;font-family:Georgia,serif;font-size:clamp(25px,3vw,44px)}.photo-hero-bridge p:last-child{font-size:16px;line-height:1.6}.photo-tour-intro h2{letter-spacing:-.055em;margin:30px 0 26px;font-size:clamp(40px,4.8vw,80px);font-weight:400;line-height:1.12}.photo-tour-intro h2 em{font-family:Georgia,serif;font-weight:400}.photo-tour-intro .text-link{pointer-events:auto;color:inherit;background:0 0;border:0;border-bottom:1px solid;padding:0 0 9px;font-family:inherit;font-size:16px}@media (min-width:1500px){.photo-hero-pair{justify-self:end;width:100%;max-width:850px}}@media (max-width:1000px){.photo-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px}.photo-hero h1{font-size:clamp(56px,7.2vw,80px)}.photo-hero-pair{gap:12px}.photo-hero-chocolat{margin-top:65px}.photo-hero-actions{gap:14px}.photo-hero-actions .pill{gap:14px;padding:16px 20px}}@media (max-width:760px),(max-aspect-ratio:17/20){.photo-hero{grid-template-columns:1fr;gap:38px;min-height:100svh;padding:120px 5% 80px}.photo-hero h1{max-width:100%;margin:20px 0;font-size:clamp(54px,12vw,86px)}.photo-hero h1 br:nth-of-type(2){display:none}.photo-hero-description{font-size:16px}.photo-hero-actions{gap:18px;margin-top:23px}.photo-hero-pair{justify-self:center;gap:14px;width:100%;max-width:620px}.photo-hero-chocolat{margin-top:40px}.photo-hero-pair figcaption{gap:5px;padding-top:13px;font-size:14px}.photo-hero-footer{font-size:12px;bottom:24px;left:5%;right:5%}.photo-hero-footer>span{max-width:47%}.photo-hero-footer a{gap:8px}.photo-hero-bridge{flex-direction:column;align-items:flex-start;gap:16px;padding:35px 5%}.photo-hero-bridge p:last-child{font-size:16px}.photo-tour-intro h2{margin:22px 0;font-size:clamp(37px,8vw,62px)}.photo-tour-intro .hero-description{max-width:70%}}@media (prefers-reduced-motion:reduce){html:has(.photo-hero){scroll-behavior:auto}}@media (max-width:760px),(max-aspect-ratio:17/20){.barmel-landing .main-nav{gap:12px;min-height:72px;padding:12px 5%}.barmel-landing .logo{flex-shrink:0;align-items:center;min-height:44px;display:flex}.barmel-landing .logo img{width:106px}.barmel-landing .nav-links{gap:16px;margin-left:auto}.barmel-landing .nav-links a{align-items:center;min-height:44px;font-size:14px;display:flex}.barmel-landing .nav-links a:first-child{display:none}.barmel-landing .nav-contact{border:0;justify-content:flex-end;gap:6px;min-width:48px;min-height:44px;padding:0}.barmel-landing .nav-contact>span:first-of-type{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.barmel-landing .nav-contact>svg{flex-shrink:0;width:20px;height:20px}.barmel-landing .motion-sequence{height:700svh}.barmel-landing .hero-copy{padding:92px 5% 60px}.barmel-landing .hero-copy h1{max-width:100%;margin:18px 0;font-size:clamp(34px,10.8vw,66px);line-height:1.06}.barmel-landing .hero-copy h1 br:nth-of-type(2){display:none}.barmel-landing .hero-description{max-width:100%;margin-bottom:18px;font-size:16px;line-height:1.5}.barmel-landing .hero-copy .eyebrow{font-size:12px}.barmel-landing .hero-actions{gap:10px}.barmel-landing .hero-copy .pill{gap:12px;min-height:44px;padding:12px 15px;font-size:14px}.barmel-landing .stage-footer{bottom:max(18px,env(safe-area-inset-bottom));font-size:12px;left:5%;right:5%}.barmel-landing .chapter .chapter-tag{font-size:12px;top:7%}.barmel-landing .chapter h2{font-size:clamp(36px,11.5vw,64px);line-height:1.08;top:13%}.barmel-landing .chapter .chapter-left{width:88%;font-size:16px;line-height:1.45;top:76%;bottom:auto;left:6%}.barmel-landing .chapter .chapter-right{width:88%;font-size:14px;line-height:1.5;top:70%;bottom:auto;left:6%}.barmel-landing .pack-copy .eyebrow{top:71%}.barmel-landing .pack-copy h2{font-size:clamp(26px,7.2vw,40px);line-height:1.15;top:76%}.barmel-landing .pack-copy p:not(.eyebrow){font-size:16px;line-height:1.45;top:83%}.barmel-landing .section-pad{padding:56px 6%}.barmel-landing .section-heading{margin-bottom:28px}.barmel-landing .section-heading h2,.barmel-landing .ingredients h2{font-size:clamp(36px,10vw,58px);line-height:1.03}.barmel-landing .section-heading>p,.barmel-landing .story-bottom>p:last-child{font-size:16px;line-height:1.6}.barmel-landing .photo-main img{aspect-ratio:1;height:auto}.barmel-landing .photo-main figcaption{margin-top:12px;font-size:12px;line-height:1.5}.barmel-landing .photo-aside{grid-template-columns:1fr 1fr;gap:16px}.barmel-landing .photo-aside>img{aspect-ratio:1;grid-row:span 2;align-self:center;height:auto}.barmel-landing .photo-aside .eyebrow{align-self:end;font-size:12px}.barmel-landing .editorial-statement{font-size:clamp(24px,6.6vw,36px);line-height:1.12}.barmel-landing .photo-aside>p:last-child{grid-column:1/-1;font-size:16px;line-height:1.6}.barmel-landing .story-buy .pill{min-height:48px;font-size:16px}.barmel-landing .blue-portrait{grid-template-rows:auto auto auto}.barmel-landing .blue-portrait img{aspect-ratio:1;object-fit:contain;height:auto}.barmel-landing .blue-portrait h2{padding:32px 6% 24px;font-size:clamp(32px,9vw,52px);line-height:1.06}.barmel-landing .blue-portrait>span{padding:22px 6%;line-height:1.5}.barmel-landing .ingredient-product{aspect-ratio:1;object-fit:contain;height:auto;max-height:none}.barmel-landing .ingredient-list article{grid-template-columns:26px 1fr;gap:12px;padding:22px 0}.barmel-landing .ingredient-list article>svg{display:none}.barmel-landing .ingredient-list h3{font-size:21px;line-height:1.25}.barmel-landing .ingredient-list p{max-width:none;font-size:16px;line-height:1.6}.barmel-landing .closing-cta{grid-template-columns:1fr;gap:30px}.barmel-landing .closing-cta h2{font-size:clamp(42px,12vw,64px);line-height:1.02}.barmel-landing .closing-cta p{margin:22px 0;font-size:16px;line-height:1.6}.barmel-landing .closing-actions{gap:22px}.barmel-landing .closing-cta .pill{min-height:48px;padding:14px 20px;font-size:16px}.barmel-landing .closing-actions .text-link{min-height:44px;font-size:16px}.barmel-landing .closing-cta>img{aspect-ratio:1;justify-self:center;max-width:480px;height:auto}.barmel-landing .end-card{min-height:230px;padding:50px 6%}.barmel-landing .photo-hero{gap:28px;min-height:auto;padding:100px 5% 24px}.barmel-landing .photo-hero h1{letter-spacing:-.055em;margin:18px 0;font-size:clamp(38px,11.3vw,68px);line-height:1.08}.barmel-landing .photo-hero-description{font-size:16px;line-height:1.5}.barmel-landing .photo-hero-actions{gap:14px;margin-top:22px}.barmel-landing .photo-hero-actions .pill{gap:12px;min-height:48px;padding:14px 18px;font-size:14px}.barmel-landing .photo-hero-discover{gap:10px;min-height:44px;font-size:14px}.barmel-landing .photo-hero-pair{gap:14px}.barmel-landing .photo-hero-chocolat{margin-top:24px}.barmel-landing .photo-hero-pair figcaption{padding-top:10px;font-size:14px;line-height:1.5}.barmel-landing .photo-hero-footer{gap:12px;font-size:12px;position:static}.barmel-landing .photo-hero-footer a{flex-shrink:0;min-height:44px}.barmel-landing .photo-hero-bridge{gap:14px;padding:32px 6%}.barmel-landing .photo-hero-bridge p:first-child{font-size:28px;line-height:1.2}.barmel-landing .photo-tour-intro{padding-top:52px}.barmel-landing .photo-tour-intro h2{margin:18px 0;font-size:clamp(34px,10.5vw,58px);line-height:1.1}.barmel-landing .photo-tour-intro .text-link{min-height:44px;margin-top:0;font-size:16px}}@media (max-width:760px) and (max-height:680px) and (orientation:portrait){.barmel-landing .hero-copy{padding-top:78px}.barmel-landing .hero-copy h1{margin:12px 0;font-size:9.8vw}.barmel-landing .hero-description{margin-bottom:12px}.barmel-landing .hero-copy .pill{gap:8px;padding:10px 12px}.barmel-landing .photo-tour-intro{padding-top:30px}.barmel-landing .photo-tour-intro h2{margin:12px 0;font-size:9vw}.barmel-landing .chapter .chapter-left{font-size:14px;top:74%}.barmel-landing .chapter .chapter-right{font-size:14px;top:68%}.barmel-landing .pack-copy p:not(.eyebrow){font-size:14px;top:82%}}@media (max-height:500px) and (min-aspect-ratio:5/4){.barmel-landing .main-nav{min-height:60px;padding:8px 5%}.barmel-landing .main-nav a{align-items:center;min-height:44px;display:flex}.barmel-landing .hero-copy{padding:74px 5% 38px}.barmel-landing .hero-copy>*{max-width:43%}.barmel-landing .hero-copy h1{max-width:43%;margin:8px 0 12px;font-size:clamp(26px,4.2vw,38px);line-height:1.05}.barmel-landing .hero-copy h1 br:nth-of-type(2){display:none}.barmel-landing .hero-description{margin-bottom:12px;font-size:14px;line-height:1.4}.barmel-landing .hero-actions{gap:8px}.barmel-landing .hero-copy .pill{gap:8px;min-height:44px;padding:10px 12px;font-size:14px}.barmel-landing .chapter-copy{display:contents}.barmel-landing .chapter .chapter-tag{width:39%;font-size:12px;position:absolute;top:9%;left:5%}.barmel-landing .chapter h2{width:39%;font-size:clamp(28px,4.5vw,40px);line-height:1.1;position:absolute;top:20%;left:5%}.barmel-landing .chapter .chapter-left{width:36%;font-size:14px;line-height:1.45;position:absolute;top:49%;left:5%}.barmel-landing .chapter .chapter-right{border:0;width:36%;padding:0;font-size:14px;position:absolute;top:79%;left:5%}.barmel-landing .pack-copy>*{max-width:40%;left:5%}.barmel-landing .pack-copy .eyebrow{top:32%}.barmel-landing .pack-copy h2{font-size:28px;top:43%}.barmel-landing .pack-copy p:not(.eyebrow){font-size:14px;top:65%}.barmel-landing .pack-copy .text-link{display:none}.barmel-landing .stage-footer{font-size:12px;bottom:12px}.barmel-landing .photo-tour-intro{padding-top:45px}.barmel-landing .photo-tour-intro h2{margin:12px 0;font-size:32px;line-height:1.1}.barmel-landing .photo-tour-intro .text-link{min-height:44px;margin-top:0;font-size:14px}.barmel-landing .photo-hero{grid-template-columns:1fr 1fr;gap:24px;min-height:auto;padding:90px 5% 24px}.barmel-landing .photo-hero h1{margin:14px 0;font-size:clamp(34px,5.3vw,46px);line-height:1.08}.barmel-landing .photo-hero-footer{grid-column:1/-1;position:static}}.barmel-landing .editorial .end-card{margin:70px -5.5556% 0}.barmel-landing .shop-footer{--line:#eee3d340;--muted:#eee3d3b3;border-top:0}.barmel-landing #story{padding-bottom:40px}.barmel-landing .ingredients{padding-top:40px}@media (max-width:760px),(max-aspect-ratio:17/20){.barmel-landing #story{padding-bottom:26px}.barmel-landing .ingredients{padding-top:26px}}