/* JA Atelier: service-led homepage, DE and EN. */
.hero:has(.hero-visual-envelope){grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,4vw,64px);padding-top:64px;padding-bottom:68px}
.hero:has(.hero-visual-envelope) h1{font-size:clamp(38px,4.15vw,62px);line-height:1.16;letter-spacing:-.055em;margin-bottom:24px}
.hero h1>span,.hero h1>em{display:block}
.hero-lead{font-size:15px;line-height:1.85;max-width:550px}
.hero-actions{flex-wrap:wrap;gap:20px 26px}
.hero-actions .button{font-size:12px;padding-inline:22px;min-height:54px;white-space:normal}
.hero-actions .text-link{font-size:12px}
.hero-proof{flex-wrap:wrap;gap:7px;font-size:10px;margin-top:24px}
.service-hero-note{font-size:10px;line-height:1.65;color:#817b70;margin:16px 0 0;max-width:430px}
.real-examples-section{padding-top:76px}
.service-design-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center;margin:0 0 68px;background:#f5f1e9;border:1px solid #e2dccf;padding:32px}
.service-design-story figure{margin:0;position:relative}
.service-design-story img{width:100%;height:315px;object-fit:cover;object-position:center 54%}
.service-design-story figcaption{font-size:10px;color:#82776b;line-height:1.6;margin-top:12px}
.service-design-story h3,.service-examples-label h3,.service-step h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
.service-design-story h3{font-size:42px;line-height:1.16;margin:16px 0 20px}
.service-design-story h3 em,.service-section-heading h2 em{font-weight:400;color:var(--rose)}
.service-design-story>div>p:not(.overline){max-width:490px;font-size:14px;line-height:1.85;color:#6c6a62}
.service-design-path{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:26px 0;font-size:11px;color:var(--green2)}
.service-design-path>span[aria-hidden]{color:#a88c72;font-size:18px}
.service-design-story .underlined-link{font-size:12px}
.service-examples-label{margin-bottom:28px;display:flex;gap:24px;align-items:end;justify-content:space-between}
.service-examples-label h3{font-size:30px;line-height:1.2;margin:0;max-width:440px}
.service-examples-label p{font-size:12px;line-height:1.7;color:#7b766b;max-width:370px;margin:0}
.service-section{padding-block:105px}
.service-section-heading{max-width:890px;margin-bottom:40px}
.service-section-heading h2{font-family:var(--serif);font-size:clamp(36px,4.1vw,59px);font-weight:400;line-height:1.2;letter-spacing:-.055em;margin:18px 0 24px}
.service-section-heading>p:last-child{font-size:15px;line-height:1.85;color:#6d6b64;max-width:650px}
.service-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.service-step{padding:28px;border:1px solid #ded9cd;background:#fdfbf6;display:flex;flex-direction:column;min-width:0}
.service-step-number{font-size:11px;letter-spacing:.15em;color:#a8866b;margin-bottom:22px}
.service-step h3{font-size:28px;line-height:1.25;margin:0 0 28px;min-height:70px}
.service-role{font-size:9px;letter-spacing:.15em;font-weight:700;color:#7d786c}
.service-step p{font-size:13px;line-height:1.8;color:#6f6d64;margin:8px 0 0}
.service-we{margin-top:22px;border-top:1px solid #ded9cd;padding-top:22px}
.service-we .service-role{color:var(--green2)}
.service-scope-note{font-size:12px;line-height:1.8;color:#797468;max-width:850px;margin:26px 0 0}
.guest-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:70px}
.guest-copy h2{font-size:clamp(35px,3.8vw,54px);line-height:1.2}
.service-guest-cases{display:grid;gap:18px;margin:28px 0}
.service-guest-cases article{padding-left:17px;border-left:1px solid #839584}
.service-guest-cases h3{font-size:14px;font-weight:600;line-height:1.5;margin:0 0 6px;color:#f7f3e9}
.service-guest-cases p{font-size:12px;line-height:1.8;color:#d2d9d1;margin:0;max-width:430px}
.guest-actions .button{white-space:normal}
.guest-actions>p{font-size:11px!important;line-height:1.7;max-width:460px;margin-top:16px}
.price-description{min-height:66px;color:#625f56}
.price-card h3{font-size:28px;line-height:1.2;min-height:68px}
.service-package-effort{font-size:11px;line-height:1.85;color:#6c6c61;border-top:1px solid #deded2;padding-top:16px;margin:0 0 12px;min-height:135px}
.service-package-effort strong{display:block;color:#415646;font-size:10px;margin-bottom:6px}
.service-pricing-scope{font-size:12px;line-height:1.85;color:#6a6c61;max-width:830px;text-align:center;margin:28px auto 0}
.price-note{color:#777164}
@media(max-width:1100px){.service-design-story{gap:35px}.service-step{padding:23px}.service-step h3{font-size:25px}.guest-grid{gap:35px}.service-package-effort{min-height:160px}}
@media(max-width:900px){.hero:has(.hero-visual-envelope){gap:25px}.hero:has(.hero-visual-envelope) h1{font-size:clamp(32px,4.6vw,42px)}.hero-lead{font-size:14px}.service-design-story{grid-template-columns:.9fr 1.1fr;padding:24px;gap:28px}.service-design-story h3{font-size:35px}.service-steps{gap:12px}.service-step{padding:20px}.service-step h3{font-size:24px}.guest-grid{grid-template-columns:1fr}.guest-copy>p:not(.overline){max-width:650px}.service-guest-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dashboard-wrap{max-width:620px;width:100%;margin:auto}.service-package-effort{min-height:0}.price-card h3{min-height:0}}
@media(max-width:720px){.hero:has(.hero-visual-envelope){grid-template-columns:1fr;padding-top:42px;padding-bottom:42px;gap:38px}.hero:has(.hero-visual-envelope) h1{font-size:clamp(31px,6.6vw,46px)}.hero-actions{align-items:flex-start;gap:18px}.hero-proof{font-size:10px}.real-examples-section{padding-top:58px}.service-design-story{grid-template-columns:1fr;gap:24px;padding:20px;margin-bottom:42px}.service-design-story img{height:265px}.service-design-story h3{font-size:35px}.service-examples-label{display:block}.service-examples-label h3{font-size:27px;margin-bottom:14px}.service-section{padding-block:70px}.service-section-heading h2{font-size:clamp(32px,6.3vw,45px)}.service-steps{grid-template-columns:1fr;gap:14px}.service-step{padding:25px}.service-step h3{font-size:27px;min-height:0;margin-bottom:20px}.service-step-number{margin-bottom:15px}.service-step>div p{max-width:480px}.service-guest-cases{grid-template-columns:1fr}.guest-copy h2{font-size:36px}.service-package-effort{font-size:12px}.service-hero-note{font-size:10px}.service-pricing-scope{text-align:left}.price-description{min-height:0}}
@media(max-width:380px){.hero:has(.hero-visual-envelope) h1{font-size:28px}.hero-actions .button{font-size:11px;padding-inline:17px}.guest-copy h2{font-size:32px}.service-design-story{padding:16px}.service-design-path{gap:7px;font-size:10px}}