@charset "UTF-8";
@font-face{font-family:Reception;src:url('reception-wordmark.ttf') format('truetype');font-display:swap}
:root{--look-x:0;--look-y:0;--breeze-turn:0deg;--breeze-bend:0deg;--sun-turn:0deg;--sun-skew:-27deg;--sun-length:1.32;--window-turn:-15deg;--window-skew:-22deg;--window-x:0%;--window-y:0%;--window-stretch:1;--moon-window-opacity:0;--moon-window-turn:-27deg;--reflected-sun-opacity:1;--reflected-sun-y:21%;--reflected-sun-x:70%;--reflected-moon-opacity:0;--reflected-moon-y:48%;--reflected-moon-x:73%;--frame-shadow-x:6px;--frame-shadow-y:12px;--night:0;--night-percent:0%;--interior-percent:0%;--golden-hour:0;--blue-hour:0;--day-warmth:0;--day-brightness:1;--ambient:.42;--window-opacity:.52;--dust-opacity:.22;--leaf-brightness:1;--leaf-warmth:0;--leaf-saturation:1;--plant-shadow-opacity:.31;--frame-brightness:1;--frame-warmth:0;--vase-opacity:.08;--shadow-width:1.18;--wall-ink:#656c68}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;font-family:Arial,Helvetica,sans-serif}body{background:#f7f7f5;color:var(--wall-ink)}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #477f9d;outline-offset:5px}button[hidden]{display:none!important}
.skip{position:fixed;left:18px;top:15px;z-index:100;padding:14px 18px;background:white;color:#333;transform:translateY(-170%)}.skip:focus{transform:none}
.room{position:relative;isolation:isolate;overflow:hidden;height:100svh;height:100dvh;min-height:0;width:100%;background:#f7f7f5;}
.room-background{position:absolute;inset:-6px;z-index:-5;transform:translate3d(calc(var(--look-x) * -1.5px),calc(var(--look-y) * -1px),0) scale(1.006)}
.room-set{position:absolute;inset:auto auto 0 0;width:max(100%,calc(100svh * 1.7787234043));height:auto;aspect-ratio:1672/940;pointer-events:none}
.room-plates>.room-photograph,.night-exposure>.room-photograph{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;filter:none}
.room-plates{position:absolute;inset:0;isolation:isolate}
/* Register the night plate to the day plate once, before any light change. */
.night-exposure{position:absolute;inset:0;overflow:hidden;opacity:var(--night);background:linear-gradient(90deg,#403a3d,#303e55);}
.night-exposure>.room-night{transform:translateY(1.3829787234%)}
.room-tone{position:absolute;inset:0;z-index:-4;pointer-events:none}
.room-tone>span{position:absolute;inset:0;display:block;pointer-events:none}
.sunset-gold{opacity:var(--golden-hour);background:radial-gradient(ellipse at -8% 73%,#ffbd63a8,transparent 72%),linear-gradient(110deg,#ffc26c30,#ef936018 60%,transparent)}
.sunset-blue{opacity:var(--blue-hour);background:linear-gradient(110deg,#7c6b8733,#384d8170 78%);mix-blend-mode:multiply}
.room-plates>.room-photograph{filter:brightness(var(--day-brightness)) sepia(var(--day-warmth))}
.ambient-light{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;opacity:var(--ambient);mix-blend-mode:soft-light;}.ambient-light span{position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 28%,#fff8 44%,#fff 47%,transparent 54%);filter:blur(35px);animation:light-drift 24s ease-in-out infinite alternate}.ambient-light span+span{background:linear-gradient(115deg,transparent 40%,#aec9d122 49%,transparent 59%);animation-duration:31s;animation-delay:-9s}
.window-shadow{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;opacity:var(--window-opacity);mask-image:linear-gradient(#000 0%,#000d 48%,transparent 84%);}.window-cast{position:absolute;display:block;left:-13%;top:-27%;width:85%;height:115%;transform-origin:20% 20%;background:linear-gradient(90deg,transparent 0%,#65777416 1%,#65777416 2.2%,#fff5 3.5%,#fff2 31%,#65777417 32%,#65777417 33.2%,#fff4 34%,#fff2 64%,#65777415 65%,#65777415 66.2%,#fff3 67%,transparent 99%),linear-gradient(0deg,transparent 29%,#70807917 30%,#70807917 31.2%,transparent 33%,transparent 70%,#70807918 71%,#70807918 72.2%,transparent 74%);filter:blur(3px);transform:translate(var(--window-x),var(--window-y)) skewX(var(--window-skew)) rotate(var(--window-turn)) scaleY(var(--window-stretch));mix-blend-mode:multiply}
.dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:8;opacity:var(--dust-opacity);}
.living-plant,.plant-shadow{position:absolute;top:auto;left:4.2%;bottom:38.7%;width:11.63%;height:31%;pointer-events:none;}
.living-plant{z-index:3}.plant-shadow{z-index:1;opacity:var(--plant-shadow-opacity);mix-blend-mode:multiply;transform-origin:53.5% 100%;transform:rotate(var(--sun-turn)) skewX(var(--sun-skew)) scale(var(--shadow-width),var(--sun-length))}.plant-in-breeze{position:relative;width:100%;height:100%;transform-origin:53.5% 100%;transform:rotate(var(--breeze-turn)) skewX(var(--breeze-bend));will-change:transform}.plant-in-breeze>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;}.plant-shadow-image{filter:brightness(0) blur(3.5px)}.plant-image{filter:brightness(var(--leaf-brightness)) sepia(var(--leaf-warmth)) saturate(var(--leaf-saturation)) drop-shadow(1px 1px 1px #263e211c)}
.vase-glint{position:absolute;left:4.2%;top:63%;width:12.1%;height:19.5%;z-index:4;border-radius:50%;overflow:hidden;clip-path:ellipse(43% 48% at 50% 50%);mix-blend-mode:screen;opacity:var(--vase-opacity);pointer-events:none;}.vase-glint:after{content:'';position:absolute;inset:-30%;background:linear-gradient(105deg,transparent 34%,#fff7 43%,#fff0 48%,#b6d8ff24 62%,transparent 75%);filter:blur(3px);animation:chrome-light 17s ease-in-out infinite alternate}
.signature{position:absolute;left:1.8%;top:3.5%;z-index:10;display:block;max-width:24%}.signature-name{font-family:Reception,'Segoe Print',cursive;font-size:clamp(25px,2.35vw,45px);font-weight:400;letter-spacing:-1.5px;line-height:1.7;white-space:nowrap;color:#538fae;display:block;transform:rotate(-2deg);transform-origin:left center;}.signature-byline{font-size:clamp(11px,.9vw,17px);display:block;letter-spacing:.25px;margin-top:19px;color:#646963;}
/* Room light control. */
.room-controls{position:absolute;right:max(2.2%,env(safe-area-inset-right));top:max(3.6%,env(safe-area-inset-top));z-index:15;width:clamp(54px,11dvh,86px)}
.room-switch{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:54px;border:0;padding:0;background:none;color:inherit;cursor:pointer;touch-action:manipulation;width:100%}
.switch-face{position:relative;display:block;width:100%;aspect-ratio:1;border:1px solid color-mix(in srgb,#b7bbb5,#596168 var(--night-percent));border-radius:5px;background:linear-gradient(135deg,#ffffff60,transparent 56%),color-mix(in srgb,#f3f2ed,#9c9c96 var(--night-percent));box-shadow:inset 1px 2px 1px #ffffffbd,inset -2px -2px 1px #8f958b70,1px 2px 0 #899087,3px 5px 7px #27332e38}
.switch-face:before{content:'';position:absolute;inset:3px;border:1px solid #ffffff26;border-radius:3px;pointer-events:none}
.switch-well{position:absolute;width:39%;height:62%;left:30.5%;top:16%;border-radius:2px;background:#5c635b;box-shadow:inset 0 1px 3px #1118,0 1px 0 #fff9;padding:2px;perspective:150px}
.switch-rocker{position:relative;display:block;width:100%;height:100%;border-radius:2px;border:1px solid #c0c2b8;background:linear-gradient(180deg,#fdfcf7 0%,#eeeee5 48%,#e1e3d8 100%);box-shadow:inset 1px 0 1px #fff,0 3px 2px #151f1a69;transform-origin:50% 50%;transform:rotateX(-12deg);transition:transform .22s,background .22s,box-shadow .22s}
.switch-rocker:after{content:'';position:absolute;left:12%;right:12%;bottom:8%;height:1px;background:#b1b6a669;box-shadow:0 1px 0 #ffffffad}
.room-switch[aria-pressed="true"] .switch-rocker{transform:rotateX(12deg);background:linear-gradient(180deg,#d9dcd1 0%,#eeeee6 53%,#fffef8 100%);box-shadow:inset 0 2px 2px #7a83784d,0 -2px 1px #1f2d2047}
.switch-screw{position:absolute;width:7%;aspect-ratio:1;top:46%;border-radius:50%;background:linear-gradient(135deg,#fff,#a5aaa1 65%,#daddd5);box-shadow:0 1px 1px #1a241f66,inset 0 1px 0 #fff9}
.switch-screw:after{content:'';position:absolute;left:15%;right:15%;top:44%;height:1px;background:#687267;transform:rotate(-16deg)}.screw-left{left:10%}.screw-right{right:10%}.screw-right:after{transform:rotate(23deg)}
.switch-engraving{position:absolute;left:0;right:0;bottom:7%;font-size:5px;letter-spacing:1px;color:#61695d;line-height:1;text-align:center}
.room-switch .control-action{font-size:11px;line-height:1.2;letter-spacing:.3px;color:color-mix(in srgb,#41667b,#c5d8e5 var(--night-percent))}
.room-switch:hover .switch-face{box-shadow:inset 1px 2px 1px #ffffffbd,inset -2px -2px 1px #8f958b70,1px 2px 0 #899087,3px 5px 9px #27332e47}
.room-switch:focus-visible{outline:2px solid #4785a6;outline-offset:7px;border-radius:2px}.room-switch:disabled{cursor:wait;opacity:.65}


.pictures{position:absolute;inset:0;pointer-events:none}.picture{position:absolute;display:block;pointer-events:auto;z-index:4;top:24%;width:min(16.6vw,29dvh);aspect-ratio:1.52;perspective:1200px;container-type:inline-size}.picture-books{left:25%}.picture-photo{left:43.5%}.picture-music{left:62%}.picture-telly{left:80.5%}.picture.is-flipped{z-index:5}.picture-turn{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .78s cubic-bezier(.22,.72,.22,1)}
.frame{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:3px;border:1px solid #b9c0bb;background:linear-gradient(135deg,#fff 0%,#ededeb 26%,#989c98 49%,#f3f3f1 53%,#fff 74%,#8c918c 100%);box-shadow:-2px 0 1px #fff,2px 3px 1px #7f857e,var(--frame-shadow-x) var(--frame-shadow-y) 16px #313a3238;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-align:initial;color:inherit}.frame:after{content:'';position:absolute;inset:2px;border-top:1px solid #a1a69e;border-left:1px solid #a6aca3;border-right:1px solid white;border-bottom:1px solid white;pointer-events:none}.picture-front{display:none;cursor:pointer}
body[data-ready] .picture-front{display:block}body[data-ready] .picture-back{transform:rotateY(180deg)}body[data-ready] .picture.is-flipped .picture-turn{transform:rotateY(180deg)}
.art-object{display:block;position:relative;width:100%;height:100%;overflow:hidden;background:#fafaf6;}.art-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(114deg,#ffffff38,transparent 45%,#ffffff16 74%,transparent 75%);opacity:.13;animation:none}
.brand-print{background:#171714}.brand-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.room-footer{position:absolute;left:1.8%;right:2.2%;bottom:2%;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:12;font-size:9px;line-height:1.7;letter-spacing:.1px;color:#697267;}.room-footer p{margin:0}.room-footer p>span{display:block;font-size:8px;opacity:.8}.room-footer>div{display:flex;gap:17px}.room-footer a{padding:10px 0;color:#59829c;}.room-footer a:hover{text-decoration:underline;text-underline-offset:4px}
/* One continuous light position controls the entire room, through golden and blue hours. */
.room{background:color-mix(in srgb,#f7f7f5,#333a47 var(--night-percent))}
.signature-name{color:color-mix(in srgb,#538fae,#a0c8df var(--night-percent))}
.signature-byline{color:color-mix(in srgb,#646963,#c3c5c8 var(--night-percent))}

.room-footer{color:color-mix(in srgb,#697267,#c3c5c8 var(--night-percent))}
.room-footer a{color:color-mix(in srgb,#59829c,#bad3e3 var(--night-percent))}

.frame{filter:brightness(var(--frame-brightness)) sepia(var(--frame-warmth)) saturate(var(--object-saturation,1))}
body[data-motion="off"] *,body[data-motion="off"] *:before,body[data-motion="off"] *:after{animation-play-state:paused!important}
@keyframes light-drift{from{transform:translate(-8%,-2%) rotate(-2deg)}to{transform:translate(18%,4%) rotate(3deg)}}@keyframes chrome-light{from{transform:translateX(-8%)}to{transform:translateX(12%)}}
/* Celestial movement is seen in the room's reflected and projected light. */
.moon-window-shadow{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;opacity:var(--moon-window-opacity);mask-image:linear-gradient(#000 0%,#000b 50%,transparent 87%)}
.moon-cast{position:absolute;left:-16%;top:-24%;width:94%;height:123%;transform-origin:20% 20%;transform:skewX(-20deg) rotate(var(--moon-window-turn));filter:blur(4px);background:linear-gradient(90deg,transparent 8%,#abcfff2e 10%,#a4caff26 31%,#12213824 32%,#12213824 33.6%,#b0d6ff30 35%,#a4caff22 65%,#13213a24 66%,#13213a24 67.6%,#b0d6ff24 69%,transparent 92%),linear-gradient(0deg,transparent 31%,#121d342b 32%,#121d342b 33.5%,transparent 35%,transparent 67%,#15213b24 68%,#15213b24 69.5%,transparent 71%)}
.vase-sky-reflection{position:absolute;left:4.2%;top:63%;width:12.1%;height:19.5%;z-index:4;pointer-events:none;overflow:hidden;clip-path:ellipse(43% 48% at 50% 50%);mix-blend-mode:screen}
.vase-sky-reflection>span{position:absolute;display:block;border-radius:50%;aspect-ratio:1;transform:translate(-50%,-50%)}
.reflected-sun{left:var(--reflected-sun-x);top:var(--reflected-sun-y);width:5.2%;opacity:var(--reflected-sun-opacity);background:radial-gradient(circle,#fffce9 20%,#ffe0a3 55%,#f6b35e99 80%,transparent);box-shadow:0 0 5px 2px #ffcf8970;filter:blur(.35px)}
.reflected-moon{left:var(--reflected-moon-x);top:var(--reflected-moon-y);width:4.2%;opacity:var(--reflected-moon-opacity);background:radial-gradient(circle at 35% 35%,#eff7ff,#b7cbe3 65%,#758fab);box-shadow:0 0 5px 1px #b2d1ff55;filter:blur(.25px)}

/* Fit the reception to the visible viewport; rearrange the pictures rather than adding page height. */
@media(min-aspect-ratio:2/1){.picture{top:21%}}
@media(max-width:1000px) and (min-aspect-ratio:1/1){.signature-name{font-size:25px}.signature{max-width:28%;left:2.5%}.signature-byline{font-size:10px;margin-top:10px}.picture-title{font-size:16px}.photo-word{font-size:25px}.photo-caption{font-size:6px}.music-object .picture-title{font-size:17px}.telly-caption{font-size:6px}.room-controls{width:72px;right:3%;top:3%}}
@media(max-width:1000px) and (max-aspect-ratio:1/1){
 .room{height:100svh;height:100dvh;min-height:0}.room-background{inset:0;transform:none}.room-set{width:max(100%,min(165vw,74.7064dvh));left:2%;height:auto}
 .room-plates{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 24%);mask-image:linear-gradient(to bottom,transparent 0%,#000 24%)}
 .signature{left:6%;top:max(3%,env(safe-area-inset-top));max-width:none}.signature-name{font-size:clamp(20px,min(7.7vw,4.3dvh),32px);line-height:1.65}.signature-byline{font-size:clamp(9px,2.8vw,11px);margin-top:5px}
 .room-controls{right:max(6%,env(safe-area-inset-right));top:max(3%,env(safe-area-inset-top));width:clamp(54px,min(20vw,13.5dvh),82px)}.room-switch{gap:7px}.room-switch .control-action{font-size:10px}.switch-engraving{font-size:4.5px}
 
 
 .picture{width:min(40vw,22dvh);aspect-ratio:1.5;top:31%;transform:none}.picture-books,.picture-music{left:7%}.picture-photo,.picture-telly{left:auto;right:7%}.picture-music,.picture-telly{top:50%}
 .frame{padding:2px;box-shadow:-1px 0 1px #fff,1px 2px 1px #7f857e,4px 8px 12px #313a3238}.frame:after{inset:1px}.picture-title{font-size:clamp(13px,11cqw,23px);bottom:7%}.book-cover{height:76%;top:2%}.photo-word{font-size:clamp(21px,18cqw,38px);left:7%;bottom:26%;letter-spacing:-1.5px}.photo-word small{font-size:6px}.photo-caption{font-size:clamp(5px,3.8cqw,8px);bottom:11%;left:7%;right:5%}.music-object .picture-title{font-size:clamp(14px,12cqw,26px);bottom:25%}.music-caption{font-size:clamp(7px,5cqw,10px)}.telly-caption{font-size:clamp(5px,3.8cqw,8px);bottom:14%;left:7%;right:7%}
 .room-footer{left:5%;right:5%;bottom:max(1.5%,env(safe-area-inset-bottom));font-size:8px;display:block}.room-footer p>span{display:none}.room-footer>div{position:absolute;right:0;bottom:-4px;gap:12px;font-size:8px}.room-footer>div a:nth-child(2){display:none}
 .plant-shadow-image{filter:brightness(0) blur(3px)}.window-cast{width:130%;height:115%;left:-38%;top:-22%}.moon-cast{width:135%;height:117%;left:-38%;top:-22%;filter:blur(3px)}
}
@media(max-height:650px) and (max-aspect-ratio:1/1){.picture{top:34%}.picture-music,.picture-telly{top:52%}.room-footer,.room-footer>div{font-size:7px}}
@media(max-height:500px) and (min-aspect-ratio:11/10){
 .signature{top:max(4%,env(safe-area-inset-top));left:2.5%}.signature-name{font-size:clamp(19px,5.8dvh,27px);line-height:1.5}.signature-byline{font-size:9px;margin-top:5px}.picture{top:24%;width:min(16.6vw,29dvh)}.room-controls{width:clamp(50px,14dvh,65px);top:3%;right:2.5%}.room-switch{gap:5px}.room-switch .control-action{font-size:9px}.switch-engraving{font-size:4px}.room-footer{font-size:8px}.room-footer p>span{display:none}.room-footer>div{gap:12px}
}
@media(min-aspect-ratio:5/2){.picture{top:18%;width:min(16.6vw,24dvh)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}body[data-motion="off"] .room-background{transform:none!important}}

/* A small, screwless polished-metal switch, in proportion with the room. */
.room-controls{width:46px}.room-switch{min-width:44px;gap:6px}.room-switch .control-action{font-size:9px;letter-spacing:.2px}
.switch-face{border-radius:2px;border:1px solid #8b969c;background:linear-gradient(117deg,#f8fbfc99 0%,#ffffffdb 14%,#7b8b9760 32%,#ffffffce 44%,#45576155 58%,#dce4e9b8 76%,#fff9 90%),linear-gradient(180deg,#c6d0d5,#edf2f4 48%,#9caab3 52%,#d9e1e7);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #56677099,1px 2px 2px #26343e66,2px 4px 6px #24303826;filter:brightness(var(--frame-brightness)) sepia(var(--frame-warmth)) saturate(var(--object-saturation,1))}
.switch-face:before{inset:2px;border-radius:1px;border-color:#ffffff48}.switch-well{width:43%;left:28.5%;top:17%;height:63%;padding:1px;border-radius:1px;background:#3f5058;box-shadow:inset 0 1px 2px #111a,0 1px 0 #fff9}
.switch-rocker{border-radius:1px;border:1px solid #8b9ca8;background:linear-gradient(110deg,#fff,#c9d4dc 25%,#f8fbfd 43%,#8e9da8 73%,#e9eff3);box-shadow:inset 1px 0 0 #fff,0 2px 2px #14212a73}
.room-switch[aria-pressed="true"] .switch-rocker{background:linear-gradient(110deg,#8b9aa4,#f7fafc 27%,#d4dfe6 50%,#9cacb8 74%,#f7fafc);box-shadow:inset 0 2px 2px #41556166,0 -1px 1px #17263070}.switch-rocker:after{background:#6e839066;box-shadow:0 1px 0 #ffffffc0}
.room-switch:hover .switch-face{box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #56677099,1px 2px 2px #26343e66,2px 4px 8px #24303840}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* The reverse holds the site identity, short description and a proper visit button. */
.back-paper{padding:4% 6% 3%;gap:4px;align-items:stretch}
@media(max-height:700px) and (min-aspect-ratio:11/10){}
@media(max-width:1000px) and (max-aspect-ratio:1/1){.room-controls{width:40px}}
@media(max-height:500px) and (min-aspect-ratio:11/10){.room-controls{width:40px}}

/* Prints and polished metal receive the same warm sunset and cool evening exposure. */
.frame:after,.switch-face:before{background:linear-gradient(115deg,rgb(245 167 76 / var(--object-gold,0)),transparent 65%),linear-gradient(180deg,rgb(128 159 197 / var(--object-blue,0)),transparent 85%)}
.switch-face{box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #56677099,1px 2px 2px #26343e66,var(--frame-shadow-x) var(--frame-shadow-y) 12px #24303826}
.room-switch:hover .switch-face{box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #56677099,1px 2px 2px #26343e66,var(--frame-shadow-x) var(--frame-shadow-y) 14px #24303836}
/* Receive the plant shadow on the opaque artwork, including its metal rim. */
.surface-shadow{display:none;position:absolute;inset:-1px;overflow:hidden;pointer-events:none;border-radius:inherit;mix-blend-mode:multiply}
body[data-ready] .surface-shadow{display:block}
.surface-shadow-plane{position:absolute;display:block;pointer-events:none;transform:translate(calc((var(--look-x) - var(--projection-look-x,0)) * -1.5px - var(--frame-shadow-x) * .13),calc((var(--look-y) - var(--projection-look-y,0)) * -1px - var(--frame-shadow-y) * .13))}
.surface-shadow .plant-shadow{mix-blend-mode:normal}

/* A gallery label on the reverse, with room for the text and a contained visit control. */
.picture{--art-accent:#94733b}.picture-photo{--art-accent:#8b6a22}.picture-music{--art-accent:#816081}.picture-telly{--art-accent:#a04d40}
.picture-back{inset:auto;width:max(100%,208px);height:max(100%,156px);left:min(0px,calc((100% - 208px)/2));top:min(0px,calc((100% - 156px)/2));overflow:hidden;transform:none;filter:brightness(calc(.72 + var(--frame-brightness) * .28)) sepia(var(--frame-warmth)) saturate(var(--object-saturation,1))}
.picture-telly .picture-back{left:0}
.back-paper{position:relative;--paper-tone:color-mix(in srgb,#f2efe7,#343a42 var(--interior-percent));display:grid;grid-template-rows:auto minmax(0,1fr) 44px;align-items:stretch;gap:6px;height:100%;min-height:0;padding:10px;color:color-mix(in srgb,#43473f,#f2e7d3 var(--interior-percent));background:linear-gradient(125deg,#ffffff16,transparent 65%),var(--paper-tone);box-shadow:inset 0 0 0 1px #807d6b12}
.back-paper>*{min-width:0}.picture-back h2{font:400 clamp(18px,7cqw,21px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.3px;margin:0;padding:0 30px 0 0}.back-paper p{font-size:clamp(11px,4.8cqw,13px);line-height:1.4;margin:0;max-width:100%;opacity:.86;align-self:start}.back-category{display:none}
.visit-site{display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:8px;width:100%;height:44px;min-height:44px;min-width:0;margin:0;padding:7px 9px;border:1px solid color-mix(in srgb,var(--art-accent) 32%,transparent);border-radius:7px;background:linear-gradient(130deg,#ffffff12,transparent 75%),color-mix(in srgb,var(--paper-tone) 93%,var(--art-accent));color:inherit;box-shadow:inset 0 1px 0 #ffffff35,0 1px 1px #2a24180a;font-size:clamp(11px,4.9cqw,13px);font-weight:600;line-height:1.2;letter-spacing:.05px;transition:background-color .22s,border-color .22s}
.visit-site>span{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--art-accent) 14%,transparent);font-size:17px;font-weight:400;transition:transform .22s}
.visit-site:hover{background-color:color-mix(in srgb,var(--paper-tone) 84%,var(--art-accent));border-color:color-mix(in srgb,var(--art-accent) 62%,transparent)}.visit-site:hover>span{transform:translate(1px,-1px)}.visit-site:focus-visible{outline:2px solid var(--art-accent);outline-offset:2px}
.turn-back{position:absolute;right:7px;top:6px;width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid #807d6b26;border-radius:50%;background:#ffffff12;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.72}.turn-back:hover,.turn-back:focus-visible{opacity:1;background:#ffffff35}.turn-back:focus-visible{outline-offset:1px}
@media(max-width:1000px) and (max-aspect-ratio:1/1){.picture-books .picture-back,.picture-music .picture-back{left:calc(100% - max(100%,208px))}.picture-photo .picture-back,.picture-telly .picture-back{left:0}}
@media(max-height:500px) and (min-aspect-ratio:11/10){.picture-back{top:0}.picture-books .picture-back{left:calc(100% - max(100%,208px))}}