/* Recreate the supplied composition with live text and responsive controls. */
.home-page{background:#c0e4fd}
.home-page .site-header{background:#c0e4fdeb;border-bottom:0;backdrop-filter:blur(14px)}
.home-page .site-header>.container{width:min(1100px,calc(100% - 48px))}
.home-page .nav-shell{border:0;box-shadow:none}
.home-page .home-welcome{background:#c0e4fd;padding:12px 0 30px}
.home-page .home-welcome-grid{width:min(1320px,calc(100% - 96px));grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);gap:0;min-height:clamp(470px,35vw,570px)}
.home-page .home-welcome-copy{position:relative;z-index:1;padding:20px 0}
.home-page .home-welcome-copy .eyebrow{font-size:12px;letter-spacing:.2em;font-weight:900;margin:0 0 24px}
.home-page .home-welcome h1{font-size:clamp(46px,5.05vw,84px);line-height:1.08;letter-spacing:-.025em;margin:0 0 30px;color:var(--melt-brown)}
.home-page .home-welcome .home-menu-button{width:390px;max-width:94%;min-height:76px;padding:18px 28px;font-size:1.25rem;border-radius:999px;box-shadow:0 5px 0 #4b281b14}
.home-page .home-photo{margin:0;align-self:center;width:112%;max-width:none;margin-left:-3%}
.home-cup-crop{position:relative;aspect-ratio:610/523;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 1%,#000 91%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 1%,#000 91%,transparent)}
.home-cup-crop img{position:absolute;display:block;max-width:none;width:260%;height:auto;left:-147.540984%;top:-19.120459%;pointer-events:none}
.home-page .home-tins{padding:42px 0 46px;border-radius:0;background:#fef8f0}
.home-reference-tins-grid{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(290px,1fr);gap:26px;align-items:center;width:min(1520px,calc(100% - 48px));margin-inline:auto}
.home-page .home-tins-visual{margin:0;padding:0;min-width:0}
.home-trio-crop{position:relative;aspect-ratio:1086/310;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent)}
.home-trio-crop img{position:absolute;display:block;max-width:none;width:146.040516%;height:auto;left:-2.578269%;top:-210.645161%;pointer-events:none}
.home-page .home-tins-copy h2{font-size:clamp(36px,3.9vw,62px);line-height:1.04;margin:0 0 14px;letter-spacing:-.025em}
.home-page .home-tins-copy h2 span{color:#579dca}
.home-page .tins-description{font-size:clamp(16px,1.2vw,19px);line-height:1.45;font-weight:600;margin:0 0 23px;max-width:none}
.home-page .home-tins-button{width:100%;max-width:380px;min-height:68px;padding:16px 20px;font-size:1.0625rem;border-radius:999px;box-shadow:0 5px 0 #4b281b14}
.home-page .site-footer{background:#fef8f0}
@media(prefers-reduced-motion:no-preference){
 .home-cup-crop{animation:melt-photo-float 8s ease-in-out infinite}
 .home-trio-crop{transition:transform .5s ease}
 .home-tins-visual:hover .home-trio-crop{transform:translateY(-5px)}
}
@media(max-width:1100px){
 .home-page .home-welcome-grid{width:calc(100% - 64px);min-height:430px}
 .home-page .home-welcome h1{font-size:5.1vw}
 .home-page .home-welcome .home-menu-button{width:340px;min-height:70px;font-size:1.125rem}
 .home-reference-tins-grid{grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:22px}
 .home-page .home-tins-copy h2{font-size:38px}
 .home-page .home-tins-button{font-size:1rem}
}
@media(max-width:760px){
 .home-page .site-header>.container{width:calc(100% - 24px)}
 .home-page .home-welcome{padding:24px 0 32px}
 .home-page .home-welcome-grid{width:90%;grid-template-columns:1fr;min-height:0;gap:12px}
 .home-page .home-welcome-copy{padding:0;text-align:center}
 .home-page .home-welcome-copy .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:18px}
 .home-page .home-welcome h1{font-size:clamp(35px,6.65vw,50px);line-height:1.1;margin-bottom:26px}
 .home-page .home-welcome .home-menu-button{width:350px;max-width:100%;min-height:68px;font-size:1.125rem}
 .home-page .home-photo{width:100%;max-width:520px;margin:0 auto}
 .home-page .home-tins{padding:30px 0 42px}
 .home-reference-tins-grid{grid-template-columns:1fr;width:94%;gap:26px}
 .home-page .home-tins-copy{text-align:center;padding:0 12px}
 .home-page .home-tins-copy h2{font-size:clamp(36px,7vw,48px)}
 .home-page .home-tins-copy h2 br{display:none}
 .home-page .home-tins-copy h2 span:before{content:' '}
 .home-page .tins-description{font-size:17px;margin-bottom:24px}
 .home-page .home-tins-button{width:350px;max-width:100%;min-height:68px}
}
@media(max-width:380px){.home-page .home-welcome h1{font-size:30px}.home-page .home-welcome-copy .eyebrow{font-size:9px}.home-page .home-tins-copy h2{font-size:32px}}