/* HOME / BRAND VISUAL V10 -- public pages only, no simulator changes */
.page-home .atelier-brand,.page-category .atelier-brand{gap:14px;max-width:450px}
.page-home .atelier-brand-image,.page-category .atelier-brand-image{width:102px;height:102px;flex:0 0 102px;object-fit:contain;filter:drop-shadow(0 3px 5px #2b241c20)}
.page-home .atelier-brandcopy,.page-category .atelier-brandcopy{display:flex;flex-direction:column;min-width:0;gap:4px}
.page-home .atelier-brandcopy strong,.page-category .atelier-brandcopy strong{display:grid;gap:1px;line-height:.94;font-size:clamp(19px,1.75vw,29px);font-weight:900;letter-spacing:-.9px}
.page-home .atelier-brandcopy strong .atelier-brand-line,.page-category .atelier-brandcopy strong .atelier-brand-line{display:block;white-space:nowrap;font-weight:900}
.page-home .atelier-brandcopy strong .atelier-brand-auto,.page-category .atelier-brandcopy strong .atelier-brand-auto{color:#b18a49;font-family:Georgia,serif;font-weight:700;letter-spacing:1px;font-size:.95em}
.page-home .atelier-brandcopy small,.page-category .atelier-brandcopy small{font-size:clamp(7px,.7vw,10px);letter-spacing:.9px;line-height:1.3}
.page-home .header-inner,.page-category .header-inner{min-height:116px;gap:20px}
/* Cinematic artwork is a decorative image, not text baked into the graphic. */
.page-home .atelier-v10-hero{min-height:0;background:#081419;overflow:hidden;isolation:isolate;position:relative}
.page-home .atelier-v10-hero:before{z-index:-2;background:linear-gradient(110deg,#06131b,#10191c)}
.page-home .atelier-v10-hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:1;background:linear-gradient(90deg,#07151bf5 0%,#07151be6 23%,#07151bd9 37%,#07151b65 64%,#07151b00 100%),linear-gradient(0deg,#061317a3,transparent 28%)}
.page-home .atelier-v10-hero-visual{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.page-home .atelier-v10-hero-visual picture{position:absolute;inset:0;display:block}
.page-home .atelier-v10-hero-visual img{position:absolute;width:min(79vw,1440px);height:auto;max-width:none;right:-4%;top:50%;transform:translateY(-49%);object-fit:contain;filter:saturate(.95) drop-shadow(0 12px 42px #070e0e66)}
.page-home .atelier-v10-hero-content{position:relative;z-index:2;padding-top:49px;padding-bottom:52px;display:block!important;grid-template-columns:none!important}
.page-home .atelier-v10-hero .atelier-hero-copy{max-width:min(810px,62%);min-width:0}
.page-home .atelier-v10-hero h1{margin:19px 0 17px;font-size:clamp(46px,4.1vw,67px);line-height:1.02;letter-spacing:-2.5px;max-width:780px;color:#fff8ed;font-weight:900}
.page-home .atelier-v10-hero h1 .atelier-title-accent{display:block;color:#f0c878}
.page-home .atelier-v10-hero .atelier-lead{font-size:clamp(15px,1.15vw,18px);line-height:1.5;max-width:750px;margin:0 0 18px;color:#e3e5e2}
.page-home .atelier-v10-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:12px 8px;margin:0 0 17px;background:#091317b3;border:1px solid #d2ac6677;border-radius:12px;backdrop-filter:blur(7px);box-shadow:0 10px 38px #0004;max-width:850px}
.page-home .atelier-v10-benefits li{display:flex;gap:10px;align-items:center;padding:4px 11px;border-right:1px solid #d4ae7666;min-width:0;color:#f3f0e9;font-size:12px;line-height:1.45}
.page-home .atelier-v10-benefits li:last-child{border-right:0}
.page-home .atelier-v10-benefits strong{font-weight:750;color:#f1ca79}
.page-home .atelier-v10-benefit-icon{color:#f0c66e;border:1px solid #e6b9589a;flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%}
.page-home .atelier-v10-benefit-icon svg{height:24px;width:24px}
.page-home .atelier-v10-hero .atelier-information-note{display:flex;align-items:center;gap:14px;max-width:810px;width:100%;margin:0 0 17px;padding:13px 16px;background:#071317bc;border:1px solid #cba7648c;border-radius:10px;backdrop-filter:blur(8px)}
.page-home .atelier-v10-note-icon{height:34px;width:34px;min-width:34px;display:grid;place-items:center;border-radius:50%;background:#f2cf7a;color:#142021;font-family:Georgia,serif;font-size:23px;font-weight:bold}
.page-home .atelier-v10-hero .atelier-information-note p{color:#e7e9e4;font-size:13px;line-height:1.53;margin:0}
.page-home .atelier-v10-hero .atelier-information-note strong{color:#fff9e8}
.page-home .atelier-v10-hero .atelier-actions{gap:17px}
.page-home .atelier-v10-hero .atelier-button{min-height:59px;border-radius:7px;background:linear-gradient(140deg,#ffe39d,#e8b958);padding:6px 8px 6px 21px;font-size:14px}
.page-home .atelier-v10-hero .atelier-button-arrow{height:42px;width:42px}
.page-home .atelier-v10-hero .atelier-hero-category-hint{color:#f3d79a;font-size:13px;letter-spacing:1px}
.page-home .atelier-v10-hero .atelier-tag{font-size:11px}
/* Desk and phone both retain artwork; keep readability through an independent overlay. */
@media(min-width:1900px){
 .page-home .atelier-v10-hero .atelier-hero-copy{max-width:980px}
 .page-home .atelier-v10-hero-visual img{width:min(78vw,1950px)}
 .page-home .atelier-v10-hero h1{font-size:clamp(66px,3.9vw,90px)}
 .page-home .atelier-v10-benefits li{font-size:15px}
 .page-home .atelier-v10-hero .atelier-information-note p{font-size:16px}
}
@media(max-width:1200px){
 .page-home .atelier-v10-hero .atelier-hero-copy{max-width:min(750px,70%)}
 .page-home .atelier-v10-hero-visual img{width:90vw;right:-15%}
 .page-home .atelier-v10-hero:after{background:linear-gradient(90deg,#07151bf9 0%,#07151bef 33%,#07151b99 66%,transparent 100%)}
 .page-home .atelier-v10-benefits li{gap:7px;padding:4px 7px;font-size:11px}
 .page-home .atelier-v10-benefit-icon{width:32px;height:32px;flex-basis:32px}
}
@media(max-width:960px){
 .page-home .atelier-v10-hero .atelier-hero-copy{max-width:100%}
 .page-home .atelier-v10-hero:after{background:linear-gradient(90deg,#06151cf7 0%,#06151ce8 46%,#06151c77 100%)}
 .page-home .atelier-v10-hero-visual img{width:110vw;right:-26%;top:49%}
 .page-home .atelier-v10-hero h1{max-width:710px}
 .page-home .atelier-v10-benefits{max-width:710px}
 .page-home .atelier-v10-hero .atelier-information-note{max-width:710px}
}
@media(max-width:760px){
 .page-home .header-inner,.page-category .header-inner{min-height:82px;gap:6px}
 .page-home .atelier-brand,.page-category .atelier-brand{gap:9px;max-width:calc(100% - 64px)}
 .page-home .atelier-brand-image,.page-category .atelier-brand-image{width:70px;height:70px;flex:0 0 70px}
 .page-home .atelier-brandcopy strong,.page-category .atelier-brandcopy strong{font-size:clamp(17px,4.45vw,23px);letter-spacing:-.55px;gap:1px}
 .page-home .atelier-brandcopy small,.page-category .atelier-brandcopy small{font-size:clamp(7px,1.7vw,9px);letter-spacing:.2px;white-space:nowrap}
 .page-home .atelier-v10-hero-content{width:calc(100% - 32px)!important;padding-top:27px;padding-bottom:28px}
 .page-home .atelier-v10-hero h1{font-size:clamp(35px,9.15vw,50px);letter-spacing:-1.65px;line-height:1.05;margin:18px 0 12px}
 .page-home .atelier-v10-hero .atelier-lead{font-size:14px;line-height:1.5;margin-bottom:14px;max-width:80%}
 .page-home .atelier-v10-hero .atelier-kicker{font-size:10px;gap:8px;letter-spacing:1px}
 .page-home .atelier-v10-hero-visual img{width:155vw;right:-25%;top:36%;transform:translateY(-25%)}
 .page-home .atelier-v10-hero:after{background:linear-gradient(180deg,#07141a9c 0%,#07141b88 22%,#07141bcc 49%,#07141bea 85%,#07141af0 100%),linear-gradient(90deg,#07141adb 0%,#07141a58 100%)}
 .page-home .atelier-v10-benefits{grid-template-columns:1fr;max-width:300px;margin:12px 0 14px;padding:6px 12px;border-radius:11px;background:#081318cf}
 .page-home .atelier-v10-benefits li{font-size:12px;min-height:45px;padding:8px 0;border-right:0;border-bottom:1px solid #d4ae764e;gap:12px}
 .page-home .atelier-v10-benefits li:last-child{border-bottom:0}
 .page-home .atelier-v10-benefit-icon{width:32px;height:32px;flex:0 0 32px}
 .page-home .atelier-v10-benefit-icon svg{height:19px;width:19px}
 .page-home .atelier-v10-hero .atelier-information-note{display:flex;gap:10px;padding:11px 12px;margin:0 0 13px;max-width:100%}
 .page-home .atelier-v10-note-icon{width:28px;height:28px;min-width:28px;font-size:18px}
 .page-home .atelier-v10-hero .atelier-information-note p{font-size:12px;line-height:1.46}
 .page-home .atelier-v10-hero .atelier-actions{gap:8px;flex-direction:column;align-items:stretch}
 .page-home .atelier-v10-hero .atelier-button{width:100%;max-width:none;min-height:54px;font-size:13px}
 .page-home .atelier-v10-hero .atelier-hero-category-hint{text-align:center;font-size:11px;letter-spacing:.25px}
 .page-home .atelier-categories{padding-top:28px}
}
@media(max-width:380px){
 .page-home .atelier-brand-image,.page-category .atelier-brand-image{height:62px;width:62px;flex-basis:62px}
 .page-home .atelier-brandcopy strong,.page-category .atelier-brandcopy strong{font-size:16px}
 .page-home .atelier-brandcopy small,.page-category .atelier-brandcopy small{font-size:7px}
 .page-home .atelier-v10-hero h1{font-size:34px}
 .page-home .atelier-v10-hero .atelier-lead{max-width:96%}
 .page-home .atelier-v10-hero-visual img{width:170vw;right:-30%}
}
@media(prefers-reduced-motion:reduce){.page-home .atelier-v10-hero *{transition:none!important;animation:none!important}}

/* Mobile hero v12: preserve the entire dedicated mobile composition, no oversized crop.
   Desktop styles remain untouched. */
@media (max-width:760px) {
 .page-home .atelier-v10-hero-visual img {
   width:100%;height:auto;max-width:none;left:0;right:0;top:0;
   transform:none;object-fit:contain;object-position:center top;
   opacity:1;filter:none;
 }
 .page-home .atelier-v10-hero:after {
   background:linear-gradient(180deg,rgba(5,16,23,.46) 0%,rgba(5,16,23,.32) 26%,rgba(5,16,23,.73) 57%,#07141b 100%),linear-gradient(90deg,rgba(6,18,24,.84) 0%,rgba(6,18,24,.56) 51%,rgba(6,18,24,.08) 100%);
 }
}

/* Homepage only: the year is visible, dynamic and outside the H1 semantic heading. */
.page-home .atelier-v10-hero .atelier-home-headline{position:relative;margin:19px 0 17px;isolation:isolate}
.page-home .atelier-v10-hero .atelier-home-headline h1{margin:0}
.page-home .atelier-v10-hero .atelier-home-headline-year{position:absolute;z-index:1;bottom:-.015em;left:4.25em;color:#f0c878;font-size:clamp(46px,4.1vw,67px);line-height:1.02;letter-spacing:-2.5px;font-weight:900;white-space:nowrap;pointer-events:none}
@media(max-width:760px){
 .page-home .atelier-v10-hero .atelier-home-headline{margin:18px 0 12px}
 .page-home .atelier-v10-hero .atelier-home-headline-year{font-size:clamp(35px,9.15vw,50px);left:4.3em;letter-spacing:-1.65px}
}
@media(max-width:380px){
 .page-home .atelier-v10-hero .atelier-home-headline-year{font-size:34px;left:4.3em}
}
@media(min-width:1900px){
 .page-home .atelier-v10-hero .atelier-home-headline-year{font-size:clamp(66px,3.9vw,90px);left:4.25em}
}