.team-atelier{--atelier-bg:#e4e8de;background:var(--atelier-bg);color:var(--ink);border-radius:16px;padding:46px 36px 22px;margin:0 0 44px;scroll-margin-top:110px;overflow:hidden}.atelier-heading{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:30px}.team-atelier .atelier-heading h2{font-size:clamp(42px,6.2vw,104px);font-weight:450;line-height:1.02;letter-spacing:-.065em;margin:0;color:#293b2c}.atelier-heading>p{font-size:15px;line-height:1.7;text-align:right;color:#596653;margin:0 0 5px}.atelier-visual{position:relative;aspect-ratio:2.4;min-height:0}.atelier-photo{width:68%;position:relative;margin:0}.atelier-photo>img{display:block;width:100%;height:auto;aspect-ratio:1.74;object-fit:cover;object-position:42% center;border-radius:8px}.atelier-photo figcaption{position:absolute;bottom:35px;left:0;max-width:94%;padding:20px 24px;background:#f1f1e7;color:#344634;font-size:clamp(16px,1.65vw,27px);line-height:1.3;letter-spacing:-.5px}.atelier-mobile-break{display:none}.atelier-collage{position:absolute;right:0;top:-24px;width:44%;aspect-ratio:1;isolation:isolate}.atelier-layer{position:absolute;transition:opacity .85s ease,transform 1.05s cubic-bezier(.2,.7,.2,1);will-change:auto}.atelier-plan{left:9%;top:0;width:87%;background:#f7f5ec;padding:23px 18px 16px;box-shadow:0 2px 4px #293d2e18,6px 14px 22px #293d2e30;border:1px solid #d2d6c9;z-index:1;--move-x:30px;--move-y:-35px;--move-rotate:1.5deg;--layer-delay:0ms}.atelier-plan-label{display:flex;justify-content:space-between;gap:16px;font-size:9px;line-height:1.5;color:#6b7761;padding:0 8px}.atelier-plan>img{width:100%;height:auto;display:block;margin-top:9px}.atelier-plan-note{font-size:11px;line-height:1.65;color:#778364;margin:4px 0 0 10px}.atelier-wood{left:-2%;top:40%;width:34%;height:50%;object-fit:fill;filter:drop-shadow(2px 3px 2px #293d2e35) drop-shadow(5px 11px 7px #293d2e40);z-index:3;--move-x:-65px;--move-y:40px;--move-rotate:-4deg;--layer-delay:120ms}.atelier-tile{left:31%;top:68%;width:48%;height:32%;object-fit:fill;filter:drop-shadow(2px 3px 2px #293d2e30) drop-shadow(5px 12px 8px #293d2e38);z-index:2;--move-x:55px;--move-y:50px;--move-rotate:5deg;--layer-delay:220ms}.atelier-stone{left:37%;top:74%;width:36%;height:24%;object-fit:fill;filter:drop-shadow(2px 3px 2px #293d2e40) drop-shadow(4px 9px 6px #293d2e48);z-index:4;--move-x:70px;--move-y:65px;--move-rotate:-5deg;--layer-delay:320ms}.atelier-material-note{position:absolute;top:108%;right:0;max-width:105px;font-size:10px;line-height:1.6;color:#7d8871;margin:0;z-index:5}.atelier-collage[data-motion="ready"]:not(.is-assembled) .atelier-layer{opacity:0;transform:translate(var(--move-x),var(--move-y)) rotate(var(--move-rotate))}.atelier-collage.is-assembled .atelier-layer{opacity:1;transform:translate(0,0) rotate(0);transition-delay:var(--layer-delay)}.atelier-principles{display:grid;grid-template-columns:1fr 1.15fr 1.4fr;gap:32px;margin-top:16px;padding-top:24px;border-top:1px solid #bec6b5}.atelier-principles article+article{border-left:1px solid #b7c1ad;padding-left:32px}.atelier-principles h3{font-size:clamp(20px,2vw,32px);line-height:1.15;font-weight:450;letter-spacing:-.9px;margin:0 0 12px}.atelier-principles p{font-size:13px;line-height:1.7;color:#737e68;margin:0}.atelier-demo{font-size:10px;line-height:1.65;color:#828d76;text-align:right;margin:20px 0 0}
@media(min-width:1600px){.team-atelier{padding:54px 48px 24px}.atelier-visual{min-height:0}.atelier-photo>img{height:auto}.atelier-heading>p{font-size:17px}.atelier-plan-label{font-size:11px}.atelier-plan-note{font-size:13px}.atelier-principles p{font-size:15px}}
@media(max-width:1100px){.team-atelier{padding:44px 24px 24px}.atelier-heading{gap:25px;margin-bottom:30px}.atelier-heading>p{font-size:12px}.atelier-visual{min-height:0}.atelier-photo>img{height:auto}.atelier-plan{padding:14px 10px 10px}.atelier-plan-label{font-size:7px}.atelier-plan-note{font-size:9px}.atelier-material-note{font-size:8px;max-width:80px}.atelier-principles{gap:20px}.atelier-principles article+article{padding-left:20px}.atelier-principles p{font-size:12px}}
@media(max-width:760px){.team-atelier{padding:36px 20px 22px;border-radius:12px;margin-bottom:20px;scroll-margin-top:90px}.atelier-heading{display:block;margin-bottom:26px}.team-atelier .atelier-heading h2{font-size:clamp(34px,8.1vw,54px);line-height:1.05;letter-spacing:-.055em}.atelier-heading>p{text-align:left;font-size:13px;margin:20px 0 0}.atelier-visual{min-height:0;aspect-ratio:auto}.atelier-photo{width:100%}.atelier-photo>img{height:auto;aspect-ratio:4/3;object-position:40% center}.atelier-photo figcaption{bottom:16px;padding:12px 14px;font-size:15px;max-width:96%;line-height:1.4}.atelier-mobile-break{display:block}.atelier-collage{position:relative;top:auto;right:auto;width:100%;max-width:540px;margin:25px auto 0;aspect-ratio:1/1.03}.atelier-plan{left:10%;top:0;width:86%;padding:18px 10px 10px}.atelier-plan-label{font-size:8px}.atelier-plan-note{font-size:10px}.atelier-wood{left:0;top:37%;width:34%;height:45%;--move-x:-35px;--move-y:20px}.atelier-tile{left:32%;top:65%;width:48%;height:29%;--move-x:35px;--move-y:25px}.atelier-stone{left:38%;top:71%;width:36%;height:22%;--move-x:40px;--move-y:35px}.atelier-material-note{top:89%;right:0;font-size:8px;max-width:105px}.atelier-principles{grid-template-columns:1fr;gap:24px;margin-top:18px;padding-top:26px}.atelier-principles article+article{border-left:0;padding-left:0}.atelier-principles h3{font-size:25px;margin-bottom:8px}.atelier-principles p{font-size:13px}.atelier-demo{text-align:left;font-size:9px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.atelier-layer{transition:none!important}.atelier-collage[data-motion="ready"]:not(.is-assembled) .atelier-layer{opacity:1;transform:none}}