.ottrp .media--denim span,.ottrp .media--brand span{background:#0b0f1480;color:#e6edf5}.ottrp .sec--dark .media{border:0}.ottrp .sec--dark .media span{background:#0b0f148c;color:#cdd8e4}.ottrp .media .obj,.ottrp .shotobj{position:absolute;left:50%;top:46%;translate:-50% -50%;z-index:1;width:16%;min-width:26px;aspect-ratio:1/2.5;border-radius:999px;background:linear-gradient(158deg,#48525e,#232a34 46%,#11151b);box-shadow:0 16px 30px -12px #0b0f148c;rotate:-8deg}.ottrp .media--denim .obj,.ottrp .media--brand .obj{background:linear-gradient(158deg,#f2f6fb,#c6d3e2 48%,#93a5b8)}.ottrp .media:has(.shot) .obj{display:none}.ottrp .vid{border:0;border-radius:6px;background:linear-gradient(150deg,var(--denim-1),var(--denim-2))}.ottrp .vid .lbl{color:#b6c4d3}.ottrp .vid .tag{background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ottrp .vid--sky{background:linear-gradient(150deg,var(--sky-4),var(--brand-deep))}.ottrp .vid--stone{background:linear-gradient(150deg,var(--stone-4),var(--denim-2))}.ottrp .vid--clay{background:linear-gradient(150deg,var(--clay),var(--denim-2))}.ottrp .vid .play{background:#fffffff0}.ottrp .vid .shot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block}.ottrp .vid:has(.shot) .play{display:none}.ottrp .vid:has(.shot) .lbl{display:none}.ottrp .vid:has(.shot) .scan{display:none}.ottrp .ticker{overflow:hidden;padding:12px 0;background:var(--brand);color:#fff}.ottrp .ticker--ink{background:var(--dark)}.ottrp .ticker--stone{background:var(--stone-2);color:var(--denim-2)}.ottrp .ticker-track{display:flex;width:max-content;animation:runner 30s linear infinite}.ottrp .ticker b{padding:0 26px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;gap:26px}.ottrp .ticker b:after{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55}@keyframes runner{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.ottrp .ticker-track,.ottrp .reel-track{animation:none}}.ottrp .reel{overflow:hidden;padding-block:6px}.ottrp .reel-track{display:flex;gap:12px;width:max-content;animation:runner var(--dur,46s) linear infinite}.ottrp .reel:hover .reel-track,.ottrp .reel:focus-within .reel-track{animation-play-state:paused}.ottrp .reel-track>*{flex:0 0 clamp(190px,21vw,280px)}.ottrp .reel--slow{--dur:64s}.ottrp .reel--rev .reel-track{animation-direction:reverse}.ottrp .statgrid{display:grid;grid-template-columns:1.55fr 1fr;gap:12px;margin-top:38px}.ottrp .statgrid .stat3{grid-column:span 2;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:820px){.ottrp .statgrid{grid-template-columns:1fr}.ottrp .statgrid .stat3{grid-column:auto;grid-template-columns:1fr}}.ottrp .statcard{position:relative;border-radius:6px;overflow:hidden;min-height:clamp(230px,26vw,330px);display:flex;flex-direction:column;justify-content:flex-end;padding:22px;isolation:isolate}.ottrp .statcard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(transparent 32%,#090d12d1)}.ottrp .statcard>*{position:relative;z-index:2}.ottrp .statcard .shot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block}.ottrp .statcard .fig{color:#fff}.ottrp .statcard .fig small{color:#ffffffb8}.ottrp .statcard h4{color:#fff;margin:6px 0 4px}.ottrp .statcard p{color:#ffffffc7;font-size:13.5px;margin:0;max-width:40ch}.ottrp .statcard .slot{position:absolute;inset:auto 14px 14px auto;z-index:3;font-size:10.5px;color:#fff9;text-align:right;max-width:44%}.ottrp .banner{position:relative;min-height:clamp(260px,34vw,440px);display:flex;align-items:center;padding:clamp(34px,6vw,72px) var(--gutter);color:#fff;overflow:hidden}.ottrp .banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#090d12b8,#090d122e)}.ottrp .banner>*{position:relative;z-index:2;max-width:46ch}.ottrp .banner .shot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none}.ottrp .banner .lede{color:#ffffffdb}.ottrp .banner .slot{position:absolute;right:16px;bottom:12px;z-index:3;font-size:11px;color:#ffffff9e;max-width:40%;text-align:right}.ottrp .shelf .prod:nth-child(4n+1) .media{background:linear-gradient(152deg,var(--sky-2),var(--sky-1))}.ottrp .shelf .prod:nth-child(4n+2) .media{background:linear-gradient(152deg,var(--stone-2),var(--stone-1))}.ottrp .shelf .prod:nth-child(4n+3) .media{background:linear-gradient(152deg,#dde5ef,#f5f8fb)}.ottrp .shelf .prod:nth-child(4n+4) .media{background:linear-gradient(152deg,var(--sky-1),#fff)}.ottrp .scroller .card:nth-child(odd) .media{background:linear-gradient(152deg,var(--sky-2),var(--sky-1))}.ottrp .scroller .card:nth-child(2n) .media{background:linear-gradient(152deg,var(--stone-2),var(--stone-1))}.ottrp .gal .media:nth-child(odd){background:linear-gradient(152deg,var(--sky-2),var(--sky-1))}.ottrp .gal .media:nth-child(2n){background:linear-gradient(152deg,var(--stone-2),var(--stone-1))}.ottrp .bento--five .card:nth-child(2) .media{background:linear-gradient(152deg,var(--clay),var(--stone-2))}.ottrp .bento--five .card:nth-child(2) .media span{background:#0b0f1480;color:#f1e7dd}.ottrp .media span b,.ottrp .vid .lbl b,.ottrp .slot b{display:block;margin-top:5px;font-weight:400;font-size:10px;letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--brand);opacity:.9}.ottrp .media--denim span b,.ottrp .media--brand span b,.ottrp .vid .lbl b,.ottrp .slot b{color:#8fc0f5}.ottrp .fs{position:relative;height:100svh;min-height:520px;overflow:hidden;background:linear-gradient(150deg,#1a222c,#0b0f14);display:flex;align-items:center;justify-content:center}.ottrp .fs .flip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(60% 60% at 50% 45%,#2c3947,#0b0f14 78%)}.ottrp .fs .shot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none}.ottrp .fs:has(.shot) .flipobj,.ottrp .fs:has(.shot) .flipmark{display:none}.ottrp .fs .flipobj{position:absolute;left:50%;top:44%;translate:-50% -50%;width:min(160px,22vw);aspect-ratio:1/2.4;border-radius:999px;background:linear-gradient(158deg,#5a6674,#2a323c 45%,#0f1319);box-shadow:0 40px 70px -24px #000000b3;transform-style:preserve-3d;animation:flip 7s cubic-bezier(.65,0,.35,1) infinite}@keyframes flip{0%,16%{transform:rotateY(0)}46%,66%{transform:rotateY(180deg)}96%,to{transform:rotateY(360deg)}}.ottrp .fs .flipmark{position:absolute;left:50%;top:44%;translate:-50% -50%;z-index:1;font-style:italic;font-weight:700;font-size:clamp(46px,13vw,180px);color:#fff;letter-spacing:-.05em;animation:flipmark 7s ease-in-out infinite;opacity:0}@keyframes flipmark{0%,30%{opacity:0}48%,64%{opacity:1}80%,to{opacity:0}}.ottrp .fs-copy{position:relative;z-index:3;text-align:center;padding:0 var(--gutter);align-self:flex-end;margin-bottom:clamp(34px,7vh,80px);color:#fff}.ottrp .fs-copy .eyebrow{color:#8fc0f5}.ottrp .fs-copy .lede{color:#ffffffd1;margin:12px auto 0}.ottrp .fs .slot{position:absolute;left:0;right:0;bottom:12px;z-index:4;text-align:center;font-size:11px;color:#ffffff80;padding:0 var(--gutter)}@media(prefers-reduced-motion:reduce){.ottrp .fs .flipobj{animation:none;transform:rotateY(180deg)}.ottrp .fs .flipmark{animation:none;opacity:1}}.ottrp .bul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.ottrp .bul li{position:relative;padding-left:18px;font-size:14px;color:var(--ink-2)}.ottrp .bul li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--brand)}.ottrp .bul li b{color:var(--ink)}.ottrp .specgroup{margin-top:14px}.ottrp .specgroup:first-child{margin-top:0}.ottrp .specgroup h5{font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0 0 7px}.ottrp .specgroup dl{margin:0;display:flex;flex-direction:column;gap:5px}.ottrp .specgroup .r{display:grid;grid-template-columns:1fr auto;gap:14px;font-size:13.5px;padding-bottom:5px;border-bottom:1px dotted var(--line)}.ottrp .specgroup .r span:first-child{color:var(--muted)}.ottrp .specgroup .r span:last-child{font-weight:700;text-align:right}.ottrp .quiet{border:1px solid var(--line);border-radius:6px;padding:20px 22px;background:var(--surface,#f7f9fc);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.ottrp .quiet .thumb{width:clamp(90px,14vw,140px);aspect-ratio:1;border-radius:5px;background:linear-gradient(152deg,var(--stone-2),var(--stone-1));position:relative;overflow:hidden}.ottrp .quiet .thumb em{position:absolute;inset:auto 6px 6px 6px;font-style:normal;font-size:9.5px;color:var(--stone-4);font-family:ui-monospace,monospace}.ottrp .quiet .thumb .shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ottrp .quiet h4{margin:0 0 6px}.ottrp .quiet p{margin:0;font-size:14px;color:var(--ink-2);max-width:60ch}.ottrp .quiet .link{font-size:13px;font-weight:700;color:var(--brand);text-decoration:none;display:inline-block;margin-top:9px}@media(max-width:620px){.ottrp .quiet{grid-template-columns:1fr}}.ottrp .close{text-align:center;max-width:36ch;margin-inline:auto}body.ottrp.armed .rvitem{opacity:0;translate:0 18px}.ottrp .rvitem{transition:opacity .6s ease,translate .68s cubic-bezier(.22,.72,.28,1);transition-delay:calc(var(--i,0) * 62ms)}body.ottrp.armed .rv .rvitem{opacity:1;translate:0 0}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.ottrp .sec{animation:secExit linear both;animation-timeline:view();animation-range:exit 12% exit 92%}.ottrp .sec--dark,.ottrp .sec--brand,.ottrp .fs,.ottrp .banner,.ottrp .grow-sec,.ottrp .foot{animation:none}@keyframes secExit{to{opacity:.62}}}}.ottrp .card,.ottrp .prod,.ottrp .statcard,.ottrp .dcard,.ottrp .denom,.ottrp .quiet{transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease,filter .3s ease}.ottrp .card:hover,.ottrp .prod:hover,.ottrp .quiet:hover{transform:translateY(-3px);box-shadow:0 18px 34px -20px #0b0f144d}.ottrp .statcard:hover{transform:translateY(-3px)}.ottrp .dcard:hover,.ottrp .denom:hover{transform:translateY(-2px)}.ottrp .pill,.ottrp .buypill{transition:background .2s ease,transform .18s cubic-bezier(.2,.7,.3,1)}.ottrp .pill:active,.ottrp .buypill:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.ottrp .card:hover,.ottrp .prod:hover,.ottrp .quiet:hover,.ottrp .statcard:hover,.ottrp .dcard:hover,.ottrp .denom:hover{transform:none}}.ottrp .cursor-ring{position:fixed;top:0;left:0;z-index:200;pointer-events:none;border-radius:50%;mix-blend-mode:difference;will-change:transform;opacity:0;width:16px;height:16px;border:1.25px solid #fff;margin:-8px 0 0 -8px;transition:width .2s cubic-bezier(.2,.8,.3,1),height .2s cubic-bezier(.2,.8,.3,1),margin .2s cubic-bezier(.2,.8,.3,1),background .2s ease,opacity .2s ease}body.ottrp.cursoring .cursor-ring{opacity:1}body.ottrp.cursoring,body.ottrp.cursoring *{cursor:none}body.ottrp.cursoring input,body.ottrp.cursoring textarea,body.ottrp.cursoring select{cursor:auto}body.ottrp.cursoring.cursor-hot .cursor-ring{width:30px;height:30px;margin:-15px 0 0 -15px;background:#ffffff38}body.ottrp.cursoring.cursor-down .cursor-ring{width:12px;height:12px;margin:-6px 0 0 -6px}.ottrp .fs--photo{background:linear-gradient(140deg,var(--sky-4),var(--stone-3) 55%,var(--denim-2))}.ottrp .fs--warm{background:linear-gradient(140deg,var(--clay),var(--stone-4) 50%,#171208)}.ottrp .fs--blue{background:linear-gradient(140deg,var(--brand),var(--brand-deep) 58%,#07203c)}.ottrp .fs--ink{background:linear-gradient(150deg,#1b2430,#070a0e)}.ottrp .fs-mid{position:relative;z-index:3;width:100%;padding:0 var(--gutter);text-align:center;color:#fff}.ottrp .fs-mid .eyebrow{color:#ffffffb8}.ottrp .fs-mid .lede{color:#ffffffd6;margin:16px auto 0}.ottrp .fsnum{font-weight:700;line-height:.78;letter-spacing:-.06em;font-size:clamp(96px,27vw,360px);font-variant-numeric:tabular-nums}.ottrp .fsnum small{font-size:.16em;letter-spacing:.08em;font-weight:400;display:block;margin-top:.14em;text-transform:uppercase;opacity:.75}.ottrp .fstype{display:flex;flex-wrap:wrap;gap:0 .32em;justify-content:center;font-size:clamp(34px,7.6vw,104px);font-weight:700;letter-spacing:-.04em;line-height:1.02}.ottrp .fstype i{font-style:normal;display:inline-block}.ottrp .fstype i.lean{font-style:italic}.ottrp .fsgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;max-width:820px;margin:26px auto 0}.ottrp .fsgrid b{aspect-ratio:3/4;border-radius:3px;background:#ffffff38;display:block;transition:opacity .5s,transform .5s;transition-delay:calc(var(--i,0) * 26ms)}body.ottrp.armed .fsgrid b{opacity:0;transform:scale(.4)}body.ottrp.armed .rv .fsgrid b{opacity:1;transform:none}.ottrp .fsgrid b.lit{background:#fff}@media(max-width:620px){.ottrp .fsgrid{grid-template-columns:repeat(8,1fr)}}.ottrp .fsbox{display:flex;flex-direction:column;gap:9px;max-width:440px;margin:26px auto 0;text-align:left}.ottrp .fsbox div{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:baseline;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.16);font-size:15px}.ottrp .fsbox em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;opacity:.55;font-size:12px}.ottrp .fsbox span:last-child{font-weight:700}.ottrp .ladder{display:flex;flex-direction:column;margin-top:34px;counter-reset:step}.ottrp .ladder>li{display:grid;grid-template-columns:clamp(58px,7vw,96px) 1fr;gap:clamp(16px,3vw,36px);padding:clamp(22px,3.4vw,38px) 0;border-top:1px solid var(--line);list-style:none;align-items:start}.ottrp .ladder>li:last-child{border-bottom:1px solid var(--line)}.ottrp .ladder .n{font-size:clamp(30px,4.6vw,58px);font-weight:700;letter-spacing:-.05em;line-height:.9;color:var(--brand);font-variant-numeric:tabular-nums}.ottrp .ladder h3{margin:0 0 8px}.ottrp .ladder p{margin:0;font-size:15px;color:var(--ink-2);max-width:60ch}.ottrp .ladder .aside{margin-top:10px;font-size:13px;color:var(--muted);padding-left:13px;border-left:2px solid var(--line-2)}.ottrp .terms{margin-top:30px}.ottrp .terms>div{display:grid;grid-template-columns:minmax(150px,.34fr) 1fr;gap:clamp(14px,3vw,40px);padding:20px 0;border-top:1px solid var(--line)}.ottrp .terms>div:last-child{border-bottom:1px solid var(--line)}.ottrp .terms dt{font-size:14.5px;font-weight:700;letter-spacing:-.01em;margin:0}.ottrp .terms dd{margin:0;font-size:14.5px;color:var(--ink-2);max-width:66ch}.ottrp .terms dd+dd{margin-top:8px}.ottrp .terms .yes{color:#1c6b36;font-weight:700}.ottrp .terms .no{color:#9e3320;font-weight:700}@media(max-width:720px){.ottrp .terms>div{grid-template-columns:1fr;gap:8px}}.ottrp .qa{display:grid;grid-template-columns:minmax(150px,.28fr) 1fr;gap:clamp(22px,5vw,64px);align-items:start;margin-top:32px}.ottrp .qa-rail{position:sticky;top:96px;display:flex;flex-direction:column;gap:4px}.ottrp .qa-rail a{font-size:13.5px;color:var(--muted);text-decoration:none;border-left:2px solid transparent;padding:6px 0 6px 12px}.ottrp .qa-rail a:hover{color:var(--ink)}.ottrp .qa-rail a.on{color:var(--ink);font-weight:700;border-left-color:var(--brand)}.ottrp .qa-group{margin-bottom:34px}.ottrp .qa-group h3{margin:0 0 6px;font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:var(--brand)}@media(max-width:780px){.ottrp .qa{grid-template-columns:1fr}.ottrp .qa-rail{position:static;flex-direction:row;flex-wrap:wrap;gap:8px}.ottrp .qa-rail a{border-left:0;border-bottom:2px solid transparent;padding:4px 0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ottr-proto-3.css.map */