.opening:before{display:none}
.opening .hero.shell{position:relative;isolation:isolate;display:block;width:100%;max-width:none;height:560px;min-height:0;margin:0;padding:0;overflow:hidden}
.opening .hero .hero-art.hero-architect{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;aspect-ratio:auto;z-index:-2}
.opening .hero .hero-art:before,.opening .hero .hero-art:after{display:none}
.opening .hero .hero-scene,.opening .hero .hero-scene picture{width:100%;height:100%}
.opening .hero .hero-scene picture>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 44%;border-radius:0}
.opening .hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(12,14,11,.70),rgba(12,14,11,.35) 37%,transparent 67%)}
.opening .hero .hero-copy{position:relative;width:min(560px,44%);height:auto;transform:none;margin:0;padding:48px 0 0 var(--gutter,5vw);color:#fff}
.opening .hero h1{font-size:clamp(38px,3.35vw,58px);line-height:1.12;white-space:normal;color:#fff}
.opening .hero h1 span{color:inherit}
.opening .hero .hero-copy>p{color:#f2f0e9;font-size:17px;line-height:1.55;margin:20px 0 24px}
.opening .hero .hero-copy>.hero-note{font-family:"Bradley Hand","Segoe Print",cursive;font-size:24px;margin:0 0 16px;color:#fff}
.opening .hero .actions{flex-wrap:wrap;gap:12px}
.opening .hero .actions .button{font-family:inherit;font-size:15px;min-height:48px;padding:12px 18px}
.opening .hero .actions .button.dark{background:#fff;color:#111;border-color:#fff}
.opening .hero .collection-cta{background:transparent;color:#fff;border-color:#ffffff80}
.opening .hero .small-promises{display:grid;gap:8px;margin:22px 0 0;font-size:13px;color:#f2f0e9}
.opening .hero .small-promises li{border:0;padding:0}
.opening .hero .small-promises svg{stroke:currentColor}
.opening .hero .hero-detail-button{position:absolute;bottom:20px;right:var(--gutter,5vw);margin:0;color:#fff;text-shadow:0 1px 5px #000;background:#181b1780;padding:8px 12px}
@media(max-width:1050px){.opening .hero.shell{height:610px}.opening .hero .hero-copy{width:54%;padding-top:46px}.opening .hero h1{font-size:42px}.opening .hero .hero-scene picture>img{object-position:60% 44%}}
@media(max-width:640px){.opening .hero.shell{height:640px}.opening .hero .hero-copy{width:100%;box-sizing:border-box;padding:42px 24px 0}.opening .hero h1{font-size:38px;max-width:9.5em}.opening .hero .hero-copy>p{font-size:16px;max-width:29ch}.opening .hero .hero-copy>.hero-note{font-size:23px}.opening .hero:after{background:linear-gradient(90deg,#10120ed9,#10120e80 70%,#10120e40),linear-gradient(0deg,#10120e80,transparent 45%)}.opening .hero .hero-scene picture>img{object-position:66% 44%}.opening .hero .actions{display:flex;flex-direction:column;align-items:flex-start}.opening .hero .actions .button{width:230px;max-width:100%;min-height:48px}.opening .hero .hero-detail-button{bottom:16px;right:24px;font-size:11px}.opening .hero .small-promises{margin-top:24px;font-size:13px}}
.hero-benefits{width:100%;background:#fff;color:#45443f}
.hero-benefits .promise-band{margin-top:0;margin-bottom:0;padding-top:32px;padding-bottom:32px}
main>.collection{width:100%;max-width:none;margin:0;border-radius:0;background:#e9e2d7;color:#34312b;padding-top:40px;padding-bottom:42px}
main>.collection .collection-note{color:#615b50}
main>.collection .mobile-collection-intro{color:#615b50}
main>.collection .product{border-color:#d3cabc}
@media(max-width:640px){.hero-benefits .promise-band{padding-top:26px;padding-bottom:26px}main>.collection{padding-top:30px;padding-bottom:30px}}
.opening .hero.shell{height:auto;aspect-ratio:18/7;min-height:0}
.opening .hero .hero-scene picture>img{object-fit:cover;object-position:50% 42%;transform:none;scale:none}
.opening .hero:after{background:linear-gradient(90deg,rgba(20,26,16,.44),rgba(20,26,16,.17) 38%,transparent 67%)}
@media(max-width:1199px){
.opening .hero.shell{height:auto;aspect-ratio:auto;display:flex;flex-direction:column;overflow:visible;background:#fff}
.opening .hero .hero-art.hero-architect{position:relative;inset:auto;order:0;width:100%;height:auto;aspect-ratio:18/7;z-index:0}
.opening .hero .hero-art:after{display:block;content:"";position:absolute;inset:0;z-index:1;clip-path:none;background:linear-gradient(90deg,rgba(20,26,16,.44),rgba(20,26,16,.17) 38%,transparent 67%)}
.opening .hero .hero-scene{position:absolute;inset:0}
.opening .hero:after{display:none}
.opening .hero .hero-copy{order:1;width:100%;padding:28px var(--gutter,5vw) 8px;box-sizing:border-box;color:#111}
.opening .hero .hero-copy>p{color:#505050;max-width:40ch}
.opening .hero .hero-copy>.hero-note{color:#53534d}
.opening .hero h1{color:#111;font-size:38px}
.opening .hero .actions .button.dark{background:#111;color:#fff;border-color:#111}
.opening .hero .collection-cta{background:#fff;color:#111;border-color:#ccc}
.opening .hero .small-promises{color:#505050}
.opening .hero .hero-detail-button{position:static;order:2;align-self:flex-end;margin:8px var(--gutter,5vw) 24px;padding:5px 0;background:transparent;color:#505050;text-shadow:none;border:0}
}
.opening .hero.shell{aspect-ratio:1672/941}
.opening .hero .hero-scene picture>img{object-fit:contain;object-position:50% 50%;transform:none;scale:none}
.hero-benefits .promise-band{padding-top:56px;padding-bottom:56px}
@media(max-width:1199px){.opening .hero.shell{aspect-ratio:auto}.opening .hero .hero-art.hero-architect{aspect-ratio:1672/941}}
@media(max-width:640px){.hero-benefits .promise-band{padding-top:40px;padding-bottom:40px}}
.hero-benefits{height:266px;box-sizing:border-box;display:flex;align-items:center}
.hero-benefits .promise-band{width:100%;margin:0 auto;padding-top:0;padding-bottom:0}
@media(max-width:640px){.hero-benefits{height:272px}}
.opening .hero.shell{height:auto;aspect-ratio:2011/782}
.opening .hero .hero-scene picture>img{object-fit:contain;object-position:center;transform:none;scale:none}
.hero-detail-scroll .hero-scene{width:2011px}
@media(max-width:1199px){.opening .hero.shell{aspect-ratio:auto}.opening .hero .hero-art.hero-architect{aspect-ratio:2011/782}}
.opening .header.shell{height:112px;padding-top:16px;padding-bottom:16px;align-items:center}
.opening .header.shell .brand{width:205px}
@media(min-width:1051px){.opening .header #navigation{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);align-self:auto}}
.opening .hero.shell{aspect-ratio:2011/758}
.opening .hero .hero-art.hero-architect{overflow:hidden}
.opening .hero .hero-scene,.opening .hero .hero-scene picture{height:auto}
.opening .hero .hero-scene picture>img{height:auto;width:100%;object-fit:contain;object-position:top}
@media(max-width:1199px){.opening .hero.shell{aspect-ratio:auto}.opening .hero .hero-art.hero-architect{aspect-ratio:2011/758}}
@media(max-width:1050px){.opening .header.shell{height:auto;min-height:88px;padding-top:16px;padding-bottom:16px}.opening .header.shell .brand{width:150px}}