.hdr__nav a{padding:8px 0;border-bottom:2px solid transparent;color:var(--ink);text-decoration:none}.hdr__nav a:hover{border-bottom-color:var(--blue);color:var(--ink)}.hdr__nav a.sale{color:var(--sale)}.h2{font-family:var(--f-head);font-weight:700;text-transform:uppercase;font-size:clamp(36px,4.6vw,52px);line-height:.98;margin:0}.sec{max-width:1320px;margin:0 auto;padding:clamp(44px,6vw,80px) var(--pad)}.sec__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}.more{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.more:hover{color:var(--blue)}.hero{position:relative;background:var(--black);color:#fff;height:260vh;--t:clamp(64px,12vw,184px);--end:.5;--lines:1;--row:72px;--pb:clamp(28px,5vw,64px);--cy:14%;--cx:24%}.hero__stage{position:sticky;top:var(--hh);height:calc(100svh - var(--hh));overflow:hidden}.hero__a,.hero__b{position:absolute;top:0;right:0;bottom:0;left:0}.hero__a{background:#5b5b57;transform:translate3d(0,calc(var(--s2,0)*-12vh),0) scale(calc(1 + var(--s2,0)*.06));opacity:calc(1 - var(--s2,0)*.7)}.hero__b{background:#9daeff;transform:translate3d(0,calc((1 - var(--s3,0))*100vh),0);clip-path:inset(calc((1 - var(--s4,0))*var(--cy)) calc((1 - var(--s4,0))*var(--cx)) round calc((1 - var(--s4,0))*16px))}.hero__a:after,.hero__b:after{content:attr(data-ph);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;color:#ffffffbf}.hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#0a0a0a80,#0a0a0a00 62%)}.hero__title{position:absolute;left:var(--pad);right:var(--pad);bottom:calc(var(--row) + var(--pb));margin:0;font-family:var(--f-head);font-weight:700;text-transform:uppercase;font-size:var(--t);line-height:.92;transform-origin:left bottom;transform:scale(calc(1 - var(--s5,0)*(1 - var(--end))));text-wrap:balance;pointer-events:none}.hero__eyebrow{position:absolute;left:var(--pad);bottom:calc(var(--row) + var(--pb) + var(--t)*.92*var(--end)*var(--lines) + 16px);margin:0;padding:6px 12px;border-radius:999px;background:var(--blue);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:var(--s6,0);transform:translateY(calc((1 - var(--s6,0))*16px))}.hero__row{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--pb);display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.hero__row p{margin:0;max-width:420px;font-size:17px;line-height:1.5}.hero__row--a{opacity:calc(1 - var(--s1,0));transform:translateY(calc(var(--s1,0)*-16px))}.hero__row--b{opacity:var(--s6,0);transform:translateY(calc((1 - var(--s6,0))*16px));pointer-events:none}.hero.is-end .hero__row--a{visibility:hidden}.hero.is-end .hero__row--b{pointer-events:auto}.btn--white{background:#fff;color:var(--black)}.btn--white:hover{background:var(--blue);color:#fff}@media(max-width:749px){.hero{height:182vh;--t:clamp(56px,17vw,88px);--end:.62;--lines:2;--row:112px;--cy:10%;--cx:8%}.hero__row{flex-direction:column;align-items:flex-start}.hero__row p{font-size:15px}}.pin{position:relative;height:340vh;background:var(--canvas)}.pin__stage{position:sticky;top:var(--hh);height:calc(100svh - var(--hh));overflow:hidden}.pin__head{position:absolute;z-index:5;top:0;left:0;width:41.6%;padding:clamp(28px,5vw,64px) var(--pad) 0;display:flex;justify-content:space-between;align-items:baseline;gap:16px;pointer-events:none}.pin__head h2{font-size:clamp(30px,3.6vw,42px)}.pin__count{font-size:14px;font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums}.pin__f{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);pointer-events:none}.pin__txt{align-self:center;padding:40px var(--pad);display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:480px;opacity:0;transform:translateY(16px);transition:opacity .45s var(--ease),transform .45s var(--ease)}.pin__f.on .pin__txt{opacity:1;transform:none;pointer-events:auto}.pin__txt .label{color:var(--blue)}.pin__txt h3{margin:0;font-family:var(--f-head);font-weight:700;text-transform:uppercase;font-size:clamp(42px,5.6vw,64px);line-height:.95}.pin__img{position:relative;overflow:hidden;background:var(--surface);clip-path:inset(calc((1 - var(--r,1))*100%) 0 0 0);pointer-events:auto}.pin__img i{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;font-style:normal;color:var(--muted-2);transform:scale(calc(1 + var(--o,0)*.08))}.pin__bar{position:absolute;z-index:5;left:var(--pad);bottom:40px;width:min(320px,30%);height:2px;background:var(--line)}.pin__bar span{display:block;height:100%;background:var(--blue);transform-origin:left;transform:scaleX(var(--p,0))}@media(max-width:749px){.pin{height:250vh}.pin__head{width:100%;color:#fff;padding:16px}.pin__head h2{font-size:24px}.pin__f{grid-template-columns:1fr;grid-template-rows:58svh auto}.pin__img{order:-1}.pin__txt{align-self:start;padding:24px 16px 40px}.pin__bar{left:16px;right:16px;width:auto;top:calc(58svh - 16px);bottom:auto;background:#fff6}.pin__bar span{background:#fff}}.ch{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,5vw,72px);align-items:center;padding:clamp(28px,5vw,64px) 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}.ch:nth-child(2n) .ch__img{order:2}.ch__img{aspect-ratio:5/4;border-radius:4px;overflow:hidden;background:var(--surface);clip-path:inset(100% 0 0 0);transition:clip-path .9s var(--ease)}.ch__img i{display:grid;place-items:center;width:100%;height:100%;font-style:normal;font-size:13px;color:var(--muted-2);transform:translateY(calc((var(--v,.5) - .5)*-48px)) scale(1.06);transition:scale .4s var(--ease)}.ch:hover .ch__img i{scale:1.035}.ch__body{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.ch__num{font-family:var(--f-head);font-weight:700;font-size:clamp(96px,14vw,200px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px var(--blue)}.ch__title{margin:0;font-family:var(--f-head);font-weight:700;text-transform:uppercase;font-size:clamp(48px,6.4vw,88px);line-height:.92}.ch__link{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding-bottom:4px;border-bottom:2px solid currentColor}.ch:hover .ch__link{color:var(--blue)}.ch .rv{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.ch .rv:nth-child(1){transition-delay:.12s}.ch .rv:nth-child(2){transition-delay:.2s}.ch .rv:nth-child(3){transition-delay:.36s}.ch.in .ch__img{clip-path:inset(0 0 0 0)}.ch.in .rv{opacity:1;transform:none}@media(max-width:749px){.ch{grid-template-columns:1fr}.ch .ch__img,.ch:nth-child(2n) .ch__img{order:-1;aspect-ratio:4/5}.ch__img i{transform:none}.ch__num{font-size:96px}.ch__title{font-size:48px}}.mq{background:var(--blue);color:#fff;overflow:hidden;padding:14px 0}.mq__track{display:flex;width:max-content;animation:mq 30s linear infinite}.mq.rev .mq__track{animation-direction:reverse}.mq:hover .mq__track{animation-play-state:paused}.mq span{font-family:var(--f-head);font-weight:700;font-size:48px;line-height:1;white-space:nowrap;padding-right:24px;text-transform:uppercase}@media(max-width:749px){.mq span{font-size:32px}}@keyframes mq{0%{transform:translate(0)}to{transform:translate(-50%)}}.rv-up{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:var(--d,0ms)}.rv-up.in{opacity:1;transform:none}.look{background:var(--surface)}.look__in{max-width:1320px;margin:0 auto;padding:clamp(44px,6vw,80px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}.look__img{aspect-ratio:4/5;border-radius:4px;background:var(--line);clip-path:inset(100% 0 0 0);transition:clip-path .9s var(--ease);display:grid;place-items:center;font-size:13px;color:var(--muted)}.look__in.in .look__img{clip-path:inset(0 0 0 0)}.look__txt{display:flex;flex-direction:column;gap:18px;max-width:460px}.look__txt h2{font-size:clamp(42px,5.6vw,64px)}@media(max-width:749px){.look__in{grid-template-columns:1fr}}.recent{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.recent a{flex:0 0 200px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;color:var(--ink);text-decoration:none}.recent a:hover b{text-decoration:underline}@media(max-width:749px){.recent a{flex-basis:150px}}.before{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));border-top:1px solid var(--line)}.before div{padding:24px 24px 24px 0;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line);color:var(--blue)}.before b{font-size:15px;font-weight:600;color:var(--ink)}.before span{font-size:14px;line-height:1.45;color:var(--muted)}.news{background:var(--blue-night);color:#fff}.news__in{max-width:1320px;margin:0 auto;padding:clamp(44px,6vw,80px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end}.news form{display:flex;gap:8px;flex-wrap:wrap}.news input{flex:1 1 200px;height:52px;border:1px solid #fff;border-radius:6px;padding:0 16px;font-size:16px;background:transparent;color:#fff}.news input::placeholder{color:#c7d2ff}.news button{height:52px;padding:0 28px;border:0;border-radius:6px;background:#fff;color:var(--blue-night);font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.news button:hover{background:var(--blue-mist)}@media(max-width:749px){.news__in{grid-template-columns:1fr}}.ftr--full{display:block;padding:0}.ftr__cols{max-width:1320px;margin:0 auto;padding:clamp(44px,6vw,72px) var(--pad) 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:36px}.ftr__cols div{display:flex;flex-direction:column;gap:12px;font-size:14px}.ftr__cols a{color:#fff;text-decoration:none}.ftr__cols a:hover{color:var(--blue-sky)}.ftr__cols .label{color:#a3a3a3}.ftr__copy{border-top:1px solid #262626;padding:18px var(--pad);text-align:center;font-size:12px;color:#a3a3a3}@media(prefers-reduced-motion:reduce){.hero,.pin{height:auto}.hero__stage,.pin__stage{position:relative;height:auto;overflow:visible}.hero__a,.hero__b{position:relative;height:100svh;transform:none!important;opacity:1!important;clip-path:none!important}.hero__shade,.hero__title,.hero__eyebrow,.hero__row--b{display:none}.hero__row--a{position:absolute;top:calc(100svh - 160px)}.pin__f{position:relative;min-height:80svh}.pin__img{clip-path:none!important}.pin__txt{opacity:1;transform:none}.pin__bar,.pin__count{display:none}.pin__head{position:relative;width:100%}.ch__img,.look__img{clip-path:none}.ch .rv,.rv-up{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cotechy-home.css.map */