/* Photography-led opening: the editorial artwork is integrated into the page. */
header{background:var(--hero-tone,#f3e4e7)}
.hero{display:flex;align-items:center;position:relative;min-height:640px;padding:50px max(35px,calc((100vw - 1240px)/2));background:var(--hero-tone,#f3e4e7);isolation:isolate;overflow:hidden}
.hero-copy{position:relative;z-index:3;max-width:540px;padding:0 0 15px}.hero h1{font-size:66px;line-height:1.11;letter-spacing:-2px}.hero p{font-size:13px;line-height:1.9;color:#715e66}.hero .eyebrow{font-size:9px;letter-spacing:2px}
.hero-picture.integrated-photo{position:absolute;inset:0;margin:0;width:100%;height:100%;min-height:0;z-index:1;overflow:hidden}.portrait-glow{display:none}
.store-portrait{position:absolute;inset:auto 0 0 auto;height:100%;width:auto;max-width:none;object-fit:contain;transform:none;filter:none;mask-image:linear-gradient(to right,transparent 0%,#000 30%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 30%);mask-size:100% 100%;-webkit-mask-size:100% 100%}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(to right,var(--hero-tone,#f3e4e7) 0%,transparent 61%)}
@media(min-width:1500px){.hero{min-height:700px}.hero h1{font-size:72px}}
@media(max-width:1320px){.hero{padding:45px;min-height:610px}.hero-copy{max-width:490px}.hero h1{font-size:60px}}
@media(max-width:1000px){.hero{padding:40px 30px;min-height:550px}.hero-copy{max-width:415px}.hero h1{font-size:50px}.store-portrait{right:-50px}.hero p{font-size:12px}.hero:after{background:linear-gradient(to right,var(--hero-tone,#f3e4e7) 0%,transparent 65%)}}
@media(max-width:700px){.hero{display:block;padding:30px 24px 0;min-height:0}.hero-copy{max-width:none;padding:0}.hero h1{font-size:51px;letter-spacing:-1.7px}.hero p{max-width:325px;font-size:12px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-picture.integrated-photo{position:relative;inset:auto;width:calc(100% + 48px);height:430px;min-height:0;margin:8px -24px 0}.store-portrait{width:auto;height:100%;right:-7px;bottom:0;transform:none;max-width:none;mask-image:linear-gradient(to bottom,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 90%,transparent 100%)}.hero:after{display:none}.hero-note{margin-bottom:0}}
@media(max-width:365px){.hero h1{font-size:46px}.hero-picture.integrated-photo{height:405px}}

:root{--hero-tone:#f1dfdf}header{background:linear-gradient(to right,#f1dfdf,#edd1d4)}
.hero:after{background:linear-gradient(to right,#f1dfdf 0%,#f1dfdfd9 28%,transparent 64%)}
.owner-photo{width:285px;margin-top:20px;border-radius:120px 120px 8px 8px}.owner-photo img{width:100%;height:auto;display:block}.story-frame:has(.owner-photo){min-height:440px}.story-frame:has(.owner-photo) .story-label{font-size:19px;left:-12px;bottom:10px}
@media(max-width:1000px){.owner-photo{width:245px}.story-frame:has(.owner-photo){min-height:390px}}
@media(max-width:700px){header{background:linear-gradient(to right,#f1dfdf,#edd1d4)}.hero:after{display:none}.owner-photo{width:240px}.story-frame:has(.owner-photo){min-height:375px}.story-frame:has(.owner-photo) .story-label{font-size:18px}.store-portrait{mask-image:linear-gradient(to bottom,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent 100%)}}
/* Final framing aligns the artwork with the content column. */
.store-portrait{right:max(30px,calc((100vw - 1240px)/2));height:calc(100% - 30px);bottom:0;mask-image:linear-gradient(to right,transparent 0%,#000 30%),linear-gradient(to bottom,transparent 0%,#000 4%,#000 99%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 30%),linear-gradient(to bottom,transparent 0%,#000 4%,#000 99%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}
.hero .hero-copy{padding-bottom:10px}.hero:after{background:linear-gradient(to right,#f1dfdf 0%,#f1dfdfe6 25%,transparent 60%)}
@media(max-width:1000px){.store-portrait{right:15px;height:calc(100% - 25px)}}
@media(max-width:700px){.store-portrait{right:0;height:100%;mask-image:linear-gradient(to bottom,transparent 0%,#000 4%,#000 98%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 4%,#000 98%,transparent 100%)}.hero:after{display:none}.hero .hero-copy{padding-bottom:0}.hero-picture.integrated-photo{margin-top:15px}}

/* Restrained light accents and rose gradients. */
header{background:linear-gradient(110deg,#f4e4e7 0%,#f1dfdf 53%,#e8c8d2 100%)}
.hero{background:radial-gradient(ellipse at 24% 9%,#fff7ef99,transparent 47%),linear-gradient(112deg,#f4e4e7 0%,#f1dfdf 50%,#e8c8d2 100%)}
.hero:after{background:linear-gradient(to right,#f4e4e7 0%,#f1dfdfe6 25%,transparent 60%)}
.hero-gleams{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.hero-gleams i{position:absolute;width:21px;height:21px;display:block;background:linear-gradient(135deg,#fffdf7,#e7c9ad);clip-path:polygon(50% 0%,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0% 50%,41% 41%);opacity:.85;filter:drop-shadow(0 0 6px #fff9e8)}.hero-gleams i:nth-child(1){left:56%;top:14%;width:19px;height:19px}.hero-gleams i:nth-child(2){right:6.5%;top:55%;width:14px;height:14px}.hero-gleams i:nth-child(3){left:58%;top:78%;width:25px;height:25px;opacity:.65}
.button:not(.outline){position:relative;background:linear-gradient(135deg,#ac3b58,#8f2e48);border-color:#9f3851;box-shadow:0 5px 16px #96384f17,inset 0 1px 0 #ffffff24}.button:not(.outline):hover{background:linear-gradient(135deg,#a23250,#7e263e);box-shadow:0 8px 20px #96384f25,inset 0 1px 0 #ffffff2b}.product-bottom>a{background:linear-gradient(135deg,#fdf7f8,#f5e7ed)}.product-bottom>a:hover{background:linear-gradient(135deg,#a73551,#8f2e48)}
.cta{background:radial-gradient(ellipse at 83% 24%,#fffbf5a6,transparent 42%),linear-gradient(115deg,#f2e0e6,#e7cbd7)}.catalog-head{background:radial-gradient(ellipse at 45% 0,#fff8f6aa,transparent 60%),linear-gradient(110deg,#f8ecf0,#efdae3)}
@media(max-width:700px){.hero:after{display:none}.hero-gleams i:nth-child(1){left:6%;top:62%;width:18px;height:18px}.hero-gleams i:nth-child(2){right:7%;top:78%;width:13px;height:13px}.hero-gleams i:nth-child(3){left:9%;top:89%;width:16px;height:16px}}
@media(min-width:701px){.store-portrait{mask-image:linear-gradient(to right,transparent 0%,#000 30%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 4%,#000 99%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 30%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 4%,#000 99%,transparent 100%)}}