.oph-shead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:clamp(20px,2.6vw,32px)}.oph-shead .op-label,.oph-pb__head .op-label{margin-bottom:8px}.oph-h2{margin:0;font:600 clamp(30px,7.4vw,52px)/1.02 var(--op-display);letter-spacing:-.035em;color:var(--op-ink);text-wrap:balance}.oph-hero{padding:0 0 clamp(8px,2vw,24px)}.oph-hero__stage{position:relative}.oph-hero__photo{position:relative;aspect-ratio:4 / 4.2;max-height:62vh;width:100%;overflow:hidden;background:var(--op-surface)}.oph-hero__photo>img,.oph-hero__photo>.op-plate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.oph-hero__dot{position:absolute;right:16px;bottom:44px;z-index:2;display:grid;justify-items:center;gap:6px;color:#fff;text-decoration:none;font:600 12px/1.2 var(--op-body);text-shadow:0 1px 6px rgba(0,0,0,.45)}.oph-hero__dot img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #FFFFFF;box-shadow:0 6px 20px #0000002e}.oph-hero__sheet{position:relative;z-index:3;display:grid;gap:16px;margin-top:-28px;padding:28px var(--op-gut) 8px;border-radius:22px 22px 0 0;background:var(--op-bg)}.oph-hero__k{display:inline-flex;align-items:center;gap:8px;margin:0;font:600 12px/1 var(--op-body);letter-spacing:.14em;text-transform:uppercase;color:var(--op-accent-text)}.oph-hero__k svg{width:18px;height:18px}.oph-hero__h1{margin:0;font:600 clamp(34px,9.4vw,76px)/.98 var(--op-display);letter-spacing:-.04em;color:var(--op-ink);text-wrap:balance}.oph-hero__lead{margin:0;max-width:46ch;font:400 16px/1.55 var(--op-body);color:var(--op-ink-2)}.oph-hero__cta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.oph-hero__cta .op-btn{justify-content:center;min-height:52px}.oph-hero__size{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 16px;margin-top:4px;padding:16px 18px;border-radius:14px;background:#111;color:#fff;text-decoration:none}.oph-hero__ruler{grid-row:span 2;width:56px;height:auto;color:#8fe0d5}.oph-hero__sizetxt{display:grid;gap:4px}.oph-hero__sizetxt strong{font:600 17px/1.15 var(--op-display);letter-spacing:-.02em}.oph-hero__sizetxt em{display:none;font-style:normal;color:#ffffffb8;font-size:14px;line-height:1.45}.oph-hero__sizelink{color:#8fe0d5;font:600 13px/1.2 var(--op-body)}.oph-hero__size:hover{background:var(--op-accent)}.oph-hero__size:hover .oph-hero__sizelink,.oph-hero__size:hover .oph-hero__ruler{color:#fff}@media(min-width:990px){.oph-hero{padding:24px 0 clamp(24px,3vw,40px)}.oph-hero__stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:var(--op-wrap);margin-inline:auto;padding-inline:var(--op-gut)}.oph-hero__photo{grid-column:2;grid-row:1;aspect-ratio:auto;height:min(78vh,720px);max-height:none;border-radius:28px}.oph-hero__dot{right:28px;bottom:28px;font-size:14px}.oph-hero__dot img{width:136px;height:136px;border-width:4px}.oph-hero__sheet{grid-column:1 / span 2;grid-row:1;align-self:center;width:min(640px,56%);margin:0;padding:48px 48px 44px 0;border-radius:0 28px 28px 0;gap:20px}.oph-hero__h1{font-size:clamp(52px,5.4vw,80px)}.oph-hero__lead{font-size:18px}.oph-hero__cta{display:flex}.oph-hero__cta .op-btn{min-width:180px}.oph-hero__size{max-width:460px}.oph-hero__sizetxt em{display:block}}.oph-trust{border-block:1px solid var(--op-line)}.oph-trust__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin:0;padding:16px 0;list-style:none}.oph-trust__list li{display:flex;align-items:flex-start;gap:8px;font:400 13px/1.35 var(--op-body);color:var(--op-ink-2)}.oph-trust__list svg{flex:none;width:16px;height:16px;margin-top:1px;color:var(--op-accent)}.oph-trust__list strong{display:block;font-weight:600;color:var(--op-ink)}@media(min-width:990px){.oph-trust__list{display:flex;justify-content:space-between;gap:24px;padding:18px 0}.oph-trust__list li{flex:1;padding-left:24px;border-left:1px solid var(--op-line);font-size:14px}.oph-trust__list li:first-child{padding-left:0;border-left:0}.oph-trust__list strong{display:inline}}.oph-pb__wrap{display:grid;gap:24px}.oph-pb__lead{margin:12px 0 0;max-width:40ch;color:var(--op-ink-2);font-size:16px;line-height:1.55}.oph-pb__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--op-ink)}.oph-pb__row{display:grid;grid-template-columns:28px minmax(0,1fr) 64px;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--op-line);color:var(--op-ink);text-decoration:none}.oph-pb__n{align-self:start;padding-top:4px;font:600 12px/1 var(--op-body);color:var(--op-muted);font-variant-numeric:tabular-nums}.oph-pb__txt{display:grid;gap:4px}.oph-pb__q{font:600 clamp(21px,5.6vw,30px)/1.1 var(--op-display);letter-spacing:-.025em;text-wrap:balance}.oph-pb__go{font:600 13px/1.2 var(--op-body);color:var(--op-accent-text)}.oph-pb__img{width:64px;height:64px;overflow:hidden;border-radius:50%;background:var(--op-surface);display:grid;place-items:center}.oph-pb__img img{width:100%;height:100%;object-fit:cover}.oph-pb__img svg{width:50%;height:50%}.oph-pb__row:hover .oph-pb__q{color:var(--op-accent)}@media(min-width:990px){.oph-pb__wrap{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(40px,5vw,80px);align-items:start}.oph-pb__head{position:sticky;top:140px}.oph-pb__row{grid-template-columns:40px minmax(0,1fr) 88px;gap:24px;padding:20px 0}.oph-pb__img{width:88px;height:88px}.oph-pb__row:hover{background:linear-gradient(90deg,transparent,var(--op-accent-soft))}}.oph-pb__go{font:500 13px/1.3 var(--op-body);color:var(--op-ink-2)}@media(min-width:750px){.oph-pb__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.oph-pb__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}}.oph-cats__grid{display:flex;gap:14px;margin:0 calc(-1 * var(--op-gut));padding:2px var(--op-gut) 8px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--op-gut);scrollbar-width:none;-webkit-overflow-scrolling:touch}.oph-cats__grid::-webkit-scrollbar{display:none}.oph-cats__grid>li{flex:0 0 84px;scroll-snap-align:start}.oph-cat{display:grid;justify-items:center;gap:10px;color:var(--op-ink);text-decoration:none;text-align:center}.oph-cat__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:50%;background:var(--op-surface);box-shadow:0 0 0 1px var(--op-line, rgba(0,0,0,.08))}.oph-cat__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.oph-cat__pic{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--op-ink)}.oph-cat__pic svg{width:38%;height:38%}.oph-cat__t{font:600 13px/1.25 var(--op-body)}.oph-cat:hover .oph-cat__media{box-shadow:0 0 0 2px var(--op-accent)}.oph-cat:hover .oph-cat__t{color:var(--op-accent)}@media(min-width:750px){.oph-cats__grid>li{flex-basis:112px}.oph-cat__t{font-size:14px}}@media(min-width:990px){.oph-cats__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:24px;margin:0;padding:2px;overflow:visible}.oph-cats__grid>li{flex:none}.oph-cat__media{max-width:136px}.oph-cat__t{font-size:15px}}.oph-sel__grid{display:flex;gap:12px;margin:0 calc(-1 * var(--op-gut));padding:0 var(--op-gut) 6px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--op-gut);scrollbar-width:none}.oph-sel__grid::-webkit-scrollbar{display:none}.oph-sel__grid>li{flex:0 0 68%;scroll-snap-align:start}@media(min-width:750px){.oph-sel__grid>li{flex-basis:40%}}@media(min-width:1100px){.oph-sel__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px;margin:0;padding:0;overflow:visible}.oph-sel__grid>li{flex:none}}.oph-meth{padding-block:var(--op-sec);background:#111;color:#fff}.oph-meth .op-label{color:#8fe0d5}.oph-meth__wrap{display:grid;gap:36px}.oph-meth__t{margin:0;font:600 clamp(30px,7.6vw,56px)/1.02 var(--op-display);letter-spacing:-.035em;text-wrap:balance}.oph-meth__big{color:#8fe0d5}.oph-meth__l{margin:16px 0 0;max-width:46ch;color:#ffffffbd;font-size:16px;line-height:1.6}.oph-meth__list{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18)}.oph-meth__list li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 14px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18)}.oph-meth__n{grid-row:span 2;font:600 44px/.9 var(--op-display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.2px #8FE0D5}.oph-meth__list h3{margin:0;font:600 19px/1.2 var(--op-display);letter-spacing:-.02em}.oph-meth__list p{margin:0;color:#ffffffb3;font-size:14px;line-height:1.55}@media(min-width:990px){.oph-meth__wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(48px,6vw,96px);align-items:center}.oph-meth__list li{grid-template-columns:96px minmax(0,1fr);padding:26px 0}.oph-meth__n{font-size:64px}}.oph-uni__grid{display:grid;gap:14px}.oph-uni__card{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:4 / 5;max-height:560px;background:var(--op-surface);color:#fff}.oph-uni__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.oph-uni__media img,.oph-uni__media .op-plate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.oph-uni__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 38%,#000000a8);pointer-events:none}.oph-uni__body{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;gap:10px;padding:22px;pointer-events:none}.oph-uni__body a,.oph-uni__kids{pointer-events:auto}.oph-uni__t{margin:0;font:600 clamp(32px,8vw,52px)/1 var(--op-display);letter-spacing:-.035em}.oph-uni__t a{color:inherit;text-decoration:none}.oph-uni__body p{margin:0;max-width:36ch;color:#ffffffe0;font-size:15px;line-height:1.5}.oph-uni__kids{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}.oph-uni__kids a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.4);color:#fff;font:600 13px/1 var(--op-body);text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.oph-uni__kids a:hover{background:#fff;color:var(--op-ink)}@media(min-width:990px){.oph-uni__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.oph-uni__card{aspect-ratio:5 / 6;max-height:680px}.oph-uni__body{padding:36px}}.oph-guides__mag{display:grid;gap:24px}.oph-gfeat{display:grid;gap:12px;color:var(--op-ink);text-decoration:none}.oph-gfeat__img{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;border-radius:18px;background:var(--op-surface)}.oph-gfeat__img img,.oph-gfeat__img .op-plate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.oph-gfeat__meta{display:flex;gap:14px;align-items:center}.oph-gfeat__t{font:600 clamp(24px,6vw,36px)/1.08 var(--op-display);letter-spacing:-.03em;text-wrap:balance}.oph-gfeat__x{color:var(--op-ink-2);font-size:15px;line-height:1.55}.oph-gfeat:hover .oph-gfeat__t{color:var(--op-accent)}.oph-glist{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--op-ink)}.oph-gitem{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--op-line);color:var(--op-ink);text-decoration:none}.oph-gitem__img{width:76px;height:76px;overflow:hidden;border-radius:50%;background:var(--op-surface)}.oph-gitem__img img{width:100%;height:100%;object-fit:cover}.oph-gitem__txt{display:grid;gap:5px}.oph-gitem__t{font:600 17px/1.22 var(--op-display);letter-spacing:-.02em;text-wrap:balance}.oph-gitem:hover .oph-gitem__t{color:var(--op-accent)}.oph-guide__topic{font:600 12px/1.2 var(--op-body);letter-spacing:.1em;text-transform:uppercase;color:var(--op-accent-text)}.oph-guide__time{font:500 13px/1 var(--op-body);color:var(--op-muted)}@media(min-width:990px){.oph-guides__mag{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,4vw,64px);align-items:start}.oph-gitem{grid-template-columns:96px minmax(0,1fr);gap:20px;padding:20px 0}.oph-gitem__img{width:96px;height:96px}.oph-gitem__t{font-size:20px}}.oph-faq__cols{display:grid}.oph-faq__col+.oph-faq__col .op-q:first-child{border-top:0}@media(min-width:990px){.oph-faq__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,4vw,64px);align-items:start}.oph-faq__col+.oph-faq__col .op-q:first-child{border-top:1px solid var(--op-line)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/op-home.css.map */