html:not([data-mode="3d"]) .b3d,html:not([data-mode="3d"]) .trio3d,html:not([data-mode="3d"]) .only-3d{display:none!important}html[data-mode="3d"] .only-2d{display:none!important}.b3d{--bw:min(46vw,290px);display:grid;justify-items:center;gap:14px;width:100%}.b3d__scene{perspective:1600px;width:100%;display:grid;place-items:center;padding:6% 0;touch-action:pan-y}.b3d[data-book3d=drag] .b3d__scene{cursor:grab}.b3d[data-book3d=drag] .b3d__scene:active{cursor:grabbing}.b3d__wrap{transform-style:preserve-3d;will-change:transform}.b3d__book{position:relative;width:var(--bw);height:calc(var(--bw) * var(--ratio, 1.414));transform-style:preserve-3d}.b3d--tall{--ratio:1.66}.b3d--tall .b3d__page img{object-fit:contain;background:#fff}.b3d__book>div{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.b3d__side{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#fff}.b3d__side img{width:100%;height:100%;object-fit:cover}.b3d__side--back{transform:rotateY(180deg)}.b3d__cover,.b3d__leaf{transform-origin:0 50%}.b3d__slab{transform:translateZ(-2.6px)}.b3d__front{border-radius:2px 6px 6px 2px;box-shadow:inset 7px 0 10px #00000040}.b3d__front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 55%,transparent 70%);pointer-events:none}.b3d__inside{background:linear-gradient(160deg,var(--navy-2),var(--navy));display:grid;place-items:center;padding:12%}.b3d__plate{background:#fff;border-radius:10px;padding:12% 8%;text-align:center;color:var(--navy);font-size:clamp(9px,1.4vw,12px);line-height:1.4;display:grid;gap:8px;justify-items:center}.b3d__page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0003,#0000 12%)}.b3d__page--l:after{background:linear-gradient(270deg,#0003,#0000 12%)}.b3d__spine{width:16px!important;right:auto!important;transform-origin:0 50%;background:linear-gradient(90deg,#082242,var(--navy-2) 50%,#082242);transform:translateZ(8px) rotateY(90deg);display:grid;place-items:center}.b3d__spine span{writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font-family:var(--display);font-weight:800;font-size:9px;letter-spacing:.12em;white-space:nowrap}.b3d__edge{top:2px!important;bottom:2px!important;left:auto!important;width:15px;transform-origin:100% 50%;transform:translateZ(7px) rotateY(90deg);background:repeating-linear-gradient(90deg,#fdfdfb 0 1px,#e2e6ea 1px 2px)}.b3d__edge--b{top:auto!important;bottom:0!important;left:2px!important;right:0!important;width:auto;height:15px;transform-origin:50% 100%;transform:translateZ(7px) rotateX(-90deg);background:repeating-linear-gradient(0deg,#fdfdfb 0 1px,#e2e6ea 1px 2px)}.b3d__back{transform:translateZ(-8px)}.b3d__leaf .b3d__side{background:#fff}.b3d__controls{align-items:center}.b3d__count{min-width:92px;text-align:center;font-family:var(--display);font-weight:800;font-size:13px;color:var(--navy);font-variant-numeric:tabular-nums}.b3d__back .b3d__side{background:var(--navy);border-radius:2px 6px 6px 2px}.b3d__shadow{left:6%!important;right:-12%!important;top:auto!important;bottom:-7%!important;height:12%;background:radial-gradient(ellipse at center,rgba(11,43,82,.4),transparent 70%);transform:translateZ(-40px) rotateX(90deg);filter:blur(6px)}.b3d__controls{display:flex;gap:10px}.b3d__hint{font-size:13px;color:var(--ink-2);margin:0}html[data-mode="3d"] .hero__pin{height:400vh}html[data-mode="3d"] .hero__sticky{position:sticky;top:66px;min-height:calc(100vh - 66px);min-height:calc(100svh - 66px);display:grid;align-items:center}html[data-mode="3d"] .hero__media .b3d{--bw:min(30vw,300px)}html[data-mode="3d"] .hero__badge{display:none}.hero__progress{height:4px;border-radius:4px;background:var(--line);overflow:hidden;width:140px}.hero__progress i{display:block;height:100%;width:0;background:var(--sky)}@media(max-width:799px){html[data-mode="3d"] .hero__pin{height:340vh}html[data-mode="3d"] .hero__sticky{align-items:start}html[data-mode="3d"] .hero__grid{gap:8px;padding-block:8px 16px}html[data-mode="3d"] .hero__media .b3d{--bw:min(36vw,200px)}html[data-mode="3d"] .hero__media .b3d__scene{padding:2% 0}html[data-mode="3d"] .hero .lead,html[data-mode="3d"] .hero__chips{display:none}}html[data-mode="3d"] [data-tilt]{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;will-change:transform}html[data-mode="3d"] [data-tilt].is-tilting{transition:transform .08s linear}html[data-mode="3d"] .tilt-parent{perspective:1200px}html[data-mode="3d"] .deck__track{perspective:1400px;padding-block:20px}html[data-mode="3d"] .deck-card{transition:transform .25s ease-out,opacity .25s;transform-origin:center}.gallery .b3d{background:var(--sky-soft);border-radius:20px;padding:6px 0 18px}html[data-mode="3d"] .gallery--has3d .gallery__main{display:none}html[data-mode="3d"] .gallery--has3d .gallery__thumbs{display:grid}@media(max-width:899px){html[data-mode="3d"] .gallery--has3d .gallery__thumbs{display:grid;grid-template-columns:repeat(6,1fr)}.gallery .b3d{--bw:min(40vw,220px)}}html[data-mode="3d"] .story-hero__art{perspective:1200px;transform-style:preserve-3d}html[data-mode="3d"] .story-hero__art img{transition:transform .2s linear}@media(prefers-reduced-motion:reduce){html[data-mode="3d"] [data-tilt],html[data-mode="3d"] .deck-card{transition:none}}.trio3d{--tw:min(16vw,165px);--th:calc(var(--tw) * 1.62);--td:18px;width:100%;display:grid;justify-items:center;gap:10px}.trio3d__scene{perspective:1500px;width:100%;display:grid;place-items:center;padding:8% 0 12%;touch-action:pan-y}.trio3d[data-trio=drag] .trio3d__scene{cursor:grab}.trio3d__wrap{position:relative;width:var(--tw);height:var(--th);transform-style:preserve-3d;transform:rotateX(14deg) rotateY(-20deg)}.trio3d__book{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;will-change:transform}.trio3d__book[data-trio-book="-1"]{transform:translate(-46%) translateZ(-90px) rotateY(18deg)}.trio3d__book[data-trio-book="1"]{transform:translate(46%) translateZ(-90px) rotateY(-38deg)}.trio3d__book--sci,.trio3d__book--a4{--sw:calc(var(--th) / 1.414);left:calc((var(--tw) - var(--sw)) / 2);right:auto;width:var(--sw)}.trio3d__face{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden}.trio3d__front{top:0;right:0;bottom:0;left:0;transform:translateZ(calc(var(--td) / 2));border-radius:2px 5px 5px 2px;overflow:hidden;box-shadow:inset 6px 0 10px #00000038;background:#fff}.trio3d__front img{width:100%;height:100%;object-fit:cover;display:block}.trio3d__front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.2) 55%,transparent 70%)}.trio3d__back{top:0;right:0;bottom:0;left:0;transform:rotateY(180deg) translateZ(calc(var(--td) / 2));background:var(--c);border-radius:5px 2px 2px 5px}.trio3d__spine{top:0;bottom:0;left:calc(var(--td) / -2);width:var(--td);transform:rotateY(-90deg);background:linear-gradient(90deg,#00000040,#ffffff14 50%,#00000040),var(--c);display:grid;place-items:center}.trio3d__spine span{writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font-family:var(--display);font-weight:800;font-size:8px;letter-spacing:.12em;white-space:nowrap}.trio3d__pages{top:3px;bottom:3px;right:calc(var(--td) / -2 + 1px);width:calc(var(--td) - 2px);transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#fdfdfb 0 1px,#e2e6ea 1px 2px)}.trio3d__top{left:2px;right:2px;top:calc(var(--td) / -2);height:var(--td);transform:rotateX(90deg);background:repeating-linear-gradient(0deg,#fdfdfb 0 1px,#e2e6ea 1px 2px)}.trio3d__floor{position:absolute;left:-90%;right:-90%;bottom:-8%;height:18%;background:radial-gradient(ellipse at center,rgba(11,43,82,.32),transparent 70%);transform:translateY(40%) rotateX(90deg) translateZ(-30px);filter:blur(8px)}html[data-mode="3d"] .hero__media .trio3d{--tw:min(12.5vw,150px)}@media(max-width:799px){.trio3d{--tw:min(24vw,120px)}html[data-mode="3d"] .hero__media .trio3d{--tw:min(23vw,104px)}html[data-mode="3d"] .hero__media .trio3d__scene{padding:4% 0 8%}}.gallery .trio3d{background:var(--sky-soft);border-radius:20px;padding:6px 0 18px}.trio3d--mega{--tw:min(10.5vw,112px)}.trio3d--mega .trio3d__scene{padding:22% 0 20%}@media(max-width:799px){.trio3d--mega{--tw:min(19vw,92px)}}.trio3d--hi{--tw:min(13.5vw,140px)}@media(max-width:799px){.trio3d--hi{--tw:min(21vw,104px)}}.trio3d--pcm,.trio3d--pcb{--tw:min(13.5vw,140px)}.trio3d--pcmb{--tw:min(10.5vw,112px)}@media(max-width:799px){.trio3d--pcm,.trio3d--pcb{--tw:min(21vw,104px)}.trio3d--pcmb{--tw:min(16vw,80px)}}html[data-mode="3d"] .hero__media .trio3d--home{--tw:min(9.5vw,112px)}@media(max-width:799px){html[data-mode="3d"] .hero__media .trio3d--home{--tw:min(17vw,78px)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/mode3d.css.map */