.hero-new{position:relative;isolation:isolate}.hero-copy{z-index:5;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.hero-visual{position:relative;z-index:1;min-width:0;overflow:hidden;height:100%}.hero-photo-layer{position:absolute;inset:0;z-index:1;background:#29221b}.hero-slide{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;opacity:0;transition:opacity 850ms ease;pointer-events:none}.hero-slide.is-active{opacity:1}.hero-paper-overlay{position:absolute;inset:-1px;z-index:3;pointer-events:none;background:var(--paper) url(assets/paper.webp);background-size:520px 520px;background-blend-mode:multiply;mask-image:url(assets/hero-paper-frame.svg);mask-size:100% 100%;mask-repeat:no-repeat}.hero-tape{display:block!important;z-index:4;top:1%;left:9%}.hero-controls{position:absolute;bottom:20px;right:21px;z-index:6;display:flex;align-items:center;gap:8px;background:#19171172;color:#fff4dc;border-radius:2px;padding:3px 5px}.hero-controls button{border:0;color:inherit;background:none;padding:4px 7px;min-width:25px;min-height:30px}.hero-controls button:hover{background:#ffffff25}.hero-controls #hero-dots{display:flex;gap:8px}.hero-controls .hero-dot{border:1px solid #fff4dc;border-radius:50%;width:9px;height:9px;padding:0;min-width:0;min-height:0}.hero-controls .hero-dot.active{background:#fff4dc}.doodle{z-index:7}
@media(max-width:700px){.hero-visual{height:auto;aspect-ratio:435/485}.hero-controls{bottom:16px;right:17px}.hero-paper-overlay{background-size:520px 520px}.hero-copy{pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

.doodle svg,.margin-bottle svg{stroke-width:1.8;filter:none}.doodle.peace{transform:rotate(-9deg)}.doodle.flower{transform:rotate(8deg)}.margin-bottle{transform:rotate(13deg)}

.quote-shell{min-height:110px}.quote{min-height:100px;display:flex;align-items:center}@media(max-width:700px){.quote-shell{min-height:96px}.quote{min-height:90px}}

#hero-gallery .hero-controls{background:transparent;border:0;box-shadow:none;text-shadow:0 1px 3px #000,0 0 5px #0008}#hero-gallery .hero-controls button{background:transparent}#hero-gallery .hero-controls .hero-dot.active{background:#fff4dc}#hero-gallery .hero-tape{display:none!important}

#hero-gallery .hero-paper-overlay{mask-image:url(assets/hero-torn-frame.svg);mask-size:100% 100%;mask-position:center;mask-repeat:no-repeat;inset:-1px;opacity:1}
