/* Aladin Jewelry · V60.3.19 Atelier */
.atelier-hero,.atelier-journey,.atelier-questions,.atelier-finale{box-sizing:border-box}
.atelier-hero{position:relative;min-height:min(790px,91svh);display:flex;align-items:center;justify-content:center;text-align:center;background:#21080f;color:#fff5e9;isolation:isolate;padding:125px 24px 90px;overflow:hidden}
.atelier-hero-image{position:absolute;inset:0;z-index:-2;background:url('assets/process-finished.jpg') center 46%/cover no-repeat;opacity:.48;transform:scale(1.02)}
.atelier-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(22,5,10,.7),rgba(25,5,12,.25) 38%,rgba(25,5,12,.8))}
.atelier-overline{font-family:'DM Sans',sans-serif!important;letter-spacing:.25em!important;font-size:10px!important;font-weight:600!important;color:#d9b77b!important;text-transform:uppercase;margin:0 0 20px!important}
.atelier-hero h1,.atelier-journey h2,.atelier-questions h2,.atelier-finale h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:-.025em;line-height:.9}
.atelier-hero h1{font-size:clamp(76px,10vw,155px);margin:0 0 26px}
.atelier-hero h1 em,.atelier-journey h2 em,.atelier-questions h2 em,.atelier-finale h2 em{color:#d5b57e;font-weight:400}
.atelier-hero-content>p:not(.atelier-overline){max-width:460px;margin:0 auto;color:#f0e2d9;font-size:15px;line-height:1.8}
.atelier-discover{display:inline-flex;align-items:center;gap:18px;margin-top:40px;color:#e4c895;text-decoration:none;border-bottom:1px solid #b89867;padding-bottom:12px;font-size:12px;letter-spacing:.07em}
.atelier-hero-count{position:absolute;bottom:26px;letter-spacing:.2em;font-size:9px;color:#dfc9bb}
.atelier-journey{background:#250910;color:#f7ece2;padding:105px max(24px,5vw) 92px}
.atelier-heading{text-align:center;max-width:760px;margin:0 auto 55px}
.atelier-heading h2{font-size:clamp(55px,7vw,95px);margin:0 0 17px}
.atelier-heading>p:last-child{color:#cbbab1;font-size:14px;line-height:1.7}
.atelier-showcase{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;min-height:590px;border:1px solid rgba(211,174,114,.23);background:#2e1018}
.atelier-photo{min-height:590px;position:relative;overflow:hidden;background:#14070a}
.atelier-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:opacity .22s ease,transform .6s ease}
.atelier-photo img.is-changing{opacity:.15;transform:scale(1.035)}
.atelier-photo-mark{position:absolute;bottom:25px;left:26px;font-size:9px;letter-spacing:.16em;color:#f5e9da;text-shadow:0 2px 9px #000}
.atelier-story{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,5vw,78px);min-width:0}
.atelier-progress{display:flex;align-items:center;gap:17px;color:#d9b77b;font-size:12px;letter-spacing:.15em;margin-bottom:80px}
.atelier-progress-line{display:block;width:92px;height:1px;background:rgba(217,183,123,.45)}
.atelier-story h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(50px,5.5vw,80px);line-height:.98;margin:0 0 22px;max-width:440px}
.atelier-story>p:not(.atelier-overline){font-size:14px;line-height:1.9;color:#d2bfb7;max-width:420px;min-height:85px}
.atelier-controls{display:flex;align-items:center;gap:10px;margin-top:48px}
.atelier-controls button{background:transparent;border:1px solid rgba(214,182,126,.48);color:#f1d6a5;width:52px;height:52px;cursor:pointer;font-size:23px;transition:.2s}
.atelier-controls button:hover,.atelier-controls button:focus-visible{background:#d7b77c;color:#260910}
.atelier-swipe-hint{font-size:9px;letter-spacing:.15em;color:#b7a09a;margin-left:13px}
.atelier-stages{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:1200px;margin:30px auto 0}
.atelier-stages button{cursor:pointer;background:transparent;border:1px solid rgba(219,183,123,.24);color:#bca9a0;padding:12px 17px;font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.atelier-stages button[aria-current="step"]{color:#241018;background:#d6b77e;border-color:#d6b77e}
.atelier-project-note{text-align:center;color:#a58d87;font-size:11px;margin:28px 0 0}
.atelier-questions{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;background:#f6f0e8;color:#2b1518;padding:105px max(24px,8vw)}
.atelier-questions h2{font-size:clamp(57px,6vw,88px);margin:0 0 25px}
.atelier-questions h2 em{color:#9d6e48}
.atelier-questions-heading>p:last-child{color:#74635d;line-height:1.8;max-width:320px}
.atelier-faq details{border-bottom:1px solid #d6c9bc;padding:21px 0}
.atelier-faq details:first-child{border-top:1px solid #d6c9bc}
.atelier-faq summary{cursor:pointer;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(24px,2.4vw,31px);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.atelier-faq summary::-webkit-details-marker{display:none}
.atelier-faq summary:after{content:'+';font:300 26px 'DM Sans',sans-serif;color:#9b734d}
.atelier-faq details[open] summary:after{content:'−'}
.atelier-faq details p{color:#74635d;font-size:13px;line-height:1.8;max-width:560px;padding-right:35px;margin:15px 0 0}
.atelier-finale{background:#310e19;text-align:center;color:#f7ece2;padding:115px 24px 125px}
.atelier-finale h2{font-size:clamp(70px,8vw,112px);margin:0 0 22px}
.atelier-finale>p:not(.atelier-overline){color:#d0bdb7;font-size:14px;line-height:1.7}
.atelier-cta{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:#d6b77e;color:#241018;text-decoration:none;padding:17px 25px;margin-top:32px;font-size:12px;letter-spacing:.07em;min-height:50px}
.atelier-cta:hover{background:#f0d4a1}
@media(max-width:900px){.atelier-showcase{grid-template-columns:1fr}.atelier-photo{min-height:510px}.atelier-story{padding:38px 30px 42px}.atelier-progress{margin-bottom:30px}.atelier-story>p:not(.atelier-overline){min-height:0}.atelier-controls{margin-top:25px}.atelier-questions{grid-template-columns:1fr;gap:30px}.atelier-journey{padding:75px 18px}}
@media(max-width:560px){.atelier-hero{min-height:76svh;padding:115px 20px 75px}.atelier-hero h1{font-size:clamp(65px,16vw,91px)}.atelier-hero-content>p:not(.atelier-overline){font-size:13px}.atelier-hero-image{background-position:center}.atelier-heading{margin-bottom:35px}.atelier-heading h2{font-size:clamp(55px,12vw,70px)}.atelier-photo{min-height:380px}.atelier-photo img{object-position:center}.atelier-story{padding:34px 24px 36px}.atelier-story h3{font-size:56px}.atelier-story>p:not(.atelier-overline){font-size:13px}.atelier-stages{gap:6px}.atelier-stages button{font-size:9px;padding:10px 11px}.atelier-swipe-hint{font-size:8px}.atelier-questions{padding:75px 23px}.atelier-finale{padding:85px 22px}.atelier-finale h2{font-size:65px}}
@media(prefers-reduced-motion:reduce){.atelier-photo img{transition:none}}

/* V60.3.20 atelier-inspired cinematic hero concept */
.atelier-hero{min-height:min(820px,93svh)}
.atelier-hero-image{background-image:linear-gradient(90deg,rgba(27,7,14,.18),rgba(27,7,14,.05)),url('assets/process-finished.jpg');opacity:.58;filter:saturate(.85)}
.atelier-hero:before{background:radial-gradient(ellipse at center,rgba(28,7,15,.28) 0%,rgba(23,5,11,.65) 70%),linear-gradient(180deg,rgba(20,5,9,.62),transparent 40%,rgba(20,5,9,.83))}
.atelier-hero-content{max-width:1050px;position:relative;z-index:1}
.atelier-hero h1{font-size:clamp(64px,9.5vw,143px);line-height:.91}
.atelier-hero-content>p:not(.atelier-overline){max-width:490px;font-size:16px}
.atelier-hero-count{font-weight:600}
@media(max-width:560px){.atelier-hero{min-height:80svh}.atelier-hero h1{font-size:clamp(57px,12.5vw,76px)}.atelier-hero-content>p:not(.atelier-overline){font-size:13px;max-width:320px}}