/* Approved Atelier home layout. Client content and image references stay intact. */
body.to-atelier { --to-bg:#f9f7f1; --to-panel:#fffdf8; background:#f9f7f1; }
body.to-atelier::before,body.to-atelier::after { opacity:.045; }
.to-atelier .to-top { min-height:86px; padding:5px 24px; border-radius:18px; background:#fffdf6ad; backdrop-filter:blur(22px); box-shadow:0 10px 40px -28px #92764b50,inset 0 1px #fff; }
.to-atelier .to-logo .to-brand-logo { width:82px; height:74px; }
.to-atelier .to-rail { border-radius:24px; background:#fffcf588; border-color:#d9c9aa55; backdrop-filter:blur(18px); }
.to-atelier .to-main { gap:40px; }
.to-atelier main section { scroll-margin-top:110px; }
.to-atelier main h2 { font-weight:400; font-size:clamp(38px,4.9vw,76px); line-height:1.05; letter-spacing:-.04em; max-width:16ch; }
.to-atelier main .to-eyebrow { color:#927146; letter-spacing:.2em; font-size:10px; }
.to-atelier .to-desk-story { height:190svh; }
.to-atelier .to-desk-story > .to-hero { top:110px; height:calc(100svh - 126px); min-height:570px; border:0; border-radius:0; }
.to-atelier .to-hero__grid { padding:38px 28px; }
.to-atelier .to-hero__text { width:38%; top:48%; }
.to-atelier .to-hero__text h1 { font-size:clamp(43px,4.6vw,76px); line-height:1.01; letter-spacing:-.055em; }
.to-atelier .to-hero__text .to-lead { line-height:1.85; font-size:14px; max-width:29em; }
.to-atelier .to-desk-scene { right:-6%; width:68%; }
.to-atelier .to-desk-phases { top:20px; left:44%; }
.to-atelier .to-desk-card-controls { top:72px; }
.to-atelier .to-btn { border-radius:8px; padding:18px 25px; transition:transform .3s,box-shadow .3s; }
.to-atelier .to-btn:hover { transform:translateY(-3px); box-shadow:0 10px 22px -10px #80603144; }
.to-atelier .to-stats.to-scene-section { border-radius:8px 64px 8px 8px; padding:65px 38px; min-height:370px; }
.to-atelier .to-stats__grid { border-radius:17px; }
.to-atelier .to-stats__grid::before { border-radius:13px; }
.to-atelier .to-stats .to-stat b { font-size:clamp(62px,7.1vw,108px); }
.to-atelier .to-points--strip { padding:95px 36px; }
.to-atelier .to-points--strip > .to-wrap { display:grid; grid-template-columns:.85fr 1.35fr; gap:60px; align-items:start; }
.to-atelier .to-points--strip .to-points__head { position:sticky; top:150px; margin:0; }
.to-atelier .to-points--strip h2 { font-size:clamp(40px,4.5vw,68px); }
.to-atelier .to-points--strip .to-points__grid { grid-template-columns:1fr 1fr; gap:22px; counter-reset:benefit; }
.to-atelier .to-points--strip .to-point { counter-increment:benefit; padding:30px 24px; min-height:275px; border:1px solid #e1d4bb!important; border-radius:4px 30px 4px 4px; transform:none!important; box-shadow:0 12px 35px -28px #86673f60; }
.to-atelier .to-points--strip .to-point:nth-child(even) { margin-top:42px; margin-bottom:-42px; }
.to-atelier .to-points--strip .to-point__ico { width:44px; height:44px; border-radius:50%; margin-bottom:30px; background:#fffcf7a3; }
.to-atelier .to-points--strip h3 { font:400 29px/1.1 var(--to-serif); letter-spacing:-.02em; }
.to-atelier .to-points--strip p { font-size:13px; line-height:1.85; }
.to-atelier .to-models { padding:75px 38px; border-radius:8px!important; }
.to-atelier .to-models__head { margin-bottom:48px; }
.to-atelier .to-models__grid { display:flex; flex-direction:column; gap:48px; }
.to-atelier .to-models .to-model { display:grid; grid-template-columns:1.08fr 1fr; min-height:470px; align-items:stretch; border-radius:8px; overflow:visible; background:none!important; border:0; box-shadow:none!important; transform:none!important; }
.to-atelier .to-models .to-model__img { position:relative; min-height:420px; aspect-ratio:auto; overflow:hidden; border-radius:5px 60px 5px 5px; }
.to-atelier .to-models .to-model__img img { width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.2,.65,.3,1); }
.to-atelier .to-models .to-model:hover .to-model__img img { transform:scale(1.045); }
.to-atelier .to-models .to-model__body { align-self:center; position:relative; z-index:3; margin-left:-35px; padding:40px; border:1px solid #fff; border-radius:8px; background:#fffcf0d1!important; backdrop-filter:blur(24px); box-shadow:0 18px 50px -30px #7156375c,inset 0 1px #fff; }
.to-atelier .to-models .to-model:nth-child(2) { grid-template-columns:1fr 1.08fr; }
.to-atelier .to-models .to-model:nth-child(2) .to-model__img { order:2; border-radius:60px 5px 5px 5px; }
.to-atelier .to-models .to-model:nth-child(2) .to-model__body { order:1; margin-left:0; margin-right:-35px; }
.to-atelier .to-model__body h3 { font-size:clamp(29px,3.1vw,46px); line-height:1.06; letter-spacing:-.025em; margin-bottom:22px; }
.to-atelier .to-model__body p,.to-atelier .to-model--list li { font-size:13px; line-height:1.8; }
.to-atelier .to-model--list .to-model__no { color:#a78859; padding-bottom:18px; }
.to-atelier .to-model--list li::before { width:4px; height:4px; top:17px; background:#a78859; }
.to-atelier .to-model__more { border-radius:50%; width:42px; height:42px; margin-top:16px; }
.to-atelier .to-stepper { padding:95px 40px; }
.to-atelier .to-stepper > .to-wrap { display:grid; grid-template-columns:1fr 1.3fr; gap:32px 55px; }
.to-atelier .to-stepper .to-points__head { grid-column:1/-1; margin-bottom:5px; }
.to-atelier .to-stepper .to-step-tabs { display:flex; flex-direction:column; gap:0; margin:0; border-top:1px solid #c6ae8055; }
.to-atelier .to-step-heading { counter-increment:stage; }
.to-atelier .to-step-tabs { counter-reset:stage; }
.to-atelier .to-step-tab { min-height:88px; padding:20px 18px 20px 44px; border:0; border-bottom:1px solid #c6ae8055; border-radius:0; background:none; font:400 24px/1.15 var(--to-serif); }
.to-atelier .to-step-tab::before { content:'0' counter(stage); position:absolute; left:0; top:24px; font:10px/1.5 var(--to-sans); color:#9d8257; }
.to-atelier .to-step-tab[aria-selected=true] { background:linear-gradient(90deg,#efe2c777,transparent); box-shadow:none; color:#533e23; border-color:#b19160; }
.to-atelier .to-step-panels .to-point { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-height:352px; gap:25px; padding:36px 42px; border:1px solid #dfcba766; border-radius:8px 55px 8px 8px; }
.to-atelier .to-step-panels .to-point__no { font:300 88px/1 var(--to-sans); font-variant-numeric:lining-nums tabular-nums; width:auto; height:auto; background:none; border:0; color:#aa8953; box-shadow:none; letter-spacing:-.07em; }
.to-atelier .to-step-panels p { font:400 24px/1.5 var(--to-serif); }
.to-atelier .to-about { padding:80px 45px; border-radius:8px!important; }
.to-atelier[data-photos] .to-about__grid { grid-template-columns:260px 1fr; max-width:1100px; gap:70px; }
.to-atelier[data-photos] .to-about__img { max-width:260px; padding:12px; border:1px solid #d1b78966; border-radius:140px 140px 6px 6px; background:#fffcf38c; box-shadow:12px 18px 0 -6px #e6d6b966; }
.to-atelier[data-photos] .to-about__img img { border-radius:130px 130px 3px 3px; }
.to-atelier .to-about__big { font:400 clamp(28px,3.2vw,45px)/1.18 var(--to-serif); letter-spacing:-.025em; }
.to-atelier .to-about .to-lead { font-size:14px; line-height:1.9; }
.to-atelier .to-brands { padding:90px 40px; }
.to-atelier .to-brands__head { align-items:flex-end; gap:30px; margin-bottom:50px; }
.to-atelier .to-filter { background:#eee5d54d; border:1px solid #d8c7a655; border-radius:30px; padding:4px; flex-wrap:wrap; }
.to-atelier .to-filter button { font-size:10px; padding:10px 14px; }
.to-atelier .to-brands__grid { grid-template-columns:1.2fr .9fr .75fr; gap:30px; align-items:start; }
.to-atelier .to-brand { position:relative; border-radius:4px!important; padding:10px; box-shadow:none!important; transform:none!important; overflow:visible; }
.to-atelier .to-brand:nth-child(2) { margin-top:75px; }
.to-atelier .to-brand:nth-child(3) { margin-top:155px; }
.to-atelier .to-brand img { aspect-ratio:3/4; object-fit:cover; border-radius:2px; transition:clip-path .65s; clip-path:inset(0); }
.to-atelier .to-brand:hover img { clip-path:inset(6px); transform:none; }
.to-atelier .to-brand__meta { padding:20px 8px 12px; background:none; border:0; }
.to-atelier .to-brand__name { font:400 28px/1.2 var(--to-serif); }
.to-atelier .to-brand__cat { font-size:9px; letter-spacing:.15em; }
.to-atelier .to-brand__ph { min-height:260px; display:grid; place-items:center; font:400 28px var(--to-serif); }
.to-atelier .to-showroom { padding:80px 45px; border-radius:60px 8px 8px 8px!important; }
.to-atelier .to-showroom__grid { grid-template-columns:.85fr 1.1fr; gap:70px; align-items:center; }
.to-atelier .to-showroom__film { max-width:370px; justify-self:center; width:100%; padding:10px; border-radius:170px 170px 8px 8px; border:1px solid #fff; background:#fff9; box-shadow:0 25px 55px -30px #654b3655; }
.to-atelier .to-showroom__film video { display:block; max-height:580px; width:100%; border-radius:160px 160px 4px 4px; }
.to-atelier .to-showroom h2 { font-size:clamp(45px,5.8vw,86px); }
.to-atelier .to-showroom .to-lead { font-size:15px; line-height:1.85; }
.to-atelier .to-facts { padding:24px; border:1px solid #fff; border-radius:12px; background:#fffaf28c; backdrop-filter:blur(16px); }
.to-atelier[data-photos] .to-photo-grid { max-width:none; grid-template-columns:1.2fr 1fr .65fr; gap:20px; padding-top:70px; align-items:center; }
.to-atelier .to-photo-item { border-radius:4px; border:7px solid #fff9; box-shadow:0 15px 30px -25px #6c502a80; }
.to-atelier .to-photo-item:nth-child(1) { grid-column:1/3; }
.to-atelier .to-photo-item:nth-child(4) { grid-column:3; grid-row:1/3; }
.to-atelier .to-cta { padding:80px 30px; }
.to-atelier .to-cta > .to-wrap { max-width:none!important; padding:65px 55px!important; border-radius:8px 65px 8px 8px!important; text-align:left; display:grid; grid-template-columns:1.4fr 1fr; gap:30px 60px; align-items:center; }
.to-atelier .to-cta h2 { max-width:none; font-size:clamp(35px,3.9vw,59px); margin:0; grid-row:1/3; }
.to-atelier .to-cta .to-lead { font-size:14px; line-height:1.85; margin:0; }
.to-atelier .to-cta .to-btns { justify-content:flex-start; margin:0; }
.to-atelier .to-footer { background:none; border:0; border-top:1px solid #cfba9555; border-radius:0; padding:30px; }
@media(max-width:1100px) and (min-width:861px) {
 .to-atelier .to-points--strip > .to-wrap { gap:28px; grid-template-columns:.7fr 1.3fr; }
 .to-atelier .to-points--strip .to-point { padding:24px 17px; }
 .to-atelier .to-models .to-model__body { padding:28px; }
 .to-atelier .to-stepper > .to-wrap { gap:30px; }
 .to-atelier .to-showroom__grid { gap:32px; }
 .to-atelier .to-brands__head { display:block; }
 .to-atelier .to-filter { margin-top:25px; width:fit-content; }
}
@media(max-width:860px) {
 .to-atelier .to-main { gap:22px; }
 .to-atelier .to-top { min-height:76px; padding:4px 12px; }
 .to-atelier .to-logo .to-brand-logo { width:72px; height:66px; }
 .to-atelier .to-rail { border-radius:22px; background:#fffaf2ed; }
 .to-atelier .to-desk-story { height:auto; }
 .to-atelier .to-desk-story > .to-hero { position:relative; top:0; height:auto; min-height:0; }
 .to-atelier .to-hero__grid { padding:28px 14px 0; }
 .to-atelier .to-hero__text { width:100%; max-width:none; top:auto; transform:none; }
 .to-atelier .to-hero__text h1 { font-size:clamp(39px,9.6vw,65px); max-width:17ch; }
 .to-atelier .to-hero__text .to-lead { font-size:13px; max-width:40em; }
 .to-atelier .to-desk-scene { width:100%; right:0; }
 .to-atelier .to-stats.to-scene-section { padding:27px 15px; min-height:0; border-radius:5px 35px 5px 5px; }
 .to-atelier .to-stats .to-stat b { font-size:clamp(40px,10vw,65px); }
 .to-atelier .to-points--strip,.to-atelier .to-stepper,.to-atelier .to-brands { padding:45px 15px; }
 .to-atelier main h2 { font-size:42px; max-width:18ch; }
 .to-atelier .to-points--strip > .to-wrap,.to-atelier .to-stepper > .to-wrap { display:block; }
 .to-atelier .to-points--strip .to-points__head { position:static; margin-bottom:30px; }
 .to-atelier .to-points--strip .to-points__grid { gap:12px; }
 .to-atelier .to-points--strip .to-point { padding:24px 18px; min-height:0; }
 .to-atelier .to-points--strip .to-point:nth-child(even) { margin:0; }
 .to-atelier .to-points--strip h3 { font-size:26px; }
 .to-atelier .to-models,.to-atelier .to-about,.to-atelier .to-showroom { padding:40px 20px; }
 .to-atelier .to-models__head { margin-bottom:30px; }
 .to-atelier .to-models .to-model,.to-atelier .to-models .to-model:nth-child(2) { display:flex; flex-direction:column; min-height:0; gap:0; }
 .to-atelier .to-models .to-model__img { min-height:0; aspect-ratio:4/3; order:0!important; border-radius:5px 40px 5px 5px!important; }
 .to-atelier .to-models .to-model__body,.to-atelier .to-models .to-model:nth-child(2) .to-model__body { margin:-25px 8px 0; padding:26px 22px; order:1; }
 .to-atelier .to-model__body h3 { font-size:32px; }
 .to-atelier .to-stepper .to-step-tabs { margin-top:30px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; }
 .to-atelier .to-step-tab { font-size:20px; padding:20px 3px 20px 26px; min-height:105px; overflow-wrap:anywhere; }
 .to-atelier .to-step-panels .to-point { margin-top:24px; min-height:330px; padding:30px; }
 .to-atelier .to-step-panels .to-point__no { font-size:80px; }
 .to-atelier .to-step-panels p { font-size:23px; }
 .to-atelier[data-photos] .to-about__grid { display:flex; flex-direction:column; gap:40px; }
 .to-atelier[data-photos] .to-about__img { max-width:210px; }
 .to-atelier .to-about__big { font-size:30px; }
 .to-atelier .to-brands__head { display:block; margin-bottom:30px; }
 .to-atelier .to-filter { margin-top:25px; width:fit-content; }
 .to-atelier .to-brands__grid { grid-template-columns:1fr 1fr; gap:16px; }
 .to-atelier .to-brand:nth-child(2) { margin-top:45px; }
 .to-atelier .to-brand:nth-child(3) { margin-top:0; }
 .to-atelier .to-brand__name { font-size:24px; }
 .to-atelier .to-brand__ph { min-height:170px; font-size:22px; }
 .to-atelier .to-brand__meta { display:block; }
 .to-atelier .to-showroom__grid { display:flex; flex-direction:column; gap:38px; }
 .to-atelier .to-showroom__film { max-width:260px; }
 .to-atelier .to-showroom h2 { font-size:49px; }
 .to-atelier[data-photos] .to-photo-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-top:36px; }
 .to-atelier .to-photo-item:nth-child(n) { grid-column:auto; grid-row:auto; width:100%; max-width:none; }
 .to-atelier .to-photo-item:nth-child(1) { grid-column:1/-1; }
 .to-atelier .to-photo-item:nth-child(4) { max-height:260px; grid-column:1/-1; width:auto; }
 .to-atelier .to-cta { padding:30px 0; }
 .to-atelier .to-cta > .to-wrap { display:block; padding:36px 25px!important; }
 .to-atelier .to-cta h2 { font-size:37px; }
 .to-atelier .to-cta .to-lead { margin:24px 0; }
 .to-atelier .to-footer { padding:25px 15px; }
}
@media(max-width:420px) { .to-atelier .to-points--strip .to-points__grid { grid-template-columns:1fr; } }
@media(max-width:360px) {
 .to-atelier .to-stepper .to-step-tabs { grid-template-columns:1fr; }
 .to-atelier .to-step-tab { min-height:70px; font-size:21px; }
}
@media(prefers-reduced-motion:reduce) { .to-atelier *, .to-atelier *::before,.to-atelier *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* Bound the first screen on tall desktop windows without changing the approved scene. */
@media (min-width:861px) {
  body.to-atelier.to-desk-active .to-desk-story > .to-hero {
    height:clamp(570px,calc(100svh - 126px),760px);
  }
}
/* Extra client-added links remain reachable in one touch-scrollable row. */
@media (max-width:860px) {
  body.to-icons-ready.to-editorial-nav .to-menu--primary:has(> :nth-child(6)) {
    grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(68px,1fr);
    overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin;
  }
}