.sup-photo{border:1px solid var(--line2);aspect-ratio:4/3;border-radius:28px;position:relative;overflow:hidden}.sup-sub{flex-direction:column;gap:8px;margin:clamp(48px,7vw,80px) 0 20px;display:flex}.sup-sub h4,.sup-size h4{font:300 clamp(28px, 3.8vw, 42px)/1.05 var(--serif);letter-spacing:-.02em;margin:0}.sup-sub p{color:var(--ink2);max-width:620px;margin:0}.sup-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.sup-card{flex-direction:column;gap:10px;padding:22px;display:flex}.sup-card .ic,.sup-list .ic{background:#6e8bff1f;border:1px solid #6e8bff4d;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.sup-card .ic svg,.sup-list .ic svg{width:20px;height:20px;color:var(--blue)}.sup-card b{font-size:16px}.sup-card p{color:var(--ink2);margin:0;font-size:13.5px}@media (max-width:1000px){.sup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.sup-grid{grid-template-columns:minmax(0,1fr)}}.sup-size{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);margin-top:clamp(48px,7vw,80px);padding:clamp(22px,4vw,44px);display:grid}.sup-size h4{margin:14px 0}.sup-size p{color:var(--ink2);margin:0}.sup-flow{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.sup-in{flex-wrap:wrap;gap:8px;display:flex}.sup-arrow{background:var(--grad);transform-origin:top;border-radius:2px;width:2px;height:28px;margin-inline-start:22px;display:block}.sup-steps{flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}.sup-steps li{color:var(--ink2);align-items:flex-start;gap:12px;font-size:14px;display:flex}.sup-steps .mono{background:var(--glass2);border:1px solid var(--line);width:30px;height:30px;color:var(--ink);border-radius:10px;flex:none;place-items:center;font-size:12px;display:grid}@media (max-width:860px){.sup-size{grid-template-columns:minmax(0,1fr)}}.sup-see{margin-top:clamp(48px,7vw,80px)}.sup-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.sup-list{flex-direction:column;gap:16px;padding:24px;display:flex}.sup-list-head{align-items:center;gap:12px;display:flex}.sup-list-head b{font-size:17px}.sup-list ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.sup-list li{color:var(--ink2);gap:10px;font-size:14px;display:flex}.sup-list li svg{width:16px;height:16px;color:var(--ok);flex:none;margin-top:3px}@media (max-width:720px){.sup-two{grid-template-columns:minmax(0,1fr)}}.sup-teaser{isolation:isolate;border:1px solid var(--line);border-radius:28px;align-items:flex-end;min-height:520px;display:flex;position:relative;overflow:hidden}.sup-teaser:after{content:"";z-index:-1;background:linear-gradient(90deg,#0b0d14 0%,#0b0d14e0 45%,#0b0d1433 100%);position:absolute;inset:0}html[dir=rtl] .sup-teaser:after{background:linear-gradient(270deg,#0b0d14 0%,#0b0d14e0 45%,#0b0d1433 100%)}.sup-teaser .in{flex-direction:column;align-items:flex-start;gap:16px;max-width:620px;padding:clamp(24px,4vw,48px);display:flex}.sup-teaser h2{font:300 clamp(34px, 5vw, 58px)/1 var(--serif);letter-spacing:-.03em;margin:0}.sup-teaser p{color:var(--ink2);margin:0}.sup-teaser ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0 0 6px;padding:0;list-style:none;display:grid}.sup-teaser li{gap:8px;font-size:13.5px;display:flex}.sup-teaser li svg{width:16px;height:16px;color:var(--ok);flex:none;margin-top:2px}@media (max-width:640px){.sup-teaser{min-height:600px}.sup-teaser:after,html[dir=rtl] .sup-teaser:after{background:linear-gradient(#0b0d1440,#0b0d14 55%)}.sup-teaser ul{grid-template-columns:minmax(0,1fr)}}