/* A continuous paper landscape. Illustrations carry the chapter transitions. */
.atelier-site{background:#fcfaff;background-image:radial-gradient(ellipse at 6% 9%,#e9e4fb66,transparent 28%),radial-gradient(ellipse at 91% 29%,#fde6ee66,transparent 31%),radial-gradient(ellipse at 15% 51%,#e5f2f255,transparent 25%),radial-gradient(ellipse at 90% 78%,#e2e8ff66,transparent 26%);background-size:100% 2600px}
.atelier-site .page{overflow:clip}.atelier-site main{isolation:isolate}.atelier-site .fluid-canvas{opacity:.9}
.atelier-site .section{background:transparent}.atelier-site .section-kicker{border:0;margin-bottom:32px;padding-bottom:0}
.atelier-site .site-header{background:#fcfaff87;border:0;backdrop-filter:blur(20px)}
.atelier-site .section-kicker .section-number{opacity:.6}
.paint-figure{margin:0;position:relative;width:100%;height:100%;min-width:0;isolation:isolate}
.paint-figure img,.paint-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;mask-image:none;pointer-events:none}
.paint-sketch{opacity:0}.paint-finished{opacity:1}.paint-canvas{z-index:2}
.has-paint-canvas>.paint-finished,.has-paint-canvas>.paint-sketch{opacity:0}
.atelier-hero{overflow:visible;min-height:800px;padding-bottom:13vh}
.atelier-hero .ambient{background:radial-gradient(ellipse at 78% 40%,#e9def866,transparent 60%),radial-gradient(ellipse at 25% 64%,#fff2fa77,transparent 58%)}
.atelier-hero .hero-art{height:110%;top:-7%;right:0;width:56%;z-index:2}
.atelier-hero .hero-art img{height:100%;width:100%;object-position:center;mask-image:none;filter:none}
.atelier-hero .hero-copy{z-index:4}.atelier-hero:after{display:none}
.hero-water-rings{position:absolute;right:5%;top:8%;width:59%;aspect-ratio:1;z-index:0;pointer-events:none;transform:rotate(-18deg) scaleY(.82)}
.hero-water-rings i{position:absolute;inset:10%;border:1px solid #bcb4e22e;border-radius:50%;opacity:0;animation:water-ring 12s linear infinite}
.hero-water-rings i:nth-child(2){animation-delay:-4s}.hero-water-rings i:nth-child(3){animation-delay:-8s}
@keyframes water-ring{0%{transform:scale(.55);opacity:0}15%{opacity:.5}80%{opacity:.12}100%{transform:scale(1.36);opacity:0}}
.atelier-about{height:155vh;min-height:1100px;z-index:5;margin-bottom:90px;overflow:visible}
.atelier-about .story-sticky{overflow:visible;background:transparent;isolation:isolate}
.atelier-about .story-pigment{opacity:.24;background:radial-gradient(ellipse at 22% 55%,#d9c9fb,transparent 64%);filter:blur(50px)}
.atelier-about .story-portrait{width:51%;height:112%;left:-2%;top:2%;bottom:auto;z-index:4;mask-image:none;transform:translate3d(0,calc((1 - var(--story,0))*24px),0)}
.atelier-about .story-portrait img{width:100%;height:100%;object-fit:contain;mask-image:none}
.atelier-about .story-copy{width:43%;margin-left:51%;padding-right:4%;position:relative;z-index:5}
.atelier-about .story-word{top:5%;left:32%;font-size:clamp(120px,20vw,270px);opacity:.16}
.atelier-about .story-line{opacity:.2}.atelier-about .story-foot{border:0;left:53%;right:8%;bottom:8%;gap:22px;flex-wrap:wrap}
.atelier-section{position:relative}.atelier-section:before{content:'';position:absolute;inset:5% -8% 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--wash-x,80%) 46%,var(--wash,#e7dffc70),transparent 60%);filter:blur(48px)}
.section--advantage{padding:90px 0 70px;--wash:#e1ddff66;--wash-x:56%;z-index:2}
.section--advantage>.section-kicker,.gallery-heading{margin-left:8.5vw;margin-right:8.5vw}
.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}
.gallery-heading h2{max-width:800px;margin-bottom:18px}
.gallery-invitation{display:flex;align-items:center;gap:16px;font:italic 22px var(--serif);color:var(--muted);padding-bottom:26px;white-space:nowrap}
.gallery-fine-line{display:block;width:45px;height:1px;background:var(--line)}
.advantage-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:35px 8.5vw;gap:30px}
.advantage-card{padding:0;border:0;min-width:0;position:relative;margin:0!important}
.advantage-art{height:440px;position:relative;isolation:isolate}.advantage-art .paint-figure{z-index:2}
.art-index{position:absolute;left:10%;top:2%;font:italic 150px/1 var(--serif);letter-spacing:-.05em;color:#b6a3d22e;z-index:0}
.advantage-copy{text-align:center;max-width:450px;margin:0 auto}.advantage-copy h3{font-size:44px;line-height:1.06;margin:14px 0 18px}.advantage-copy p{font-size:13px;line-height:1.9;margin:0 auto;max-width:405px}.advantage-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:2px}
.gallery-ready .advantage-rail{--slide-width:min(64vw,760px);display:flex;gap:4vw;padding:20px calc((100% - var(--slide-width))/2) 30px;overflow-x:auto;overflow-y:hidden;overflow-anchor:none;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.gallery-ready .advantage-rail::-webkit-scrollbar{display:none}
.gallery-ready .advantage-card,.gallery-ready .advantage-card:nth-child(even){transform:none}
.gallery-ready .advantage-card{flex:0 0 var(--slide-width);scroll-snap-align:center;scroll-snap-stop:always;transition:transform 1s cubic-bezier(.2,.65,.3,1)}
.gallery-ready .advantage-art{height:590px;transition:transform 1s cubic-bezier(.2,.65,.3,1);transform:scale(.78);transform-origin:50% 100%}
.gallery-ready .advantage-card.is-active .advantage-art{transform:scale(1)}
.gallery-ready .advantage-card:not(.is-active) .paint-figure:not(.has-paint-canvas) .paint-finished{opacity:0}
.gallery-ready .advantage-card:not(.is-active) .paint-figure:not(.has-paint-canvas) .paint-sketch{opacity:.4}
/* Copy and the artwork baseline stay level while the selected image grows. */
.gallery-ready .advantage-copy{opacity:.4;transition:opacity .8s}
.gallery-ready .is-active .advantage-copy{opacity:1}
.gallery-controls{display:none;align-items:center;justify-content:center;gap:28px;margin:32px auto 0}
.gallery-ready .gallery-controls{display:flex}.gallery-arrow{width:52px;height:52px;display:grid;place-items:center;border:1px solid #bdb0d655;border-radius:50%;font-size:22px;transition:background .3s}.gallery-arrow:hover{background:#ede6f9}
.gallery-arrow:disabled{opacity:.25}.gallery-dots{display:flex;gap:5px}.gallery-dot{position:relative;width:38px;height:38px;font-size:10px;color:var(--muted);border-radius:50%;transition:color .4s,background .4s}
.gallery-dot[aria-current=true]{background:var(--ink);color:white}.gallery-announcement{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.atelier-banner{display:block;min-height:930px;padding-top:210px;padding-bottom:200px;margin:40px 0 0;--wash:#f0dbf044}
.atelier-banner:before{inset:0;filter:blur(65px);background:radial-gradient(ellipse at 72% 60%,#e6d9f277,transparent 57%)}
.banner-copy{position:relative;z-index:3;width:54%}.banner-copy h2{font-size:clamp(48px,5.3vw,82px);margin:28px 0 40px}
.banner-figure{position:absolute;width:50%;height:105%;right:1%;bottom:0;z-index:2}
.banner-waterword{font:italic clamp(150px,28vw,410px)/1 var(--serif);letter-spacing:-.05em;position:absolute;top:15%;left:23%;color:#baa4d222;pointer-events:none;transform:rotate(-9deg)}
.section--calc{padding-top:90px;padding-bottom:50px;--wash:#dceef266;--wash-x:85%}
.calc-heading h2{max-width:720px}.atelier-calculator{display:grid;grid-template-columns:1fr 1.2fr;column-gap:8%;position:relative;min-height:680px;align-items:start}
.atelier-calculator .calc-fields{grid-column:1;grid-row:1;position:relative;z-index:3;max-width:460px;padding-top:24px}
.atelier-calculator .calc-result{grid-column:1;grid-row:2;max-width:510px;z-index:3;position:relative;padding-top:48px}
.atelier-calculator .calc-note{max-width:410px}.atelier-calculator .calc-amount{font-size:clamp(56px,6.5vw,98px)}
.calc-figure{position:absolute;width:57%;height:112%;right:-3%;top:-12%;z-index:1}
.atelier-calculator .pills{gap:8px}.atelier-calculator .pill{border-radius:50px;background:#ffffff44;border-color:#b9b1cc55;padding:11px 19px}.atelier-calculator .pill.active{background:#75618b;color:white;border-color:transparent}
.section--steps{padding-top:120px;padding-bottom:90px;--wash:#eddef366;--wash-x:8%}
.journey-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.journey-heading h2{max-width:780px}
.journey-script{font:italic 27px/1.1 var(--serif);color:var(--accent);width:180px;transform:rotate(-7deg);padding-bottom:60px}
.journey-path{position:relative;margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:9%;row-gap:15px}
.journey-path:before{content:'';position:absolute;top:14%;bottom:12%;left:47%;width:12%;border-left:1px dashed #bdaed65c;border-radius:50%;transform:rotate(-6deg);z-index:-1}
.journey-step{position:relative;min-width:0}.journey-step:nth-child(even){margin-top:220px}.journey-step:last-child{grid-column:1/-1;max-width:640px;width:70%;margin:-90px auto 0}
.journey-visual{height:520px;position:relative}.journey-visual .paint-figure{z-index:1}.journey-number{position:absolute;top:8%;left:-5%;font:italic 150px/1 var(--serif);color:#b8a3d149;z-index:0;letter-spacing:-.06em}
.journey-copy{position:relative;padding:0 4%;max-width:420px;margin:-5px auto 0;text-align:left}.journey-copy h3{font-size:40px;line-height:1.07;margin:15px 0}.journey-copy p{font-size:14px;line-height:1.8;margin:0}
.journey-action{text-align:center;margin-top:58px}
.section--vacancies{display:block;padding-top:70px;padding-bottom:90px;--wash:#dce9f277;--wash-x:20%}
.vacancy-scene{position:relative;min-height:720px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.vacancy-figure{position:absolute;width:54%;height:115%;left:-8%;top:-4%}.vacancy-copy{grid-column:2;z-index:2}.vacancy-copy h2{font-size:clamp(48px,5.7vw,82px);margin-bottom:28px}.vacancy-copy h3{font-size:36px;margin:22px 0}
.vacancy-requirements{margin:24px 0 30px}.vacancy-requirements p{font-size:13px;margin-bottom:12px;padding-left:20px;position:relative}.vacancy-requirements p:before{content:'·';position:absolute;left:0;color:var(--accent)}
.vacancy-tags{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:9px;color:var(--muted);margin-top:28px}
.section--faq{--wash:#e2ddf855;--wash-x:28%;padding-top:100px}
.faq-scene{display:grid;grid-template-columns:.9fr 1.2fr;gap:10%;align-items:start}.faq-intro{position:sticky;top:50px}.faq-intro h2{font-size:clamp(40px,4.3vw,64px);margin-bottom:10px}.faq-figure{height:550px;margin-left:-13%;width:117%}
.atelier-site .faq-item{border-color:#bfb3ce55;padding:25px 0}.atelier-site .faq-item:first-child{border-top:0}.atelier-site .faq-item summary{font-size:27px;line-height:1.22}.atelier-site .faq-answer p{font-size:13px}
.section--team{padding-top:70px;padding-bottom:100px;--wash:#f6e4ec66;--wash-x:80%}
.support-scene{position:relative;display:grid;grid-template-columns:1.15fr .9fr;min-height:680px;gap:7%;align-items:center}
.support-copy{z-index:2}.support-copy h2{margin-bottom:24px}.support-lead{color:var(--muted);font-size:15px}
.support-people{list-style:none;padding:0;margin:32px 0 42px;display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}
.support-person h3{font-size:26px!important;margin:0 0 5px}.support-person p{font-size:10px!important;line-height:1.5;margin:0;color:var(--muted)}
.support-figure{position:absolute;right:-5%;top:-2%;height:110%;width:49%;z-index:1}
.atelier-contact{position:relative;background:transparent!important;border:0!important;padding-top:100px;padding-bottom:100px;min-height:900px;align-items:start;grid-template-columns:1.05fr 1fr;gap:12%;isolation:isolate}
.atelier-contact:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 24% 62%,#dfeced99,transparent 58%),radial-gradient(ellipse at 87% 37%,#efdef566,transparent 50%);filter:blur(50px)}
.contact-intro{position:relative}.contact-intro h2{position:relative;z-index:2}.contact-intro .form-intro{position:relative;z-index:2}.contact-figure{height:570px;width:100%;margin-top:-20px;margin-left:-5%}
.atelier-contact .application-form{position:relative;margin-top:115px;z-index:3}.atelier-site .site-footer{background:transparent;border-top:0}
.atelier-site .button{border-radius:60px}.atelier-site .form-field input,.atelier-site .form-field select{background:#fff4;border-radius:0}
@media(min-width:1600px){.gallery-ready .advantage-art{height:660px}.atelier-banner{min-height:1050px}.journey-visual{height:600px}}
@media(max-width:1100px){
 .gallery-invitation{display:none}.gallery-heading h2{max-width:730px}.gallery-ready .advantage-rail{--slide-width:68vw}.gallery-ready .advantage-art{height:540px}
 .atelier-about .story-copy{width:47%;margin-left:49%}.atelier-about .story-portrait{width:56%;left:-5%}
 .atelier-banner{min-height:810px;padding-top:130px;padding-bottom:140px}.banner-copy{width:57%}.banner-figure{right:-4%;width:57%}
 .atelier-calculator{min-height:700px}.calc-figure{width:60%;right:-6%;height:105%;top:-5%}
 .journey-visual{height:440px}.journey-step:nth-child(even){margin-top:180px}.journey-step:last-child{margin-top:-50px}.journey-script{display:none}
 .faq-scene{gap:7%;grid-template-columns:.9fr 1.2fr}.faq-figure{height:450px}.faq-intro h2{font-size:44px}.atelier-site .faq-item summary{font-size:24px}
 .support-scene{min-height:650px}.support-people{gap:23px 15px}.support-person h3{font-size:24px!important}.support-figure{width:51%;right:-7%}
}
@media(max-width:760px){
 .atelier-hero{height:auto;min-height:1000px;padding:50px 7vw 610px;overflow:hidden}
 .atelier-hero .hero-art{top:auto;bottom:-30px;right:-6%;height:665px;width:102%}.atelier-hero .hero-bottom{bottom:23px}.hero-water-rings{top:auto;bottom:130px;width:100%;right:0}
 .atelier-hero.inner-hero{min-height:950px;padding-bottom:500px}.atelier-hero.inner-hero .hero-art{height:580px}
 .atelier-about{height:auto;min-height:0;margin:0 0 25px;padding-top:35px}
 .atelier-about .story-sticky{height:auto;min-height:0;position:relative;padding:0 7vw 0;display:flex;flex-direction:column}
 .atelier-about .story-word{left:5%;top:43%;font-size:135px;opacity:.13}
 .atelier-about .story-copy{width:100%;margin:0;padding:0;order:0}.atelier-about .story-copy h2{font-size:44px}
 .atelier-about .story-portrait{position:relative;left:auto;top:auto;width:120%;height:650px;margin:-5px -10% -75px;order:1;transform:none;z-index:5}
 .atelier-about .story-foot{position:relative;left:auto;right:auto;bottom:auto;order:2;margin-top:-5px;z-index:6;justify-content:flex-end;font-size:7px;gap:10px}.atelier-about .story-foot span:first-child{display:none}
 .atelier-about .story-line{height:80%;top:20%}
 .section--advantage{padding:100px 0 55px}.section--advantage>.section-kicker,.gallery-heading{margin-left:7vw;margin-right:7vw}.gallery-heading h2{font-size:43px;margin-bottom:0}
 .advantage-rail{grid-template-columns:1fr;padding:20px 7vw}.gallery-ready .advantage-rail{--slide-width:78vw;gap:3vw;padding-top:12px;padding-bottom:15px}
 .gallery-ready .advantage-art{height:440px}.gallery-ready .advantage-card:not(.is-active) .advantage-art{transform:scale(.82)}.art-index{font-size:100px;top:7%;left:2%}
 .advantage-copy h3{font-size:34px;margin-top:13px}.advantage-copy p{font-size:12px;line-height:1.85;padding:0 8px}.advantage-copy .eyebrow{font-size:7px;letter-spacing:1.4px;gap:10px}.advantage-copy .eyebrow:before{width:18px}
 .gallery-controls{gap:13px;margin-top:23px}.gallery-dots{gap:0}.gallery-dot{width:30px;height:30px;font-size:9px}.gallery-arrow{width:40px;height:40px;font-size:18px}
 .atelier-banner{min-height:980px;padding:80px 7vw 600px;margin:0}.banner-copy{width:100%}.banner-copy h2{font-size:48px;margin:23px 0 28px}.banner-figure{height:620px;width:113%;bottom:-20px;right:-12%}.banner-waterword{top:49%;left:-5%;font-size:185px}
 .section--calc{padding-top:60px;padding-bottom:35px}.calc-heading h2{font-size:43px}
 .atelier-calculator{display:block;min-height:1070px}.atelier-calculator .calc-fields{padding-top:0;max-width:100%}.atelier-calculator .calc-result{border:0;margin-top:10px;padding-top:20px;max-width:100%}.atelier-calculator .calc-amount{font-size:64px}.atelier-calculator .calc-note{font-size:10px;max-width:90%}.atelier-calculator .pill{padding:10px 16px;font-size:11px}
 .calc-figure{width:118%;height:610px;right:-10%;top:auto;bottom:-25px}
 .section--steps{padding-top:75px}.journey-heading h2{font-size:43px}.journey-path{display:block;margin-top:0}.journey-path:before{left:18%;width:25%;border-color:#bdaed638;transform:rotate(2deg)}
 .journey-step,.journey-step:nth-child(even),.journey-step:last-child{width:100%;max-width:none;margin:0 0 30px}
 .journey-visual{height:470px;width:115%;margin-left:-7%}.journey-number{font-size:100px;left:4%;top:8%}.journey-step:nth-child(even) .journey-visual{margin-left:-1%}
 .journey-copy{max-width:290px;padding:0;margin-top:-10px;margin-left:5%;margin-right:auto}.journey-step:nth-child(even) .journey-copy{margin-left:14%}.journey-copy h3{font-size:35px}.journey-copy p{font-size:13px}.journey-copy .eyebrow{font-size:8px}.journey-action{margin-top:40px}
 .section--vacancies{padding-top:45px;padding-bottom:40px}.vacancy-scene{display:flex;flex-direction:column;min-height:0;gap:0}.vacancy-copy{order:0}.vacancy-copy h2{font-size:48px}.vacancy-figure{position:relative;order:1;left:0;top:auto;width:118%;height:600px;margin:0 -9% -30px}
 .vacancy-copy h3{font-size:32px}.vacancy-tags{font-size:8px;gap:8px 15px}
 .section--faq{padding-top:65px;padding-bottom:40px}.faq-scene{display:block}.faq-intro{position:relative;top:0}.faq-intro h2{font-size:43px;max-width:90%}.faq-figure{height:430px;width:95%;margin:-20px auto -15px}
 .atelier-site .faq-item summary{font-size:25px}.atelier-site .faq-item{padding:22px 0}.atelier-site .faq-answer p{font-size:12px}
 .section--team{padding-top:65px;padding-bottom:40px}.support-scene{display:block;min-height:0}.support-copy h2{font-size:43px}.support-lead{font-size:13px}.support-people{gap:25px 16px;margin-top:28px;margin-bottom:32px}.support-person h3{font-size:26px!important}.support-person p{font-size:9px!important}.support-figure{position:relative;width:113%;height:560px;top:auto;right:auto;margin:0 -6% -50px}
 .atelier-contact{padding-top:80px;padding-bottom:70px;display:block;min-height:0}.contact-intro h2{font-size:48px}.contact-figure{height:500px;width:109%;margin:-15px -5% -50px}.atelier-contact .application-form{margin-top:25px}.atelier-contact .form-intro{font-size:13px}
}
@media(max-width:380px){.gallery-ready .advantage-art{height:380px}.gallery-dot{width:27px}.gallery-controls{gap:8px}.atelier-hero{min-height:960px}.journey-visual{height:420px}.atelier-calculator .calc-amount{font-size:56px}.atelier-about .story-portrait{height:580px}}
@media(prefers-reduced-motion:reduce){.hero-water-rings i{animation:none;opacity:.18}.gallery-ready .advantage-art,.gallery-ready .advantage-copy,.gallery-ready .advantage-card{transition:none}.atelier-about .story-portrait{transform:none}}
html:not(.js-motion) .hero-water-rings i{animation-play-state:paused}
/* Explicitly replace the previous scene geometry, including its mobile rules. */
.atelier-site .atelier-hero .hero-art{height:110%;top:-7%;right:0;width:56%;max-width:none;bottom:auto}
.atelier-about{background:transparent}
.atelier-about .story-copy{position:absolute;left:51%;right:6%;top:50%;width:43%;margin:0;padding-right:4%;transform:translateY(-50%)}
.js-motion .atelier-about .story-portrait{mask-image:none;clip-path:none}
@media(max-width:1100px) and (min-width:761px){.atelier-about .story-copy{left:49%;right:4%;width:47%}}
@media(max-width:760px){
 .atelier-site .atelier-hero .hero-art{top:auto;bottom:-30px;right:-6%;height:665px;width:102%}
 .atelier-site .atelier-hero.inner-hero .hero-art{height:580px;bottom:-15px}
 .atelier-about .story-copy{position:relative;left:auto;right:auto;top:auto;width:100%;margin:0;padding:0;transform:none}
 .atelier-about .story-portrait{opacity:1}
}
@media(prefers-reduced-motion:reduce) and (min-width:761px){.atelier-about{height:auto;min-height:960px}.atelier-about .story-sticky{position:relative;height:960px;min-height:960px}}
.atelier-site .section--vacancies{color:var(--ink)}
.atelier-site .section--vacancies .section-kicker{color:var(--muted)}
.atelier-site .section--vacancies .button{border-color:var(--ink);color:var(--ink)}
.atelier-site .section--vacancies .button.filled{background:var(--ink);color:var(--paper)}
.atelier-site .section--vacancies .button:hover{background:var(--accent);border-color:var(--accent);color:#fff}
/* Final compositional tuning after the 1024px and mobile visual review. */
.atelier-site{background-size:100% 100vh;background-repeat:no-repeat;background-attachment:fixed}
.atelier-site .atelier-hero .hero-art{top:1%;height:100%}
.gallery-ready .advantage-rail{--slide-width:min(52vw,680px);gap:.5vw}
.atelier-banner{overflow:visible}.banner-figure{height:100%}
.atelier-calculator{grid-template-rows:min-content min-content;row-gap:30px;align-content:start}
.atelier-calculator .calc-result{padding-top:0}
.contact-figure{margin-top:20px}
@media(min-width:761px){.faq-figure{height:560px}}
@media(max-width:760px){
 .atelier-site .atelier-hero:not(.inner-hero){min-height:960px;padding:50px 7vw 520px;height:auto}
 .atelier-site .atelier-hero .hero-art{top:auto;bottom:-30px;height:665px}
 .gallery-ready .advantage-rail{--slide-width:70vw;gap:0}
 .gallery-ready .advantage-art{width:112%;margin-left:-6%}
 .atelier-calculator .calc-result{padding-top:20px}
 .banner-figure{height:620px}.contact-figure{margin-top:18px}
}

/* V4: quieter navigation, crisp drawings and a continuous editorial journey. */
.header-brand{display:flex;align-items:center;gap:22px;flex:0 0 auto}
.studio-descriptor{font-size:8px;line-height:1.7;letter-spacing:2.1px;text-transform:uppercase;color:#796b8a;max-width:70px;padding-left:20px;border-left:1px solid #c8bbd54d}
.icon-arrow{display:inline-block;width:28px;height:22px;flex:0 0 auto;vertical-align:middle;transition:transform .35s cubic-bezier(.2,.65,.3,1)}
.icon-arrow--left{transform:rotate(180deg)}
.header-cta .icon-arrow,.social-links .icon-arrow,.article-sidebar .icon-arrow{width:20px;height:16px}
.button .arrow{display:flex}.button:hover .arrow{transform:none}.button:hover .icon-arrow,.header-cta:hover .icon-arrow{transform:translateX(5px)}
.gallery-arrow:hover .icon-arrow--left{transform:rotate(180deg) translateX(3px)}
.button.filled{background:linear-gradient(115deg,#49355f,#7c5e9b);border-color:transparent;box-shadow:0 8px 24px #9d85b91b}
.button.filled:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff24 48%,transparent 70%);transform:translateX(-140%);transition:transform .8s cubic-bezier(.2,.65,.3,1)}
.button.filled:hover:before{transform:translateX(140%)}
.button:focus-visible,.gallery-arrow:focus-visible,.gallery-dot:focus-visible,.journey-dot:focus-visible{outline:2px solid #9878bd;outline-offset:5px}
.form-status .button:after{content:'';display:block;width:27px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath d='M3 12h24M20 5l7 7-7 7' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.motion-toggle.is-docked{position:relative;inset:auto;margin:28px 0 0 auto;display:flex;width:max-content}
.atelier-site .atelier-hero:not(.inner-hero){min-height:660px;height:calc(100svh - 88px);max-height:900px;padding-bottom:0}
.atelier-site .atelier-hero:not(.inner-hero) .hero-copy{padding-bottom:65px}
.atelier-site .atelier-hero:not(.inner-hero) h1{font-size:clamp(66px,7.3vw,112px);margin:0;line-height:1.01}
.atelier-site .atelier-hero:not(.inner-hero) .hero-art{height:96%;width:52%;top:0;right:2%}
.atelier-site .atelier-hero:not(.inner-hero) .hero-art .paint-figure{mask-image:linear-gradient(#000 94%,transparent 100%)}
.atelier-site .atelier-hero:not(.inner-hero) .hero-bottom{right:51%;gap:25px;align-items:center;bottom:25px}
.atelier-site .atelier-hero:not(.inner-hero) .hero-caption{font-size:21px;padding:0;flex-shrink:0}
.atelier-site .atelier-hero:not(.inner-hero) .hero-caption small{font-size:7px;letter-spacing:1.2px}
.atelier-site .atelier-hero:not(.inner-hero) .hero-cta{margin-top:30px}
.atelier-calculator .calc-amount{line-height:1.18;display:block;padding-bottom:.12em;margin:12px 0 0}
.atelier-calculator .calc-note{margin:15px 0 0;line-height:1.8;clear:both}
.atelier-calculator .calc-result{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.atelier-site .support-person p{font-size:12px!important;color:#796b88;line-height:1.6}
.support-people{row-gap:28px}
.gallery-ready{position:relative}.gallery-ready .gallery-controls>.gallery-arrow{position:absolute;top:265px;z-index:8;background:#fcfaffbb;backdrop-filter:blur(9px)}
.gallery-ready [data-gallery-prev]{left:5vw}.gallery-ready [data-gallery-next]{right:5vw}
.gallery-ready .gallery-controls{margin-top:18px}
.gallery-dot[aria-current=true],.journey-dot[aria-current=true]{box-shadow:0 4px 18px #75618b24}
.journey-controls{display:none}.journey-status{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
#steps[data-journey-enhanced=true]{min-height:285vh;padding-bottom:40px}
#steps[data-journey-enhanced=true] .journey-stage{position:sticky;top:18px;height:calc(100svh - 36px);max-height:960px;min-height:660px;display:flex;flex-direction:column;isolation:isolate;outline:none}
#steps[data-journey-enhanced=true] .journey-heading{gap:25px;flex:0 0 auto}
#steps[data-journey-enhanced=true] .journey-heading h2{font-size:clamp(38px,4.25vw,65px);max-width:830px;line-height:1.02;margin-bottom:16px}
#steps[data-journey-enhanced=true] .journey-script{font-size:24px;padding-bottom:20px}
#steps[data-journey-enhanced=true] .journey-path{position:relative;display:block;flex:1;min-height:0;margin:0}
#steps[data-journey-enhanced=true] .journey-path:before{border:0;left:10%;top:20%;bottom:0;width:80%;background:radial-gradient(ellipse at 50% 48%,#e4d8f536,transparent 66%);transform:none}
#steps[data-journey-enhanced=true] .journey-step{position:absolute;inset:0 auto auto 50%;width:44%;max-width:none;height:100%;margin:0;opacity:0;visibility:hidden;transform:translate3d(40%,25px,0) scale(.93);transition:transform .85s cubic-bezier(.22,.7,.25,1),opacity .65s,visibility .65s}
#steps[data-journey-enhanced=true] .journey-step[data-active=true]{opacity:1;visibility:visible}
#steps[data-journey-enhanced=true] .journey-step[data-role=left]{transform:translate3d(-105%,calc(var(--journey-drift,0) * -16px),0)}
#steps[data-journey-enhanced=true] .journey-step[data-role=right]{transform:translate3d(5%,calc(12px + var(--journey-drift,0) * 22px),0)}
#steps[data-journey-enhanced=true] .journey-step[data-role=center]{transform:translate3d(-50%,0,0)}
#steps[data-journey-enhanced=true] .journey-visual{height:clamp(230px,39vh,430px);width:100%;margin:0;transform:translateY(calc(var(--journey-drift,0) * -7px));transition:transform .45s ease-out}
#steps[data-journey-enhanced=true] .journey-number{font-size:100px;left:7%;top:4%;color:#aa92cc3b}
#steps[data-journey-enhanced=true] .journey-copy{max-width:360px;margin:0 auto;padding:0 4%;text-align:left}
#steps[data-journey-enhanced=true] .journey-copy h3{font-size:clamp(27px,3vw,40px);line-height:1.05;margin:9px 0 12px}
#steps[data-journey-enhanced=true] .journey-copy p{font-size:13px;line-height:1.7}
#steps[data-journey-enhanced=true] .journey-copy .eyebrow{font-size:8px}
#steps[data-journey-enhanced=true] .journey-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:14px;flex:0 0 46px;z-index:5}
.journey-dots{display:flex;gap:8px}.journey-dot{width:32px;height:32px;border-radius:50%;font-size:10px;color:var(--muted);transition:background .3s,color .3s}
.journey-dot[aria-current=true]{background:var(--ink);color:#fff}
#steps[data-journey-enhanced=true] .journey-action{margin:12px 0 0;text-align:center;flex:0 0 auto}
#steps[data-journey-enhanced=true] .journey-action .button{min-height:46px;padding:11px 22px;font-size:10px}
#steps[data-journey-motion=paused] .journey-step,#steps[data-journey-motion=paused] .journey-visual{transition:none!important}
@media(min-width:761px){
 .atelier-about .story-portrait{transform-origin:48% 45%;transform:translate3d(0,calc((1 - var(--story,0))*12px),0) scale(calc(.94 + var(--story,0)*.075))}
 .atelier-about .story-word{transform:translateX(calc(var(--story,0)*-30px))}
}
@media(max-width:1100px) and (min-width:761px){
 .header-brand{gap:13px}.studio-descriptor{font-size:7px;letter-spacing:1.5px;padding-left:13px;max-width:60px}.site-header{gap:23px}.nav{gap:22px}
 .gallery-ready .gallery-controls>.gallery-arrow{top:240px}
 #steps[data-journey-enhanced=true] .journey-script{display:none}
 #steps[data-journey-enhanced=true] .journey-heading h2{font-size:45px;max-width:760px}
}
@media(max-width:760px){
 .header-brand{gap:0;display:block;position:relative;padding-bottom:11px}.studio-descriptor{position:absolute;bottom:-1px;left:0;font-size:5px;line-height:1;letter-spacing:1.5px;max-width:none;white-space:nowrap;padding:0;border:0}.site-header{gap:10px}
 .atelier-site .atelier-hero:not(.inner-hero){height:auto;min-height:870px;max-height:none;padding:36px 7vw 520px}
 .atelier-site .atelier-hero:not(.inner-hero) .hero-copy{padding:0;max-width:100%}
 .atelier-site .atelier-hero:not(.inner-hero) h1{font-size:clamp(47px,12.8vw,76px);margin:0;line-height:1.01}
 .atelier-site .atelier-hero:not(.inner-hero) .hero-art{height:560px;top:auto;bottom:25px;width:98%;right:-4%}
 .atelier-site .atelier-hero:not(.inner-hero) .hero-bottom{left:7%;right:7%;bottom:17px;align-items:center}
 .atelier-site .atelier-hero:not(.inner-hero) .hero-caption{font-size:19px}
 .atelier-site .atelier-hero:not(.inner-hero) .hero-caption small{font-size:6px}
 .gallery-ready .gallery-controls>.gallery-arrow{top:220px;backdrop-filter:blur(5px);width:34px;height:34px}
 .gallery-ready [data-gallery-prev]{left:3vw}.gallery-ready [data-gallery-next]{right:3vw}.gallery-arrow .icon-arrow{width:21px}
 .atelier-contact .contact-figure{margin-bottom:0}.atelier-contact .application-form{margin-top:32px}
 .atelier-site .support-person p{font-size:11px!important}
 #steps[data-journey-enhanced=true]{min-height:270vh;padding-left:5vw;padding-right:5vw}
 #steps[data-journey-enhanced=true] .journey-stage{top:12px;height:calc(100svh - 90px);min-height:650px;max-height:760px}
 #steps[data-journey-enhanced=true] .journey-heading h2{font-size:35px;max-width:100%;margin-bottom:12px}
 #steps[data-journey-enhanced=true] .journey-step{width:47%}
 #steps[data-journey-enhanced=true] .journey-step[data-role=left]{transform:translate3d(-103%,calc(var(--journey-drift,0) * -10px),0)}
 #steps[data-journey-enhanced=true] .journey-step[data-role=right]{transform:translate3d(3%,calc(10px + var(--journey-drift,0) * 12px),0)}
 #steps[data-journey-enhanced=true] .journey-step[data-role=center]{width:75%;transform:translate3d(-50%,0,0)}
 #steps[data-journey-enhanced=true] .journey-visual{height:clamp(185px,29vh,275px);width:116%;margin-left:-8%}
 #steps[data-journey-enhanced=true] .journey-number{font-size:65px;left:5%;top:3%}
 #steps[data-journey-enhanced=true] .journey-copy{padding:0;max-width:100%;margin:0}
 #steps[data-journey-enhanced=true] .journey-copy h3{font-size:26px;margin:8px 0 12px}
 #steps[data-journey-enhanced=true] .journey-copy p{font-size:12px;line-height:1.65}
 #steps[data-journey-enhanced=true] .journey-copy .eyebrow{font-size:7px;letter-spacing:1.3px;gap:7px}
 #steps[data-journey-enhanced=true] .journey-copy .eyebrow:before{width:13px}
 #steps[data-journey-enhanced=true] .journey-controls{gap:14px;margin-top:12px}
 #steps[data-journey-enhanced=true] .journey-action{margin-top:10px}
}
@media(max-width:360px){#steps[data-journey-enhanced=true] .journey-heading h2{font-size:30px}#steps[data-journey-enhanced=true] .journey-copy h3{font-size:23px}#steps[data-journey-enhanced=true] .journey-copy p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.atelier-about .story-portrait{transform:none}.button.filled:before{display:none}}
