.cs-apple .bf-appicon{background:#fff;box-shadow:0 18px 40px -18px #372e2673,inset 0 0 0 1px #372e2614}.cs-apple .bf-appicon img{width:70%}.bf-hero-media{margin-top:var(--cs-gap-m);aspect-ratio:16 / 9}.bf-hero-media img{position:absolute;inset:-6% 0;height:112%}.bf-sku{--ink: #372e26;display:flex;flex-direction:column;border-radius:var(--radius-tile);background:var(--bg-elev);overflow:hidden}.bf-sku__art{position:relative;aspect-ratio:1;background:color-mix(in srgb,var(--tint) 32%,#fff);color:var(--ink)}.bf-sku__art:after{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--deep)}.bf-draw{position:absolute;inset:14%;width:72%;height:72%;overflow:visible}.bf-draw .k{fill:color-mix(in srgb,var(--tint) 32%,#fff)}.bf-sku__body{flex:1;display:grid;align-content:start;gap:8px;padding:var(--cs-pad)}.bf-sku__k{font-size:.8125rem;font-weight:600;letter-spacing:.04em;color:var(--label-2)}.bf-sku__t{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h5);line-height:1.3;letter-spacing:-.011em}.bf-sku__d{color:var(--label-2);font-size:1.0625rem}.bf-sku__meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 0;padding-top:16px;border-top:1px solid var(--separator)}.bf-sku__meta dt{font-size:.8125rem;color:var(--label-2)}.bf-sku__meta dd{margin:2px 0 0;font-size:.9375rem;font-weight:500}.bf-dieline{position:relative;aspect-ratio:712.8 / 630.7;max-width:1100px;margin:0 auto;border-radius:var(--radius-tile);background:var(--bg-elev);overflow:hidden}.bf-dieline__art,.bf-dieline__lines{position:absolute;inset:4%;width:92%;height:92%}.bf-dieline__art{object-fit:fill;opacity:0}.bf-dieline__lines{color:var(--label)}.bf-dieline__lines .cut{stroke-width:1.4}.bf-dieline__lines .fold{stroke:var(--accent);stroke-width:1.2;stroke-dasharray:5 4}.bf-dieline__legend{position:absolute;left:16px;bottom:16px;display:flex;gap:16px;padding:7px 14px;border-radius:100px;background:var(--caption-bg);color:var(--caption-fg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);font-size:.8125rem;font-weight:500}.bf-dieline__legend span{display:inline-flex;align-items:center;gap:8px}.bf-dieline__legend i{width:18px;height:0;border-top:1.5px solid currentColor}.bf-dieline__legend i.is-fold{border-top:1.5px dashed var(--accent)}.bf-viewer{border-radius:var(--radius-xl);background:var(--bg-elev);padding:var(--cs-pad-lg) var(--cs-pad)}.bf-viewer__stage{position:relative;height:clamp(360px,46vw,600px);display:grid;place-items:center;perspective:1600px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.bf-viewer__stage:active{cursor:grabbing}.bf-box{position:relative;width:var(--w);height:var(--h);transform-style:preserve-3d;transition:opacity .5s var(--ease-out),scale .6s var(--ease-out)}.bf-box__f{position:absolute;left:50%;top:50%;background-color:var(--tint, #fff);background-image:var(--img);background-repeat:no-repeat;background-size:var(--bw) auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 0 0 .5px #00000014}.bf-box__front,.bf-box__back{width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2)}.bf-box__left,.bf-box__right{width:var(--d);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--d) / -2)}.bf-box__top,.bf-box__bottom{width:var(--w);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--w) / -2)}.bf-box__front{transform:translateZ(calc(var(--d) / 2))}.bf-box__back{transform:rotateY(180deg) translateZ(calc(var(--d) / 2))}.bf-box__right{transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}.bf-box__left{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}.bf-box__top{transform:rotateX(90deg) translateZ(calc(var(--h) / 2));background-image:none}.bf-box__bottom{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2));background-image:none;filter:brightness(.9)}.bf-box__top i{position:absolute;inset:0;background-image:var(--img);background-repeat:no-repeat;background-size:var(--bw) auto;background-position:var(--top-pos);transform:rotate(180deg)}.bf-box__right,.bf-box__left{filter:brightness(.93)}.bf-box__back{filter:brightness(.88)}.bf-viewer__shadow{position:absolute;left:50%;bottom:6%;width:calc(var(--w, 200px) * 1.6);height:28px;translate:-50% 0;background:radial-gradient(50% 50% at 50% 50%,rgba(16,30,61,.28),transparent 70%);filter:blur(8px);pointer-events:none}.bf-viewer__flat{position:absolute;inset:4% 6%;width:88%;height:92%;object-fit:contain;opacity:0;scale:.92;transition:opacity .5s var(--ease-out),scale .6s var(--ease-out);pointer-events:none}.bf-viewer.is-flat .bf-box{opacity:0;scale:.9}.bf-viewer.is-flat .bf-viewer__shadow{opacity:0}.bf-viewer.is-flat .bf-viewer__flat{opacity:1;scale:1}.bf-viewer__ui{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;margin-top:var(--cs-gap-s)}.bf-seg{display:inline-flex;gap:2px;padding:3px;border-radius:100px;background:var(--fill)}.bf-seg button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 16px;border-radius:100px;font-size:.875rem;font-weight:500;color:var(--label-2);transition:background-color .3s,color .3s,box-shadow .3s}.bf-seg button:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--dot);box-shadow:inset 0 0 0 1px #0000001f}.bf-seg button[aria-checked=true]{background:var(--bg-elev);color:var(--label);box-shadow:0 1px 4px #101e3d24}.bf-toggle{min-height:36px;padding:6px 16px;border-radius:100px;box-shadow:inset 0 0 0 1px var(--separator);font-size:.875rem;font-weight:500;transition:background-color .3s}.bf-toggle:hover{background:var(--fill)}.bf-toggle[aria-pressed=true]{background:var(--label);color:var(--bg);box-shadow:none}.bf-rail-item{flex:none;width:min(900px,84vw);aspect-ratio:16 / 9}:where([data-mode=dark]) .cs-apple .bf-seg button[aria-checked=true]{background:var(--fill-2);box-shadow:none}:where([data-mode=dark]) .bf-viewer__shadow{background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.6),transparent 70%)}@media(max-width:860px){.bf-seg button{padding:6px 12px;font-size:.8125rem}.bf-seg button:before{display:none}}@media(max-width:560px){.bf-seg{flex-direction:column;border-radius:22px;width:100%}}
