@font-face{font-family:BookLettering;src:url('/assets/outfit-v1.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{color-scheme:light;--wall:#f5e4e5;--ink:#664356;--trim:#ead0d5;--floor:#dcd7e8;--shelf:#fdf5f1}
*{box-sizing:border-box}html,body{margin:0;min-width:280px}body{background:var(--wall);color:var(--ink);font-family:BookLettering,'Trebuchet MS',sans-serif}.room{position:relative;isolation:isolate;min-height:740px;height:100svh;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,#eacfd329 80px,#eacfd329 81px);border:18px solid #efdcdf;box-shadow:inset 0 0 0 2px #fff8,inset 12px 0 24px #9d6c7f08}.room:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:10;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23756161' filter='url(%23n)' opacity='.35' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.ceiling{position:absolute;inset:0 0 auto;height:13px;background:#fff3;border-bottom:2px solid #ddbec44d}.floor{position:absolute;inset:84% 0 0;background:var(--floor);background-image:repeating-linear-gradient(0deg,transparent 0,transparent 43px,#b8aec229 44px,#b8aec229 45px);z-index:-1}.baseboard{position:absolute;top:calc(84% - 15px);width:100%;height:17px;background:#fdf5ee;border-top:2px solid #e8d4d2;border-bottom:3px solid #c7bbc9;box-shadow:0 4px 9px #78637c0e}.brand{position:absolute;top:36px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:23px;letter-spacing:-.7px}.brand span{font-size:18px}.brand svg{width:12px;height:12px;fill:#bb6575;position:absolute;top:-9px;right:-15px;transform:rotate(12deg)}.message{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);text-align:center;width:60%;max-width:780px;z-index:4}.message h1{font-weight:400;font-size:clamp(40px,4.6vw,70px);line-height:1.13;letter-spacing:-2.5px;margin:20px 0 23px;text-wrap:balance}.message p{font-size:clamp(15px,1.3vw,19px);margin:0;color:#785869}.little-star{color:#bb8e44;font-size:30px;transform:rotate(10deg);line-height:1}.five-dots{display:flex;gap:10px;justify-content:center;margin-top:27px}.five-dots i{height:6px;width:6px;border-radius:50%;background:#d94b60}.five-dots i:nth-child(2){background:#e99757}.five-dots i:nth-child(3){background:#e8bd48}.five-dots i:nth-child(4){background:#699c76}.five-dots i:nth-child(5){background:#708fcb}.perch{position:absolute;width:clamp(105px,12.5vw,185px);aspect-ratio:1/1.96;z-index:2}.perch img{position:relative;display:block;width:100%;height:100%;object-fit:contain;z-index:2;filter:drop-shadow(2px 4px 2px #674f5a15)}.shelf{position:absolute;left:-19%;width:138%;top:82%;height:12px;background:var(--shelf);border-bottom:4px solid #d3b5bd;box-shadow:0 7px 8px #81627714;z-index:1}.shelf:before,.shelf:after{content:"";position:absolute;width:9px;height:20px;background:#e6ccd1;top:10px;left:14%}.shelf:after{left:auto;right:14%}.clementine{top:10%;left:7%;width:clamp(108px,11vw,158px);transform:rotate(-3deg)}.emerald{top:9%;right:11%;width:clamp(106px,10.8vw,157px)}.window{position:absolute;right:7.8%;top:7%;width:17.5%;height:30%;max-height:270px;border:10px solid #fbf3ee;border-bottom-width:14px;border-radius:130px 130px 0 0;background:#dedfef;box-shadow:0 0 0 2px #e5cdd2,5px 5px 0 #ceafb51a;overflow:hidden}.window:after{content:"";height:100%;width:5px;background:#fbf3ee;position:absolute;left:50%;top:0}.window i{position:absolute;left:0;top:58%;width:100%;height:5px;background:#fbf3ee}.moon{width:35px;height:35px;border-radius:50%;background:#fff8df;position:absolute;left:16%;top:15%;box-shadow:0 0 18px #fff7d84d}.sunshine{left:12%;bottom:8%;transform:rotate(3deg)}.seat{position:absolute;top:81%;left:-20%;width:140%;height:27%;background:#d6b2c3;border:3px solid #c39cad;border-radius:20px 20px 9px 9px;box-shadow:2px 6px 0 #8c658a12}.seat:after{content:"";position:absolute;left:10%;right:10%;height:7px;bottom:-10px;border-left:10px solid #b48c9e;border-right:10px solid #b48c9e}.ruby{left:53%;bottom:2%;transform:rotate(-4deg);width:clamp(118px,13vw,185px)}.book{position:absolute;top:81%;left:-32%;width:180%;height:17%;background:#b6b9d0;border:3px solid #9599b5;border-radius:4px 12px 12px 4px;box-shadow:0 10px 0 #f7f0e6,0 13px 0 #9ea1b9,0 17px 0 #d7adba,0 24px 1px #b88e9e;transform:rotate(4deg)}.book span{position:absolute;left:10%;top:30%;font-size:12px;color:#545a7d}.sky{right:5%;bottom:16%;width:clamp(106px,11vw,158px);transform:rotate(4deg)}.paper-star,.paper-heart{position:absolute;filter:drop-shadow(1px 2px 0 #8e686b16);line-height:1}.star-one{left:29%;top:16%;font-size:31px;color:#e1b747;transform:rotate(17deg)}.star-two{right:24%;bottom:30%;font-size:24px;color:#d1a65c;transform:rotate(-10deg)}.heart-one{left:6%;top:47%;font-size:23px;color:#d59aa8;transform:rotate(-16deg)}.heart-two{right:33%;top:20%;font-size:16px;color:#c88da1;transform:rotate(15deg)}footer{position:absolute;bottom:19px;left:24px;font-size:12px;color:#6e607a}
@media(min-width:1700px){.perch{width:195px}.clementine,.emerald,.sky{width:170px}}
@media(max-width:800px){.room{border-width:12px;min-height:710px}.brand{top:26px;font-size:21px}.brand span{font-size:16px}.message{top:45%;width:77%}.message h1{font-size:clamp(36px,6.3vw,51px);letter-spacing:-1.5px;line-height:1.17;margin-top:14px}.message p{font-size:15px}.clementine{top:12%;left:7%;width:102px}.emerald{top:11%;right:8%;width:100px}.window{right:4%;top:9%;width:132px;height:190px;border-width:7px}.sunshine{left:6%;bottom:8%;width:112px}.ruby{left:42%;bottom:2%;width:120px}.sky{right:5%;bottom:13%;width:106px}.star-one{left:36%;top:20%;font-size:24px}.heart-two{right:38%;top:29%}.star-two{right:30%;bottom:23%}.heart-one{top:54%;left:4%}footer{font-size:10px;left:15px;bottom:13px}}
@media(max-width:480px){.room{min-height:680px;border-width:9px}.brand{top:27px;font-size:20px}.clementine{top:12%;left:6%;width:88px}.emerald{top:11%;right:8%;width:85px}.window{width:114px;height:165px;right:4%;top:9%}.moon{height:25px;width:25px}.message{top:46%;width:92%}.message h1{font-size:clamp(31px,8.4vw,40px);letter-spacing:-1.5px;margin-bottom:17px}.message p{font-size:13px}.little-star{font-size:24px}.five-dots{margin-top:22px;gap:8px}.sunshine{left:5%;bottom:9%;width:89px}.ruby{left:40%;bottom:3%;width:98px}.sky{right:4%;bottom:15%;width:83px}.seat{border-radius:13px 13px 5px 5px}.book{left:-15%;width:140%}.book span{font-size:8px}.star-one{left:39%;top:22%;font-size:23px}.heart-two{right:37%;top:30%;font-size:13px}.star-two{right:33%;bottom:22%;font-size:18px}.heart-one{font-size:16px;top:58%}footer{font-size:9px;bottom:12px;left:13px}}
@media(max-height:650px) and (min-width:801px){.room{min-height:620px}.message{top:43%}.message h1{font-size:46px}.perch{width:125px}.clementine,.emerald,.sky{width:110px}.brand{top:24px}.message p{font-size:15px}}
@media(min-width:801px){.room{min-height:620px}.message{top:39%}.ruby{width:clamp(105px,9vw,135px);bottom:3%;left:57%}.sunshine{width:clamp(110px,10.5vw,155px)}}

/* Website lettering proof matched to the approved book page; exact book font remains unidentified. */
:root{--wall:#fff;--ink:#000;--trim:#eee7e8;--floor:#eeeaf3;--shelf:#fff}
body{font-weight:500}.room{border-color:#f6f3f2;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 79px,#f0e9ed40 80px,#f0e9ed40 81px)}
.brand{font-size:25px;font-weight:650;letter-spacing:-.7px}.brand span{font-size:inherit}.brand svg{fill:#E00F28}
.message h1{font-weight:650;letter-spacing:-1.4px;line-height:1.13}.message p{color:#000;font-weight:500}.five-dots i{background:#E00F28}.five-dots i:nth-child(2){background:#FD5E19}.five-dots i:nth-child(3){background:#FECF1A}.five-dots i:nth-child(4){background:#05893B}.five-dots i:nth-child(5){background:#1E68F9}
.little-star,.star-one,.star-two{color:#FECF1A}.heart-one,.heart-two{color:#E00F28}.little-star{text-shadow:0 1px 1px #ab870050}
footer{color:#333}.book span{font-weight:500}.seat{background:#cddfd3;border-color:#b0c8b7}.seat:after{border-color:#93ad9b}
@media(max-width:800px){.brand{font-size:23px}.brand span{font-size:inherit}}
@media(max-width:480px){.brand{font-size:22px}.message h1{letter-spacing:-.8px;font-size:clamp(30px,8.4vw,40px)}}

.perch{transform:none}
.ruby{aspect-ratio:349/707}
.clementine{aspect-ratio:401/673}
.sunshine{aspect-ratio:399/692}
.emerald{aspect-ratio:386/690}
.sky{aspect-ratio:414/687}
.clementine .shelf{top:74%}.emerald .shelf{top:76%}.sunshine .seat{top:75%}.sky .shelf{top:80%}.ruby .book{top:85%}
@media(min-width:801px){.ruby{width:clamp(108px,9.5vw,145px)}.sunshine{width:clamp(120px,12vw,175px)}}
@media(max-width:480px){.sunshine{width:100px}.clementine{width:98px}.emerald{width:95px}.sky{width:95px}}
@media(max-width:480px){footer{max-width:106px;line-height:1.35}.ruby{bottom:4%}}