.kbh{position:relative;background:var(--ink);color:#fff;overflow:clip;padding-block:clamp(64px,9vw,120px) clamp(64px,9vw,120px)}.kbh-head{max-width:1200px}.kbh-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);column-gap:clamp(24px,5vw,72px);align-items:center;margin-top:clamp(8px,2vw,24px)}.kbh-h{font-size:clamp(28px,5.6vw,52px);font-weight:900;letter-spacing:-.035em;line-height:1.05;margin:12px 0 0;text-wrap:balance}.kbh-lead{margin:16px 0 0;color:var(--t6);font-size:15px;line-height:1.65;max-width:46ch}.kbh-views{display:flex;gap:6px;margin-top:26px;flex-wrap:wrap}.kbh-views button{font:inherit;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--t6);background:none;border:1px solid var(--ruleD);padding:9px 14px;border-radius:99px;cursor:pointer;transition:color .25s,border-color .25s,background-color .25s}.kbh-views button:hover{color:#fff;border-color:#fff6}.kbh-views button[aria-pressed=true]{color:var(--ink);background:#fff;border-color:#fff}.kbh-views button:focus-visible,.kbh-strip:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.kbh-stage{position:relative;height:min(80svh,760px);min-height:480px;perspective:1700px;perspective-origin:50% 40%;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.kbh-stage.is-drag{cursor:grabbing}.kbh-glow{position:absolute;left:50%;top:46%;width:72%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(232,140,60,.26),rgba(232,64,42,.08) 55%,transparent)}.kbh-floor{position:absolute;left:50%;top:calc(50% + var(--w) * 1.18);width:calc(var(--w) * 2.6);height:calc(var(--w) * .55);translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(0,0,0,.65),rgba(0,0,0,.25) 60%,transparent);filter:blur(4px)}.kbh-stage{--w:min( calc(min(80svh,760px)*.335) ,26vw,270px)}.kbh-obj{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(var(--rx,-10deg)) rotateY(var(--ry,-28deg)) translateY(calc(var(--w) * -1.2))}.kbh-f,.kbh-b,.kbh-btop{position:absolute;left:0;top:0;background-color:#1d1510;background-size:100% 100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.kbh-f:after,.kbh-b:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--sh,0);pointer-events:none}.kbh-fr,.kbh-bk,.kbh-rt,.kbh-lt{box-shadow:inset 0 calc(var(--w) * .022) 0 #3b2c1e,inset 0 calc(var(--w) * -.022) 0 #2c2016}.kbh-tp{box-shadow:inset 0 0 0 calc(var(--w) * .035) #3d2d1f,inset 0 0 0 calc(var(--w) * .045) #6b5133}.kbh-fr,.kbh-bk{width:var(--w);height:calc(var(--w) * 2.1);margin-left:calc(var(--w) / -2)}.kbh-rt,.kbh-lt{width:calc(var(--w) * .56);height:calc(var(--w) * 2.1);margin-left:calc(var(--w) * -.28)}.kbh-fr{transform:translateZ(calc(var(--w) * .28))}.kbh-bk{transform:rotateY(180deg) translateZ(calc(var(--w) * .28))}.kbh-rt{transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}.kbh-lt{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}.kbh-tp{width:var(--w);height:calc(var(--w) * .56);margin:calc(var(--w) * -.28) 0 0 calc(var(--w) / -2);transform:rotateX(90deg)}.kbh-b{top:calc(var(--w) * 2.1);height:calc(var(--w) * .29)}.kbh-bfr,.kbh-bbk{width:calc(var(--w) * 1.14);margin-left:calc(var(--w) * -.57)}.kbh-brt,.kbh-blt{width:calc(var(--w) * .7);margin-left:calc(var(--w) * -.35)}.kbh-bfr{transform:translateZ(calc(var(--w) * .35))}.kbh-bbk{transform:rotateY(180deg) translateZ(calc(var(--w) * .35))}.kbh-brt{transform:rotateY(90deg) translateZ(calc(var(--w) * .57))}.kbh-blt{transform:rotateY(-90deg) translateZ(calc(var(--w) * .57))}.kbh-b{background:linear-gradient(180deg,rgba(255,190,110,.18),transparent 22%,rgba(0,0,0,.35)),var(--wood) 0 0 / auto 100% repeat-x,#3a2213;box-shadow:inset 0 1px #ffd29659,inset 0 -2px #0006}.kbh-btop{top:calc(var(--w) * 2.1);width:calc(var(--w) * 1.14);height:calc(var(--w) * .7);margin:calc(var(--w) * -.35) 0 0 calc(var(--w) * -.57);transform:rotateX(90deg);background:radial-gradient(ellipse at 50% 50%,rgba(255,170,80,.4),transparent 62%),var(--wood) 0 0 / auto 100% repeat-x,#3a2213}.kbh-plaque{position:absolute;left:50%;top:50%;translate:-50% -50%;width:calc(var(--w) * .26);height:calc(var(--w) * .085);display:grid;place-items:center;border-radius:2px;background:linear-gradient(180deg,#f0d896,#c49a4c 45%,#8f6a2c);box-shadow:inset 0 0 0 1px #3c280a99,0 1px 2px #00000080;font-family:Georgia,Times New Roman,serif;font-size:calc(var(--w) * .05);letter-spacing:.06em;color:#3b2a10;z-index:1}.kbh-post{position:absolute;left:0;top:0;width:calc(var(--w) * .05);height:calc(var(--w) * 2.1);margin-left:calc(var(--w) * -.025);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(90deg,#241a11,#6e5434 45%,#9a7a4a 55%,#3a2b1c);transform:translate(calc(var(--x) * (var(--w) / 2 - var(--a) * var(--w) * .025 + (1 - var(--a)) * 1px))) translateZ(calc(var(--z) * (var(--w) * .28 + var(--a) * 1px - (1 - var(--a)) * var(--w) * .025))) rotateY(var(--r))}.kbh-post:before{content:"";position:absolute;left:50%;top:0;width:calc(var(--w) * .085);aspect-ratio:1;translate:-50% -45%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c9a46a,#5a4228 60%,#2a1f14)}.kbh-grab{position:absolute;left:50%;top:50%;width:calc(var(--w) * 1.6);height:calc(var(--w) * 2.9);translate:-50% -50%;touch-action:none;display:none}@media(hover:none){.kbh-grab{display:block}}.kbh-drag{position:absolute;left:50%;bottom:2%;translate:-50% 0;margin:0;display:flex;align-items:center;gap:10px;font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--t6);transition:opacity .5s;pointer-events:none}.kbh-drag svg{width:34px;height:14px}.kbh.is-touched .kbh-drag{opacity:0}.kbh-story{margin-top:clamp(56px,8vw,110px)}.kbh-sh{font-size:clamp(22px,3vw,34px);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:12px 0 0;text-wrap:balance}.kbh-strips{display:flex;gap:8px;height:min(74svh,640px);margin-top:28px}.kbh-strip{position:relative;flex:1 1 0;min-width:0;border:0;padding:0;margin:0;border-radius:14px;overflow:hidden;cursor:pointer;background:#000;color:#fff;text-align:left;font:inherit;transition:flex-grow .75s cubic-bezier(.2,.8,.2,1)}.kbh-strip img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:filter .6s,transform 1.2s cubic-bezier(.2,.8,.2,1)}.kbh-strip:not(.on) img{filter:brightness(.5) saturate(.85)}.kbh-strip:not(.on):hover img{filter:brightness(.72)}.kbh-strip.on{flex-grow:5.2;cursor:default}.kbh-strip.on img{transform:scale(1.03)}.kbh-tag{position:absolute;left:50%;bottom:18px;translate:-50% 0;writing-mode:vertical-rl;rotate:180deg;white-space:nowrap;font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;transition:opacity .3s;display:flex;gap:10px;align-items:center}.kbh-tag b{color:var(--red)}.kbh-strip.on .kbh-tag{opacity:0}.kbh-txt{position:absolute;left:0;right:0;bottom:0;padding:28px clamp(18px,2.4vw,30px) clamp(18px,2.4vw,28px);display:grid;gap:8px;background:linear-gradient(180deg,transparent,rgba(6,6,8,.82) 38%,rgba(6,6,8,.92));opacity:0;translate:0 12px;transition:opacity .35s,translate .45s;pointer-events:none}.kbh-strip.on .kbh-txt{opacity:1;translate:0 0;transition-delay:.35s}.kbh-txt small{font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}.kbh-txt strong{font-size:clamp(20px,2.3vw,28px);font-weight:900;letter-spacing:-.02em;line-height:1.12;text-wrap:balance}.kbh-txt span{font-size:14px;line-height:1.6;color:#ffffffd1;max-width:52ch}.kbh-note{margin:14px 0 0;font-size:11px;color:var(--t4);letter-spacing:.04em}@media(max-width:900px){.kbh-top{grid-template-columns:1fr}.kbh-stage{height:min(66svh,560px);min-height:420px;--w:min( calc(min(66svh,560px)*.335) ,46vw,190px)}.kbh-views{margin-top:18px}}@media(max-width:760px){.kbh-strips{flex-direction:column;height:auto}.kbh-strip{flex:none;height:62px;transition:height .65s cubic-bezier(.2,.8,.2,1)}.kbh-strip.on{height:min(70svh,560px)}.kbh-strip:not(.on) img{object-position:50% 40%}.kbh-tag{writing-mode:horizontal-tb;rotate:0deg;left:18px;top:50%;bottom:auto;translate:0 -50%}.kbh-txt span{font-size:13.5px}}@media(prefers-reduced-motion:reduce){.kbh *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/kb-hero3d.css.map */