/* Shared foundation. Historical single-page styling remains in index.html. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:115px}
body{margin:0;font:16px/1.65 Arial,Helvetica,sans-serif}
h1,h2,h3,h4,p{margin:0}
a{color:inherit;text-decoration:none;touch-action:manipulation}
button,summary{touch-action:manipulation}
img{max-width:100%}
.skip{position:fixed;top:-150px;left:15px;background:white;color:#0b0f13;padding:12px;z-index:100}
.skip:focus{top:15px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Digital atelier: expressive type, sculptural imagery, distinct content types. */
:root{--a-ink:#0b0f13;--a-paper:#f5f6f7;--a-electric:#2d49ef;--a-lime:#d6fa5a;--a-muted:#afb7c2}
.atelier-header{position:sticky;top:0;z-index:50;background:var(--a-ink);color:#fff;border-bottom:1px solid #2b3036;font:1rem/1.5 Arial,Helvetica,sans-serif}
.atelier-nav-wrap{width:min(1320px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:88px}
.atelier-brand{font-weight:700;font-size:1.8rem;letter-spacing:-.07em;white-space:nowrap;color:#fff}.atelier-brand span{color:var(--a-lime)}
.atelier-nav{display:flex;align-items:center;gap:30px;font-size:.95rem}.nav-group{position:relative}.nav-group summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;min-height:48px}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary>span{font-size:1.2rem;color:#adb5c0}.nav-group summary.in-section,.nav-group[open]>summary{color:var(--a-lime)}.nav-group[open]>summary>span{transform:rotate(180deg)}
.nav-panel{position:absolute;top:calc(100% + 16px);left:-22px;width:380px;padding:22px;background:#161d25;border:1px solid #38424e;box-shadow:0 22px 50px #0005;border-radius:7px;color:white}.nav-panel:before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px}.nav-caption{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#aab8cc;margin:0 12px 10px}.nav-panel a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 12px;border-radius:3px}.nav-panel a:hover,.nav-panel a:focus-visible{background:#283445}.nav-panel a[aria-current]{background:#283445}.nav-panel b{display:block;font-size:1rem;letter-spacing:0}.nav-panel small{display:block;margin-top:4px;font-size:.875rem;color:#c0cada;line-height:1.4}.nav-panel a>span:last-child{color:var(--a-lime)}.nav-panel .nav-overview{font-size:.875rem;border-top:1px solid #38424e;margin-top:8px;border-radius:0}.nav-about{padding-block:14px}.atelier-nav-contact{display:flex;align-items:center;gap:22px;border:1px solid #68764a;border-radius:3px;padding:11px 17px;color:var(--a-lime);white-space:nowrap}.atelier-nav-contact:hover{background:var(--a-lime);color:var(--a-ink)}.mobile-toggle{display:none}.atelier-header a:focus-visible,.atelier-header summary:focus-visible,.atelier-header button:focus-visible{outline:2px solid var(--a-lime);outline-offset:4px}
.atelier-home{background:var(--a-ink);color:#fff;font-family:Arial,Helvetica,sans-serif}.atelier-home .a-wrap{width:min(1260px,calc(100% - 100px));margin-inline:auto}.atelier-home h1,.atelier-home h2,.atelier-home h3{font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:0;text-wrap:balance}.atelier-home h2{font-size:clamp(2.7rem,4.5vw,4.4rem)}.atelier-home h3{font-size:1.7rem}.atelier-home p{font-size:1.05rem;line-height:1.65;color:inherit;max-width:60ch}.atelier-home em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:inherit;letter-spacing:-.055em}.atelier-home a:focus-visible{outline:3px solid #8d65ff;outline-offset:5px}.atelier-home .a-section{padding-block:100px}.atelier-home .a-kicker{font-size:.875rem;letter-spacing:.025em;line-height:1.5;margin-bottom:30px;display:flex;align-items:center;gap:10px}.a-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--a-lime)}
.a-hero{overflow:hidden}.a-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:15px;padding:72px 0 58px}.atelier-home .a-hero h1{font-size:clamp(4.8rem,7.9vw,7.4rem);line-height:.95;letter-spacing:-.065em;margin-bottom:28px}.a-hero h1 em{color:var(--a-lime)}.atelier-home .a-intro{font-size:1.13rem;color:#c6cdd5;line-height:1.65}.a-hero-copy{position:relative;z-index:2}.a-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.a-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--a-lime);color:var(--a-ink);padding:15px 21px;min-height:52px;border-radius:3px;font-size:1rem;font-weight:600;line-height:1.4}.a-button:hover{background:#e2ff88}.a-button>span{font-size:1.3rem;font-weight:400}.a-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-weight:500;font-size:1rem;line-height:1.5;text-decoration:underline;text-decoration-color:#7779;text-underline-offset:7px}.a-link:hover{text-decoration-color:currentColor}.a-hero-art{position:relative;margin:0 -100px 0 -30px;min-width:0}.a-hero-art img{display:block;width:100%;height:570px;object-fit:cover;mix-blend-mode:screen;object-position:55% 50%;animation:a-arrive 1s ease-out both}.a-hero-art figcaption{display:flex;justify-content:space-between;gap:20px;margin:15px 100px 0 35px;color:#a9b3bf;font-size:.875rem}.a-hero-art figcaption>span:last-child{color:var(--a-lime)}.a-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #333942;padding-block:23px;color:#a9b3bf}.a-hero-bottom>span{font-size:.75rem;letter-spacing:.12em}.atelier-home .a-hero-bottom p,.a-hero-bottom a{font-size:.875rem}.a-hero-bottom a{display:flex;gap:15px;color:white}
.a-services{background:var(--a-paper);color:var(--a-ink)}.a-services-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.a-section-intro>p:not(.a-kicker){margin:25px 0 20px;color:#454e5a}.a-service-links>a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0;border-top:1px solid #b7bfc8}.a-service-links>a:last-child{border-bottom:1px solid #b7bfc8}.a-service-links>a>span{font-size:1.7rem;transition:transform .2s}.a-service-links>a:hover>span{transform:translate(3px,-3px)}.a-service-links>a:hover h3{color:#203bd8}.atelier-home .a-service-links p{font-size:1rem;color:#525e6a;margin-top:10px}
.a-lessy{background:var(--a-electric);color:white}.a-section-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:45px}.a-section-top .a-kicker{margin:0}.a-status{font-size:.875rem;line-height:1.5;padding:7px 11px;border:1px solid #a4b2ff;border-radius:3px}.a-lessy-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.atelier-home .a-product-name{font-size:5.5rem;font-weight:500;letter-spacing:-.07em;line-height:1;display:flex;gap:32px;align-items:flex-start;margin-bottom:30px}.a-product-name>span{font-size:3rem;line-height:1;color:var(--a-lime)}.atelier-home .a-lessy h2{font-size:clamp(2.3rem,3.4vw,3.3rem)}.a-lessy-grid>div>p:not(.a-product-name){margin:23px 0 28px;color:#f0f2ff}.a-button-dark{background:var(--a-ink);color:white}.a-button-dark:hover{background:#242e3a}.a-dialog{padding:26px 30px;background:#101823;color:#fff;border-radius:8px;box-shadow:14px 18px 0 #1529a3;transform:rotate(-1deg)}.a-dialog-top{display:flex;justify-content:space-between;gap:20px;font-size:.875rem;border-bottom:1px solid #394353;padding-bottom:20px;margin-bottom:4px}.a-small{font-size:.75rem;color:#abbad0;white-space:nowrap}.a-dialog-line{padding:21px 0 17px}.a-speaker{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;letter-spacing:.06em;color:#c2d595;margin-bottom:8px}.a-speaker>span{border:1px solid #6b7d54;font-size:.75rem;padding:1px 5px;border-radius:3px}.atelier-home .a-dialog-line p{font-size:1.1rem;line-height:1.55}.a-reply{margin-left:35px;border-left:1px solid #4d5d72;padding-left:18px}.a-reply .a-speaker{color:#a4b8d4}.a-open-question{display:flex;align-items:center;gap:18px;border-top:1px solid #637a3d;background:#d6fa5a10;padding:17px 18px;color:var(--a-lime);margin-top:10px}.a-open-question>span{font-size:1.7rem}.a-open-question b{font-size:.875rem}.atelier-home .a-open-question p{font-size:1rem;color:white}.atelier-home .a-demo-note{font-size:.75rem;line-height:1.5;color:#b1bfd1;margin-top:18px}
.a-case{background:#e4eaf0;color:var(--a-ink)}.a-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.a-case-visual{position:relative;min-width:0;padding:25px 50px 40px 15px}.a-case-visual>a{display:block;position:relative;transform:rotate(-5deg);background:#fff;box-shadow:12px 15px 0 #c6d0dc}.a-case-visual img{display:block;width:100%;height:auto}.a-paper-label{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #d0d8e3;padding:13px 18px;font-size:.875rem}.a-case-stamp{position:absolute;right:0;bottom:14px;background:var(--a-lime);padding:20px 25px;line-height:1.6;font-size:.875rem;letter-spacing:.03em;transform:rotate(4deg);border:1px solid #b5d347}.a-case-stamp>span{font-size:1.6rem;display:inline-block;margin-left:18px}.a-case-copy>p:not(.a-kicker){margin:25px 0;color:#434e5c}.a-case-copy .a-fine{font-size:.875rem;margin-bottom:0}.a-cocos{background:#182129;color:white;border-bottom:1px solid #3b444b;padding:42px 0}.a-cocos-inner{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:30px}.a-cocos .a-kicker{font-size:.75rem;color:#c1c9d1;margin-bottom:12px}.atelier-home .a-cocos h2{font-size:2.7rem;letter-spacing:-.025em}.atelier-home .a-cocos p:not(.a-kicker){font-size:1rem;color:#c4cbd3}.a-cocos .a-link{color:var(--a-lime)}
.a-about{background:var(--a-ink);color:#fff}.a-about-grid{display:grid;grid-template-columns:.45fr 1fr;gap:50px}.a-about .a-kicker{color:#b3becb}.atelier-home .a-about h2{font-size:clamp(2.5rem,3.8vw,3.6rem)}.a-about h2 em{color:#a5b4c5}.a-about-grid>div>p{margin:28px 0 20px;color:#b9c3cf;max-width:58ch}.a-contact{background:var(--a-lime);color:var(--a-ink);padding-block:70px}.a-contact-link{display:flex;justify-content:space-between;gap:30px;align-items:center}.atelier-home .a-contact h2{font-size:clamp(2.6rem,5vw,4.8rem)}.a-contact-link>span{font-size:5rem;line-height:1;font-weight:400;transition:transform .2s}.a-contact-link:hover>span{transform:translate(6px,-6px)}.a-contact p:last-child{margin-top:28px}.a-footer{padding:35px 0;background:var(--a-ink);color:white;border:0;display:block}.a-footer>.a-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}.a-footer nav{display:flex;gap:28px;font-size:.875rem}.atelier-home .a-footer p{grid-column:1/-1;border-top:1px solid #323a45;padding-top:20px;color:#aeb8c6;font-size:.75rem;line-height:1.6;max-width:none}
@keyframes a-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.atelier-nav-wrap{width:calc(100% - 48px);gap:25px}.atelier-nav{gap:22px}.atelier-brand{font-size:1.6rem}.atelier-home .a-wrap{width:calc(100% - 64px)}.a-hero-grid{gap:0}.a-hero-art{margin-right:-60px}.a-hero-art img{height:510px}.a-hero-art figcaption{margin-right:60px;margin-left:15px}.a-services-grid,.a-lessy-grid,.a-case-grid{gap:55px}.a-dialog{padding:24px}.a-cocos-inner{grid-template-columns:1fr 1.2fr}.a-cocos-inner>.a-link{grid-column:2}}
@media(max-width:900px){.atelier-nav-wrap{position:relative;min-height:74px;flex-wrap:wrap;gap:0;justify-content:space-between}.mobile-toggle{display:flex;align-items:center;gap:20px;border:1px solid #58636f;border-radius:3px;background:transparent;color:white;font:inherit;font-size:.95rem;padding:9px 15px;min-height:44px}.menu-symbol{font-size:1.35rem;line-height:1}.atelier-nav{width:100%;flex-direction:column;align-items:stretch;gap:0;padding:12px 0 25px;max-height:calc(100dvh - 88px);overflow:auto;overscroll-behavior:contain}.has-nav-js .atelier-nav:not(.is-open){display:none}.nav-group{border-top:1px solid #343f4b}.nav-group summary{justify-content:space-between;padding:15px 0;font-size:1.05rem}.nav-panel{position:static;width:100%;padding:10px 10px 16px;box-shadow:none;border:0;background:#151e28;margin-bottom:15px}.nav-panel:before{display:none}.nav-panel a{padding:14px 10px}.nav-caption{display:none}.nav-about{border-top:1px solid #343f4b;padding:19px 0}.atelier-nav-contact{justify-content:space-between;margin-top:4px}.a-hero-grid{grid-template-columns:1.1fr .9fr}.atelier-home .a-hero h1{font-size:5rem}.a-hero-art{margin-left:-45px}.a-hero-art img{height:490px}.a-hero-art figcaption{display:none}.a-actions{gap:18px}.a-services-grid{grid-template-columns:1fr 1.2fr;gap:40px}.a-lessy-grid{gap:38px}.a-section-top{align-items:flex-start}.a-case-grid{gap:40px}.a-case-visual{padding:15px 25px 35px 10px}.a-about-grid{grid-template-columns:1fr;gap:5px}.a-cocos-inner{grid-template-columns:1fr 1fr}}
@media(max-width:620px){html{scroll-padding-top:88px}.atelier-nav-wrap{width:calc(100% - 36px);min-height:70px}.atelier-brand{font-size:1.6rem}.atelier-home .a-wrap{width:calc(100% - 40px)}.atelier-home .a-section{padding-block:62px}.atelier-home h2{font-size:2.85rem}.atelier-home h3{font-size:1.5rem}.atelier-home p{font-size:1rem}.atelier-home .a-kicker{font-size:.875rem;margin-bottom:24px}.a-hero-grid{display:block;padding:38px 0 0;position:relative}.atelier-home .a-hero h1{font-size:clamp(4.1rem,17vw,6.1rem);margin-bottom:23px;line-height:.95}.atelier-home .a-intro{font-size:1.02rem;line-height:1.6;max-width:340px}.a-intro br{display:none}.a-actions{margin-top:23px;gap:20px}.a-button{font-size:.95rem;gap:22px;padding:14px 18px;min-height:50px}.a-link{font-size:.95rem;gap:12px}.a-hero-art{margin:-15px -25px 0 30px;height:225px}.a-hero-art img{height:245px;object-position:60% 58%;width:100%;animation:none}.a-hero-bottom{padding-block:17px;gap:20px;align-items:center}.a-hero-bottom>span{display:none}.atelier-home .a-hero-bottom p{font-size:.75rem;max-width:180px;line-height:1.6}.a-hero-bottom a{font-size:.875rem}.a-services-grid,.a-lessy-grid,.a-case-grid{grid-template-columns:1fr;gap:32px}.a-services .a-section-intro p:not(.a-kicker){margin-block:20px 12px}.a-service-links>a{padding:23px 0;gap:15px}.atelier-home .a-service-links p{font-size:.95rem;max-width:30ch}.a-section-top{flex-direction:column;gap:12px;margin-bottom:30px}.a-section-top .a-kicker{margin:0}.a-status{font-size:.75rem}.atelier-home .a-product-name{font-size:4.4rem;margin-bottom:22px}.atelier-home .a-lessy h2{font-size:2.55rem}.a-lessy-grid>div>p:not(.a-product-name){margin:22px 0 24px}.a-dialog{padding:22px 18px;box-shadow:7px 10px 0 #1529a3;transform:none;margin:5px 7px 8px 0}.a-dialog-top{flex-direction:column;gap:5px;font-size:.875rem;padding-bottom:15px}.a-dialog-line{padding:18px 0 12px}.atelier-home .a-dialog-line p{font-size:1rem}.a-reply{margin-left:18px;padding-left:16px}.a-open-question{padding:15px 12px;gap:14px}.a-case-copy{order:-1}.a-case-copy>p:not(.a-kicker){margin:22px 0;max-width:33ch}.a-case-copy .a-fine{font-size:.875rem}.a-case-visual{padding:15px 45px 35px 15px;max-width:420px}.a-case-stamp{font-size:.75rem;padding:15px 18px}.a-paper-label{font-size:.75rem;padding:12px}.a-cocos{padding-block:35px}.a-cocos-inner{grid-template-columns:1fr;gap:20px}.a-cocos-inner>.a-link{grid-column:auto}.a-cocos .a-kicker{font-size:.75rem;margin-bottom:12px}.a-about-grid{gap:0}.atelier-home .a-about h2{font-size:2.6rem}.a-about-grid>div>p{margin-top:24px}.a-contact{padding-block:48px}.atelier-home .a-contact h2{font-size:2.65rem}.a-contact-link{gap:12px;align-items:flex-start}.a-contact-link>span{font-size:2.6rem;margin-top:5px}.a-contact p:last-child{margin-top:24px}.a-footer>.a-wrap{grid-template-columns:1fr;gap:23px}.a-footer nav{gap:20px;flex-wrap:wrap;font-size:.875rem}.atelier-home .a-footer p{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.a-hero-art img{animation:none}.atelier-home a span{transition:none}.atelier-home a:hover>span{transform:none}}
@media print{.atelier-header{position:static}.atelier-nav,.a-hero-art,.a-footer{display:none}.atelier-home,.a-lessy,.a-about,.a-contact,.a-cocos{background:white;color:black}.a-hero-grid,.a-services-grid,.a-lessy-grid,.a-case-grid{display:block}.atelier-home p{color:black}.atelier-home .a-hero h1{font-size:4rem}.a-hero h1 em{color:black}.a-dialog{box-shadow:none;border:1px solid black;background:white;color:black;transform:none}.a-demo-note{color:black!important}}
/* Browser review: stable media layout and text enlargement without clipping. */
.a-hero-art img{animation:none}
/* Blend the artwork into the stage, not into a rectangular image card. */
.a-hero-art{margin-left:-160px}
.a-hero-art img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 90%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 90%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 14%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.a-hero-art figcaption{margin-left:160px}
@media(max-width:900px){.a-hero-art{margin-left:-120px}}
.a-services-grid>*,.a-lessy-grid>*,.a-case-grid>*,.a-about-grid>*,.a-cocos-inner>*{min-width:0}
.atelier-home h1,.atelier-home h2,.atelier-home h3,.atelier-home p,.atelier-home a{overflow-wrap:anywhere}
.atelier-home .a-product-name{flex-wrap:wrap}
.a-dialog-top>span{min-width:0}.a-small{white-space:normal}
.a-case-stamp{max-width:90%}
@media(max-width:900px){.mobile-toggle{margin-block:13px}.atelier-nav-wrap>.atelier-brand{margin-block:10px}.nav-panel a>span:first-child{min-width:0;overflow-wrap:anywhere}}
@media(max-width:620px){.a-hero-art{height:210px;margin:6px -25px 0 30px}.a-hero-art img{height:210px}.a-services-grid,.a-lessy-grid,.a-case-grid,.a-about-grid,.a-cocos-inner{grid-template-columns:minmax(0,1fr)}.atelier-home .a-product-name{font-size:min(4.4rem,24vw);gap:20px}.a-contact-link h2{min-width:0}.a-contact-link>span{flex-shrink:0}.a-case-stamp{font-size:.75rem}}
@media(max-width:620px){.a-hero-art{margin:0 -45px 0 -35px;height:230px}.a-hero-art img{height:230px;object-position:55% 58%}}

/* Destination links and submenu buttons; panels remain available without JS. */
.nav-group{display:grid;grid-template-columns:auto 44px;align-items:center}
.nav-heading{display:flex;align-items:center;min-height:48px;padding-block:12px}
.nav-heading:hover,.nav-heading[aria-current]{color:var(--a-lime)}
.nav-disclosure{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;border-radius:3px;background:transparent;color:#adb5c0;font:inherit;cursor:pointer}
.has-nav-js .nav-disclosure{display:flex}
.nav-disclosure:hover,.nav-disclosure[aria-expanded="true"]{background:#283445;color:var(--a-lime)}
.nav-disclosure[aria-expanded="true"] span{transform:rotate(180deg)}
.nav-panel[hidden]{display:none}
html:not(.has-nav-js) .atelier-nav{flex-wrap:wrap}
html:not(.has-nav-js) .nav-panel{position:static;grid-column:1/-1;width:100%;margin-block:10px}
@media(max-width:1100px) and (min-width:901px){.atelier-nav{gap:12px}.atelier-nav-wrap{width:calc(100% - 48px);gap:20px}}
@media(max-width:900px){.nav-group{grid-template-columns:minmax(0,1fr) 44px}.nav-heading{min-height:56px;font-size:1.05rem}.nav-panel{grid-column:1/-1}.nav-disclosure{min-height:44px}}

/* One editorial language for all detail pages. Numbers only mean a sequence. */
.d-hero{padding:30px 0 80px;background:var(--a-ink);color:#fff}
.d-back{display:inline-block;font-size:.875rem;color:#b5bfcc;margin-bottom:40px;padding-block:8px}.d-back:hover{color:var(--a-lime)}
.atelier-detail .d-hero h1{font-size:clamp(3rem,6vw,6rem);max-width:18ch;line-height:1.02}.d-hero h1 em{color:var(--a-lime)}
.atelier-detail .d-intro{font-size:1.2rem;color:#c6cdd5;max-width:52ch;margin-top:28px}
.d-paper{background:var(--a-paper);color:var(--a-ink)}.d-blue{background:var(--a-electric);color:white}.d-dark{background:var(--a-ink);color:white}
.d-jump{background:#182129;border-top:1px solid #37404a;color:white}.d-jump>.a-wrap{display:flex;flex-wrap:wrap;gap:10px 35px;padding-block:20px}.d-jump a{font-size:.95rem;padding-block:8px;text-underline-offset:5px}.d-jump a:hover{text-decoration:underline;color:var(--a-lime)}
.d-split,.d-service,.d-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.d-split>*,.d-service>*,.d-case-grid>*{min-width:0}
.d-service{padding-block:75px;border-bottom:1px solid #bfc7d0;scroll-margin-top:20px}.d-service:last-child{border:0}.atelier-detail .d-service h2{font-size:clamp(2.4rem,3.8vw,3.8rem)}.d-service .a-kicker{color:#465464;margin-bottom:22px}
.d-result{border-left:3px solid var(--a-electric);padding-left:22px;margin:25px 0}.d-result b{display:block;font-size:.875rem;margin-bottom:8px}
.d-fold{border-top:1px solid #9aa8bb;margin-top:26px}.d-fold summary{display:flex;gap:22px;justify-content:space-between;align-items:center;padding-block:20px;cursor:pointer;list-style:none;font-size:1rem;font-weight:600;line-height:1.5}.d-fold summary::-webkit-details-marker{display:none}.d-fold summary>span{font-size:1.5rem;font-weight:400;flex-shrink:0}.d-fold[open] summary>span{transform:rotate(45deg)}.d-fold summary:focus-visible{outline:3px solid #986eff;outline-offset:5px}.d-fold>div{padding-bottom:22px}.d-fold>div>p+p{margin-top:16px}
.d-deliverables{margin:0 0 22px}.d-deliverables>div{display:grid;grid-template-columns:155px 1fr;gap:20px;border-top:1px solid #cbd2da;padding-block:14px;font-size:.95rem}.d-deliverables dt{font-weight:600}.d-deliverables dd{margin:0}
.atelier-detail .d-note{font-size:.875rem;line-height:1.6;margin-top:22px;opacity:.87}.d-spaced{margin-top:24px}.d-split p+.a-link,.d-split p+.a-button{margin-top:24px}.d-side>p:not(.a-kicker){margin-top:24px}
.d-timeline{counter-reset:step;list-style:none;margin:0;padding:0}.d-timeline li{counter-increment:step;position:relative;padding:0 0 42px 64px;border-left:1px solid #b1bac5;margin-left:20px}.d-timeline li:last-child{border-color:transparent;padding-bottom:0}.d-timeline li:before{content:counter(step,decimal-leading-zero);position:absolute;top:0;left:-21px;width:42px;height:42px;display:grid;place-items:center;background:var(--a-lime);color:var(--a-ink);font-size:.875rem;border:1px solid #b1c972;border-radius:50%}.d-timeline .a-kicker{font-size:.875rem;margin-bottom:12px;color:#526071}.d-timeline h3{margin-bottom:16px}
.d-story{border-top:1px solid #424e5b}.d-story p{border-bottom:1px solid #424e5b;padding-block:22px;color:#c6cdd5}.d-story b{display:block;color:var(--a-lime);font-size:.875rem;margin-bottom:8px}.d-boundary{border-top:1px solid #424e5b;padding-top:24px;margin-top:40px;color:#b7c2cf!important;font-size:.875rem!important;max-width:90ch!important}
.d-pages{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:10px}.d-pages>a{display:block;box-shadow:8px 10px 0 #ced6df;background:white;transition:transform .2s;min-width:0}.d-pages>a:first-child{transform:rotate(-3deg)}.d-pages>a:last-child{transform:rotate(3deg);margin-top:35px}.d-pages>a:hover{transform:translateY(-5px)}.d-pages img{width:100%;height:auto;display:block}.d-pages span{display:block;padding:10px;font-size:.75rem;border-top:1px solid #d5dce4}
.d-prototype{background:#101823;padding:30px;border-radius:8px;box-shadow:12px 15px 0 #1529a3;transform:rotate(1deg);color:white}.d-prototype-bar{display:flex;justify-content:space-between;gap:20px;color:#b6c7dc;font-size:.75rem;flex-wrap:wrap;border-bottom:1px solid #435066;padding-bottom:20px;margin-bottom:25px}.d-progress{display:flex;gap:7px;margin:20px 0 35px}.d-progress span{height:5px;flex:1;background:#485a75}.d-progress span:first-child{background:var(--a-lime)}.d-prototype h3{margin-bottom:25px}.d-mock-field{font-size:.875rem;color:#b9c8d9;margin-top:18px}.d-mock-field>span{display:block;border:1px solid #566a82;border-radius:3px;padding:12px 15px;margin-top:6px;color:#c4d0de;font-size:1rem}.atelier-detail .d-mock-hint{font-size:.875rem;margin-top:24px;color:var(--a-lime)}
.d-principles article{border-top:1px solid #849cff;padding-block:26px}.d-principles article:first-child{padding-top:0;border:0}.d-principles article:last-child{padding-bottom:0}.d-principles h3{margin-bottom:15px}
.d-questions{margin:0;padding:0;list-style:none;counter-reset:question}.d-questions li{counter-increment:question;border-top:1px solid #9daab9;padding-block:25px;display:flex;gap:25px;font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.4;letter-spacing:-.03em}.d-questions li:before{content:counter(question,decimal-leading-zero);font-size:.875rem;color:#526071;flex-shrink:0;padding-top:7px}
.d-launch{padding-block:35px}.d-launch .d-fold{margin:0}
.d-split h2+p{margin-top:24px}
/* Legal drafts use a quiet reading layout, not the marketing section grid. */
.atelier-detail .l-hero h1{font-size:clamp(2.7rem,5vw,4.7rem)}
.atelier-home .l-copy{max-width:900px;padding-block:50px 80px}
.l-copy section{padding-block:32px;border-bottom:1px solid #c4cdd7}
.atelier-detail .l-copy h2{font-size:1.55rem;line-height:1.3;letter-spacing:-.025em;text-wrap:initial;margin-bottom:18px}
.l-copy p+p{margin-top:16px}.l-copy a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.l-draft,.l-review{padding:22px 24px;border-left:3px solid #87620a;background:#fff2cb;color:#302713}
.l-draft b,.l-review b{font-size:1rem}.l-draft p,.l-review p{margin-top:10px}
.l-review{margin-top:24px}.l-copy code{font-size:.95em;overflow-wrap:anywhere}
.a-footer nav{flex-wrap:wrap;max-width:850px}
@media(max-width:620px){.atelier-home .l-copy{padding-block:30px 50px}.l-draft,.l-review{padding:18px}.atelier-detail .l-copy h2{font-size:1.35rem}}
@media(max-width:1150px){.d-split,.d-service,.d-case-grid{gap:55px}.a-footer>.a-wrap{grid-template-columns:1fr}.a-footer nav{flex-wrap:wrap}}
@media(max-width:800px){.d-split,.d-service,.d-case-grid{grid-template-columns:minmax(0,1fr);gap:32px}.d-hero{padding-bottom:55px}.d-service{padding-block:55px}.d-timeline{margin-top:15px}.d-pages{max-width:560px}.d-prototype{max-width:570px;margin-right:12px}.d-story{margin-top:5px}.d-jump>.a-wrap{gap:2px 25px}.d-back{margin-bottom:28px}.d-deliverables>div{grid-template-columns:minmax(0,1fr);gap:5px}.d-boundary{margin-top:28px}}
@media(max-width:620px){.d-hero{padding-top:18px}.atelier-detail .d-hero h1{font-size:clamp(2.8rem,12vw,4.5rem)}.atelier-detail .d-intro{font-size:1.05rem;margin-top:24px}.d-jump>.a-wrap{display:grid;grid-template-columns:minmax(0,1fr);padding-block:15px}.d-jump a{padding-block:10px}.d-timeline li{padding-left:40px;margin-left:17px}.d-timeline li:before{left:-18px;width:36px;height:36px}.d-pages{gap:13px;padding-right:8px}.d-prototype{padding:23px 19px;transform:none;box-shadow:7px 10px 0 #1529a3;margin-right:7px}.d-questions li{gap:18px}.d-fold summary{font-size:.95rem}.d-hero .a-button{max-width:100%}.d-hero .a-button span{flex-shrink:0}.d-spaced{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.d-pages>a{transition:none}.d-pages>a:hover{transform:none}}
@media print{.d-hero,.d-paper,.d-blue,.d-dark{background:white;color:black}.d-hero h1 em,.d-intro{color:black!important}.d-split,.d-service,.d-case-grid{display:block}.d-hero{padding-block:20px}.d-back,.d-jump{display:none}.d-service{padding-block:25px}.d-story b,.d-boundary{color:black!important}}
.d-audio{margin:30px 0 0;padding:24px;background:#142144;border:1px solid #7488d8;border-radius:8px;color:#fff;min-width:0}
.atelier-detail .d-audio h3{font-size:1.4rem;letter-spacing:-.025em}
.d-audio figcaption p{font-size:1rem;margin-top:12px;line-height:1.5}
.d-audio-meta{display:block;font-size:.875rem;color:#c7d4ed;margin-top:12px}
.d-audio audio{display:block;width:100%;min-width:0;max-width:100%;margin-top:20px;color-scheme:light}
.d-audio-download{display:inline-block;font-size:.875rem;text-decoration:underline;text-underline-offset:4px;margin-top:16px}
@media(max-width:420px){.d-audio{padding:18px 14px}}