/* Full-width business photography with an uninterrupted reading area. */
.hero.hero-expansive{--hero-header-height:85px;position:relative;isolation:isolate;display:flex;align-items:center;gap:0;width:100%;height:clamp(650px,calc(100svh - var(--hero-header-height)),900px);min-height:650px;max-height:900px;padding:54px var(--pad);overflow:hidden;background:#f5f2e9}
.hero-expansive .hero-copy{position:relative;z-index:2;width:49%;max-width:710px;padding-right:18px}
.hero.hero-expansive h1{max-width:12.7ch;font-size:clamp(54px,5.05vw,84px);line-height:1.025;font-weight:500;letter-spacing:-.055em;margin:0 0 30px;text-wrap:balance}
.hero-expansive .hero-emphasis{color:#b74729;white-space:nowrap}
.hero-expansive .hero-benefits{display:grid;gap:14px;padding:0;margin:0;list-style:none;max-width:530px}
.hero-expansive .hero-benefits li{display:flex;align-items:center;gap:14px;font-size:20px;line-height:1.35;color:#383229}
.hero-expansive .hero-benefits svg{width:25px;height:25px;flex-shrink:0;color:#635847}
.hero-expansive .hero-copy .button{margin-top:30px;font-size:17px;min-height:56px;gap:30px}
.hero-expansive .hero-media{position:absolute;inset:0;z-index:0;margin:0;overflow:hidden}
.hero-expansive .hero-media:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(251,247,238,.95) 0%,rgba(251,247,238,.83) 27%,rgba(251,247,238,.43) 46%,rgba(251,247,238,0) 65%);pointer-events:none}
.hero-expansive .hero-scene{position:absolute;inset:0;display:block;opacity:0;transition:opacity 700ms ease}
.hero-expansive .hero-scene.is-active{opacity:1}
.hero-expansive .hero-scene img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:75% center}
.hero-expansive .hero-scene-textile img{object-position:78% center}
.hero-expansive .hero-controls{position:absolute;z-index:3;right:var(--pad);bottom:28px;display:flex;align-items:center;gap:6px;padding:5px;border:1px solid #ffffff90;border-radius:30px;background:#fbf7eef0}
.hero-expansive .hero-controls button{display:grid;place-items:center;position:relative;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.hero-expansive .hero-controls button:hover{background:#e7e1d6}
.hero-expansive .hero-controls button:disabled{cursor:default;opacity:.4}
.hero-expansive .hero-scene-button:before{content:"";width:19px;height:6px;border-radius:3px;background:#b3aa9d}
.hero-expansive .hero-scene-button[aria-pressed="true"]:before{background:var(--ink)}
.hero-expansive .hero-pause{margin-left:4px;border-left:1px solid #ded8cc!important;border-radius:0 50% 50% 0!important}
.hero-expansive .hero-pause svg{width:20px;height:20px}
.hero-expansive .hero-pause .hero-play-symbol{display:none}
.hero-expansive .hero-pause[aria-pressed="true"] .hero-pause-symbol{display:none}
.hero-expansive .hero-pause[aria-pressed="true"] .hero-play-symbol{display:block}
@media(min-width:1800px){.hero-expansive .hero-copy{width:47%}.hero.hero-expansive h1{font-size:86px}}
@media(max-width:1199px){.hero-expansive .hero-copy{width:52%;padding-right:0}.hero.hero-expansive h1{font-size:clamp(50px,5.3vw,64px);max-width:12.8ch;margin-bottom:26px}.hero-expansive .hero-benefits li{font-size:18px;gap:12px}.hero-expansive .hero-benefits{gap:13px}.hero-expansive .hero-copy .button{font-size:16px;margin-top:27px}.hero-expansive .hero-media:after{background:linear-gradient(90deg,rgba(251,247,238,.97),rgba(251,247,238,.88) 30%,rgba(251,247,238,.42) 52%,rgba(251,247,238,0) 72%)}}
@media(max-width:900px) and (min-width:761px){.hero.hero-expansive{padding-block:40px;min-height:680px;height:calc(100svh - var(--hero-header-height));max-height:900px}.hero-expansive .hero-copy{width:57%}.hero.hero-expansive h1{font-size:52px}.hero-expansive .hero-benefits li{font-size:17px}.hero-expansive .hero-benefits svg{width:23px;height:23px}.hero-expansive .hero-copy .button{font-size:15px;padding-inline:18px}}
@media(max-width:760px){.hero-expansive .hero-emphasis{white-space:normal}.hero.hero-expansive{--hero-header-height:123px;display:block;height:auto;min-height:0;max-height:none;padding:0;background:var(--paper)}.hero-expansive .hero-copy{width:auto;max-width:none;padding:34px var(--pad) 24px}.hero.hero-expansive h1{font-size:clamp(42px,11.7vw,64px);line-height:1.045;max-width:14.5ch;margin-bottom:26px;letter-spacing:-.055em}.hero-expansive .hero-benefits{max-width:520px;gap:12px}.hero-expansive .hero-benefits li{font-size:17px;gap:12px;align-items:flex-start;line-height:1.4}.hero-expansive .hero-benefits svg{width:23px;height:23px;margin-top:1px}.hero-expansive .hero-copy .button{font-size:16px;min-height:54px;margin-top:26px}.hero-expansive .hero-media{position:relative;inset:auto;height:clamp(260px,70vw,440px);width:100%;margin-top:0}.hero-expansive .hero-media:after{background:linear-gradient(180deg,#fbf7ee 0%,rgba(251,247,238,.65) 7%,rgba(251,247,238,0) 28%)}.hero-expansive .hero-scene img{object-position:75% center}.hero-expansive .hero-scene-textile img{object-position:78% center}.hero-expansive .hero-controls{right:var(--pad);bottom:18px}}
@media(max-width:360px){.hero-expansive .hero-copy{padding-top:30px;padding-bottom:20px}.hero.hero-expansive h1{font-size:41px;max-width:14ch;margin-bottom:24px}.hero-expansive .hero-benefits li{font-size:16px;gap:10px}.hero-expansive .hero-benefits svg{width:22px;height:22px}.hero-expansive .hero-copy .button{font-size:14px;gap:24px;padding:14px 17px}.hero-expansive .hero-media{height:250px}}
@media(prefers-reduced-motion:reduce){.hero-expansive .hero-scene{transition:none;will-change:auto}}
@media(min-width:761px) and (max-width:1100px){.hero-expansive .hero-scene img{object-position:right center}.hero-expansive .hero-media:after{background:linear-gradient(90deg,#fbf7eef5 0%,#fbf7eee6 25%,#fbf7ee9c 49%,#fbf7ee00 72%)}}
@media(max-width:760px){.hero-expansive .hero-scene img{width:135%;margin-left:-35%;object-position:right center}}