@property --c{syntax: "<length>"; inherits: false; initial-value: 14px;}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--od-ash);color:var(--od-ink);font:400 16px/1.55 var(--od-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}h1,h2,h3,h4,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}:focus-visible{outline:3px solid var(--od-oak);outline-offset:3px}.od-btn:focus-visible,.pf-chip:focus-visible,.pd-size:focus-visible,.od-tile:focus-visible,.pf-plate:focus-visible,.od-card__plate:focus-visible{outline:2px solid #fff;outline-offset:-5px;box-shadow:inset 0 0 0 3px #17120e}.od-btn--line:focus-visible{box-shadow:inset 0 0 0 3px #17120e}.od-band--deep :focus-visible{outline-color:var(--od-ink)}[hidden]{display:none!important}.od-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}.od-container{width:min(var(--od-max),100% - 2 * var(--od-gutter));margin-inline:auto}.od-band{position:relative;padding-block:clamp(64px,9vw,132px)}.od-band--bark{background:var(--od-bark);color:var(--od-ash)}.od-band--pine{background:var(--od-pine);color:var(--od-ash)}.od-band--deep{background:var(--od-ash-deep)}.od-display,.od-h2,.od-h3{font-family:var(--od-display);font-weight:400;text-transform:uppercase;text-wrap:balance}.od-display{font-size:clamp(68px,11.4vw,196px);line-height:.84;letter-spacing:.002em}.od-h2{font-size:clamp(46px,6.4vw,104px);line-height:.88}.od-h3{font-size:clamp(30px,3.2vw,48px);line-height:.95}.od-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;max-width:44ch;color:var(--od-ink-soft);text-wrap:pretty}.od-band--bark .od-lead,.od-band--pine .od-lead{color:#e9e6dfc7}.od-small{font-size:13px;line-height:1.45;color:var(--od-ink-soft)}.od-btn{--btn-bg: var(--od-walnut);--btn-fg: var(--od-ash);--surface: var(--od-ash);--b: 2px;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-height:54px;padding:0 30px;background:var(--btn-bg);color:var(--btn-fg);font:600 15px/1 var(--od-text);letter-spacing:.01em;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));transition:--c .32s var(--od-ease-cut),background-color .25s,color .25s}.od-btn:hover{--c: 24px}.od-btn--ember{--btn-bg: var(--od-ember-text);--btn-fg: #fff}.od-btn--ash{--btn-bg: var(--od-ash);--btn-fg: var(--od-ink)}.od-btn--line{background:currentColor;color:var(--btn-line, var(--od-ink))}.od-btn--line:before{content:"";position:absolute;inset:var(--b);z-index:-1;background:var(--surface);clip-path:polygon(0 0,calc(100% - var(--c) + 1.2px) 0,100% calc(var(--c) - 1.2px),100% 100%,calc(var(--c) - 1.2px) 100%,0 calc(100% - var(--c) + 1.2px))}.od-btn--line>span{color:var(--btn-line, var(--od-ink))}.od-btn--line:hover{--btn-line: var(--od-ember-text)}.od-on-dark .od-btn--line{--btn-line: var(--od-ash);--surface: transparent}.od-on-dark .od-btn--line:before{background:var(--od-bark)}.od-on-dark .od-btn--line:hover{--btn-line: var(--od-lichen)}.od-link{display:inline-block;padding-bottom:3px;font-weight:600;background:linear-gradient(currentColor,currentColor) 0 100% / 100% 2px no-repeat;transition:background-size .35s var(--od-ease)}.od-link:hover{background-size:0 2px;background-position:100% 100%}.od-announce{background:var(--od-bark);color:var(--od-ash);font-size:13px;font-weight:500;text-align:center;padding:9px var(--od-gutter)}.od-announce a{text-decoration:underline;text-underline-offset:3px}.od-head{position:absolute;inset:0 0 auto 0;z-index:40;color:var(--od-ash)}.od-head:before{content:"";position:absolute;top:0;right:0;bottom:-28px;left:0;z-index:-1;background:linear-gradient(180deg,#1f17129e,#1f171200);pointer-events:none}.od-head.is-solid:before{display:none}.od-head__row{display:flex;align-items:center;gap:clamp(20px,3vw,48px);height:76px}.od-head__logo{display:block;width:76px;flex:none}.od-head__logo img{width:100%;height:auto;filter:invert(1)}.od-nav{display:flex;gap:clamp(18px,2.4vw,38px);margin-right:auto}.od-nav a{position:relative;padding:8px 0;font-weight:500;font-size:15px}.od-nav a:after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:2px;background:currentColor;clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .35s var(--od-ease-cut)}.od-nav a:hover:after,.od-nav a[aria-current=page]:after{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}.od-head__tools{display:flex;gap:6px}.od-tool{display:grid;place-items:center;width:44px;height:44px;position:relative}.od-tool svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.od-tool__n{position:absolute;top:5px;right:3px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;background:var(--od-ember-text);color:#fff;font:600 10px/1 var(--od-text)}@media(max-width:860px){.od-nav{display:none}.od-head__row{height:64px}.od-head__logo{width:62px;margin-right:auto}}.od-card{display:block}.od-card__plate{position:relative;aspect-ratio:2 / 3;overflow:hidden;background:var(--od-plate)}.od-card__plate img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s,transform .8s var(--od-ease)}.od-card__plate img+img{opacity:0}.od-card:hover .od-card__plate img:first-child{transform:scale(1.03)}.od-card:hover .od-card__plate img+img{opacity:1;transform:scale(1.03)}.od-card__badge{position:absolute;top:12px;left:12px;z-index:1;padding:6px 10px 6px 9px;background:var(--od-ember-text);color:#fff;font:600 12px/1 var(--od-text);clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%)}.od-card__quick{position:absolute;inset:auto 12px 12px 12px;z-index:1;min-height:44px;display:grid;place-items:center;background:var(--od-bark);color:var(--od-ash);font:600 14px/1 var(--od-text);transform:translateY(calc(100% + 12px));transition:transform .35s var(--od-ease)}.od-card:hover .od-card__quick,.od-card:focus-within .od-card__quick{transform:none}.od-card__name{margin-top:14px;font-size:14.5px;font-weight:500;line-height:1.35;text-wrap:balance}.od-card__meta{margin-top:6px;display:flex;align-items:baseline;gap:10px;font-size:14.5px}.od-card__price{font-weight:600}.od-card__price--sale{color:var(--od-ember-text)}.od-card__was{color:var(--od-ink-soft);text-decoration:line-through;font-size:13px}.od-card__rate{margin-left:auto;font-size:12.5px;color:var(--od-ink-soft)}.od-fi{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.od-fi-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:10px;color:inherit;opacity:.8;transition:opacity .3s}.od-fi-row__i{position:relative;display:block;width:24px;height:24px}.od-fi-row__ic{display:block;width:100%;height:100%}.od-fi-row__more{position:relative;font:600 12px/24px var(--od-text);letter-spacing:.02em}.od-card:hover .od-fi-row,.od-card:has(.od-card__info:focus-visible) .od-fi-row{opacity:1}@media(prefers-reduced-motion:no-preference){.od-fi-row__i{transition:transform .35s var(--od-ease)}.od-card:hover .od-fi-row__i{transform:translateY(-2px)}.od-card:hover .od-fi-row__i:nth-child(3){transition-delay:.04s}.od-card:hover .od-fi-row__i:nth-child(4){transition-delay:.08s}.od-card:hover .od-fi-row__i:nth-child(5){transition-delay:.12s}.od-card:hover .od-fi-row__i:nth-child(6){transition-delay:.16s}}.od-fi-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,132px),1fr))}.od-fi-grid__i{position:relative;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:10px 12px;box-shadow:inset 0 0 0 1px var(--od-line)}.od-fi-grid__ic{display:block;width:28px;height:28px;color:var(--od-walnut)}.od-fi-grid__t{font-size:13.5px;font-weight:500;line-height:1.25}.od-fi-grid__more{position:relative;align-self:center;font-size:13px;color:var(--od-ink-soft)}.od-foot{position:relative;overflow:hidden;background:var(--od-bark);color:var(--od-ash);padding-block:clamp(56px,7vw,96px) 32px}.od-foot__rings{--rw: .1;position:absolute;right:-12%;top:-30%;width:70%;opacity:.5;pointer-events:none}.od-foot__grid{position:relative;display:grid;gap:40px;grid-template-columns:1.4fr repeat(3,1fr)}.od-foot__big{font-family:var(--od-display);text-transform:uppercase;font-size:clamp(40px,5vw,76px);line-height:.9;max-width:11ch}.od-foot h4{font:600 14px/1 var(--od-text);color:var(--od-lichen);margin-bottom:16px}.od-foot li+li{margin-top:10px}.od-foot a:hover{text-decoration:underline;text-underline-offset:4px}.od-foot__base{position:relative;margin-top:64px;padding-top:20px;border-top:1px solid var(--od-line-dark);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#e9e6df99}@media(max-width:760px){.od-foot__grid{grid-template-columns:1fr 1fr}.od-foot__grid>:first-child{grid-column:1 / -1}}.od-rings{fill:none;stroke:currentColor;stroke-width:var(--rw, .12);stroke-linejoin:round}.od-rings path.od-r5{stroke-width:calc(var(--rw, .12) * 1.9)}.od-draw [data-d]{stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset var(--dur, 1.8s) cubic-bezier(.5,.05,.2,1) var(--delay, 0s)}.od-draw.is-drawn [data-d]{stroke-dashoffset:0}.od-draw.no-anim [data-d]{transition:none}.js [data-cut]>span{display:block;clip-path:inset(0 0 100% 0);transform:translateY(.35em);transition:clip-path .8s var(--od-ease-cut),transform .8s var(--od-ease-cut);transition-delay:calc(var(--i, 0) * .11s + .15s)}.js [data-cut].is-in>span{clip-path:inset(-.3em 0 -.2em 0);transform:none}.od-head.is-solid{position:fixed;background:var(--od-bark);animation:od-drop .3s var(--od-ease) both}@keyframes od-drop{0%{transform:translateY(-100%)}to{transform:none}}.od-proto{position:fixed;left:12px;bottom:12px;z-index:90;max-width:360px;padding:8px 12px;background:#000000c7;color:#fff;font:500 12px/1.4 var(--od-text);border-left:3px solid var(--od-ember)}
/*# sourceMappingURL=/cdn/shop/t/35/assets/od-base.css.map */