.cm-hero{overflow:hidden;position:relative;background:#f7f2e9;color:#34231f}.cm-hero__inner{max-width:1600px;margin:auto;min-height:610px;display:grid;grid-template-columns:40% 60%;align-items:center;padding:35px clamp(30px,5vw,78px) 48px;gap:0}.cm-hero__copy{position:relative;z-index:3;align-self:center;min-height:480px;display:flex;flex-direction:column;justify-content:center;padding-right:22px}.cm-hero__slide{display:none}.cm-hero__slide.is-active{display:block;animation:cm-fade .5s ease both}.cm-hero__eyebrow{font:700 12px/1.5 'DM Sans',sans-serif;letter-spacing:.22em;color:#a65d42;margin:0 0 22px}.cm-hero__slide h1,.cm-hero__slide h2{font:500 clamp(49px,5.1vw,84px)/.99 'Playfair Display',Georgia,serif;letter-spacing:-.065em;margin:0 0 27px;max-width:580px}.cm-hero__description{max-width:405px;color:#5b5952;font-size:15px;line-height:1.7;margin:0 0 22px}.cm-hero__actions{display:flex;flex-wrap:wrap;gap:12px}.cm-hero__button{background:#1b4334;color:#fff;padding:15px 21px;display:inline-flex;gap:18px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.04em;min-height:46px}.cm-hero__button--outline{color:#273c31;background:transparent;border:1px solid #8a8b7c}.cm-hero__button:hover{background:#ae674b;color:#fff}.cm-hero__controls{display:flex;align-items:center;gap:12px;margin-top:35px;color:#74675a;font-size:12px}.cm-hero__controls button{width:34px;height:34px;border:1px solid #c9bbae;border-radius:50%;background:transparent;cursor:pointer;color:#254735;font-size:19px}.cm-hero__controls button:hover{background:#254735;color:white}.cm-hero__collage{position:relative;height:530px;min-width:0}.cm-hero__visual{position:absolute;inset:0;z-index:2}.cm-hero__visual[hidden]{display:none}.cm-hero__visual.is-active{animation:cm-fade .5s ease both}.cm-hero__photo{position:absolute;margin:0;background:#c8ad91;border:8px solid #faf8f3;box-shadow:0 12px 30px #3b302b23;overflow:hidden}.cm-hero__photo img,.cm-hero__polaroid img{width:100%;height:100%;object-fit:cover;display:block}.cm-hero__photo--coffee{width:42%;height:77%;left:8%;top:12%;transform:rotate(-5deg);z-index:3}.cm-hero__photo--interior{width:50%;height:91%;left:44%;top:3%;transform:rotate(3deg);z-index:2}.cm-hero__polaroid{position:absolute;z-index:4;width:24%;height:55%;right:-1%;top:13%;padding:9px 9px 20px;background:#f7f2e7;box-shadow:0 7px 25px #3b302b38;transform:rotate(-7deg);display:flex;flex-direction:column;align-items:center}.cm-hero__polaroid img{height:70%;flex:none}.cm-hero__photo--coffee img{object-position:35% 60%}.cm-hero__photo--interior img{object-position:70% 30%;transform:scale(1.15)}.cm-hero__polaroid img{object-position:80% 70%}.cm-hero__polaroid span{font:italic 16px/1.2 'Playfair Display',serif;text-align:center;padding-top:12px;color:#554437}.cm-hero__paper--back{position:absolute;inset:10% 2% 5% 2%;background:radial-gradient(circle at 40% 30%,#e4d1b8,#f3e4cf 70%);transform:rotate(-2deg);clip-path:polygon(2% 3%,96% 0,100% 94%,5% 100%)}.cm-hero__scribble{position:absolute;left:-5%;top:17%;z-index:5;font:italic 21px/1.35 'Playfair Display',Georgia,serif;transform:rotate(-11deg);color:#4d4438;background:#f4eddfd9;padding:13px 18px;box-shadow:0 4px 10px #322a2014}.cm-hero__leaf{position:absolute;z-index:6;bottom:2%;right:2%;font:100px Georgia,serif;color:#4d6851;transform:rotate(-25deg)}@keyframes cm-fade{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(max-width:1050px){.cm-hero__inner{grid-template-columns:44% 56%;min-height:540px}.cm-hero__slide h1,.cm-hero__slide h2{font-size:clamp(40px,5.3vw,65px)}.cm-hero__collage{height:450px}.cm-hero__scribble{left:0;font-size:16px}}@media(max-width:760px){.cm-hero__inner{grid-template-columns:1fr;padding:42px 20px 55px}.cm-hero__copy{min-height:0;padding:0}.cm-hero__slide h1,.cm-hero__slide h2{font-size:clamp(46px,10vw,68px);max-width:580px}.cm-hero__description{font-size:15px}.cm-hero__controls{margin-top:20px}.cm-hero__collage{margin-top:35px;height:clamp(330px,80vw,470px)}.cm-hero__scribble{left:1%;font-size:15px}.cm-hero__polaroid span{font-size:12px}.cm-hero__leaf{font-size:75px}}@media(prefers-reduced-motion:reduce){.cm-hero__slide.is-active,.cm-hero__visual.is-active{animation:none}}
/* Align the home hero content with the navigation container. */
.cm-hero__inner{max-width:1600px;padding-inline:clamp(18px,3vw,58px)}
@media(max-width:760px){.cm-hero__inner{padding-inline:clamp(18px,3vw,58px)}}

.cm-hero__inner{max-width:var(--cm-container);padding-inline:var(--cm-gutter)}