/* Agentur0911 / editorial refinement. Original implementation, local assets. */
:root{--a-paper:#efeee7;--a-dark:#151714;--a-lilac:#d7c6f1;--a-line:#b8b9ad;--a-ease:cubic-bezier(.22,1,.36,1)}
.header{height:84px;gap:20px;padding-inline:3.5vw;transition:box-shadow .3s,background .3s}
.header.is-scrolled{background:#151714f2;box-shadow:0 8px 35px #0002}
.header .brand img{width:154px}.header #navigation{gap:5px}.header .nav-group>summary{padding:10px 13px;border-radius:30px;font-size:12px;border:1px solid #ffffff1c;transition:background .2s,color .2s}.header .nav-group[open]>summary,.header .nav-group>summary:hover{background:var(--lime);color:#161714}.header .header-cta{background:var(--lime);color:#171911;border:0;min-height:44px;font-size:12px;white-space:nowrap}.header .nav-panel{border-radius:17px;box-shadow:0 25px 65px #0005}.header .nav-panel a{min-height:44px}
:is(.button,.mm-button,.sc-button,.service-page-link){border-radius:100px}.button.primary:hover,.header-cta:hover{box-shadow:0 0 0 5px #d8ff3e17;transform:translateY(-2px)}
.back-top{position:fixed!important;right:22px;bottom:22px;z-index:30;background:var(--lime);color:#131810;border:1px solid #1114;box-shadow:0 4px 18px #0003;width:48px;height:48px}.preview-badge{opacity:.8;font-size:8px!important;pointer-events:none}.footer-top{padding-right:60px}
.atelier-home .hero{min-height:710px;height:calc(100svh - 84px);max-height:950px;padding-top:55px}.atelier-home .hero h1{font-size:clamp(72px,8vw,134px);margin-top:42px}.atelier-home .hero-bottom{gap:30px}.atelier-home .hero-bottom p{font-size:16px;max-width:410px}.atelier-home .hero-actions{gap:14px}.atelier-home .hero .button{font-size:13px}.atelier-home .hero-foot{bottom:24px}.atelier-home .word-strip{min-height:64px}.atelier-home .word-strip span{font-size:clamp(15px,1.8vw,26px)}
section.a-social{background:var(--a-paper);color:var(--a-dark);padding:90px var(--gutter) 38px;overflow:hidden}
.a-section-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--a-line);padding-top:17px;font:10px/1.5 monospace;letter-spacing:.09em;margin-bottom:55px}
.a-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end;margin-bottom:55px}.a-intro :is(h1,h2){font-size:clamp(44px,5.5vw,86px);letter-spacing:-.065em;line-height:1.01}.a-intro :is(h1,h2) em{color:#514067}.a-intro p{font-size:16px;max-width:440px;color:#52564c}.a-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px;font-size:14px;font-weight:700;padding-bottom:9px;border-bottom:1px solid currentColor}.a-link span{font-size:23px;transition:transform .2s}.a-link:hover span{transform:translate(3px,-3px)}
.a-service-stage{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:center}.a-service-media{position:relative;min-width:0}.a-service-media figure{position:relative;margin:0;min-height:570px;border-radius:180px 180px 20px 20px;background:#d7c6f1;isolation:isolate;overflow:hidden;padding:50px 30px 25px;display:flex;flex-direction:column;justify-content:center;animation:a-appear .45s var(--a-ease)}
.a-service-media figure[data-service-visual=motion]{background:#172d39;border-radius:24px;color:#e2e8e1}.a-service-media figure[data-service-visual=landing]{background:#ccd8bb;border-radius:24px 150px 24px 24px}
.a-service-media figure>a{display:flex;align-items:center;justify-content:center;min-height:430px;position:relative;z-index:1}.a-service-media img{object-fit:contain;width:100%;height:420px;filter:drop-shadow(0 18px 18px #291c3422);transition:transform .5s var(--a-ease)}.a-service-media a:hover img{transform:translateY(-5px)}.a-service-media video{display:block;width:100%;height:450px;object-fit:contain}.a-service-media figcaption{display:flex;flex-direction:column;gap:5px;font-size:10px;line-height:1.6;margin-top:20px}.a-service-media figcaption span{font:10px monospace;letter-spacing:.08em}.a-orbit-lines{position:absolute;inset:26px;border:1px solid #fff7;border-radius:50%;transform:rotate(-25deg)}.a-orbit-lines:after{content:'';position:absolute;inset:24px -40px;border:1px solid #fff7;border-radius:50%;transform:rotate(45deg);pointer-events:none}
.a-kicker{display:block;font:10px/1.7 monospace;letter-spacing:.1em;text-transform:uppercase}.a-service-list>.a-kicker{margin-bottom:23px;color:#52584c}.a-service-list details{border-top:1px solid #afb2a5}.a-service-list details:nth-last-of-type(1){border-bottom:1px solid #afb2a5}.a-service-list summary{display:flex;align-items:center;gap:15px;min-height:87px;cursor:pointer;list-style:none;padding:15px 0}.a-service-list summary::-webkit-details-marker{display:none}.a-service-list summary>span{font:11px monospace;color:#717667}.a-service-list h3{font-size:clamp(23px,2.3vw,34px);font-weight:500;letter-spacing:-.045em}.a-service-list summary i{font-size:27px;font-weight:300;font-style:normal;margin-left:auto;transition:transform .25s}.a-service-list details[open] summary i{transform:rotate(45deg)}.a-service-list details[open] h3{color:#584570}.a-service-list details>div{padding:0 0 28px 29px;font-size:14px;color:#4e5449;max-width:490px}.a-service-list details ul{padding-left:18px;margin:16px 0;line-height:1.9}.a-service-list details a{font-size:12px;font-weight:700;color:#222b1a;border-bottom:1px solid #858d78;padding-bottom:4px}.a-pill{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:#1b2118;color:white;border-radius:50px;padding:16px 22px;font-size:13px;min-height:52px;margin-top:30px;transition:background .2s,box-shadow .2s}.a-pill:hover{background:#38452d;box-shadow:0 0 0 5px #38452d12}.a-pill span{font-size:20px}
.a-channel-line{display:flex;justify-content:space-between;gap:25px;font-size:11px;padding-top:28px;margin-top:55px;border-top:1px solid #b8b9ad;color:#52574b}
section.a-bridge{background:var(--a-dark);padding:70px var(--gutter);display:grid;grid-template-columns:1fr 1.4fr;gap:28px 65px;border-bottom:1px solid #fff2}.a-bridge>.a-kicker{grid-column:1/-1;color:#c3d2ad}.a-bridge h2{font-size:clamp(37px,4vw,61px);line-height:1.06}.a-bridge h2 em{color:var(--lime)}.a-bridge ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0;align-self:center}.a-bridge li{border-top:1px solid #58624d;padding-top:20px}.a-bridge li b{font:11px monospace;color:var(--lime)}.a-bridge h3{font-size:20px;letter-spacing:-.04em;margin:23px 0 14px}.a-bridge p{font-size:13px;color:#bdc5b5}.a-bridge>.a-link{grid-column:2;justify-self:start;color:#d5e5c7;margin-top:0;font-size:12px}
/* Project work: generous shared frame, complete imagery and quiet typography. */
.atelier-home .sc-showroom{background:var(--a-paper);color:var(--a-dark);padding-top:100px}.atelier-home .sc-intro h2{font-size:clamp(42px,5.3vw,80px)}.atelier-home .sc-intro h2 em{color:#514067}.atelier-home .sc-panel{border-radius:22px;padding:30px 38px;box-shadow:none}.atelier-home .sc-project-grid{grid-template-columns:.78fr 1.3fr;gap:45px}.atelier-home .sc-copy h3{font-size:clamp(34px,3.6vw,55px)}.atelier-home .sc-canvas{min-height:470px;padding:12px;gap:22px}.atelier-home .sc-media{transform:none!important}.atelier-home .sc-social a{height:370px}.atelier-home .sc-web a{height:175px}.atelier-home .sc-print a{height:175px}.atelier-home .sc-print{width:100%}.atelier-home .sc-media img{max-height:none}.atelier-home .sc-tabs button[aria-pressed=true]{background:#252b22}.atelier-home .sc-panel:before{background:radial-gradient(ellipse at 80% 5%,#ffffff13,transparent 60%)}.atelier-home .sc-orbits{opacity:.2}.atelier-home .sc-more{margin-top:40px}.atelier-home .sc-mini{height:110px;border-radius:8px}
.atelier-home .sc-project-top:after{content:'';position:absolute;height:2px;width:14%;bottom:-1px;left:0;background:var(--sc-accent);transform:translateX(calc(var(--sc-progress,0)*350%));transition:transform .12s linear}
.atelier-home .cp-home{background:#e2e5d9!important;padding-top:70px!important;padding-bottom:70px!important}.atelier-home .cp-home:before,.atelier-home .cp-home:after{display:none}.atelier-home .sc-portal{opacity:.8}
.a-lab-links{background:#eeedf5;color:#4c415f;padding:30px var(--gutter);display:flex;justify-content:space-between;gap:20px;font:11px/1.7 monospace;border-bottom:1px solid #ccc9d8}.atelier-home .design-lab{background:#eeedf5;color:#20232e;padding-top:60px}.atelier-home .design-lab .section-top{margin-bottom:35px}.atelier-home .design-lab .section-intro p{color:#565568}.atelier-home .lab-stage{border-radius:26px}.atelier-home .lab-tabs button{border-radius:40px}.atelier-home .classic{padding-block:65px}.atelier-home .classic h2{font-size:65px}
.atelier-home .services{padding-block:75px}.atelier-home .service-list summary h3{font-weight:500}.atelier-home .service-list details[open]{border-color:#788365}
section.a-about{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center;background:#e6e3dc;color:#20251c;padding-block:95px}.a-about-mark{aspect-ratio:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #b7b9aa;border-radius:50% 50% 8px 8px;background:radial-gradient(ellipse at 50% 80%,#d4c2ed80,transparent 65%)}.a-about-mark>span{font:italic clamp(160px,25vw,350px)/.8 Georgia,serif;letter-spacing:-.15em;transform:translateX(-.06em);color:#4d3b62}.a-about-mark i{font:italic 19px/1.3 Georgia,serif;margin-top:35px;text-align:center}.a-about h2{font-size:clamp(45px,5vw,72px);margin:25px 0}.a-about h2 em{color:#514067}.a-about p{font-size:15px;color:#575b50;margin-top:18px;max-width:590px}.a-about .a-about-lead{font-size:21px;color:#282f24}
.atelier-home .journey{background:var(--a-paper);color:#21271d}.atelier-home .journey h2{font-size:clamp(42px,5vw,76px)}.atelier-home .journey-step{border-radius:16px}.atelier-home .starts{background:#e0e4d7}.atelier-home .starts .detail-card{border-radius:16px;box-shadow:none}.atelier-home .contact{background:#161b15}.atelier-home .contact h2{font-size:clamp(60px,7vw,106px)}.a-contact-topics{display:flex;flex-wrap:wrap;gap:8px;grid-column:2;grid-row:1;align-self:start;margin-bottom:15px}.a-contact-topics+form{grid-column:2;grid-row:1;margin-top:80px}.a-contact-topics button{border:1px solid #66745b;border-radius:30px;padding:10px 13px;background:none;color:#dfe7d7;font-size:12px;min-height:42px}.a-contact-topics button[aria-pressed=true],.a-contact-topics button:hover{background:var(--lime);color:#192013;border-color:var(--lime)}
.a-page-nav{position:sticky;top:84px;z-index:15;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:13px 20px;background:#ecece4f5;border-bottom:1px solid #babeb0;backdrop-filter:blur(15px);color:#343a2d}.a-page-nav a{font-size:12px;padding:7px 16px;border-radius:30px}.a-page-nav a[aria-current]{background:#252f20;color:white}@media(hover:hover){.a-page-nav a:hover:not([aria-current]){background:#dce0d2;color:#252f20}}.sp-social-hero~section,.subpage .sp-offers{scroll-margin-top:160px}.subpage .sp-offers{background:#e3e8d8;color:#1b2316}.subpage .sp-offers article{border-color:#a1af95}.subpage .sp-offers article p,.subpage .sp-offers .sp-note{color:#4d5b44}.subpage .sp-faq{background:#eeeaf3;color:#252032}.subpage .sp-faq details{border-color:#b5a9c4}.subpage .sp-faq p{color:#554b60}
@keyframes a-appear{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1200px){.atelier-home .services .service-list{max-width:1000px;margin-left:auto}.atelier-home .services .section-intro{margin-bottom:55px}}
@media(max-width:1100px){.header .header-cta{display:none}.header{padding-inline:var(--gutter)}.a-intro{gap:35px}.a-service-stage{gap:35px}.a-service-media figure{min-height:490px;padding:35px 24px 23px}.a-service-media figure>a{min-height:340px}.a-service-media img{height:340px}.a-service-media video{height:370px}.a-bridge{gap:25px!important}.a-bridge ol{gap:18px}.a-bridge h3{font-size:18px}}
@media(max-width:900px){.header #navigation.open{padding:20px;background:#171c15;max-height:calc(100svh - 84px);overflow:auto}.header .nav-group>summary{font-size:16px;padding:16px 12px;border-color:#ffffff24;border-radius:12px}.header #navigation{gap:9px}.a-intro{grid-template-columns:1fr;gap:24px}.a-intro p{max-width:650px}.a-service-stage{grid-template-columns:1fr 1fr;gap:25px}.a-service-list summary{gap:9px}.a-service-list h3{font-size:23px}.a-service-list details>div{padding-left:0}.a-bridge{grid-template-columns:1fr!important}.a-bridge>.a-link{grid-column:1}.atelier-home .sc-project-grid{grid-template-columns:1fr;gap:15px}.atelier-home .sc-copy p{max-width:600px}.atelier-home .sc-canvas{min-height:410px}.atelier-home .sc-social a{height:360px}.a-contact-topics+form{margin-top:110px}.a-about{gap:6%!important}}
@media(max-width:600px){.header{height:76px}.header .brand img{width:135px}.header #navigation.open{max-height:calc(100svh - 76px)}.atelier-home .hero{height:auto;min-height:0;padding:40px 22px 110px}.atelier-home .hero h1{font-size:clamp(43px,10.8vw,65px);margin-top:30px;letter-spacing:-.06em}.atelier-home .hero-art{height:255px;position:absolute;top:238px;right:0;width:100%;object-fit:contain}.atelier-home .hero-shade{display:none}.atelier-home .hero-bottom{margin-top:300px;display:block}.atelier-home .hero-bottom p{font-size:14px}.atelier-home .hero-actions{margin-top:25px}.atelier-home .hero-foot{left:22px;right:22px;bottom:20px;font-size:9px;gap:16px}.atelier-home .hero .eyebrow{font-size:9px}.atelier-home .word-strip{min-height:55px}.a-section-label{margin-bottom:33px;font-size:9px}.a-section-label span:last-child{display:none}section.a-social{padding:55px 22px 28px}.a-intro{margin-bottom:32px}.a-intro :is(h1,h2){font-size:clamp(35px,8.5vw,50px)}.a-intro p{font-size:14px}.a-service-stage{grid-template-columns:1fr;gap:30px}.a-service-media figure{min-height:410px;border-radius:130px 130px 16px 16px;padding:25px 25px 20px}.a-service-media figure>a{min-height:310px}.a-service-media img{height:310px}.a-service-media video{height:330px}.a-service-list summary{min-height:78px}.a-service-list h3{font-size:25px}.a-service-list details>div{font-size:14px}.a-channel-line{flex-direction:column;gap:8px;margin-top:32px;padding-top:22px;font-size:10px}.a-bridge{padding:50px 22px!important}.a-bridge h2{font-size:40px}.a-bridge ol{grid-template-columns:1fr;gap:20px}.a-bridge li{display:grid;grid-template-columns:30px 1fr;gap:4px 14px}.a-bridge h3{margin:0;font-size:21px}.a-bridge li p{grid-column:2}.a-bridge>.a-link{font-size:12px}.atelier-home .sc-showroom{padding:60px 22px}.atelier-home .sc-panel{padding:22px 16px}.atelier-home .sc-project-grid{gap:15px}.atelier-home .sc-canvas{min-height:310px;padding:10px 0;gap:15px}.atelier-home .sc-social a{height:265px}.atelier-home .sc-web a,.atelier-home .sc-print a{height:130px}.atelier-home .sc-copy h3{font-size:36px}.atelier-home .sc-project-top{font-size:8px}.atelier-home .sc-more-title h3{font-size:27px}.a-lab-links{flex-direction:column;gap:8px;padding:24px 22px}.atelier-home .design-lab{padding:40px 22px 60px}.atelier-home .classic h2{font-size:50px}.atelier-home .services{padding:55px 22px}.atelier-home .service-list summary h3{font-size:24px}.a-about{grid-template-columns:1fr!important;padding:60px 22px!important;gap:35px!important}.a-about-mark{max-width:280px;width:100%;margin:auto}.a-about-mark>span{font-size:210px}.a-about-mark i{font-size:16px;margin-top:25px}.a-about h2{font-size:45px}.a-about .a-about-lead{font-size:20px}.a-contact-topics{grid-row:auto;grid-column:auto;margin-top:20px}.a-contact-topics+form{grid-column:auto;grid-row:auto;margin:0}.a-contact-topics button{font-size:11px}.a-page-nav{top:76px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 12px;gap:4px}.a-page-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;white-space:normal;text-align:center;font-size:12px;line-height:1.3;padding:7px 5px}.back-top{width:44px;height:44px;right:14px;bottom:14px}.a-contact-topics+form{width:100%}}
body.motion-off .a-service-media figure{animation:none}body.motion-off .sc-project-top:after{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.a-service-media figure{animation:none}.a-service-media img,.a-link span,.a-service-list summary i,.sc-project-top:after{transition:none!important;transform:none!important}}
@media print{.back-top,.a-page-nav,.a-contact-topics{display:none!important}.a-service-media figure[hidden]{display:flex!important}.a-service-list details>div{display:block}.a-service-stage{display:block}.a-service-media figure{break-inside:avoid}.header{position:relative}}

/* Sticky section navigation needs the page, not main, as its scroll container. */
.atelier-social main{overflow:visible}.atelier-social{overflow-x:clip}.a-page-nav{scrollbar-width:none}.a-page-nav::-webkit-scrollbar{display:none}.atelier-social main>section{scroll-margin-top:var(--social-anchor-offset,75px)}.a-page-nav a:focus-visible{outline:2px solid #34472b;outline-offset:2px}@media(max-width:600px){.atelier-social main>section{scroll-margin-top:var(--social-anchor-offset,125px)}}

.a-intro .a-link + .a-link{margin-left:24px}@media(max-width:600px){.a-intro .a-link + .a-link{margin-left:0}}