@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(of-archivo.woff2) format("woff2")}:root{--of-floor:#ffffff;--of-ink:#0c0c0d;--of-ink-2:#55565a;--of-line:#e4e4e2;--of-tile:#f4f4f2;--of-night:#0c0c0d;--of-on-night:#f5f5f3;--of-go:#178a3a;--of-was:#8a8b8f;--of-display:"Archivo","Arial Narrow",Arial,sans-serif;--of-body:"Archivo",Arial,Helvetica,sans-serif;--of-gut:16px;--of-max:1320px;--font-body-family:"Archivo",Arial,Helvetica,sans-serif;--font-heading-family:"Archivo",Arial,Helvetica,sans-serif}.of,.of *{box-sizing:border-box}.of{background:var(--of-floor);color:var(--of-ink);font-family:var(--of-body);font-size:14px;line-height:1.45;letter-spacing:normal;-webkit-font-smoothing:antialiased}.of h1,.of h2,.of h3{color:inherit;font-family:var(--of-body);letter-spacing:normal;word-break:normal}.of p{font-size:14px;line-height:1.45}.of button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;letter-spacing:inherit}.of a{color:inherit;text-decoration:none}.of :focus-visible{outline:2px solid var(--of-go);outline-offset:2px;box-shadow:none}.of img{display:block;max-width:100%}.of .of-cap{font-family:var(--of-display);font-stretch:62%;font-weight:800;text-transform:uppercase;letter-spacing:.005em;line-height:.92;text-wrap:balance}.of-eye{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;display:block}.of-wrap{max-width:var(--of-max);margin-inline:auto;padding-inline:var(--of-gut)}.of-ann{background:var(--of-night);color:var(--of-on-night);text-align:center;padding:9px var(--of-gut);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;line-height:1.45}.of-hdr{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px var(--of-gut);position:relative;z-index:5;background:var(--of-floor)}.of-hdr .l,.of-hdr .r{display:flex;gap:16px;align-items:center}.of-hdr .r{justify-content:flex-end}.of-hdr .logo{width:112px;height:38px;object-fit:cover}.of-hdr .logo-text{font-family:var(--of-display);font-stretch:62%;font-weight:800;font-size:26px;text-transform:uppercase}.of-hdr svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6;display:block}.of-hdr .bag{position:relative}.of-hdr .bag i{position:absolute;right:-8px;top:-7px;min-width:16px;height:16px;border-radius:8px;background:var(--of-go);color:#fff;font:700 10px/16px var(--of-body);text-align:center;font-style:normal;padding:0 4px}.of-hdr--over{position:absolute;left:0;right:0;background:none;color:#fff}.of-hdr--over .logo{filter:invert(1)}.of-hero{position:relative;color:#fff;background:#222}.of-hero .ph{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}.of-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000006b 0,#0000 22% 52%,#000000a8);pointer-events:none}.of-hero .txt{position:absolute;left:var(--of-gut);right:var(--of-gut);bottom:26px;z-index:2;display:grid;gap:10px;justify-items:start}.of-hero h1{font-size:clamp(54px,15vw,132px);margin:0}.of-ulink{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;border-bottom:1.5px solid currentColor;padding-bottom:4px}.of-sec{padding-block:44px}.of-sec.tight{padding-top:0}.of-sec .top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.of-sec h2{font-size:clamp(34px,8.5vw,64px);margin:6px 0 0}.of-sec .top p{margin:8px 0 0;color:var(--of-ink-2);max-width:46ch}.of-pill{border:1px solid currentColor;border-radius:999px;padding:9px 16px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;white-space:nowrap;display:inline-block;line-height:1.45}.of-pill.solid{background:var(--of-ink);color:#fff;border-color:var(--of-ink)}.of-card{display:grid;gap:10px;min-width:0;position:relative;align-content:start}.of-card .im{background:var(--of-tile);aspect-ratio:4/5;position:relative;overflow:hidden}.of-card .im a{display:block;height:100%}.of-card .im img{width:100%;height:100%;object-fit:cover}.of-card .im.pk{background:#fff;aspect-ratio:1/1;box-shadow:inset 0 0 0 1px var(--of-line)}.of-card .im.pk img{object-fit:contain}.of-card .tag{position:absolute;left:10px;top:10px;z-index:1;background:var(--of-floor);color:var(--of-ink);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:5px 8px}.of-card .add{position:absolute;right:10px;bottom:10px;z-index:2;width:38px;height:38px;border-radius:8px;background:var(--of-ink);color:#fff;font-size:22px;line-height:1;display:grid;place-items:center}.of-card .qa{position:absolute;left:10px;right:10px;bottom:56px;z-index:2;background:var(--of-floor);color:var(--of-ink);padding:10px;display:flex;flex-wrap:wrap;gap:6px;box-shadow:0 6px 24px #0000002e}.of-card .qa[hidden]{display:none}.of-card .qa b{flex-basis:100%;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase}.of-card .qa button{border:1px solid var(--of-line);padding:8px 10px;font-size:12px;font-weight:700;min-width:40px}.of-card .qa button[disabled]{color:var(--of-was);text-decoration:line-through;cursor:not-allowed}.of-card .nm{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;line-height:1.3;display:block}.of-card .pr{font-size:12.5px;font-variant-numeric:tabular-nums;display:flex;gap:8px;margin-top:3px}.of-card .pr s{color:var(--of-was)}.of-card .pr .now{color:var(--of-go);font-weight:700}.of-rail{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--of-gut);padding-inline:var(--of-gut);scrollbar-width:none;margin-inline:calc(var(--of-gut)*-1)}.of-rail::-webkit-scrollbar{display:none}.of-rail>*{scroll-snap-align:start}.of-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.of-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.of .of-tile{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--of-tile);color:#fff;display:block}.of-tile img{width:100%;height:100%;object-fit:cover}.of-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 45%,#000000b3)}.of-tile span{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;font-family:var(--of-display);font-stretch:62%;font-weight:800;text-transform:uppercase;font-size:clamp(22px,5.6vw,36px);line-height:.95}.of-tile sup{font:600 11px var(--of-body);margin-left:5px;vertical-align:top}.of-spot{display:grid;gap:0;background:var(--of-tile)}.of-spot .ph{aspect-ratio:4/5;overflow:hidden}.of-spot .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.of-spot .tx{padding:30px var(--of-gut) 36px;display:grid;gap:14px;align-content:center;justify-items:start}.of-spot h2{font-size:clamp(44px,11vw,92px);margin:0}.of-spot p{margin:0;color:var(--of-ink-2);max-width:40ch}.of-spot .pr{font-size:15px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font-variant-numeric:tabular-nums}.of-spot .pr s{color:var(--of-was)}.of-spot .pr b{color:var(--of-go)}.of-state{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;border:1px solid var(--of-ink);padding:5px 9px}.of.of-night{background:var(--of-night);color:var(--of-on-night)}.of-night .of-card .im{background:#17171a}.of-night .of-card .im.pk{box-shadow:none;background:#fff}.of-night .of-card .pr s{color:#8f9096}.of-night .of-card .pr .now{color:#5fd683}.of-night .of-card .add{background:var(--of-on-night);color:var(--of-night)}.of-night .top p{color:#b9bac0}.of-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.of-duo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.of-faq details{border-top:1px solid var(--of-line);padding:16px 0}.of-faq details:last-child{border-bottom:1px solid var(--of-line)}.of-faq summary{cursor:pointer;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:16px}.of-faq summary::-webkit-details-marker,.of-acc summary::-webkit-details-marker{display:none}.of-faq summary:after{content:"+";font-size:20px;line-height:1}.of-faq details[open] summary:after{content:"\2013"}.of-faq .ans{margin:10px 0 0;color:var(--of-ink-2);max-width:62ch}.of-faq .ans p{margin:0 0 8px}.of-faq .ans a{border-bottom:1px solid currentColor}.of.of-ftr{background:var(--of-night);color:var(--of-on-night);padding-block:44px 30px}.of-ftr .mark{width:min(100%,760px);height:auto;aspect-ratio:5/1;object-fit:cover;filter:invert(1);mix-blend-mode:screen;margin:0 0 30px}.of-ftr .mark-text{font-family:var(--of-display);font-stretch:62%;font-weight:800;text-transform:uppercase;font-size:clamp(54px,14vw,120px);line-height:.9;margin:0 0 30px}.of-ftr .cols{display:grid;gap:28px}.of-ftr h3{margin:0 0 10px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.of-ftr .news{display:flex;border:1px solid #3a3b40;max-width:420px}.of-ftr .news input{flex:1;min-width:0;background:none;border:0;color:inherit;padding:13px 14px;font:inherit;box-shadow:none}.of-ftr .news button{padding:0 16px;font-size:10.5px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}.of-ftr .msg{margin:8px 0 0;font-size:12.5px;color:#c9cad0}.of-ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:#c9cad0}.of-ftr .fine{margin-top:30px;padding-top:16px;border-top:1px solid #2a2b30;font-size:11.5px;color:#8f9096;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.of-ftr .pay{display:flex;gap:6px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.of-ftr .pay svg{height:20px;width:auto;display:block}.of-chips{display:flex;gap:8px;overflow-x:auto;margin-bottom:22px;scrollbar-width:none}.of-chips a{border:1px solid var(--of-line);border-radius:999px;padding:8px 14px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;white-space:nowrap}.of-chips a[aria-current=page]{background:var(--of-ink);color:#fff;border-color:var(--of-ink)}.of-pages{display:flex;gap:10px;justify-content:center;margin-top:36px}.of-pdp{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.of-pdp>*{min-width:0}.of-gal .main{background:var(--of-tile);aspect-ratio:4/5;overflow:hidden}.of-gal .main img{width:100%;height:100%;object-fit:cover}.of-gal .main.pk{background:#fff}.of-gal .main.pk img{object-fit:contain}.of-gal .th{display:grid;grid-auto-flow:column;grid-auto-columns:62px;gap:8px;overflow-x:auto;margin-top:8px;scrollbar-width:none}.of-gal .th button{aspect-ratio:4/5;background:var(--of-tile);border:1.5px solid transparent;overflow:hidden}.of-gal .th button[aria-pressed=true]{border-color:var(--of-ink)}.of-gal .th img{width:100%;height:100%;object-fit:cover}.of-buy{display:grid;gap:16px;align-content:start}.of-buy h1{font-size:clamp(40px,10vw,68px);margin:0}.of-buy .pr{font-size:17px;font-variant-numeric:tabular-nums;display:flex;gap:10px;align-items:baseline}.of-buy .pr s{color:var(--of-was)}.of-buy .pr .now{color:var(--of-go);font-weight:700}.of-sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:8px}.of-sizes button{border:1px solid var(--of-line);padding:13px 4px;font-weight:700;font-size:13px}.of-sizes button[aria-pressed=true]{background:var(--of-ink);color:#fff;border-color:var(--of-ink)}.of-sizes button[disabled]{color:var(--of-was);text-decoration:line-through;cursor:not-allowed}.of-lab{display:flex;justify-content:space-between;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:8px}.of-lab a{border-bottom:1px solid currentColor}.of .of-cta{background:var(--of-ink);color:#fff;padding:17px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;width:100%;display:block;text-align:center}.of .of-cta[disabled]{background:var(--of-was);cursor:not-allowed}.of-fit{color:var(--of-ink-2);font-size:13px}.of-acc details{border-top:1px solid var(--of-line);padding:14px 0}.of-acc details:last-child{border-bottom:1px solid var(--of-line)}.of-acc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.of-acc summary:after{content:"+";font-size:16px;line-height:1}.of-acc details[open] summary:after{content:"\2013"}.of-acc .body{margin-top:12px;color:var(--of-ink-2)}.of-acc .body ul{margin:0;padding-left:18px;display:grid;gap:5px}.of-acc .body p{margin:0 0 8px}.of-acc .body img{margin-top:4px;width:100%;height:auto}.of-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:400}.of.of-drw{position:fixed;top:0;bottom:0;width:min(88%,400px);background:var(--of-floor);z-index:401;padding:20px var(--of-gut);display:grid;grid-template-rows:auto 1fr;gap:18px;overflow-y:auto}.of-drw[hidden],.of-scrim[hidden]{display:none}.of-drw.left{left:0}.of-drw.right{right:0}.of-drw .hd{display:flex;justify-content:space-between;align-items:center}.of-drw .hd b{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase}.of-drw nav{display:grid;gap:4px;align-content:start}.of-drw nav a{font-family:var(--of-display);font-stretch:62%;font-weight:800;text-transform:uppercase;font-size:34px;line-height:1.05}.of-drw nav a.sm{font:600 13px var(--of-body);text-transform:none;margin-top:10px;color:var(--of-ink-2)}.of-bag{display:grid;grid-template-rows:1fr auto;gap:18px;min-height:100%}.of-line{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--of-line)}.of-line img{width:64px;height:auto;aspect-ratio:4/5;object-fit:contain;background:var(--of-tile)}.of-line small{color:var(--of-ink-2);display:block}.of-line .rm{font-size:11px;text-decoration:underline;color:var(--of-ink-2);margin-top:4px}.of-bag .empty{color:var(--of-ink-2)}@media(min-width:860px){:root{--of-gut:36px}.of-hero .ph{aspect-ratio:16/8.4;object-position:50% 24%}.of-hero .txt{bottom:44px}.of-sec{padding-block:72px}.of-sec.tight{padding-top:0}.of-rail{grid-auto-columns:27%;gap:18px}.of-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 18px}.of-grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.of-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.of-spot{grid-template-columns:1fr 1fr}.of-spot .tx{padding:56px}.of-duo{gap:18px}.of-duo img{aspect-ratio:16/11}.of-ftr .cols{grid-template-columns:1.3fr 1fr 1fr}.of-pdp{grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}.of-buy{position:sticky;top:24px}.of-hdr .logo{width:132px;height:44px}}@media(prefers-reduced-motion:no-preference){.of-card .im img{transition:transform .5s ease}.of-card:hover .im:not(.pk) img{transform:scale(1.03)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/of.css.map */