.page-atelier{background:#141411;color:#eee7d9}.page-atelier [hidden]{display:none!important}.atelier-intro{padding-top:clamp(140px,13vw,220px);padding-bottom:70px}.atelier-intro .eyebrow{color:#c5ab79}.atelier-intro h1{margin:20px 0}.atelier-intro p{max-width:660px;color:#c7c3b9;line-height:2;font-size:16px}
.atelier-wrap{max-width:1640px;margin:auto;padding:0 clamp(18px,3vw,56px) 95px}.atelier-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 0 18px;scrollbar-color:#826b46 transparent}.atelier-tabs button{border:1px solid #514c40;color:#c9c2b2;background:#191a16;white-space:nowrap;padding:15px 20px;min-height:52px;font:inherit;cursor:pointer}.atelier-tabs button.active{color:#f5ebd9;background:#4a3c2b;border-color:#bd9c68}.atelier-tabs button span{font:11px Georgia,serif;color:#c1a576;margin-inline-end:14px}
.atelier-main{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,.7fr);min-height:min(58vw,700px);border:1px solid #564b3d;background:#1b1b17}.atelier-stage{position:relative;min-width:0;min-height:590px;background:#342e27;overflow:hidden}.atelier-stage>img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;display:block}.atelier-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#17130f91,transparent 20%,transparent 78%,#17130faa)}.atelier-stage-top,.atelier-stage-foot{position:absolute;z-index:2;inset-inline:28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.atelier-stage-top{top:24px}.atelier-stage-foot{bottom:25px;color:#eee4d1;font-size:12px;letter-spacing:.04em}.atelier-stage-top>span{font:14px Georgia,serif;direction:ltr;color:#fff}.atelier-stage button{color:#fff;border:1px solid #efdfcaad;background:#281f1bae;cursor:pointer}.atelier-stage-top button{padding:9px 13px;font:12px inherit}.atelier-stage-foot button{width:42px;height:42px;font-size:20px;margin-inline-start:6px}.atelier-hotspots button{position:absolute;z-index:3;width:36px;height:36px;border-radius:50%;font:22px Arial,sans-serif;line-height:1;box-shadow:0 0 0 7px #e6d4b055;transform:translate(-50%,-50%);transition:transform .2s}.atelier-hotspots button:hover{transform:translate(-50%,-50%) scale(1.14)}
.atelier-aside{padding:clamp(24px,3vw,52px);display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at 95% 8%,#493b2b,#1d1b17 57%)}.atelier-aside h2{font-family:'Cormorant Garamond','Vazirmatn',serif;font-size:clamp(30px,3vw,50px);font-weight:400;line-height:1.2;margin:20px 0}.atelier-aside>p{font-size:14px;line-height:2.1;color:#c9c1b4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.atelier-detail{border-top:1px solid #615545;margin-top:auto;padding-top:22px;display:grid;grid-template-columns:44% 1fr;align-items:center;gap:18px}.atelier-detail img{width:100%;aspect-ratio:1.15;object-fit:cover;border:1px solid #5d5142}.atelier-detail h3{font-size:18px;font-weight:400;line-height:1.5;margin:9px 0}.atelier-detail p{font-size:12px;line-height:1.8;color:#a9a195}.atelier-collection{display:inline-flex;align-items:center;color:#e8d2ae;border-bottom:1px solid #b99d6d;width:max-content;max-width:100%;padding:24px 0 9px;font-size:13px}
.atelier-ribbon{display:grid;grid-template-columns:190px 1fr;gap:24px;border:1px solid #4e473c;border-top:0;padding:22px 24px;background:#1b1b17;align-items:start}.atelier-ribbon p{font-size:12px;line-height:1.8;color:#a9a195;margin-top:10px}.atelier-thumbs{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;scrollbar-color:#8c724b transparent}.atelier-thumbs button{flex:0 0 115px;background:#27231d;border:1px solid #514a3f;color:#ddd2bd;padding:0;cursor:pointer;text-align:start;font:11px 'Vazirmatn',sans-serif}.atelier-thumbs button.active{border-color:#dcc08f;box-shadow:0 0 0 1px #dcc08f inset}.atelier-thumbs img{display:block;width:100%;height:78px;object-fit:cover}.atelier-thumbs span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:7px}.atelier-outro{padding-bottom:110px}.atelier-outro h2{margin:20px 0 30px}.atelier-lightbox{border:1px solid #7d6b50;background:#151511;padding:50px 24px 24px;color:white;max-width:96vw;max-height:96dvh}.atelier-lightbox::backdrop{background:#000e;backdrop-filter:blur(7px)}.atelier-lightbox img{display:block;max-width:90vw;max-height:calc(92dvh - 80px);object-fit:contain}.atelier-lightbox button{position:absolute;top:5px;right:12px;border:0;background:none;color:white;font:34px Arial;cursor:pointer}.page-atelier button:focus-visible,.page-atelier a:focus-visible{outline:2px solid #f3d8a2;outline-offset:3px}
.atelier-full-tab{border-color:#a08358!important;background:#29231c!important}.atelier-full-tab.active{background:#6b4b2c!important}.atelier-stage.complete-mode{background:#2b241b}.atelier-stage.complete-mode>img{object-fit:contain}.atelier-stage.complete-mode .atelier-stage-foot{display:none}
@media(max-width:980px){.atelier-main{grid-template-columns:1fr}.atelier-stage{min-height:0;aspect-ratio:16/11}.atelier-aside{min-height:350px}.atelier-ribbon{grid-template-columns:1fr}.atelier-detail{margin-top:20px;max-width:560px}}
@media(max-width:600px){.atelier-intro{padding-top:128px;padding-bottom:42px}.atelier-wrap{padding-inline:12px}.atelier-tabs button{padding:10px 13px;font-size:12px;min-height:46px}.atelier-stage{aspect-ratio:4/5}.atelier-stage-top,.atelier-stage-foot{inset-inline:14px}.atelier-stage-top{top:12px}.atelier-stage-foot{bottom:12px}.atelier-stage-top button{font-size:11px}.atelier-hotspots button{width:30px;height:30px}.atelier-aside{padding:25px;min-height:0}.atelier-aside>p{-webkit-line-clamp:unset}.atelier-detail{grid-template-columns:105px 1fr}.atelier-ribbon{padding:17px}.atelier-thumbs button{flex-basis:93px}.atelier-thumbs img{height:70px}}