/* ESPRESO: clean separated photo + copy composition */
:root{--ec-cream:#FAF7F2;--ec-coffee:#1A1615;--ec-caramel:#C27A3A}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scroll-padding-top:100px}body{overflow-x:clip}
.announcement{position:relative!important;z-index:40!important}
.site-nav{position:relative!important;top:auto!important;height:auto!important;min-height:82px!important;z-index:45!important;background:#FAF7F2!important;box-shadow:0 2px 12px #1a161510!important}
.nav-inner{min-height:82px!important;height:auto!important;gap:18px!important;max-width:1500px;margin:0 auto!important;padding:12px 5%!important}
.wordmark{display:flex!important;flex:0 1 230px!important;min-width:0!important;max-width:230px!important;align-items:center!important;justify-content:flex-start!important}
.official-logo{display:block!important;width:100%!important;max-width:225px!important;height:auto!important;max-height:66px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;mix-blend-mode:normal!important}
.footer .wordmark{max-width:230px!important;background:#FAF7F2!important;padding:12px!important;border-radius:5px!important}
.footer .official-logo{max-width:200px!important}
.nav-links{flex-wrap:wrap!important;justify-content:flex-end!important;gap:clamp(12px,2vw,28px)!important}
.hero{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;max-height:none!important;background:#FAF7F2!important;overflow:visible!important;color:#382419!important}
.hero-image{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;object-position:center!important;background:#e9dcc9!important}
.hero-shade{display:none!important}
.hero-topline,.hero-copy,.hero-caption{position:static!important;inset:auto!important;transform:none!important;writing-mode:horizontal-tb!important;color:#382419!important}
.hero-topline{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:18px 5% 0!important;justify-content:space-between!important}
.hero-copy{width:100%!important;max-width:1200px!important;padding:26px 5% 38px!important;margin:0 auto!important}
.hero h1{font-size:clamp(38px,6vw,82px)!important;line-height:1.05!important;max-width:950px!important;color:#382419!important}
.hero h1 em{color:#9E5822!important}
.hero-kicker,.hero-bottom p,.hero-caption{color:#76553e!important}
.hero-bottom{max-width:750px!important;gap:22px!important}
.hero-caption{padding:0 5% 22px!important;text-align:right!important}
.product-image,.photo-frame,.people-photo,.gift-photo,.interlude-image,.visit-photo,.ritual-image{min-height:0!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible!important;background:#EFECE6!important}
.product-image img,.photo-frame img,.people-photo img,.gift-photo img,.interlude-image img,.visit-photo img,.ritual-image img{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:contain!important;object-position:center!important}
.product-grid{align-items:start!important}
.people-photo figcaption,.image-tag,.gift-photo-note,.visit-photo-label{position:relative!important;inset:auto!important;transform:none!important;display:block!important;background:#352114!important;color:#FAF7F2!important;padding:12px 16px!important}
.ec-whatsapp-floating,.ec-whatsapp-footer{background:#C27A3A!important;color:#1A1615!important;border:1px solid #9E5822!important;box-shadow:0 5px 18px #1A16152b!important}
.ec-whatsapp-floating:hover,.ec-whatsapp-footer:hover{background:#9E5822!important;color:#FAF7F2!important}
@media(max-width:900px){.nav-inner{min-height:72px!important;padding:10px 5%!important}.wordmark{flex-basis:190px!important;max-width:190px!important}.official-logo{max-width:185px!important;max-height:56px!important}.mobile-menu{display:grid!important;place-items:center!important;margin-left:auto!important}.nav-links{position:absolute!important;top:100%!important;left:0!important;right:0!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;background:#FAF7F2!important;padding:12px 5% 22px!important;box-shadow:0 12px 20px #1A161526!important}.nav-links.is-open{display:flex!important}.nav-links a{padding:13px 0!important}.hero-copy{padding:24px 5% 34px!important}.hero h1{font-size:clamp(34px,8vw,60px)!important}.hero-topline{font-size:10px!important}.hero-bottom{align-items:center!important}.product-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:480px){.announcement{padding-left:12px!important;padding-right:12px!important}.wordmark{flex-basis:165px!important;max-width:165px!important}.official-logo{max-width:165px!important}.hero-topline span:last-child{display:none!important}.hero h1{font-size:clamp(34px,9vw,45px)!important}.hero-copy{padding-top:18px!important}.hero-bottom{flex-wrap:wrap!important}.footer-main{grid-template-columns:minmax(0,1fr)!important}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ec-whatsapp-floating{bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}}
