/* R5: printed board type and photographic interactive foreground. */
@font-face{font-family:R5Fredoka;src:url(/assets/fonts/fredoka-r5.woff2) format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:R5Nunito;src:url(/assets/fonts/nunito-r5.woff2) format('woff2');font-weight:200 1000;font-display:swap}
:root{--board-font:R5Fredoka,Arial,sans-serif;--master-photo:url(/assets/final/desktop-light-1440.webp)}
:root[data-theme=dark]{--master-photo:url(/assets/final/desktop-dark-1440.webp)}
:root[data-board-font=nunito]{--board-font:R5Nunito,Arial,sans-serif}
@media(min-width:1600px){:root{--master-photo:url(/assets/final/wide-light-1920.webp)}:root[data-theme=dark]{--master-photo:url(/assets/final/wide-dark-1920.webp)}}
@media(max-width:768px){:root{--master-photo:image-set(url(/assets/monitor6/portrait-light-390.webp) 1x,url(/assets/monitor6/portrait-light-780.webp) 2x)}:root[data-theme=dark]{--master-photo:image-set(url(/assets/monitor6/portrait-dark-390.webp) 1x,url(/assets/monitor6/portrait-dark-780.webp) 2x)}}
.studio .physical-copy,.wall-board .inner-content{font-family:var(--board-font)!important;font-weight:450}
.studio .physical-copy h1{font:600 30px/1.07 var(--board-font)!important;letter-spacing:-.015em;margin:0 0 5px}
.studio .physical-copy h1 em{font:inherit}
.studio .physical-copy .physical-price{font:450 20px/1.2 var(--board-font)!important;margin:0 0 6px}
.studio .physical-copy .hero-lede{font:450 17px/1.3 var(--board-font)!important}
.studio .physical-copy .hero-counter{font:450 13px/1.25 var(--board-font)!important;text-transform:none}
.studio .physical-copy .hero-name{font:550 19px/1.2 var(--board-font)!important;margin-top:3px}
.studio .physical-copy .disclosure{font:400 13px/1.4 var(--board-font)!important;margin-top:4px}
.wall-board .inner-heading h1{font:600 32px/1.2 var(--board-font)!important;letter-spacing:-.01em}
.wall-board .inner-heading a{font:500 18px/1.3 var(--board-font)!important}
.wall-board .inner-content :is(p,li,summary){font:450 19px/1.48 var(--board-font)!important}
.wall-board .inner-content :is(h2,h3){font:600 27px/1.3 var(--board-font)!important;letter-spacing:0!important}
.wall-board .inner-content :is(.eyebrow,.small-note){font-size:16px!important;line-height:1.45!important}
.wall-board .inner-content .offer-price{font:600 42px/1.3 var(--board-font)!important}
.wall-board .inner-content .offer-price span{font:450 19px/1.3 var(--board-font)!important}
.wall-board .inner-content .key,.wall-board .inner-content .key span{font:500 17px/1.3 var(--board-font)!important}
.wall-board .inner-content .contact-email{font:550 23px/1.4 var(--board-font)!important}
.wall-board .inner-content :is(.document-controls,.leaf-controls,.exhibit-controls){font:500 17px/1.3 var(--board-font)!important}
.wall-board .reading-hint{font:450 14px/1.3 var(--board-font)!important}
.r5-clean{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;transition:opacity 280ms ease}
.r5-clean-night{opacity:0}html[data-theme=dark] .r5-clean-day{opacity:0}html[data-theme=dark] .r5-clean-night{opacity:1}
.r5-focus-cup{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:clamp(0,calc(var(--camera-focus-progress,0) * 4),1)}
.r5-focus-cup canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity 280ms ease}
.r5-focus-cup-day{opacity:1}.r5-focus-cup-night{opacity:0}
html[data-theme=dark] .r5-focus-cup-day{opacity:0}html[data-theme=dark] .r5-focus-cup-night{opacity:1}
@media(prefers-reduced-motion:reduce){.r5-focus-cup canvas{transition:none}}
.studio .scene-canvas>.screen-plane{z-index:1}
.studio .scene-canvas::after{display:block!important;z-index:-1;opacity:var(--r5-old-opacity,0)!important;mask:none!important;background-image:var(--r5-old-photo)!important;transition:opacity 280ms ease!important}
.r5-prop,.r5-hit{position:absolute;display:block;border:0;padding:0;background:none;color:inherit;pointer-events:auto;touch-action:manipulation;cursor:pointer;min-width:44px;min-height:44px;z-index:3;outline-offset:4px}
.r5-prop:focus-visible,.r5-hit:focus-visible{outline:3px solid #668b76!important;border-radius:8px}
.r5-prop>img{position:absolute;max-width:none;pointer-events:none;transition:filter 280ms ease}
.r5-prop>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.r5-prop[data-no-room=true],.r5-prop[data-no-room=true] *{visibility:hidden!important;pointer-events:none!important}
.studio:not(.home-view) .r5-cube,.studio:not(.home-view) .r5-cube *,.camera-transitioning .r5-cube,.camera-transitioning .r5-cube *{visibility:hidden!important;pointer-events:none!important}
.r5-prop.r5-phone{pointer-events:none}
.r5-phone .screen-plane{pointer-events:auto;z-index:1;background:#0c0f11;border-radius:30px}
.studio .r5-phone .screen-plane img{object-fit:cover!important}
html[data-theme=dark] .r5-prop>img{filter:brightness(var(--night-exposure,.4)) saturate(.8)}
.r5-cube img{transition:opacity 160ms ease,filter 280ms ease}
.r5-cube .r5-scrambled{opacity:0}.r5-cube[data-state=scrambled] .r5-scrambled{opacity:1}.r5-cube[data-state=scrambled] .r5-solved{opacity:0}
.r5-cube.is-moving{animation:r5-cube-turn 850ms cubic-bezier(.4,.05,.3,1)}
@keyframes r5-cube-turn{0%,100%{transform:perspective(450px) rotateY(0) rotateZ(0)}45%{transform:perspective(450px) rotateY(55deg) rotateZ(-13deg) translateY(-5px)}75%{transform:perspective(450px) rotateY(-22deg) rotateZ(5deg)}}
.r5-mouse::after{content:'';position:absolute;left:14%;top:12%;width:39%;height:35%;border-radius:70% 35% 25% 25%;opacity:0;background:#e6f7ed;transform:rotate(24deg);mix-blend-mode:screen;box-shadow:0 0 9px #ebfff8}
.r5-mouse.is-moving::after{animation:r5-click 500ms ease-out}
@keyframes r5-click{0%,100%{opacity:0}25%{opacity:.7;transform:rotate(24deg) translateY(2px)}65%{opacity:.2}}
.studio .r5-lamp{width:auto;height:auto;box-shadow:none!important;transform:none!important;z-index:4}
.r5-lamp .switch-state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.r5-lamp::after{content:'';position:absolute;left:36%;top:63%;width:48%;height:18%;border-radius:50%;background:#f6fbff;filter:blur(5px);transform:rotate(-18deg);opacity:0;transition:opacity 280ms}
html[data-theme=dark] .r5-lamp::after{opacity:.45}
.r5-lamp-hint{position:absolute;left:30%;top:90%;padding:5px 9px;border-radius:5px;background:#eff3efee;color:#253c30;font:13px/1.3 Manrope,Arial,sans-serif;white-space:nowrap;pointer-events:none;animation:r5-hint 6s forwards}
@keyframes r5-hint{0%,80%{opacity:1}100%{opacity:0;visibility:hidden}}
.r5-lamp-fallback{position:fixed;right:20px;top:12px;width:44px;height:44px;z-index:35;border:0;padding:0;background:none;cursor:pointer;filter:drop-shadow(0 2px 2px #0004)}
.r5-lamp-fallback canvas{width:44px;height:44px;object-fit:contain;display:block}.r5-lamp-fallback[hidden]{display:none}
.r5-status{position:fixed;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
@media(max-width:768px){
 .studio .physical-copy{padding:3px 7px}
 .studio .physical-copy h1{font-size:24px!important;margin-bottom:4px}
 .studio .physical-copy .physical-price{font-size:16px!important;margin-bottom:5px}
 .studio .physical-copy .hero-lede{font-size:14px!important}
 .studio .physical-copy .hero-counter{font-size:12px!important}
 .studio .physical-copy .hero-name{font-size:16px!important;line-height:1.22!important}
 .studio .physical-copy .disclosure{font-size:12px!important;line-height:1.3!important;margin-top:2px}
 .wall-board .inner-heading h1{font-size:26px!important}
 .wall-board .inner-heading a{font-size:16px!important}
 .wall-board .inner-content :is(p,li,summary){font-size:17px!important;line-height:1.48!important}
 .wall-board .inner-content :is(h2,h3){font-size:23px!important}
 .wall-board .inner-content :is(.eyebrow,.small-note){font-size:14px!important}
 .wall-board .inner-content .offer-price{font-size:32px!important}
 .wall-board .inner-content .offer-price span{font-size:16px!important}
 .wall-board .inner-content .contact-email{font-size:20px!important}
 .wall-board .inner-content .key{font-size:16px!important}
 .r5-lamp-fallback{right:12px;top:12px}
}
@media(prefers-reduced-motion:reduce){.r5-prop,.r5-prop img,.r5-clean,.r5-lamp::after,.studio .scene-canvas::after{animation:none!important;transition:none!important}.r5-mouse.is-moving::after{animation:none;opacity:.3}}
.studio .scene-canvas::before{filter:var(--leaf-filter,none)!important}

.r5-lamp-fallback .r5-lamp-hint{left:auto;right:0;top:105%}

.r5-in-env[data-orientation=wide],.r5-in-env[data-orientation=portrait]{display:none}
@media(min-width:1600px){.r5-in-env[data-orientation=desktop]{display:none}.r5-in-env[data-orientation=wide]{display:block}}
@media(max-width:768px){.r5-in-env[data-orientation=desktop]{display:none}.r5-in-env[data-orientation=portrait]{display:block}}

/* Owner, 23 Oct 09:09: the same photographic objects belong INSIDE the
   existing glass plates. Plate dimensions, material and active state stay. */
.studio .nav-object.icon-inside{flex-direction:row;gap:0;min-height:44px;height:44px}
.studio .nav-object.icon-inside .object-label{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;padding:10px 8px;white-space:nowrap;height:44px}
.studio .nav-object.icon-inside .nav-button-icon{display:block;flex:0 0 22px;width:22px!important;height:22px!important;max-width:22px;object-fit:contain;filter:grayscale(1) drop-shadow(0 1px 1px #10161933);margin:0;aspect-ratio:auto}
.studio .nav-object.icon-inside .nav-button-icon>img{display:block;width:100%;height:100%;object-fit:contain}
.studio .nav-object.icon-inside .nav-label-text{display:block;white-space:nowrap;flex:0 0 auto;line-height:1.2}
@media(min-width:769px){.studio .object-dock{height:48px!important}}
@media(max-width:768px){
 .studio .object-dock{grid-template-rows:44px 44px!important;height:108px!important}
 .studio .object-dock .nav-object.icon-inside{height:44px!important;min-height:44px!important;gap:0;flex-direction:row}
 .studio .nav-object.icon-inside .object-label{height:28px!important;min-height:28px!important;padding:3px 4px;gap:5px}
 .studio .nav-object.icon-inside .nav-button-icon{flex-basis:18px;width:18px!important;height:18px!important;max-width:18px}
 .studio .studio-menu .nav-object.icon-inside .object-label{height:44px!important;min-height:44px!important}
}