/* Campaign direction: cinematic product stage, deliberate chapter navigation. */
.atelier header{height:82px;background:#2f1d16;color:#f6ebd9;border-bottom:1px solid #dfc59526}.atelier header .brand small{color:#dac7ad}.atelier header .brand img{width:118px}.atelier nav{font-size:13px;gap:27px}.atelier #cartCount{background:#d8bd83;color:#382315}
.atelier-hero{height:clamp(440px,59svh,570px);min-height:0;max-width:none;margin:0;background:#29180f;color:#fbf1de;border:0;isolation:isolate;position:relative;overflow:hidden}
.hero-scene,.atelier-hero-art{position:absolute;inset:0;width:100%;height:100%;margin:0;min-height:0;background-color:#29180f;background-repeat:no-repeat;background-size:cover;background-position:center;mask-image:none;-webkit-mask-image:none;opacity:0;z-index:-3;transition:opacity .65s ease}.atelier-hero-art{background-image:var(--hero-art)}.hero-gifting-scene{background-image:url(assets/signature-story.png);background-size:64% auto;background-position:left 48%;background-color:#302016}.hero-scene.is-active{opacity:1}.atelier-hero:after{display:block;content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#24140ae6 0%,#24140abb 24%,#24140a16 57%,transparent 72%)}
.atelier-hero:before{content:'';position:absolute;inset:auto 0 0;height:110px;z-index:-1;background:linear-gradient(transparent,#21140fd9)}
.atelier-hero-copy{position:absolute;top:44%;right:max(5.5%,calc((100vw - 1680px)/2));translate:0 -50%;width:39%;max-width:590px;padding:0;z-index:1;display:block}.atelier-hero .kicker{font:500 11px Tajawal;color:#d4b780;letter-spacing:.3px;display:flex;align-items:center;gap:12px}.atelier-hero .kicker:before{content:'';width:32px;height:1px;background:#b9975c}.atelier-hero h1{font-size:clamp(46px,4.7vw,76px);line-height:1.16;margin:22px 0 19px;color:#fff4e1;font-weight:400}.atelier-hero h1 em{font-style:normal;color:#dcc08c}.atelier-hero h1 em:before{content:none}.atelier-hero-copy p{font:16px/1.8 Tajawal;color:#ead9bf;max-width:365px;margin:0 0 25px}.atelier-hero .pill{background:#ead7ad;color:#362215;border:1px solid #ead7ad;min-height:48px;border-radius:0;padding:14px 23px;gap:35px;font:500 14px Tajawal;transition:background .2s,border-color .2s}.atelier-hero .pill:hover{background:#fff0ca;border-color:#fff0ca}.atelier-hero .pill .arrow{font:22px Arial;border-right:1px solid #73593755;padding-right:23px}
.curation-line{width:38px;height:1px;background:#c7a66a}
.hero-controls{position:absolute;bottom:0;left:5.5%;right:5.5%;height:78px;border-top:1px solid #ead6b23b;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#f1e6d2}.hero-chapters{display:flex;gap:38px;align-self:stretch}.hero-chapters button{position:relative;display:flex;align-items:center;gap:13px;color:#c6b49d;font:13px Tajawal;padding:0;min-width:145px;text-align:right}.chapter-number{font:11px Georgia;direction:ltr;letter-spacing:1px;color:#bda67e}.hero-chapters button i{position:absolute;inset:-1px 0 auto;height:2px;background:#e2c490;transform:scaleX(0);transform-origin:right;transition:transform .4s}.hero-chapters button[aria-pressed=true]{color:#fff3dc}.hero-chapters button[aria-pressed=true] i{transform:scaleX(1)}.hero-arrows{display:flex;align-items:center;gap:10px;direction:ltr}.hero-arrows>span{font:11px Georgia;letter-spacing:1px;margin-right:18px;color:#d8c3a0}.hero-arrows button{width:36px;height:36px;border:1px solid #d4bd954d;border-radius:50%;color:#f7e8ce;font:18px Arial;display:grid;place-items:center}.hero-arrows button:hover{background:#d2b57b;color:#39251a;border-color:#d2b57b}
.atelier .collection-band{padding-top:37px;padding-bottom:62px;background:#f7f1e7}.atelier .collection-intro{margin-bottom:30px}.atelier .collection-intro h2{font-size:37px;line-height:1.3;margin:4px 0}.collection-intro .kicker{color:#9d7940;letter-spacing:2px}.atelier .collection-intro p{color:#826b52;font-size:14px}.atelier .collection-intro .line-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #74532e;background:#512d1e;color:#fff3dd;padding:15px 20px;min-height:50px;font:500 14px Tajawal;min-width:235px;text-align:right;box-shadow:0 3px 0 #d6bd8b2b}.collection-intro .line-link span{border-right:1px solid #dcc8a94d;padding-right:20px;font-size:20px}.atelier .collection-intro .line-link:hover{background:#70482c}.atelier .product{box-shadow:0 3px 12px #512d1e05}.atelier .product-info h3{font-size:18px}.atelier .product-photo{background:radial-gradient(ellipse at 50% 45%,#fdfaf3 20%,#e9dfcc 100%)}
@media(min-width:1900px){.atelier-hero{max-height:610px}.atelier-hero-copy{right:calc((100vw - 1680px)/2);width:600px}.hero-controls{left:max(5.5%,calc((100vw - 1680px)/2));right:max(5.5%,calc((100vw - 1680px)/2))}}
@media(max-width:1050px){.atelier header{height:75px}.atelier nav{gap:14px;font-size:12px}.atelier-hero{height:460px}.atelier-hero-copy{right:5%;width:42%;top:43%}.atelier-hero h1{font-size:48px}.atelier-hero-copy p{font-size:15px;max-width:310px}.hero-gifting-scene{background-size:70% auto}.hero-controls{height:70px}.hero-chapters{gap:25px}.hero-chapters button{min-width:125px;font-size:12px}.atelier .collection-intro .line-link{min-width:215px;font-size:13px}}
@media(max-width:720px){.atelier header{height:70px}.atelier nav{top:70px;background:#2f1d16;color:#f6ebd9}.atelier-hero{height:570px;display:block}.hero-scene,.atelier-hero-art{position:absolute;inset:auto 0 62px;width:100%;height:300px;min-height:0;flex:none;margin:0;background-size:160% auto;background-position:5% center;opacity:0}.hero-scene.is-active{opacity:1}.hero-gifting-scene{background-size:cover;background-position:45% center}.atelier-hero:after{background:linear-gradient(#29180f 0%,#29180f 34%,#29180f66 50%,transparent 68%)}.atelier-hero:before{height:100px}.atelier-hero-copy{position:absolute;inset:25px 7% auto;width:86%;max-width:none;translate:none;padding:0;display:block}.atelier-hero .kicker{font-size:10px;gap:10px}.atelier-hero .kicker:before{width:20px}.atelier-hero h1{font-size:37px;line-height:1.16;margin:14px 0 13px}.atelier-hero h1 br{display:initial}.atelier-hero h1 em{white-space:normal}.atelier-hero-copy p{font-size:14px;line-height:1.6;max-width:310px;margin-bottom:17px}.atelier-hero-copy p br{display:none}.atelier-hero .pill{font-size:12px;min-height:42px;padding:10px 17px;gap:22px}.atelier-hero .pill .arrow{padding-right:17px;font-size:20px}.hero-controls{height:62px;left:7%;right:7%;gap:10px}.hero-chapters{gap:21px;flex:1}.hero-chapters button{font-size:10px;gap:7px;min-width:0;white-space:nowrap}.chapter-number{font-size:10px}.hero-arrows>span{display:none}.hero-arrows{gap:7px}.hero-arrows button{width:29px;height:29px;font-size:16px}.atelier .collection-band{padding-top:28px;padding-bottom:40px}.atelier .collection-intro{display:grid;grid-template-columns:1fr;gap:0;margin-bottom:25px}.atelier .collection-intro h2{font-size:30px;margin:9px 0}.atelier .collection-intro .line-link{grid-column:1;grid-row:auto;width:100%;margin-top:8px;padding:14px 18px;font-size:13px}.atelier .collection-intro p{font-size:13px;margin-bottom:12px}.atelier .collection-intro .kicker{font-size:10px}}
@media(max-width:380px){.atelier-hero h1{font-size:34px}.hero-chapters{gap:14px}.hero-chapters button{font-size:9px}.hero-arrows button{width:27px;height:27px}}
@media(max-height:700px) and (min-width:721px){.atelier-hero{height:420px}.atelier-hero h1{font-size:46px}.atelier-hero-copy p{font-size:14px;margin-bottom:18px}.atelier-hero h1{margin-block:16px}}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-chapters button i{transition:none}}
.hero-gifting-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 42%,#302016 66%)}
@media(max-width:720px){.hero-gifting-scene:after{background:linear-gradient(#29180f99,transparent 40%)}.atelier-hero-copy p{max-width:310px}}


/* The campaign and its navigation occupy separate, non-overlapping rows. */
.atelier-hero{height:auto;min-height:0;display:grid;grid-template-rows:minmax(410px, min(54svh,550px)) 72px;overflow:hidden}
.hero-scene,.atelier-hero-art{inset:0 0 72px;height:auto;width:100%;background-position:center 48%}
.atelier-hero:after{bottom:72px}.atelier-hero:before{display:none}
.atelier-hero-copy{position:relative;inset:auto;translate:none;align-self:center;justify-self:start;grid-row:1;width:39%;max-width:560px;margin:0 6%;padding:30px 0;box-sizing:border-box}
.atelier-hero h1{font-size:clamp(42px,4.2vw,66px);line-height:1.22;margin:18px 0}.atelier-hero-copy p{font-size:16px;line-height:1.8;margin-bottom:24px}
.atelier-hero .pill{min-height:48px;padding:13px 24px;gap:30px}.atelier-hero .pill .arrow{border:0;padding:0;font-size:23px}
.hero-controls{position:relative;inset:auto;height:72px;grid-row:2;width:100%;background:#f3ecdf;color:#512d1e;border:0;display:flex;justify-content:center;padding:0 6%;box-sizing:border-box}
.hero-chapters{width:min(620px,100%);gap:0;display:grid;grid-template-columns:1fr 1fr;align-self:stretch}
.hero-chapters button{min-width:0;min-height:48px;justify-content:center;gap:18px;padding:0 24px;color:#8c7b67;font:500 14px Tajawal;transition:color .2s}
.hero-chapters button+button{border-right:1px solid #512d1e20}.hero-chapters button[aria-pressed=true]{color:#512d1e}.chapter-number{color:#a18555;font-size:11px}
.hero-chapters button i{inset:auto 24px 0;height:2px;background:#916a36;transform-origin:center}.hero-chapters button:hover{color:#512d1e;background:#e9dfce55}
.hero-chapters button:focus-visible,.atelier-hero .pill:focus-visible{outline:2px solid #b68b4b;outline-offset:-5px}
@media(min-width:1900px){.atelier-hero{max-height:none}.atelier-hero-copy{margin-right:max(6%,calc((100vw - 1680px)/2));width:550px}}
@media(max-width:1050px) and (min-width:721px){.atelier-hero{grid-template-rows:minmax(430px,auto) 72px}.atelier-hero-copy{width:42%;margin-right:5%;padding:34px 0}.atelier-hero h1{font-size:46px}}
@media(max-width:720px){.atelier-hero{display:grid;grid-template-rows:auto 240px 64px;height:auto}.atelier-hero-copy{grid-row:1;position:relative;inset:auto;width:86%;margin:0 7%;padding:28px 0 24px;translate:none}.atelier-hero h1{font-size:37px;margin:15px 0;line-height:1.22}.atelier-hero-copy p{font-size:14px;line-height:1.65;max-width:330px;margin-bottom:20px}.atelier-hero .pill{min-height:44px;font-size:13px;padding:11px 20px}.hero-scene,.atelier-hero-art{inset:auto 0 64px;height:260px;background-size:150% auto;background-position:5% 56%;margin:0}.hero-gifting-scene{background-size:cover;background-position:center}.atelier-hero:after{inset:auto 0 64px;height:260px;background:linear-gradient(#29180f 0%,#29180f22 25%,transparent 55%)}.hero-gifting-scene:after{background:none}.hero-controls{grid-row:3;height:64px;padding:0 5%}.hero-chapters button{font-size:12px;padding:0 10px;gap:10px}.hero-chapters button i{left:10px;right:10px}.chapter-number{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-chapters button{transition:none}}