.bc{--bc-bg: #0d0d0d;--bc-bg-2: #121212;--bc-accent: #c9f28a;--bc-ink: #ece6d6;--bc-soft: rgba(236, 230, 214, .72);--bc-hair: rgba(236, 230, 214, .16);position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 66%,rgba(201,242,138,.045),transparent 70%),var(--bc-bg);color:var(--bc-ink);padding-block:clamp(56px,8vw,120px)}.bc :focus-visible{outline:2px solid var(--bc-accent);outline-offset:3px}.bc,.bcd{--od-serif: var(--od-extra-serif, Georgia, serif);--od-mono: var(--od-extra-mono, ui-monospace, monospace)}.bc__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,36ch);gap:16px clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(24px,3.4vw,48px)}.bc__head .od-h2{font-size:clamp(40px,5.6vw,88px);max-width:12ch;color:var(--bc-ink)}.bc__lead{font-size:16px;line-height:1.65;color:var(--bc-soft);text-wrap:pretty}.bc__scroll{position:relative}.bc__stage{position:relative;width:min(100%,calc(80svh * var(--bc-ar, 1.4634)));aspect-ratio:var(--bc-ar, 1.4634);margin-inline:auto}.bc__stage>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bc__stage--img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d0d0d59,#0d0d0d00 30% 70%,#0d0d0d8c);pointer-events:none}.bs-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;overflow:visible}.bc__pin{position:absolute;z-index:2;width:48px;height:48px;margin:-24px 0 0 -24px;display:grid;place-items:center;border-radius:50%;color:var(--bc-accent);text-decoration:none}.bc__ring{position:relative;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid currentColor;background:#0d0d0d59;box-shadow:0 0 10px currentColor;font:500 10.5px/1 var(--od-mono);transition:transform .3s var(--od-ease),background-color .3s,color .3s}@supports (color: color-mix(in srgb,red,blue)){.bc__ring{box-shadow:0 0 12px color-mix(in srgb,currentColor 55%,transparent),inset 0 0 8px color-mix(in srgb,currentColor 22%,transparent)}}.bc__ring svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bc__dot{width:4px;height:4px;border-radius:50%;background:currentColor}.bc__pin:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;border:1px solid currentColor;opacity:0;pointer-events:none}.bc.is-in .bc__pin:before{animation:bc-pulse 2.4s var(--od-ease) .8s 2}.bc__pin:focus-visible:before,.bc__pin.is-hot:before,.bc__pin.is-active:before{animation:bc-pulse 1.5s var(--od-ease) infinite}@media(hover:hover){.bc__pin:hover:before{animation:bc-pulse 1.5s var(--od-ease) infinite}}@keyframes bc-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.1);opacity:0}}.bc__pin:focus-visible .bc__ring,.bc__pin.is-hot .bc__ring,.bc__pin.is-active .bc__ring{transform:scale(1.22);background:var(--bc-accent);color:#0d0d0d}@media(hover:hover){.bc__pin:hover .bc__ring{transform:scale(1.22);background:var(--bc-accent);color:#0d0d0d}}.bc__pin:focus-visible{outline:none}.bc__pin:focus-visible .bc__ring{box-shadow:0 0 0 3px #0d0d0d,0 0 0 5px #fff}.bc__tip{position:absolute;left:calc(50% + 24px);top:50%;z-index:3;padding:6px 10px;white-space:nowrap;background:#0d0d0dc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--bc-hair);color:var(--bc-ink);font:400 11.5px/1.3 var(--od-mono);opacity:0;transform:translate(-6px,-50%);pointer-events:none;transition:opacity .2s,transform .25s var(--od-ease)}.bc__pin--flip .bc__tip{left:auto;right:calc(50% + 24px);transform:translate(6px,-50%)}.bc__pin:focus-visible .bc__tip,.bc__pin.is-hot .bc__tip{opacity:1;transform:translateY(-50%)}@media(hover:hover){.bc__pin:hover .bc__tip{opacity:1;transform:translateY(-50%)}}.bc__cap{margin-top:14px;text-align:center;font:400 12px/1.5 var(--od-mono);color:var(--bc-soft)}.bc__list{margin-top:clamp(20px,3vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));border-top:1px solid var(--bc-hair)}.bc__item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-items:baseline;height:100%;padding:16px 16px 18px 0;border-bottom:1px solid var(--bc-hair);color:inherit;text-decoration:none;transition:color .2s,background-color .2s}.bc__item:before{content:"";position:absolute;left:0;top:-1px;width:0;height:1px;background:var(--bc-accent);transition:width .35s var(--od-ease)}.bc__item:hover:before,.bc__item.is-hot:before,.bc__item.is-active:before{width:100%}.bc__item:hover,.bc__item.is-hot{color:var(--bc-accent)}.bc__in{grid-row:span 2;color:var(--bc-accent);font:400 12px/1.5 var(--od-mono)}.bc__it{font:400 12px/1.5 var(--od-mono);color:var(--bc-soft)}.bc__iname{grid-column:2;font:400 18px/1.2 var(--od-serif);letter-spacing:-.012em;overflow-wrap:anywhere}.bc__ip{grid-column:2;margin-top:4px;font:400 12px/1.4 var(--od-mono);color:var(--bc-soft);font-variant-numeric:tabular-nums}.bc--empty{padding-block:40px}.bcd{position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:min(480px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid rgba(236,230,214,.16);color:#ece6d6;background:#12121194;-webkit-backdrop-filter:blur(26px) saturate(1.35);backdrop-filter:blur(26px) saturate(1.35);box-shadow:-30px 0 80px #00000080}.bcd:not([open]){display:none}.bcd[open]{display:flex;flex-direction:column;animation:bcd-in .4s var(--od-ease) both}.bcd.is-closing{animation:bcd-out .26s var(--od-ease) both}.bcd::backdrop{background:#0505056b}@keyframes bcd-in{0%{transform:translate(36px);opacity:0}to{transform:none;opacity:1}}@keyframes bcd-out{0%{transform:none;opacity:1}to{transform:translate(36px);opacity:0}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.bcd{background:#10100ff7}}.bcd :focus-visible{outline:2px solid var(--bc-accent);outline-offset:2px}.bcd__bar{flex:none;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 24px;border-bottom:1px solid rgba(236,230,214,.12)}.bcd__count{font:400 12px/1 var(--od-mono);color:#ece6d6b8;font-variant-numeric:tabular-nums}.bcd__nav{display:flex}.bcd__btn{display:grid;place-items:center;width:44px;height:44px;color:inherit;background:transparent;border:0;cursor:pointer;transition:background-color .2s}.bcd__btn:hover{background:#ece6d617}.bcd__btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bcd__panel{flex:1;min-height:0;display:flex;flex-direction:column}.bcd__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:20px;padding:24px 24px 20px}.bcd__body>*{flex:none}.bcd__kicker{display:flex;align-items:center;gap:10px;font:400 12px/1.4 var(--od-mono);color:var(--bc-accent)}.bcd__kicker svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.bcd__title{font:400 clamp(30px,8vw,42px) / 1.04 var(--od-serif);letter-spacing:-.024em;text-wrap:balance}.bcd__fig{position:relative;display:block;overflow:hidden;background:var(--od-plate, #e3e4e2);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.bcd__fig img{display:block;width:100%;height:auto;max-height:min(42svh,380px);object-fit:contain}.bcd__story{padding-top:16px;border-top:1px solid rgba(236,230,214,.14);font:italic 400 19px / 1.5 var(--od-serif);letter-spacing:-.005em;color:#ece6d6eb;text-wrap:pretty}.bcd__spec{display:grid;gap:4px;font:400 12px/1.5 var(--od-mono)}.bcd__spec div{display:flex;gap:10px;padding-bottom:4px;border-bottom:1px dotted rgba(236,230,214,.32)}.bcd__spec dt{flex:0 0 84px;color:#ece6d6ad}.bcd__spec dd{margin:0}.bcd .od-fi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.bcd .od-fi-grid__i{grid-template-columns:22px minmax(0,1fr);gap:8px;padding:6px 8px;box-shadow:inset 0 0 0 1px #ece6d633}.bcd .od-fi-grid__ic{width:22px;height:22px;color:var(--bc-accent)}.bcd .od-fi-grid__t{font:400 11.5px/1.25 var(--od-mono);overflow-wrap:anywhere}.bcd .od-fi-grid__more{color:inherit}.bcd__more{align-self:flex-start;font:400 12px/1.4 var(--od-mono);color:inherit;text-decoration:underline;text-underline-offset:4px}.bcd__buy{flex:none;padding:16px 24px calc(18px + env(safe-area-inset-bottom));border-top:1px solid rgba(236,230,214,.14);background:#0d0d0d80}.bcd .qb__chip{color:#ece6d6;box-shadow:inset 0 0 0 1px #ece6d64d}.bcd .qb__chip:hover{background:#ece6d61a}.bcd .qb__in:checked+.qb__chip{background:var(--bc-accent);color:#0d0d0d;box-shadow:none}.bcd .qb__in:focus-visible+.qb__chip{outline:2px solid #fff;outline-offset:2px}.bcd .qb__sel{color:#ece6d6;background:#161615;box-shadow:inset 0 0 0 1px #ece6d64d}.bcd .qb__price{color:#ece6d6}.bcd .qb [data-od-add-error]{color:#ffa08a}.bcd .qb__add{--btn-bg: var(--bc-accent);--btn-fg: #0d0d0d}.bcd .qb__row{flex-wrap:nowrap;gap:14px}.bcd .qb__prices{display:grid;gap:2px;flex:none}.bcd .qb__was{margin-left:0}.bcd .qb__add{flex:1;min-width:0;max-width:none;padding-inline:14px}.bcd .qb__add:disabled{--btn-bg: rgba(236, 230, 214, .18);--btn-fg: rgba(236, 230, 214, .7);cursor:not-allowed}.bs-svg{--bs-line: rgba(236, 230, 214, .46)}.bs-ground{fill:#111110;stroke:var(--bs-line);stroke-width:1;stroke-linejoin:round}.bs-slab-l{fill:#0b0b0a;stroke:var(--bs-line);stroke-width:1;stroke-linejoin:round}.bs-slab-r{fill:#080807;stroke:var(--bs-line);stroke-width:1;stroke-linejoin:round}.bs-grid{stroke:#ece6d611;stroke-width:1}.bs-topo{fill:none;stroke:#ece6d61f;stroke-width:1;stroke-dasharray:2 6}.bs-l{fill:#151514;stroke:var(--bs-line);stroke-width:1;stroke-linejoin:round}.bs-r{fill:#0e0e0d;stroke:var(--bs-line);stroke-width:1;stroke-linejoin:round}.bs-t{fill:#1f1e1c;stroke:var(--bs-line);stroke-width:1;stroke-linejoin:round}.bs-roof{fill:#1b1a18;stroke:var(--bs-line);stroke-width:1;stroke-linejoin:round}.bs-log{fill:none;stroke:#ece6d633;stroke-width:1}.bs-door{fill:#070707;stroke:var(--bs-line);stroke-width:1}.bs-win{fill:#e0aa5c33;stroke:var(--bs-line);stroke-width:1}.bs-ln{fill:none;stroke:var(--bs-line);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.bs-svg .dim{opacity:.55}.bs-trunk{fill:#1a1917;stroke:var(--bs-line);stroke-width:1}.bs-pl{fill:#15201a;stroke:var(--bs-line);stroke-width:1;stroke-linejoin:round}.bs-pr{fill:#0e1611;stroke:var(--bs-line);stroke-width:1;stroke-linejoin:round}.bs-stone{fill:#1d1c1a;stroke:#ece6d666;stroke-width:1}.bs-logw{stroke:#6b4a2b;stroke-width:5;stroke-linecap:round}.bs-glow{fill:#df78281a;stroke:none;transform-box:fill-box;transform-origin:50% 50%;animation:bs-breathe 4s ease-in-out infinite}.bs-ring{fill:none;stroke:#ece6d64d;stroke-width:1}.bs-flame{fill:#e07a28c7;transform-box:fill-box;transform-origin:50% 100%;animation:bs-flick 1.3s ease-in-out infinite alternate}.bs-flame.in{fill:#ffd682eb;animation-duration:.9s}.bs-spark{fill:#ffd38a;opacity:0;animation:bs-rise 3.2s ease-out var(--dl, 0s) infinite}.bs-trail{fill:none;stroke:#ece6d661;stroke-width:1.4;stroke-dasharray:1 8;stroke-linecap:round;stroke-linejoin:round}.bs-mt{fill:none;stroke:#ece6d63d;stroke-width:1.1;stroke-linejoin:round}.bs-star{fill:#ece6d6;opacity:.45;animation:bs-twink 5s ease-in-out var(--dl, 0s) infinite}.bs-moon{fill:#ece6d6;opacity:.85}.bs-moon-c{fill:#0d0d0d}@keyframes bs-flick{0%{transform:scaleY(.92) skew(-2deg)}to{transform:scale(1.06,1.08) skew(2deg)}}@keyframes bs-breathe{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes bs-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}to{transform:translateY(-46px);opacity:0}}@keyframes bs-twink{0%,to{opacity:.25}50%{opacity:.7}}@media(max-width:860px){.bc__head{grid-template-columns:minmax(0,1fr)}.bc__scroll{margin-inline:calc(var(--od-gutter) * -1);padding-inline:var(--od-gutter);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bc__scroll::-webkit-scrollbar{display:none}.bc__stage[data-wide]{width:max(100%,780px)}.bc__list{grid-template-columns:minmax(0,1fr)}.bcd{width:100vw;border-left:0}}@media(prefers-reduced-motion:reduce){.bs-glow,.bs-flame,.bs-spark,.bs-star,.bc__pin:before{animation:none!important}.bs-spark{opacity:0}.bcd[open],.bcd.is-closing{animation:none}.bc__ring,.bc__tip,.bc__item:before{transition:none}}.bc__swipe{display:none}@media(max-width:860px){.bc__swipe{display:inline}}.bc.is-off .bs-svg *,.bc:has(.bcd[open]) .bs-svg *{animation-play-state:paused}.bc.is-off .bc__pin:before{animation-play-state:paused}.bcd.is-instant{animation:none!important}
/*# sourceMappingURL=/cdn/shop/t/35/assets/od-basecamp.css.map */
