.unified-hero .actions .hero-outline{background:transparent;color:#fffdf8;border:0;position:relative;min-width:170px;min-height:53px;padding:15px 24px;gap:20px}
.unified-hero .actions .hero-outline:before{content:'';position:absolute;inset:0;background:url('../images/rough-white-box.svg') center/100% 100% no-repeat;pointer-events:none}
.unified-hero .actions .hero-outline:after{display:none}.unified-hero .actions .hero-outline:hover,.unified-hero .actions .hero-outline:focus-visible{background:#fffdf81a}
.ritual-section{background:#fce3b9;max-width:none;padding:75px max(6%,calc((100vw - 1440px)/2));gap:8%;position:relative}
.ritual-section:before,.ritual-section:after{content:'';position:absolute;left:0;right:0;height:18px;background:#fce3b9;mask:var(--brush-mask) center/100% 100% no-repeat;-webkit-mask:var(--brush-mask) center/100% 100% no-repeat;pointer-events:none}
.ritual-section:before{top:-16px;transform:rotate(180deg)}.ritual-section:after{bottom:-16px}
.ritual-logo{width:175px;height:auto;mix-blend-mode:multiply;margin-bottom:28px}.ritual-section .coffee-copy p:not(.eyebrow){max-width:470px}.ritual-section figure img{height:540px}
.colour-review{flex-wrap:wrap}
.wide-hero-option .unified-hero{max-width:none;width:100%;padding:0;margin:0}
.wide-hero-option .hero-photo{padding:0;border:0;border-radius:0}
.wide-hero-option .hero-slide-frame{aspect-ratio:auto;height:clamp(540px,75vh,850px);border-radius:0}
.wide-hero-option .hero-copy{bottom:75px;left:10%;right:10%}
.wide-hero-option .round-stamp{right:5%;top:30px}
.wide-intro{position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden}.wide-intro-backdrop{position:absolute;inset:0;background:var(--paper);animation:wide-backdrop 3.5s both}
.wide-portal{position:fixed;overflow:hidden;isolation:isolate;background:#463e35;box-shadow:0 0 0 12px #463e35}
.wide-portal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s}.wide-portal img.is-active{opacity:1}
.wide-portal:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 22%,#20160d33 35%,#20160dcc 69%,#20160dec)}
.wide-brand-reveal{position:absolute;inset:0;display:grid;place-items:center;background:var(--paper);animation:wide-logo-away 1.5s .2s cubic-bezier(.3,0,.15,1) both}
.wide-brand-reveal img{width:min(390px,65vw);height:auto;mix-blend-mode:multiply;animation:wide-logo-arrive 1.1s cubic-bezier(.2,.6,.3,1) both}
@keyframes wide-logo-arrive{from{opacity:0;transform:translateY(22px) scale(.88);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes wide-logo-away{0%,50%{opacity:1}100%{opacity:0;transform:scale(1.12)}}
@keyframes wide-backdrop{0%,50%{opacity:1}100%{opacity:0}}
body.wide-entering .hero-slide-frame{visibility:hidden}body.wide-entering .hero-copy,body.wide-entering .round-stamp{opacity:0}
@media(max-width:600px){.ritual-section{padding:50px 6%;gap:28px}.ritual-logo{width:150px}.ritual-section figure img{height:360px}.unified-hero .actions{gap:12px}.unified-hero .actions .hero-outline{min-width:0;min-height:48px;padding:12px 16px;font-size:13px;gap:12px}.wide-hero-option .hero-slide-frame{height:580px}.wide-hero-option .hero-copy{bottom:55px;left:7%;right:7%}.wide-hero-option .round-stamp{right:7%;top:25px}}
@media(prefers-reduced-motion:reduce){.wide-intro{display:none}body.wide-entering .hero-slide-frame{visibility:visible}body.wide-entering .hero-copy,body.wide-entering .round-stamp{opacity:1}}

.ritual-section figure>img{mask:url(../images/rough-photo-mask.svg) center/100% 100% no-repeat;-webkit-mask:url(../images/rough-photo-mask.svg) center/100% 100% no-repeat;object-position:50% 50%}