.lhero{padding:calc(var(--header-h) + clamp(40px,6vw,88px)) 0 0}
.lhero__in{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:end}
.lhero__txt{grid-column:1/7;padding-bottom:clamp(24px,4vw,64px)}
.lhero__txt .label{margin-bottom:28px}
.lhero__txt .lead{margin-top:28px}
.lhero__txt .btns{margin-top:36px}
.lhero__img{grid-column:7/13;margin:0}
.lhero__img .ph{aspect-ratio:4/5;border-radius:var(--r)}
.conds{list-style:none;margin:clamp(48px,6vw,88px) auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.conds li{padding:22px 20px 22px 0;display:flex;gap:14px;align-items:baseline;font-weight:600}
.conds li+li{padding-left:20px;border-left:1px solid var(--line)}
.conds .num{font-size:.7rem;color:var(--yt)}
@media (max-width:900px){.lhero__in{grid-template-columns:minmax(0,1fr)}.lhero__in>*{grid-column:1/-1!important}.conds{grid-template-columns:1fr}.conds li+li{padding-left:0;border-left:0;border-top:1px solid var(--line)}.conds li{padding:16px 0}}

.grid-p{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px) clamp(12px,1.6vw,24px)}
.pc{display:flex;flex-direction:column}
.pc[hidden]{display:none}
.pc .ph{aspect-ratio:4/5;border-radius:var(--r);background:#2a2a28}
.pc .ph img{transition:transform 1.2s var(--ease)}
.pc:hover .ph img{transform:scale(1.05)}
.pc__h{display:flex;justify-content:space-between;gap:12px;margin-top:16px;align-items:baseline}
.pc__h b{font:600 1.08rem/1.2 var(--f-display);letter-spacing:-.02em}
.pc__h .num{font-size:.9rem;font-weight:500;white-space:nowrap}
.pc__d{margin:6px 0 0;font-size:.9rem;color:#5E5C56}
.pc__c{display:flex;align-items:center;gap:8px;margin-top:10px;font:500 .66rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#5E5C56}
.pc__c i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(22,21,19,.25)}
.pc__s{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pc__s button{min-width:44px;height:40px;padding:0 8px;border:1px solid rgba(22,21,19,.2);border-radius:4px;font:500 .78rem/1 var(--f-mono);color:#4A4843;transition:all .25s}
.pc__s button:hover{border-color:var(--ink);color:var(--ink)}
.pc__s button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.pc .btn{margin-top:14px;justify-content:center}
.vit__note{margin:48px 0 0;font-size:.9rem;color:#5E5C56}
.vit__note .link{font-size:.9rem;color:var(--ink)}
@media (max-width:1100px){.grid-p{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.grid-p{grid-template-columns:minmax(0,1fr);gap:40px}}

.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.steps li{padding:28px 24px 0 0}
.steps li+li{padding-left:24px;border-left:1px solid var(--line)}
.steps .num{display:block;font:600 clamp(2.4rem,4vw,3.6rem)/1 var(--f-display);letter-spacing:-.05em;color:var(--dim);margin-bottom:28px;transition:color .4s}
.steps li:hover .num{color:var(--yt)}
.steps p{font:500 1.15rem/1.35 var(--f-display);letter-spacing:-.02em;margin:0;max-width:18ch}
.steps__c{margin-top:56px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(3){padding-left:0;border-left:0}.steps li:nth-child(n+3){border-top:1px solid var(--line);margin-top:28px}}
@media (max-width:480px){.steps{grid-template-columns:1fr}.steps li+li{padding-left:0;border-left:0;border-top:1px solid var(--line);margin-top:24px}}

.sizes{border:0;padding:0;background:transparent;color:var(--text);max-width:min(520px,calc(100vw - 32px));width:100%}
.sizes::backdrop{background:rgba(10,10,9,.72);backdrop-filter:blur(4px)}
.sizes[open]{animation:dlg .45s var(--ease)}
@keyframes dlg{from{opacity:0;transform:translateY(20px) scale(.98)}}
.sizes__in{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:28px}
.sizes__h{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.sizes__x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);font-size:1.4rem;line-height:1}
.sizes table{width:100%;border-collapse:collapse;font-size:.95rem}
.sizes th{text-align:left;font:500 .66rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 0 12px}
.sizes td{padding:12px 0;border-top:1px solid var(--line)}
.sizes td:first-child{font-weight:700}