/* Feature atlas (home) + duo (product). Cream/ink, blue accent only. */
.atlas{position:relative;background:var(--cream)}
.at-pin{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:minmax(300px,0.8fr) 1.4fr;gap:56px;align-items:center;max-width:1360px;margin:0 auto;padding:72px 40px 40px;box-sizing:border-box}
.at-l .kick{font:600 13px/18px Erode;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin:0 0 12px}
.at-l h2{margin:0 0 22px;font-size:clamp(34px,3.4vw,52px);line-height:1.05}
.at-names{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.at-names li{display:flex;gap:12px;align-items:baseline;font:400 17px/25px Erode;color:rgba(17,17,17,.38);transition:color .35s,transform .35s;transform-origin:left}
.at-names li em{font-style:normal;font-size:12px;width:20px;color:rgba(17,17,17,.3)}
.at-names li.on{color:var(--ink);transform:translateX(6px)}
.at-names li.on em{color:var(--blue)}
.at-lines{position:relative;min-height:76px;margin-top:18px}
.at-line{position:absolute;inset:0 auto auto 0;margin:0;font:400 16px/24px Erode;color:#555;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s}
.at-line.on{opacity:1;transform:none}
.at-more{display:inline-block;margin-top:8px;color:var(--blue);font:600 15px/20px Erode;text-decoration:none}
.at-r{position:relative;perspective:1600px}
.at-r .lapd{width:100%}
.at-r .scr img{opacity:0;will-change:transform,opacity;transform-origin:50% 100%}
.at-r .scr img:first-child{opacity:1}
.at-ph{position:absolute;right:-3%;bottom:-6%;width:clamp(150px,13vw,200px);opacity:0;transform:translateY(60px) rotate(6deg);z-index:4}
.at-ph .ps img{opacity:0}.at-ph .isl{top:12px;width:56px;height:16px;margin-left:-28px}
.at-cap{position:absolute;left:40px;bottom:14px;margin:0;font-size:13px;color:#888}
.duo{padding:140px 0 120px;overflow:hidden}
.duo-stage{position:relative;width:min(980px,82vw);margin:64px auto 0;perspective:1600px}
.duo-stage .ph{position:absolute;right:-6%;bottom:-8%;width:clamp(170px,17vw,240px);z-index:3}
.duo-stage .ph .isl{top:14px;width:64px;height:18px;margin-left:-32px}
.duo-pts{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:980px;margin:72px auto 0;padding:0 24px}
.duo-pts li{background:#fff;padding:16px 18px;font:400 16px/23px Erode;box-shadow:0 1px 2px rgba(17,17,17,.06),0 18px 40px -16px rgba(17,17,17,.18)}
.duo-pts li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:3px;background:var(--blue);margin:0 10px 2px 0}
.duo .shcap{text-align:center}
@media (max-width:900px){
 .atlas{height:auto!important}
 .at-pin{position:relative;height:auto;display:block;padding:96px 20px 48px}
 .at-names{display:none}.at-lines{display:none}.at-cap{position:static;margin-top:16px}
 .at-r{display:none}
 .at-m{display:grid;gap:28px;margin-top:28px}
 .at-m figure{margin:0}.at-m h3{font:600 19px/25px Erode;margin:0 0 6px}.at-m p{margin:0 0 12px;color:#555;font-size:16px;line-height:23px}
 .at-m img{width:100%;display:block;box-shadow:0 18px 40px -16px rgba(17,17,17,.25)}
 .duo{padding:96px 0 80px}.duo-stage{width:92vw;margin-top:44px}
 .duo-stage .ph{width:30vw;right:-2%;bottom:-10%}
 .duo-pts{grid-template-columns:1fr;margin-top:56px;padding:0 4vw}
}
@media (min-width:901px){.at-m{display:none}}