.material-composition{padding:42px 32px 26px;min-width:0;background:#e8edf5;align-self:stretch}
.material-stage{height:clamp(300px,34vw,510px);perspective:1400px;position:relative;touch-action:pan-y;cursor:grab}
.material-stage[data-dragging=true]{cursor:grabbing}.material-stack{position:absolute;inset:26px 4% 8px;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.material-plane{position:absolute;inset:0;padding:0;overflow:hidden;border:1px solid #fff9;border-radius:12px;background:#f3f0e8;box-shadow:0 18px 35px #2b426b20;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .45s;transform-origin:center}
.material-plane img{width:100%;height:100%;object-fit:cover;pointer-events:none}.material-plane[aria-pressed=false]{box-shadow:0 10px 25px #2b426b14}
.material-selectors{display:flex;gap:4px;padding:4px;width:fit-content;max-width:100%;margin:20px auto 0;border-radius:999px;background:#dbe5f2}
.material-selectors button{border:0;border-radius:999px;min-height:40px;padding:8px 18px;font-size:13px;color:#65738b;background:transparent;transition:background .25s,color .25s,box-shadow .25s}
.material-selectors button[aria-pressed=true]{background:#fbfcfe;color:#2859bd;box-shadow:0 3px 12px #2b426b12}
.material-note{text-align:center;font-size:11px!important;line-height:1.6;color:#66758a;margin:12px 0 0}
.studio-depth{max-width:1280px;margin:0 auto;padding:65px 28px 70px;background:#f4f1e9}
.studio-depth .section-title{margin-bottom:12px;gap:30px}.studio-depth .section-title h2{font-size:clamp(32px,3.3vw,48px);max-width:720px}.studio-depth .section-title>p{font-size:14px;max-width:320px;line-height:1.7}
.depth-stage{height:540px;position:relative;perspective:1500px;overflow:hidden;touch-action:pan-y;cursor:grab}
.depth-stage[data-dragging=true]{cursor:grabbing}.depth-card{position:absolute;left:50%;top:22px;height:calc(100% - 44px);aspect-ratio:4/5;width:auto;display:block;border-radius:10px;overflow:hidden;background:#f7f8fc;box-shadow:0 16px 32px #23365318;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s}
.depth-card img{width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;user-select:none}
.depth-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-top:16px}
.depth-caption h3{font-size:21px;line-height:1.4}.depth-caption p{font-size:11px;margin-top:5px}.depth-detail{justify-self:end;font-size:14px;color:#2859bd;min-height:44px;display:flex;align-items:center}
.depth-dots{display:flex;gap:0;justify-content:center}.depth-dots button{border:0;background:transparent;width:30px;height:44px;min-height:44px;padding:0;position:relative}.depth-dots button:after{content:'';position:absolute;left:12px;top:19px;width:6px;height:6px;background:#b7c5dc;border-radius:50%;transition:scale .25s,background .25s}.depth-dots button[aria-pressed=true]:after{background:#2859bd;scale:1.4}
.depth-card:focus-visible,.material-plane:focus-visible,.material-selectors button:focus-visible,.depth-dots button:focus-visible{outline:3px solid #2859bd;outline-offset:3px}
.editorial-magnet{transition:translate .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}
.capabilities{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.capabilities li{border:0!important;padding:9px 12px;font-size:12px;border-radius:999px;background:#fbfcfe9c}
.process-story-step{border-top:0!important}.process-order{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e3eaf5;color:#6b7b94;font-size:11px;line-height:1;transition:background .3s,color .3s,box-shadow .3s}
.process-story-step[data-current=true] .process-order{background:#2859bd;color:#fff;box-shadow:0 5px 16px #2859bd22}.process-story-step[data-current=true] h3{text-decoration:none}
@media(hover:hover) and (pointer:fine){.editorial-magnet:hover{box-shadow:0 8px 22px #2859bd28}.customer-card .product-photo img{transition:transform .65s cubic-bezier(.2,.8,.2,1)}.customer-card .product-photo:hover img{transform:scale(1.025)!important}}
@media(max-width:1024px){.material-composition{padding:30px 20px 24px}.material-stage{height:350px}.depth-stage{height:490px}}
@media(max-width:760px){
 .material-composition{padding:28px 22px 22px}.material-stage{height:300px}.material-stack{inset:24px 3% 8px}.material-selectors{margin-top:14px}.material-selectors button{min-height:44px;padding:8px 17px;font-size:12px}.material-note{font-size:11px!important}
 .studio-depth{padding:44px 6% 46px}.studio-depth .section-title{gap:16px}.studio-depth .section-title h2{font-size:34px}.studio-depth .section-title>p{font-size:13px}.depth-stage{height:390px}.depth-card{top:22px;height:calc(100% - 44px)}
 .depth-footer{grid-template-columns:1fr auto;gap:10px;margin-top:10px}.depth-caption{grid-column:1}.depth-caption h3{font-size:19px}.depth-dots{grid-column:1;grid-row:2;justify-content:start;margin-left:-10px}.depth-detail{grid-column:2;grid-row:1/3;font-size:13px}.depth-dots button{width:28px}
 .capabilities li{font-size:12px}.process-order{width:30px;height:30px}
}
@media(max-width:360px){.material-composition{padding-inline:18px}.material-stage{height:270px}.depth-stage{height:340px}.studio-depth .section-title h2{font-size:30px}}
:root[data-motion-mode=reduce] .material-plane,:root[data-motion-mode=reduce] .material-stack,:root[data-motion-mode=reduce] .depth-card,:root[data-motion-mode=reduce] .editorial-magnet,:root[data-motion-mode=reduce] .customer-card .product-photo img{transition:none}
:root[data-motion-mode=reduce] .customer-card .product-photo:hover img{transform:none!important}
@media(prefers-reduced-motion:reduce){:root:not([data-motion-mode=on]) .material-plane,:root:not([data-motion-mode=on]) .material-stack,:root:not([data-motion-mode=on]) .depth-card,:root:not([data-motion-mode=on]) .editorial-magnet{transition:none}:root:not([data-motion-mode=on]) .customer-card .product-photo:hover img{transform:none!important}}