/* Each service has its own photographed room. Shared projection geometry lives in v9. */
.atelier-ten .a9-copy{padding-top:clamp(65px,7.5vw,112px)}
.atelier-ten .a9-copy h1{max-width:12ch!important}
.atelier-ten .a9-copy .a9-lede{max-width:36ch!important}
.atelier-ten .a10-room-academy .a9-copy{width:38%}
.atelier-ten .a10-room-academy .a9-copy h1{font-size:clamp(60px,5.4vw,94px)!important}
.atelier-ten .a10-room-websites .a9-copy{width:45%}
.atelier-ten .a10-room-websites .a9-copy h1{max-width:12.5ch!important}
.atelier-ten .a10-note{padding:34px 42px 55px}
.atelier-ten .a10-note .a9-screen-kicker{font-size:17px;margin:0 0 18px}
.atelier-ten .a10-note strong{font-size:51px;line-height:1.05;margin:0 0 24px;max-width:25ch}
.a10-note-row{position:relative;display:flex;align-items:center;gap:20px;padding:15px 0;border-top:1px solid #b49a793d;font:400 23px/1.35 var(--si-sans);color:#72583e;isolation:isolate}
.a10-note-row>span{font-size:16px;letter-spacing:.06em;color:#ac7b51}.a10-note-row>b{font-weight:400}.a10-note-row>i{width:10px;height:10px;margin-left:auto;border-radius:50%;background:#c9baa6;animation:a10-step 9s infinite;animation-play-state:paused}
.a10-note-row:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#caa47b24,transparent);transform:scaleX(0);transform-origin:left;animation:a10-track 9s infinite;animation-play-state:paused}
.a10-note-row:nth-child(2)>i,.a10-note-row:nth-child(2):after{animation-delay:3s}.a10-note-row:nth-child(3)>i,.a10-note-row:nth-child(3):after{animation-delay:6s}
.a9-live .a10-note-row>i,.a9-live .a10-note-row:after{animation-play-state:running}
.a10-gather .a10-note-row{border-top:0;border-left:2px solid #c7ac8b;margin-left:9px;padding-left:22px}.a10-gather .a10-note-row>span{border:1px solid #bda184;border-radius:50%;padding:7px;background:#f8f1e5}
.a10-clarity .a10-note-row{font-family:var(--si-serif);font-size:30px}.a10-clarity .a10-note-row>i{border-radius:0;width:16px;height:2px}
.a10-academy .a10-note-row>span{font-family:var(--si-serif);font-size:26px}.a10-academy{background:repeating-linear-gradient(0deg,transparent,transparent 51px,#b99a7420 52px),#fbf6ec}
.atelier-ten .a9-feature{padding-top:105px;padding-bottom:105px}
.atelier-ten .a10-feature-gather{grid-template-columns:1.25fr 1fr}.a10-feature-gather .a9-feature-media{aspect-ratio:1.15}
.atelier-ten .a10-feature-clarity .a9-feature-media{order:1}.atelier-ten .a10-feature-clarity .a9-feature-copy{order:0}
.atelier-ten .a10-feature-academy .a9-feature-media{aspect-ratio:1}
.atelier-ten .sp-offers{gap:40px!important}.atelier-ten .sp-offer{background:transparent!important;border-radius:0!important;box-shadow:none!important}
.atelier-ten .sp-offer .interior-offer-image{border-radius:0!important;aspect-ratio:4/3!important;object-fit:cover;max-height:none!important}
.atelier-ten .sp-offer li{font-size:17px!important;line-height:1.75!important}
.atelier-ten .sp-process h3,.atelier-ten .si-process h3{font-family:var(--si-serif)!important;font-size:32px!important;font-weight:400!important}
.atelier-ten .sv-heading h2,.atelier-ten .sv-contact h2{font-size:clamp(45px,4.9vw,76px)!important;line-height:1.08!important}
.atelier-ten .sv-heading p,.atelier-ten .sv-card p{font-size:18px!important;line-height:1.8!important}
.atelier-ten .sv-card{background:transparent!important;border:0!important;border-top:1px solid #bda48a66!important;border-radius:0!important;padding:32px 0!important;box-shadow:none!important}
.atelier-ten .sv-card h3{font-size:38px!important;line-height:1.15!important}.atelier-ten .sv-cards{gap:40px!important}
.atelier-ten .lp-form input,.atelier-ten .lp-form select,.atelier-ten .lp-form textarea,.atelier-ten .sv-native-form input,.atelier-ten .sv-native-form select,.atelier-ten .sv-native-form textarea{font-size:17px!important}
.atelier-ten.v8-page-intelligent-websites .section-head h2{font-size:clamp(44px,4.7vw,72px)!important;line-height:1.08!important;max-width:20ch!important}
.a10-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:55px}
.a10-showcase>a{display:block;color:#453020;text-decoration:none;border-bottom:1px solid #c9bba7;padding-bottom:25px}
.a10-showcase img{width:100%!important;height:310px!important;object-fit:cover!important;object-position:right center;border-radius:0!important;transition:filter .3s}
.a10-showcase a:hover img{filter:brightness(1.04)}
.a10-showcase span{display:block;font:500 12px/1.6 var(--si-sans);letter-spacing:.1em;margin:27px 0 16px}
.atelier-ten .a10-showcase h3{font:400 34px/1.12 var(--si-serif)!important;display:flex;gap:20px;justify-content:space-between;margin:0 0 18px!important}.a10-showcase h3 b{font:400 24px var(--si-sans);color:#9a623c}
.atelier-ten .a10-showcase p{font:400 17px/1.75 var(--si-sans)!important;margin:0!important;color:#725d49}
.a10-showcase a:focus-visible{outline:3px solid #a5653b;outline-offset:7px}
@keyframes a10-track{0%,31%,100%{transform:scaleX(0)}9%,24%{transform:scaleX(1)}}
@keyframes a10-step{0%,31%,100%{background:#c9baa6;transform:scale(.8)}9%,24%{background:#947448;transform:scale(1.2)}}
@media(min-width:761px) and (max-width:1150px){.atelier-ten .a9-copy{padding-top:60px}.atelier-ten .a9-copy h1{font-size:clamp(54px,5.7vw,68px)!important}.atelier-ten .a9-copy .a9-lede{font-size:17px!important;line-height:1.65!important}.atelier-ten .a10-room-academy .a9-copy{width:40%}.atelier-ten .a9-copy .a9-meta{font-size:13px;margin-top:18px}.atelier-ten .a9-copy .si-button{padding:15px 20px!important;font-size:14px!important}}
@media(max-width:760px){
 .atelier-ten .a9-copy,.atelier-ten .a10-room-academy .a9-copy,.atelier-ten .a10-room-websites .a9-copy{width:100%;padding:46px 25px 32px}
 .atelier-ten .a9-copy h1,.atelier-ten .a10-room-academy .a9-copy h1{font-size:clamp(52px,10.8vw,78px)!important;max-width:13ch!important}
 .atelier-ten .a9-feature{padding:65px 24px;grid-template-columns:1fr}.atelier-ten .a10-feature-clarity .a9-feature-media{order:0}.atelier-ten .a10-feature-clarity .a9-feature-copy{order:1}
 .atelier-ten .a9-feature-media{aspect-ratio:5/4}.atelier-ten .sp-offers,.atelier-ten .sv-cards{gap:35px!important}
 .atelier-ten .sv-heading h2{font-size:48px!important}.atelier-ten .sv-card h3{font-size:34px!important}
 .a10-showcase{grid-template-columns:1fr;gap:45px;margin-top:35px}.a10-showcase img{height:300px!important}
}
@media(prefers-reduced-motion:reduce){.a10-note-row>i,.a10-note-row:after{animation:none!important}.a10-showcase img{transition:none}}
@media(min-width:761px) and (max-width:900px){
 .atelier-ten .a9-room{height:auto;display:flex;flex-direction:column;background:#eee3d1}
 .atelier-ten .a9-copy,.atelier-ten .a10-room-academy .a9-copy,.atelier-ten .a10-room-websites .a9-copy{width:100%;max-width:680px;padding:60px 30px 45px;margin:auto;order:0}
 .atelier-ten .a9-copy h1,.atelier-ten .a10-room-academy .a9-copy h1{font-size:68px!important;max-width:15ch!important}
 .atelier-ten .a9-copy .a9-lede{font-size:19px!important;max-width:47ch!important}
 .atelier-ten .a9-visual{position:relative;inset:auto;width:100%;height:600px;order:1}
 .atelier-ten .a9-pins{position:relative;order:2;display:flex;flex-wrap:wrap;gap:12px;padding:15px 30px 25px;justify-content:center}
 .atelier-ten .a9-pin{position:relative!important;inset:auto!important;transform:none!important;font-size:15px;min-height:48px;flex:1 1 auto;justify-content:space-between}
 .atelier-ten .a9-room-caption{position:relative;bottom:auto;left:auto;order:3;text-align:center;background:transparent;border:0;padding:0 30px 30px;margin:0}
 .atelier-ten .a9-room[data-room-tone=night]{background:#e4d1b9}
}