/* Atelier is a presentation variant of the shared page. Original/Monolith remain untouched. */
.atelier-showcase{display:none}
html[data-design=atelier]{color-scheme:light;--bg:#f3efe6;--text:#28291f;--muted:#686858;--lime:#755d3c;--line:#bdb6a6;--brand-ink:#786344;--atelier-serif:Georgia,'Times New Roman',serif;--atelier-paper:#f3efe6;--atelier-ink:#28291f}
html[data-design=atelier] body{background:var(--bg);color:var(--text)}
html[data-design=atelier] body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23705c40' opacity='.28' filter='url(%23g)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
html[data-design=atelier] .header{height:124px;border-bottom:1px solid var(--line);position:relative;z-index:60}
html[data-design=atelier] .brand-mark{filter:none;color:var(--brand-ink)}
html[data-design=atelier] .brand-wordmark strong{font-size:17px;font-weight:500;letter-spacing:2px}
html[data-design=atelier] .brand-wordmark small{color:#6f634f;font-size:9px;letter-spacing:5px}
html[data-design=atelier] .header nav{border:0;border-radius:0;background:none;backdrop-filter:none;padding:0;font-size:12px}
html[data-design=atelier] .nav-contact{border:0;border-bottom:1px solid #766348;border-radius:0;padding:10px 0}
html[data-design=atelier] .transform-control{border:1px solid #b8ad98;border-radius:0;background:transparent;color:#403a2b;box-shadow:none}
html[data-design=atelier] .transform-control small{color:#6f634f}
html[data-design=atelier] .transform-control svg{color:#786344}
html[data-design=atelier] .transform-control:hover{background:#e9e1d3}
html[data-design=atelier] .design-options{background:#f3efe6;border-color:#b8ad98;border-radius:0;box-shadow:0 18px 35px #30281918}
html[data-design=atelier] .design-options button{border-radius:0}
html[data-design=atelier] .design-options button:hover,html[data-design=atelier] .design-options button[aria-pressed=true]{background:#e9e1d3}
html[data-design=atelier] .hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 28px;padding-top:64px;padding-bottom:92px;min-height:0}
html[data-design=atelier] .hero-copy{display:contents;animation:none}
html[data-design=atelier] .hero-copy .eyebrow{grid-column:1/-1;font-size:10px;letter-spacing:2.3px;margin-bottom:35px;color:#696451}
html[data-design=atelier] .tiny-star{display:none}
html[data-design=atelier] .hero h1{grid-column:1/-1;font-family:var(--atelier-serif);font-weight:400;font-size:clamp(72px,8.6vw,126px);line-height:1.05;letter-spacing:-5px;max-width:1050px;margin:0 0 65px}
html[data-design=atelier] .hero h1 br{display:none}
html[data-design=atelier] .hero h1 .accent{font-style:italic;display:inline;color:#786344;background:none;-webkit-text-fill-color:currentColor}
html[data-design=atelier] .hero .intro{grid-column:1/5;grid-row:3;font-family:var(--atelier-serif);font-size:27px;line-height:1.4;letter-spacing:-.5px;margin:45px 0 25px}
html[data-design=atelier] .hero .support{grid-column:1/5;grid-row:4;font-size:14px;line-height:1.9;color:#676653;max-width:300px;margin:0 0 28px}
html[data-design=atelier] .hero .actions{grid-column:1/5;grid-row:5;display:flex;align-items:flex-start;flex-direction:column;gap:17px}
html[data-design=atelier] .button{border-radius:0;background:#383e2f;color:#f5f0e5;box-shadow:none;font-size:12px;font-weight:400;letter-spacing:.6px;min-height:49px}
html[data-design=atelier] .primary:hover{background:#555d44;transform:none;box-shadow:none}
html[data-design=atelier] .text-link{font-size:12px;border-color:#a39a87}
html[data-design=atelier] .hero-notes{grid-column:1/5;grid-row:6;display:block;margin-top:30px;color:#6b685a;font-size:11px}
html[data-design=atelier] .hero-notes span{display:block;margin-top:7px}
html[data-design=atelier] .hero-notes span:before{color:#817050}
html[data-design=atelier] .hero-stage{grid-column:6/-1;grid-row:3/8;padding:0;width:100%;max-width:none;perspective:none;animation:none}
html[data-design=atelier] .stage-glow,html[data-design=atelier] .float-card{display:none}
html[data-design=atelier] .orbit-label{text-align:left;font-size:9px;letter-spacing:1.8px;color:#6d6656;margin-bottom:18px}
html[data-design=atelier] .example-window,html[data-design=atelier] .hero-stage:hover .example-window{background:#e6dfd1;color:#34352c;border:0;border-radius:0;box-shadow:none;transform:none;animation:none;min-height:0}
html[data-design=atelier] .browser-bar{background:#e6dfd1;border-bottom:1px solid #bfb7a7;color:#6b6556;height:29px;font-size:9px}
html[data-design=atelier] .sample-nav{padding:21px 25px}
html[data-design=atelier] .sample-nav strong{font-family:var(--atelier-serif);font-size:25px;font-weight:400}
html[data-design=atelier] .sample-nav>span{color:#6b6556}
html[data-design=atelier] .sample-nav b{border-color:#9b927e;border-radius:0}
html[data-design=atelier] .example-window .sample-body{min-height:340px;padding:30px;background:linear-gradient(90deg,#1b2416a8,#1b24161a),url('assets/atelier-courtyard.webp') center 52%/cover}
html[data-design=atelier] .example-window .sample-body h2{font-family:var(--atelier-serif);font-size:64px;font-weight:400;letter-spacing:-2px;line-height:1.02;color:#fff8e7;margin-top:26px}
html[data-design=atelier] .example-window .sample-body i{color:#f8ead0;font-style:italic;font-weight:400}
html[data-design=atelier] .example-window .sample-body>p{color:#fff4dd;letter-spacing:1.5px;font-size:8px}
html[data-design=atelier] .sample-line{border-color:#faf1dc77}
html[data-design=atelier] .sample-tag{color:#fff4dd;font-size:10px}
html[data-design=atelier] .example-window .sample-footer{color:#6b6556;border:0;padding:15px 25px;font-size:8px}
html[data-design=atelier] .concept-picker{background:none;border:0;border-radius:0;backdrop-filter:none;margin:18px 0 0;padding:0;gap:16px}
html[data-design=atelier] .concept-picker button{border:0;border-bottom:1px solid transparent;border-radius:0;color:#6a6556;padding:5px 0;font-size:10px;min-height:35px}
html[data-design=atelier] .concept-picker button.active{border-color:#736344;color:#332d22;background:none}
html[data-design=atelier] .concept-picker button:hover{color:#332d22;background:none}
html[data-design=atelier] .concept-caption{text-align:left;font-size:9px;color:#726c5c;margin-top:8px}
html[data-design=atelier] .service-strip{background:#eae4d8;border-block:1px solid #c8c0b0}
html[data-design=atelier] .service-strip .wrap{padding-block:25px}
html[data-design=atelier] .service-strip .wrap>span:first-child{color:#756b56;font-size:9px;letter-spacing:1.5px}
html[data-design=atelier] .service-strip .wrap>span:last-child{color:#514b3b;font-size:12px}
html[data-design=atelier] .service-strip i{color:#9a8664}
html[data-design=atelier] .section{padding-top:95px;padding-bottom:45px}
html[data-design=atelier] .eyebrow{font-size:9px;color:#756b56;letter-spacing:2px;font-weight:400}
html[data-design=atelier] .section h2{font-family:var(--atelier-serif);font-weight:400;font-size:clamp(38px,4.7vw,68px);line-height:1.1;letter-spacing:-2px}
html[data-design=atelier] .section-head{display:block;border-bottom:1px solid var(--line);padding-bottom:40px;margin:0}
html[data-design=atelier] .section-head>div{max-width:860px}
html[data-design=atelier] .section-head>p{margin:25px 0 0 51%;font-size:13px;color:#686858}
html[data-design=atelier] .muted{color:#84785e;font-style:italic}
html[data-design=atelier] .services-grid{display:block}
html[data-design=atelier] .service-card{display:grid;grid-template-columns:7% 47% 1fr;gap:15px 20px;padding:45px 0;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;backdrop-filter:none;overflow:visible;transform:none}
html[data-design=atelier] .service-card:hover{transform:none;box-shadow:none;background:none;border-color:#99896c}
html[data-design=atelier] .spotlight:before{display:none}
html[data-design=atelier] .service-icon{display:none}
html[data-design=atelier] .card-number,html[data-design=atelier] .addon{grid-column:1;grid-row:1/3;float:none;font-family:var(--atelier-serif);color:#8b7b5f;font-size:23px}
html[data-design=atelier] .addon{font-family:inherit;font-size:8px;letter-spacing:1px}
html[data-design=atelier] .service-card h3{grid-column:2;grid-row:1/3;font-family:var(--atelier-serif);font-weight:400;font-size:clamp(30px,3.3vw,46px);line-height:1.12;letter-spacing:-1px;margin:0;max-width:450px}
html[data-design=atelier] .service-card:nth-child(even) h3{padding-left:35px;font-style:italic}
html[data-design=atelier] .service-card p{grid-column:3;grid-row:1;color:#626353;font-size:13px;line-height:1.9;margin:0}
html[data-design=atelier] .tags{grid-column:3;grid-row:2;gap:16px}
html[data-design=atelier] .tags span{padding:0;border:0;border-radius:0;background:none;color:#716650;font-size:9px;letter-spacing:.5px}
html[data-design=atelier] .approach{display:block;padding-top:105px}
html[data-design=atelier] .approach>div:first-child{display:grid;grid-template-columns:1.2fr 1fr;gap:0 80px;align-items:end;margin-bottom:60px}
html[data-design=atelier] .approach .eyebrow{grid-column:1/-1}
html[data-design=atelier] .approach h2{font-size:60px}
html[data-design=atelier] .approach h2 br{display:none}
html[data-design=atelier] .approach .accent{font-style:italic;color:#837155}
html[data-design=atelier] .approach-intro{color:#686858;font-size:14px;line-height:1.9;margin:0 0 8px;max-width:340px}
html[data-design=atelier] .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
html[data-design=atelier] .steps article,html[data-design=atelier] .steps article:first-child{display:block;padding:25px 0 0;border-top:1px solid #a99d86;border-bottom:0}
html[data-design=atelier] .steps article>span{font-family:var(--atelier-serif);font-size:40px;line-height:1;color:#89785c;display:block;margin-bottom:30px}
html[data-design=atelier] .steps h3{font-family:var(--atelier-serif);font-size:25px;line-height:1.2;letter-spacing:-.4px;font-weight:400;margin-bottom:20px}
html[data-design=atelier] .steps p{font-size:12px;line-height:1.8;color:#686858}
html[data-design=atelier] #contact{padding-top:110px}
html[data-design=atelier] .contact-panel{display:block;border:0;border-top:1px solid #b6aa92;border-radius:0;background:none;box-shadow:none;padding:60px 0 0;overflow:visible}
html[data-design=atelier] .contact-panel>div:first-child{max-width:950px}
html[data-design=atelier] .contact-panel h2{font-family:var(--atelier-serif);font-size:clamp(60px,8vw,112px);line-height:1.04;letter-spacing:-4px}
html[data-design=atelier] .contact-panel h2 br{display:none}
html[data-design=atelier] .contact-panel .accent{color:#827052;font-style:italic}
html[data-design=atelier] .contact-panel>div>p:not(.eyebrow){color:#686858;font-size:14px}
html[data-design=atelier] .contact-note{font-size:11px;color:#746c5b}
html[data-design=atelier] .contact-content{max-width:600px;margin:45px 0 0 auto}
html[data-design=atelier] .intent-tabs{border:0;border-bottom:1px solid #b6aa92;background:none;border-radius:0;padding:0;gap:30px;justify-content:flex-start}
html[data-design=atelier] .intent-tabs button{flex:0 1 auto;border-radius:0;padding:12px 0;color:#746c5b;font-size:12px}
html[data-design=atelier] .intent-tabs .selected{background:none;color:#302d24;box-shadow:0 1px 0 #302d24}
html[data-design=atelier] .contact-content h3{font-family:var(--atelier-serif);font-size:30px;font-weight:400;line-height:1.2;color:#302d24}
html[data-design=atelier] .contact-content p{color:#686858;font-size:13px}
html[data-design=atelier] form label{color:#6a6353;font-size:11px;margin-top:25px}
html[data-design=atelier] form :is(input,textarea){border:0;border-bottom:1px solid #b6aa92;border-radius:0;background:#ebe6db66;color:#302d24;padding:12px 8px;font-size:15px}
html[data-design=atelier] form :is(input,textarea)::placeholder{color:#767260}
html[data-design=atelier] form :is(input,textarea):focus{outline:2px solid #827052}
html[data-design=atelier] form .button{margin-top:30px;width:auto;min-width:230px}
html[data-design=atelier] #email-status{color:#514931}
html[data-design=atelier] footer{border-top:1px solid #b6aa92;margin-top:70px!important;padding-top:30px!important}
html[data-design=atelier] footer :is(p,span){color:#756b56}
/* An editorial study, exclusive to Atelier; all shared site content stays in place. */
html[data-design=atelier] .atelier-showcase{display:block;margin:0;padding:95px 0 0;background:#e9e2d4}
.atelier-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;padding-bottom:55px}
.atelier-kicker{display:block;color:#72644d;font-size:9px;letter-spacing:2px;margin-bottom:27px}
.atelier-caption h2{font-family:var(--atelier-serif);font-size:clamp(42px,4.9vw,70px);font-weight:400;line-height:1.07;letter-spacing:-2px}
.atelier-caption h2 em{font-weight:400;color:#7d6a4c}
.atelier-caption>p{max-width:250px;font-size:13px;line-height:1.9;color:#68604e;margin:0 0 5px}
.atelier-scroll{position:relative}
.atelier-scene{position:relative;height:100vh;max-height:900px;min-height:620px;overflow:hidden;background:radial-gradient(ellipse at 65% 30%,#e6deca,#d4c7b0 75%)}
.atelier-scene:before{content:'';position:absolute;width:40%;height:140%;background:#f7f1e355;transform:rotate(32deg);left:10%;top:-25%;filter:blur(20px);pointer-events:none}
.atelier-scene-label,.atelier-scene-footer{position:absolute;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5;color:#675a43;font-size:8px;letter-spacing:1.4px}
.atelier-scene-label{top:25px}.atelier-scene-footer{bottom:23px}
.atelier-objects{position:absolute;inset:65px max(5%,calc((100vw - 1250px)/2)) 65px}
.atelier-object{position:absolute;box-shadow:12px 30px 45px #3a2d192b;color:#f6efdf;transform-origin:center;backface-visibility:hidden}
.atelier-desktop{width:64%;left:20%;top:6%;z-index:2;background:#f1ecdf;border:7px solid #34392f;border-radius:7px;transform:rotate(-2deg)}
.atelier-browser{height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#34392f;color:#d5cdb9;font-size:6px;letter-spacing:1px}
.maison-nav{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;color:#4a4b37}
.maison-nav>span{font-family:Georgia,serif;font-size:14px;letter-spacing:2px}.maison-nav small{font-size:6px;letter-spacing:1px}
.maison-screen{position:relative;height:280px;overflow:hidden;background:#676f51}
.maison-screen>img{width:100%;height:100%;object-fit:cover;display:block}
.maison-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#16231788,#16231705)}
.maison-screen>div{position:absolute;inset:27px;z-index:1}.maison-screen small{font-size:7px;letter-spacing:1.7px}
.maison-screen p{font-family:Georgia,serif;font-size:51px;line-height:1.06;letter-spacing:-1.5px;margin:32px 0 20px}
.maison-link{font-size:8px;border-bottom:1px solid #f6efdf88;padding-bottom:5px}
.maison-bottom{display:flex;justify-content:space-between;color:#70654d;font-size:7px;padding:20px;letter-spacing:.5px}
.atelier-phone{width:17%;left:7%;top:28%;z-index:4;border:6px solid #35392e;border-radius:25px;background:#f2ecdc;color:#414631;overflow:hidden;transform:rotate(5deg)}
.phone-camera{position:absolute;width:35%;height:8px;background:#35392e;left:32.5%;top:0;border-radius:0 0 8px 8px}
.phone-name{text-align:center;font-family:Georgia,serif;font-size:11px;line-height:1.1;letter-spacing:2px;padding:22px 10px 13px}
.atelier-phone>img{width:100%;height:158px;object-fit:cover;display:block}
.phone-copy{padding:19px 15px 25px}.phone-copy small{font-size:5px;letter-spacing:.8px;display:block}.phone-copy p{font-family:Georgia,serif;font-size:28px;line-height:1.06;margin:13px 0}.phone-copy>span{font-size:6px;border-bottom:1px solid #8e8265;padding-bottom:4px}
.atelier-card{width:25%;left:0;top:5%;z-index:3;background:#444c36;padding:25px 20px;text-align:center;transform:rotate(-8deg)}
.maison-emblem{display:block;font-family:Georgia,serif;font-style:italic;font-size:30px;line-height:1;color:#d9c39a}
.atelier-card p{font-family:Georgia,serif;font-size:15px;letter-spacing:2px;margin:13px 0 5px}
.atelier-card small{font-size:5px;letter-spacing:1.3px}.card-rule{display:block;width:20px;border-top:1px solid #caba9855;margin:16px auto}.card-address{font-size:5px;letter-spacing:1px}
.atelier-menu{width:22%;right:0;top:37%;z-index:3;background:#eee5d2;color:#555036;padding:26px 24px;transform:rotate(8deg)}
.atelier-menu small{font-size:7px;letter-spacing:2px}.atelier-menu p{font-family:Georgia,serif;font-size:42px;line-height:1.05;margin:25px 0}.atelier-menu>span{font-size:6px;line-height:2.2;letter-spacing:1px;display:block}.menu-line{width:30px;border-top:1px solid #a49370;margin:17px 0}.atelier-menu .menu-foot{margin-top:25px;font-size:5px}
.atelier-confirmation{width:30%;left:39%;top:75%;z-index:5;background:#faf5e9;color:#555039;padding:20px 22px;transform:rotate(-3deg)}
.confirmation-check{position:absolute;right:22px;top:20px;border:1px solid #968c73;width:23px;height:23px;text-align:center;line-height:22px;font-size:12px;border-radius:50%}
.atelier-confirmation small{font-size:6px;letter-spacing:1.4px}.atelier-confirmation p{font-family:Georgia,serif;font-size:24px;line-height:1.1;margin:13px 0 10px}.atelier-confirmation>span:not(.confirmation-check){font-size:7px;line-height:1.8;display:block}.atelier-confirmation>div{font-size:5px;letter-spacing:1px;border-top:1px solid #c7bea8;margin-top:16px;padding-top:10px}
.atelier-motion{border:0;border-bottom:1px solid #8a7b60;background:none;color:#514833;font:inherit;font-size:10px;letter-spacing:.5px;padding:8px 0;cursor:pointer;white-space:nowrap}.atelier-motion[hidden]{display:none}
.atelier-disclaimer{padding-top:23px;padding-bottom:30px;font-size:10px;color:#706551;margin:0 auto}
@keyframes atelier-page-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){html[data-transition=editorial]::view-transition-old(root){animation:forge-out 1s ease both}html[data-transition=editorial]::view-transition-new(root){animation:atelier-page-in 1.15s cubic-bezier(.22,.6,.3,1) both}html[data-transition=editorial]::view-transition-group(root){animation-duration:1.15s}}
@media(min-width:1500px){.atelier-objects{max-width:1250px;left:calc((100vw - 1250px)/2);right:calc((100vw - 1250px)/2)}.maison-screen{height:330px}}
@media(max-width:1100px){html[data-design=atelier] .hero{gap:0 20px}html[data-design=atelier] .hero .intro{font-size:24px}html[data-design=atelier] .hero-stage{grid-column:5/-1}html[data-design=atelier] .hero .intro,html[data-design=atelier] .hero .support,html[data-design=atelier] .hero .actions,html[data-design=atelier] .hero-notes{grid-column:1/5}html[data-design=atelier] .example-window .sample-body h2{font-size:54px}html[data-design=atelier] .service-card{grid-template-columns:6% 44% 1fr;gap:15px}html[data-design=atelier] .service-card:nth-child(even) h3{padding-left:0}html[data-design=atelier] .approach>div:first-child{gap:0 35px}.maison-screen{height:245px}.maison-screen p{font-size:42px}.atelier-scene{min-height:660px}.atelier-caption{gap:30px}.atelier-caption>p{max-width:220px}.atelier-menu{padding:22px 18px}.atelier-confirmation{top:71%}}
@media(max-width:800px){html[data-design=atelier] .hero{padding-top:45px}html[data-design=atelier] .hero h1{font-size:80px;letter-spacing:-3px;margin-bottom:35px}html[data-design=atelier] .hero .intro{margin-top:35px;font-size:23px}html[data-design=atelier] .hero .support{font-size:12px}html[data-design=atelier] .example-window .sample-body{padding:24px;min-height:320px}html[data-design=atelier] .example-window .sample-body h2{font-size:49px}html[data-design=atelier] .sample-nav>span{display:none}html[data-design=atelier] .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}html[data-design=atelier] .approach h2{font-size:46px}.atelier-caption{display:block}.atelier-caption>p{max-width:330px;margin-top:25px}.atelier-desktop{width:74%;left:16%}.atelier-card{width:29%;left:0;top:0}.atelier-phone{width:22%;left:2%;top:31%}.atelier-menu{width:24%;top:47%}.atelier-confirmation{width:37%;top:74%;left:33%}.maison-nav{padding:17px 12px}.maison-nav small{font-size:5px}.atelier-scene-footer{font-size:6px;letter-spacing:.7px}}
@media(max-width:700px){
html[data-design=atelier] .header{height:auto;min-height:98px}
html[data-design=atelier] .header .brand-wordmark strong{font-size:13px;letter-spacing:.8px}html[data-design=atelier] .header .brand-wordmark small{font-size:8px;letter-spacing:3.5px}
html[data-design=atelier] .hero{display:flex;flex-direction:column;gap:0;padding-top:38px;padding-bottom:55px}
html[data-design=atelier] .hero-copy .eyebrow{font-size:8px;letter-spacing:1.1px;line-height:1.8;margin-bottom:23px}
html[data-design=atelier] .hero h1{font-size:clamp(52px,12.5vw,82px);line-height:1.06;letter-spacing:-2.5px;margin-bottom:0}
html[data-design=atelier] .hero .intro{font-size:24px;margin:28px 0 17px;max-width:310px}
html[data-design=atelier] .hero .support{font-size:13px;max-width:340px;margin-bottom:23px}
html[data-design=atelier] .hero .actions{flex-direction:row;align-items:center;gap:15px;flex-wrap:wrap}
html[data-design=atelier] .hero .button{font-size:10px;padding:13px 14px;gap:10px}
html[data-design=atelier] .hero-notes{display:flex;gap:12px;font-size:9px;margin-top:17px}
html[data-design=atelier] .hero-stage{margin:38px 0 0;padding:0;max-width:100%}
html[data-design=atelier] .example-window .sample-body{min-height:300px;padding:25px}
html[data-design=atelier] .example-window .sample-body h2{font-size:57px}
html[data-design=atelier] .concept-picker{gap:20px}.atelier-caption{padding-bottom:35px}
html[data-design=atelier] .service-strip .wrap{padding-block:20px;gap:12px}.atelier-caption h2{font-size:43px;letter-spacing:-1.5px}
html[data-design=atelier] .section{padding-top:65px;padding-bottom:15px}
html[data-design=atelier] .section h2{font-size:39px;letter-spacing:-1.3px}
html[data-design=atelier] .section-head{padding-bottom:28px}
html[data-design=atelier] .section-head>p{margin:22px 0 0;font-size:12px}
html[data-design=atelier] .service-card{grid-template-columns:32px minmax(0,1fr);gap:16px 12px;padding:30px 0}
html[data-design=atelier] .card-number,html[data-design=atelier] .addon{grid-column:1;grid-row:1;font-size:20px}
html[data-design=atelier] .addon{font-size:6px;line-height:1.8;letter-spacing:.5px}
html[data-design=atelier] .service-card h3{grid-column:2;grid-row:1;font-size:32px}
html[data-design=atelier] .service-card p{grid-column:2;grid-row:2;font-size:12px}
html[data-design=atelier] .tags{grid-column:2;grid-row:3}
html[data-design=atelier] .approach>div:first-child{display:block;margin-bottom:35px}
html[data-design=atelier] .approach h2{font-size:43px;max-width:340px}
html[data-design=atelier] .approach-intro{margin:25px 0 0;font-size:13px}
html[data-design=atelier] .steps{gap:30px 20px}
html[data-design=atelier] .steps h3{font-size:22px}
html[data-design=atelier] .steps p{font-size:11px}
html[data-design=atelier] .steps article>span{font-size:32px;margin-bottom:20px}
html[data-design=atelier] #contact{padding-top:65px}
html[data-design=atelier] .contact-panel{padding:35px 0 0}
html[data-design=atelier] .contact-panel h2{font-size:59px;letter-spacing:-2px}
html[data-design=atelier] .contact-content{margin-top:35px}
html[data-design=atelier] .contact-content h3{font-size:28px}
html[data-design=atelier] footer{margin-top:40px!important}
html[data-design=atelier] .atelier-showcase{padding-top:55px}
.atelier-kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:23px}
.atelier-caption>p{font-size:12px;max-width:300px;margin-top:24px}
.atelier-scroll{height:auto;min-height:0}
.atelier-scene{position:relative;height:790px;min-height:0;max-height:none}
.atelier-scene-label{font-size:6px;letter-spacing:.8px;top:20px;left:6%;right:6%}.atelier-scene-label span:last-child{max-width:80px;text-align:right}
.atelier-objects{inset:60px 6% 70px}
.atelier-desktop{left:0;top:17%;width:100%;border-width:4px;transform:rotate(-2deg)}
.atelier-browser{height:16px;font-size:5px}.maison-nav{padding:12px}.maison-nav>span{font-size:10px;letter-spacing:1.1px}.maison-nav small{font-size:4px;letter-spacing:.3px}
.maison-screen{height:190px}.maison-screen>div{inset:18px}.maison-screen small{font-size:5px}.maison-screen p{font-size:35px;margin:23px 0 15px}.maison-link{font-size:6px}.maison-bottom{font-size:5px;padding:14px}
.atelier-card{width:58%;left:4%;top:0;padding:19px 12px;z-index:3;transform:rotate(-6deg)}.maison-emblem{font-size:24px}.atelier-card p{font-size:12px;margin:8px 0 5px}.atelier-card small{font-size:4px}.card-rule{margin:10px auto}.card-address{font-size:4px}
.atelier-phone{width:35%;left:62%;top:48%;border-width:4px;border-radius:19px;transform:rotate(5deg)}.phone-name{font-size:8px;padding:16px 6px 10px}.atelier-phone>img{height:115px}.phone-copy{padding:15px 10px 19px}.phone-copy p{font-size:23px}.phone-copy small{font-size:4px}.phone-copy>span{font-size:5px}
.atelier-menu{width:42%;left:3%;right:auto;top:57%;padding:19px 16px;transform:rotate(-4deg)}.atelier-menu small{font-size:6px}.atelier-menu p{font-size:34px;margin:18px 0}.atelier-menu>span{font-size:5px}.menu-line{margin:12px 0}.atelier-menu .menu-foot{font-size:4px;margin-top:17px}
.atelier-confirmation{width:60%;left:28%;top:76%;padding:15px;transform:rotate(3deg)}.atelier-confirmation small{font-size:5px}.atelier-confirmation p{font-size:20px;margin:10px 0 6px}.atelier-confirmation>span:not(.confirmation-check){font-size:6px}.atelier-confirmation>div{margin-top:10px;padding-top:8px;font-size:4px}.confirmation-check{width:18px;height:18px;line-height:17px;font-size:9px;right:14px;top:13px}
.atelier-scene-footer{bottom:15px;left:6%;right:6%;align-items:end}.atelier-scene-footer>span{max-width:170px;line-height:1.8;font-size:6px}.atelier-motion{font-size:9px}
.atelier-disclaimer{font-size:9px;line-height:1.7;padding-top:18px;padding-bottom:23px}
}
@media(max-width:360px){html[data-design=atelier] .hero h1{font-size:50px}html[data-design=atelier] .hero-notes{display:block}.atelier-caption h2{font-size:37px}.atelier-scene{height:760px}.atelier-menu{top:57%}.atelier-confirmation{top:76%}html[data-design=atelier] .steps{grid-template-columns:1fr}html[data-design=atelier] .steps article{display:grid;grid-template-columns:35px 1fr;gap:15px}html[data-design=atelier] .contact-panel h2{font-size:51px}}
@media(prefers-reduced-motion:reduce){.atelier-scroll{height:auto;min-height:0}.atelier-scene{position:relative}.atelier-object{transform:none!important;opacity:1!important}.atelier-motion{display:none}}
@media (max-width:700px){.atelier-phone{aspect-ratio:9/18.5;display:flex;flex-direction:column}.atelier-phone>img{height:auto;flex:0 0 40%;min-height:0}.phone-name{font-size:7px;padding:14px 6px 8px}.phone-copy{padding:12px 10px}.phone-copy p{font-size:17px;margin:8px 0 10px}}