@font-face{font-family:Messiri;src:url(assets/elmessiri.ttf) format('truetype');font-weight:400 700;font-display:swap}@font-face{font-family:Tajawal;src:url(assets/tajawal-0.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url(assets/tajawal-1.ttf) format('truetype');font-weight:500;font-display:swap}
body.atelier{--ink:#512d1e;--cocoa:#512d1e;--cream:#f5eee2;--accent:#e5c779;--cool:#c6dadd;color:var(--cocoa);background:var(--cream);font-family:Tajawal,Arial,sans-serif;font-size:16px;font-weight:400}
body.atelier[data-campaign=ramadan]{--cocoa:#50351f;--accent:#e6c983;--cool:#d9d8bf}
body.atelier[data-campaign=father]{--cocoa:#29393c;--accent:#ddc88f;--cool:#c9d6d5}
.atelier h1,.atelier h2,.atelier h3,.atelier .gift-card strong{font-family:Messiri,Tajawal,serif;font-weight:400}
.atelier header{height:92px;background:var(--cocoa);color:var(--cream);border:0;padding-inline:max(4.7%,calc((100vw - 1720px)/2));grid-template-columns:1fr 150px 1fr}
.atelier header .brand{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.atelier header .brand img{width:125px;height:42px;object-fit:contain}.atelier header .brand small{font-size:7px;color:#eadfce;letter-spacing:3px}
.atelier nav{font:500 14px Tajawal;gap:26px}.atelier .tools{gap:21px}.atelier .tools .language{font-size:12px}.atelier #cartCount{background:var(--accent);color:var(--cocoa)}
.atelier-hero{height:clamp(520px,42vw,750px);background:#512d1e;position:relative;overflow:hidden;color:#fcf2e0;isolation:isolate}
.atelier-hero-art{position:absolute;inset:0;background:url(assets/atelier-hero.png) center/cover no-repeat;z-index:-2}
.atelier-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#34170f90,transparent 55%);z-index:-1}
.atelier-hero-copy{position:absolute;right:max(5%,calc((100% - 1700px)/2));width:40%;max-width:620px;top:50%;translate:0 -52%}
.kicker{display:block;font:500 10px Tajawal;letter-spacing:1.4px;line-height:1.5}
.atelier-hero h1{font-size:clamp(55px,5.3vw,94px);line-height:1.13;margin:23px 0 20px;font-weight:400}.atelier-hero h1 em{font-style:normal;color:#e8cb91}
.atelier-hero-copy p{font-size:17px;line-height:1.7;margin-bottom:26px;color:#f0dfc8}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--accent);color:#432818;border-radius:30px;padding:13px 25px;font:500 13px Tajawal;min-height:42px;border:0}.pill span{font:21px Arial;direction:ltr}
.pill:hover{background:#f2dda3}.hero-foot{position:absolute;left:5%;right:5%;bottom:25px;display:flex;justify-content:space-between;font:9px Tajawal;letter-spacing:2px;color:#f4e4cd9c}
.collection-band{display:grid;grid-template-columns:.85fr 3fr;gap:50px;padding:45px max(4.7%,calc((100vw - 1720px)/2)) 48px;background:var(--cool)}
.collection-intro{border-left:1px solid #512d1e25;padding-left:25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.collection-intro h2{font-size:42px;line-height:1.15;margin:16px 0}.collection-intro p{font-size:15px;line-height:1.5;margin-bottom:20px}
.line-link{font:500 12px Tajawal;border:0;border-bottom:1px solid currentColor;padding:0 0 8px;display:inline-flex;gap:20px;align-items:center;background:none;color:inherit}.line-link span{font:20px Arial}
.atelier .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.atelier .product{border-left:1px solid #512d1e20;padding-left:20px}.atelier .product:last-child{border:0;padding-left:0}
.atelier .product-photo{background:transparent}.atelier .product-photo img{height:clamp(165px,16vw,255px);mix-blend-mode:multiply;object-fit:contain;transition:none}
.atelier .product-info{text-align:right;padding:18px 0 0}.atelier .product-info h3{font:500 18px Tajawal;line-height:1.3}.atelier .product-meta{font:400 13px Tajawal;color:#634c3e;margin:8px 0 15px}
.atelier .add-btn{position:static;width:auto;height:auto;display:inline-flex;gap:22px;border-radius:24px;background:var(--accent);color:#432818;padding:8px 18px;font:500 11px Tajawal}.atelier .add-btn svg{width:15px;height:15px}
.craft-grid{display:grid;grid-template-columns:1.2fr .8fr 1.1fr .9fr;min-height:360px}
.texture-photo{background:url(assets/atelier-hero.png) 14% 70%/auto 190% no-repeat}
.texture-copy{background:#39212a;color:#f7ead5;padding:38px 30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.texture-copy h2,.craft-copy h2{font-size:43px;line-height:1.12;margin:20px 0}.texture-copy p,.craft-copy p{font-size:14px;line-height:1.6;margin-bottom:24px}.texture-copy .line-link{margin-top:auto}
.craft-photo{background:url(assets/atelier-craft.png) center/cover no-repeat}
.craft-copy{padding:38px 30px;background:#f2e9d9;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.craft-copy:after{content:"";width:170px;height:170px;border-radius:50%;background:#d7b979;position:absolute;bottom:-105px;left:-70px}
.craft-signature{font:italic 38px Georgia;color:#a78044;margin-top:5px}
.box-builder{display:grid;grid-template-columns:1.6fr 1fr;direction:ltr;background:#eee5d7}
.builder-photo{grid-column:2;grid-row:1;background:#dfd3bd;position:relative;display:flex;align-items:center;min-height:380px;padding:35px;overflow:hidden}
.builder-photo:before{content:"";position:absolute;width:350px;height:350px;background:#b7ced0;border-radius:50%;left:-130px;top:-190px}
.builder-photo img{width:100%;max-height:330px;object-fit:contain;mix-blend-mode:multiply;position:relative}.builder-photo .kicker{position:absolute;bottom:25px;left:30px;font-size:8px}
.builder-content{direction:rtl;padding:40px 45px;grid-column:1;grid-row:1}.builder-content h2{font-size:38px;line-height:1.25;margin:12px 0}.builder-content>p{font-size:14px}
.builder-fields{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:20px;margin-top:22px}.builder-fields>div{border-left:1px solid #512d1e20;padding-left:16px}.builder-fields>div:last-child{border:0;padding:0}
.builder-fields label{font:500 12px Tajawal;margin:0 0 12px}.builder-fields label b{font:10px Tajawal;color:#98764d;margin-left:10px}
.builder-fields input,.builder-fields select{font:13px Tajawal;border:0;border-bottom:1px solid #aa967d;background:transparent;border-radius:0;padding:10px 0;margin-bottom:8px}
.builder-bottom{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.note-preview{max-width:58%;overflow-wrap:anywhere}.note-preview span{font:10px Tajawal;color:#9c7e5c}.note-preview p{font:20px Messiri;margin-top:5px}.builder-bottom .pill{font-size:12px;white-space:nowrap}
.ritual{display:grid;grid-template-columns:1fr 2.1fr;direction:ltr;min-height:290px}
.ritual-copy{direction:rtl;background:var(--cool);padding:42px max(30px,10%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.ritual-copy h2{font-size:43px;line-height:1.1;margin:18px 0 24px}.ritual-photo{background:url(assets/atelier-ritual.png) center/cover no-repeat}
.season-edit{display:grid;grid-template-columns:.85fr 1fr 1fr;gap:0;background:#efe4d0}
.season-intro{padding:40px 13%;display:flex;flex-direction:column;justify-content:center}.season-intro h2{font-size:34px;line-height:1.2;margin-top:20px}
.season-entry{padding:38px 35px;min-height:255px;position:relative;overflow:hidden;isolation:isolate;color:#fff5e5}
.season-entry:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#2f1b10d9,#2f1b1025)}
.ramadan-entry{background:url(assets/campaign-ramadan.png) 8% center/cover no-repeat}
.father-entry{background:url(assets/campaign-father.png) 5% center/cover no-repeat}
.season-entry>span{font:9px Tajawal;letter-spacing:2px}.season-entry h3{font-size:40px;line-height:1.15;margin:22px 0}.season-entry b{font:500 12px Tajawal;border-bottom:1px solid #f1dfc299;padding-bottom:7px}
.atelier-footer{background:var(--cocoa);color:#fcf1de;padding:45px 5% 24px;text-align:center;position:relative;overflow:hidden}
.atelier-footer:before{content:"";width:220px;height:220px;border-radius:50%;background:#d4ae63;position:absolute;right:-110px;top:-140px}
.atelier-footer h2{font-size:52px;line-height:1.15;margin:18px 0 25px}.footer-base{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:48px;border-top:1px solid #f4e2c228;padding-top:22px}.footer-logo img{width:85px;height:38px;object-fit:contain}
.atelier .footer-links{font:13px Tajawal;gap:25px}.atelier .season-switcher{margin:0;padding:0;border:0;font-family:Tajawal;gap:2px}.atelier .season-switcher>span{color:#f2debf;margin-left:8px}.atelier .season-switcher button{font:12px Tajawal;color:#f2debf;padding:7px 12px;border:1px solid transparent}.atelier .season-switcher button[aria-pressed=true]{background:#e5c779;color:#432818;border-color:#e5c779}
.atelier dialog{font-family:Tajawal;color:#512d1e}.atelier .dialog-head h2{font:27px Messiri}.atelier .primary{background:#512d1e;color:#fff}.atelier .gift-card strong{font:25px Messiri}
@media(min-width:1900px){.atelier-hero-art{background-size:cover}.atelier-hero-copy{width:590px}.craft-grid{min-height:460px}.texture-copy,.craft-copy{padding:55px}.texture-copy h2,.craft-copy h2{font-size:55px}.box-builder{padding-inline:calc((100vw - 1920px)/2)}.ritual{min-height:380px}.season-edit{padding-inline:calc((100vw - 1920px)/2)}}
@media(max-width:1050px){.atelier nav{gap:15px;font-size:12px}.atelier header{grid-template-columns:1fr 120px 1fr;padding:0 3%}.atelier header .brand img{width:105px}.atelier .tools{gap:13px}.atelier-hero-copy{width:43%}.atelier-hero h1{font-size:56px}.collection-band{gap:25px;padding:35px 4%}.collection-intro h2{font-size:34px}.atelier .product-info h3{font-size:16px}.craft-grid{grid-template-columns:1fr 1fr;min-height:0}.texture-photo,.texture-copy,.craft-photo,.craft-copy{min-height:330px}.box-builder{grid-template-columns:1.7fr 1fr}.builder-content{padding:35px 25px}.builder-fields{gap:12px}.builder-bottom{flex-wrap:wrap}.ritual-copy{padding:35px 25px}.ritual-copy h2{font-size:35px}.footer-base{flex-wrap:wrap;justify-content:center}.season-edit{grid-template-columns:.8fr 1fr 1fr}.season-intro{padding:30px 20px}.season-intro h2{font-size:29px}.season-entry{padding:30px 22px}.season-entry h3{font-size:32px}}
@media(max-width:720px){.atelier header{height:75px;grid-template-columns:1fr 105px 1fr;padding:0 5%}.atelier header .brand img{width:92px;height:31px}.atelier header .brand small{font-size:6px}.atelier nav{top:75px;background:var(--cocoa);color:var(--cream);font-size:14px}.atelier .tools{gap:12px}.atelier-hero{height:660px}.atelier-hero-art{background-position:23% bottom;background-size:auto 400px;top:auto;height:400px;background-repeat:no-repeat}.atelier-hero:after{background:linear-gradient(#512d1e 0%,#512d1e 35%,#512d1e00 65%)}.atelier-hero-copy{top:0;translate:none;width:100%;max-width:none;right:0;padding:30px 25px;text-align:right}.atelier-hero .kicker{font-size:9px}.atelier-hero h1{font-size:53px;line-height:1.1;margin:15px 0 14px}.atelier-hero-copy p{font-size:14px;line-height:1.5;margin-bottom:18px}.pill{font-size:12px;padding:10px 20px;min-height:38px}.hero-foot{bottom:14px;font-size:6px;letter-spacing:1px}.hero-foot span:first-child{display:none}.hero-foot{justify-content:flex-end}.collection-band{display:block;padding:30px 6%}.collection-intro{border:0;padding:0;margin-bottom:25px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;align-items:center}.collection-intro .kicker{grid-column:1/-1}.collection-intro h2{font-size:34px;margin:8px 0;grid-row:2/4}.collection-intro p{font-size:13px;margin:0}.collection-intro .line-link{font-size:10px;justify-self:start}.atelier .products{grid-template-columns:1fr;gap:0}.atelier .product{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:18px;border:0;border-top:1px solid #512d1e26;padding:20px 0}.atelier .product:last-child{border-top:1px solid #512d1e26;padding-top:20px}.atelier .product-photo img{height:150px}.atelier .product-info{padding:0}.atelier .product-info h3{font-size:17px}.atelier .product-meta{margin:8px 0 12px;font-size:12px}.atelier .add-btn{font-size:11px;padding:8px 14px;gap:13px}.craft-grid{grid-template-columns:1fr 1fr}.texture-copy,.craft-copy{padding:27px 20px}.texture-photo,.texture-copy,.craft-photo,.craft-copy{min-height:300px}.texture-copy h2,.craft-copy h2{font-size:34px}.texture-copy p,.craft-copy p{font-size:12px}.craft-grid .kicker{font-size:8px}.craft-signature{font-size:30px}.box-builder{display:flex;flex-direction:column}.builder-photo{min-height:230px;padding:25px}.builder-photo img{height:200px}.builder-photo .kicker{font-size:7px;bottom:16px}.builder-content{padding:30px 6%}.builder-content h2{font-size:31px}.builder-content>p{font-size:13px}.builder-fields{grid-template-columns:1fr 1fr;gap:20px}.builder-fields>div:last-child{grid-column:1/-1}.builder-fields>div:nth-child(2){border:0}.builder-fields input,.builder-fields select{font-size:14px}.builder-bottom{gap:20px}.note-preview{max-width:100%;width:100%}.builder-bottom .pill{width:100%}.ritual{grid-template-columns:1fr}.ritual-copy{padding:30px 6%;min-height:220px}.ritual-copy h2{font-size:38px}.ritual-photo{height:260px;background-position:60% center}.season-edit{grid-template-columns:1fr 1fr}.season-intro{grid-column:1/-1;padding:30px 6%}.season-intro h2{font-size:31px;margin-top:12px}.season-entry{padding:28px 20px;min-height:240px}.season-entry>span{font-size:7px;letter-spacing:1px}.season-entry h3{font-size:30px}.season-entry b{font-size:11px}.atelier-footer{padding:38px 6% 24px}.atelier-footer h2{font-size:43px}.atelier .footer-links{font-size:12px;gap:20px}.footer-base{gap:25px;margin-top:35px}.footer-logo{width:100%;display:flex;justify-content:center}.atelier .season-switcher{width:100%;justify-content:center}.atelier .season-switcher button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Signature campaigns: original Bostani product, seasonal art direction. */
body.atelier{--cool:#eee5d6;--accent:#d9b66d;--cream:#faf6ef;--cocoa:#512d1e;--hero-art:url(assets/signature-general.png);--hero-base:#3b2118}
body.atelier[data-campaign=ramadan]{--cool:#e8dcc4;--accent:#d5b16c;--cocoa:#443020;--hero-art:url(assets/signature-ramadan.png);--hero-base:#302017}
body.atelier[data-campaign=father]{--cool:#e4ded5;--accent:#cbb48a;--cocoa:#38291f;--hero-art:url(assets/signature-father.png);--hero-base:#30241c}
.atelier header{background:var(--hero-base);height:88px;border-bottom:1px solid #e3cda51a}
.atelier-hero{height:clamp(560px,44vw,780px);background:var(--hero-base)}
.atelier-hero-art{background-image:var(--hero-art);background-size:cover;background-position:center;inset:0;height:auto}
.atelier-hero:after{background:linear-gradient(270deg,#20120a55,transparent 48%)}
.atelier-hero-copy{width:38%;max-width:580px;right:max(5.5%,calc((100% - 1680px)/2));translate:0 -50%}
.atelier-hero h1{font-size:clamp(52px,4.6vw,82px);line-height:1.2;margin:20px 0 22px}.atelier-hero h1 em{color:#e0c38c}
.atelier-hero-copy p{font-size:18px;line-height:1.75;max-width:370px}.atelier-hero .kicker{font-size:12px;letter-spacing:0}
.pill{padding:14px 27px;min-height:46px;font-size:14px;border-radius:3px}.pill:hover{background:#e6ca91}.hero-foot{font-size:9px;color:#f2e5d2b3}
.collection-band{padding-block:65px;gap:42px}.collection-intro h2{font-size:40px}.atelier .product-info h3{font-size:18px;line-height:1.6}.atelier .product-photo img{height:clamp(180px,17vw,270px)}.atelier .add-btn{background:transparent;border:1px solid #92734760;border-radius:2px;padding:10px 17px;font-size:12px}.atelier .add-btn:hover{background:#d9b66d55}
.signature-story{display:grid;grid-template-columns:1.3fr 1fr;direction:ltr;max-width:1720px;margin:auto;padding:90px 5.5%;gap:8%;align-items:center;background:var(--cream)}
.signature-image{position:relative;min-width:0}.signature-image img{display:block;width:100%;aspect-ratio:1.24;object-fit:cover}.signature-image>span{position:absolute;left:24px;bottom:22px;letter-spacing:2px;font:10px Tajawal;color:white;text-shadow:0 1px 6px #29190c}
.signature-copy{direction:rtl;max-width:470px}.signature-copy .kicker{font-size:13px;color:#8d6b3b;letter-spacing:0}.signature-copy h2{font-size:clamp(34px,3.4vw,56px);line-height:1.35;margin:20px 0}.signature-copy>p{font:18px/1.9 Tajawal;color:#765b48;margin-bottom:26px;max-width:385px}.signature-detail{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px 14px;padding:22px 0;border-top:1px solid #b9a58a55;margin-bottom:20px}.signature-detail>span{font:12px Tajawal;color:#ad8952}.signature-detail p{font:15px/1.6 Tajawal;margin:0}.signature-copy .line-link{font-size:14px}
.box-builder{background:#ece2d3;max-width:none;padding-block:32px}.builder-photo{background:#e3d5bd}.builder-photo:before{display:none}.builder-content{padding:44px 6%}.builder-content h2{font-size:42px}.builder-content>p{font-size:16px}.builder-photo img{max-height:370px}.builder-fields input,.builder-fields select{font-size:15px;min-height:45px}.builder-fields label{font-size:13px}.note-preview span{font-size:12px;color:#715d45}.note-preview p{font-size:22px}.builder-bottom .pill{font-size:13px}
.atelier-footer{padding-top:65px;background:var(--hero-base)}.atelier-footer:before{display:none}.atelier-footer h2{font-size:56px;line-height:1.25}.atelier .season-switcher button{border-radius:2px;padding:9px 14px}.atelier .season-switcher button[aria-pressed=true]{background:var(--accent)}.footer-base{margin-top:60px;padding-top:26px}.atelier .footer-links{font-size:14px}
@media(min-width:1900px){.signature-story{padding-inline:0}.collection-band{padding-block:70px}.atelier-hero-art{background-size:cover}}
@media(max-width:1050px){.atelier header{height:80px}.atelier-hero-copy{width:40%;right:5%}.atelier-hero h1{font-size:48px}.atelier-hero-copy p{font-size:16px}.signature-story{padding:60px 5%;gap:6%}.signature-copy h2{font-size:36px}.signature-copy>p{font-size:16px}.signature-image img{aspect-ratio:.9}.builder-content h2{font-size:34px}}
@media(max-width:720px){.atelier header{height:75px}.atelier nav{top:75px;background:var(--hero-base)}.atelier-hero{height:720px}.atelier-hero-art{top:auto;bottom:0;height:405px;background-size:auto 405px;background-position:18% bottom}.atelier-hero:after{background:linear-gradient(var(--hero-base) 0%,var(--hero-base) 39%,transparent 65%)}.atelier-hero-copy{width:100%;top:0;right:0;max-width:none;translate:none;padding:28px 7%}.atelier-hero h1{font-size:46px;line-height:1.15;margin:18px 0}.atelier-hero-copy p{font-size:16px;line-height:1.6;margin-bottom:20px;max-width:290px}.atelier-hero .kicker{font-size:11px}.hero-foot{font-size:7px;bottom:16px}.pill{font-size:13px;padding:12px 21px}.collection-band{padding:36px 6%}.collection-intro h2{font-size:32px}.atelier .product-photo img{height:155px}.atelier .product-info h3{font-size:16px}.atelier .add-btn{font-size:11px;padding:9px 12px}.signature-story{display:flex;flex-direction:column;padding:45px 6%;gap:30px}.signature-image{width:100%}.signature-image img{aspect-ratio:1.1}.signature-copy{max-width:none;width:100%}.signature-copy h2{font-size:36px;margin:15px 0}.signature-copy>p{font-size:16px}.signature-detail{padding:18px 0;margin-bottom:15px}.box-builder{padding-block:0}.builder-content{padding:34px 6%}.builder-content h2{font-size:32px}.builder-photo{min-height:270px}.builder-photo img{height:240px}.builder-fields input,.builder-fields select{font-size:15px}.atelier-footer{padding-top:45px}.atelier-footer h2{font-size:42px}.footer-base{margin-top:38px}.atelier .footer-links{font-size:13px}.atelier .season-switcher{flex-wrap:wrap}}
@media(max-width:720px){.atelier-hero{height:670px}.atelier-hero-art{height:340px;background-size:170% auto;background-position:5% bottom}.atelier-hero:after{background:linear-gradient(var(--hero-base) 0%,var(--hero-base) 45%,transparent 68%)}}
@media(max-width:720px){.atelier-hero-art{mask-image:linear-gradient(to bottom,transparent 0%,#000 28%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 28%)}}