.lautio-board3d{--lautio-ivory: #f7f3ea;--lautio-ink: #1b1a17;--lautio-forest: #0d3025;position:relative;background:var(--lautio-forest);color:var(--lautio-ivory);padding:clamp(48px,8vh,104px) 0 clamp(56px,9vh,120px)}.lautio-board3d__inner{width:min(1480px,94vw);margin:0 auto;display:grid;gap:clamp(24px,4vw,64px);grid-template-columns:minmax(0,1fr);align-items:center}@media(min-width:900px){.lautio-board3d__inner{grid-template-columns:minmax(260px,30%) minmax(0,1fr)}}.lautio-board3d__eyebrow{font-family:Lautio Instrument,system-ui,sans-serif;font-size:12px;font-weight:720;letter-spacing:.19em;text-transform:uppercase;opacity:.7;margin:0 0 18px;color:var(--lautio-ivory)}.lautio-board3d__heading{font-family:Lautio Newsreader,Georgia,serif;font-size:clamp(38px,4.4vw,74px);font-weight:390;letter-spacing:-.035em;line-height:.96;margin:0;text-wrap:balance;color:var(--lautio-ivory)}.lautio-board3d__body{font-family:Lautio Instrument,system-ui,sans-serif;font-size:clamp(16px,1.28vw,21px);line-height:1.55;max-width:40ch;margin:26px 0 0;opacity:.82;color:var(--lautio-ivory);text-wrap:pretty}.lautio-board3d__stage{position:relative;border-radius:14px;overflow:hidden;background:radial-gradient(120% 90% at 50% 18%,#2b5c47,#1a4131 58%,#12301f);aspect-ratio:16 / 11}@media(max-width:899px){.lautio-board3d__stage{aspect-ratio:1 / 1}}.lautio-board3d__mount{position:absolute;top:0;right:0;bottom:0;left:0}.lautio-board3d__mount canvas{display:block;width:100%!important;height:100%!important;touch-action:pan-y;outline:none}.lautio-board3d.is-active .lautio-board3d__mount canvas{touch-action:none;cursor:grab}.lautio-board3d.is-active .lautio-board3d__mount canvas:active{cursor:grabbing}.lautio-board3d__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .32s ease;pointer-events:none}.lautio-board3d.is-ready .lautio-board3d__poster{opacity:0}.lautio-board3d__hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);margin:0;padding:7px 14px;border-radius:999px;background:#0c0c0b9e;font-family:Lautio Instrument,system-ui,sans-serif;font-size:11px;font-weight:620;letter-spacing:.16em;text-transform:uppercase;opacity:0;transition:opacity .32s ease;pointer-events:none}.lautio-board3d.is-ready .lautio-board3d__hint{opacity:.9}.lautio-board3d.is-active .lautio-board3d__hint{opacity:0}.lautio-board3d__status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:13px;opacity:.75}.lautio-board3d__sizes{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.lautio-board3d__sizes button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:112px;padding:10px 16px;border-radius:999px;border:1px solid rgba(247,243,234,.28);background:#f7f3ea0f;color:var(--lautio-ivory);font-family:Lautio Instrument,system-ui,sans-serif;font-size:14px;font-weight:680;cursor:pointer;transition:background .3s,border-color .3s,color .3s,transform .3s}.lautio-board3d__sizes button small{font-size:10px;font-weight:500;opacity:.7;letter-spacing:.04em}.lautio-board3d__sizes button:hover{border-color:#f7f3ea99}.lautio-board3d__sizes button[aria-pressed=true]{background:var(--lautio-ivory);color:var(--lautio-forest);border-color:var(--lautio-ivory)}.lautio-board3d__sizes button:focus-visible{outline:2px solid var(--lautio-ivory);outline-offset:3px}.lautio-board3d--card{background:transparent;color:inherit;padding:0}.lautio-board3d--card .lautio-board3d__inner{display:block;width:auto}.lautio-board3d--card .lautio-board3d__stage{aspect-ratio:4 / 3;border-radius:16px;background:radial-gradient(120% 90% at 50% 18%,#f3eee3,#ebe5d8 60%,#e4ddce)}.lautio-board3d .lautio-board3d__hint{color:var(--lautio-ivory, #f7f3ea);white-space:nowrap;line-height:1.2}.lautio-board3d--card .lautio-board3d__hint{display:none}.lautio-board3d .lautio-board3d__status{position:absolute;left:50%;bottom:14px;top:auto;transform:translate(-50%);max-width:calc(100% - 28px);padding:7px 14px;border-radius:999px;background:#0c0c0b9e;color:var(--lautio-ivory, #f7f3ea);font-size:12px;line-height:1.3;text-align:center}@media(pointer:coarse){.lautio-board3d.is-active .lautio-board3d__mount canvas{touch-action:pan-y}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/lautio-board-3d.css.map */