.sr-count{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.library .book-grid{scrollbar-width:none;scroll-snap-type:none}.book-grid::-webkit-scrollbar{display:none}
.shelf-rail{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;margin:0 auto;width:min(100%,620px);gap:3px;color:var(--rail,#526854)}
.shelf-rail button{background:none;color:inherit;font-size:23px;min-height:44px}.shelf-rail button:disabled{visibility:hidden}
.shelf-rail input{appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;color:inherit}
.shelf-rail input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:#978c7360}
.shelf-rail input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:clamp(40px,8vw,88px);height:10px;margin-top:-3px;border-radius:10px;background:currentColor}
.shelf-rail input::-moz-range-track{height:4px;background:#978c7360}.shelf-rail input::-moz-range-thumb{width:60px;height:10px;border:0;background:currentColor}
#reset{display:block;margin:4px auto;padding:9px 15px;border-radius:20px}
@media(min-width:700px){
.library{display:flex;flex-direction:column;min-height:100svh}
.library .header{flex:none;margin-block:0}
.library main{display:flex;flex:1;flex-direction:column}
.library .hero{flex:1 0 auto;align-content:center}
.library .collection{flex:none}
.library .hero .featured-cover{align-self:end}
.library .filters{flex-wrap:wrap}.library #look-picker select{width:142px}
}
@media(max-width:699px){.filters:has(#look-picker:not([hidden])){flex-wrap:wrap}.filters #look-picker{width:100%}}
html[data-look=garden]{--scene:url('/assets/garden-room.jpg');--rail:#425a45}
[data-painted] .library{background:var(--paper,#d5d5b3)}
[data-painted] .library .header{background:#eee9ce}
[data-painted] .collection{background:var(--paper,#d5d5b3)}
@media(min-width:700px){
[data-painted] .library .hero{background:var(--scene) center top / 100% var(--upper,199%) no-repeat;align-content:end;padding:clamp(28px,4svh,46px) 9% clamp(19px,3.8svh,45px)}
[data-painted] .library .feature{padding-bottom:0}
[data-painted] .library .collection{padding-inline:9%}
[data-painted] .library .collection::before{height:calc(var(--landing,250px) * var(--depth,1.18));background:var(--scene) center var(--offset,92.2%) / 100% var(--lower,219.4%) no-repeat}
}
@media(max-width:699px){[data-painted] .library .hero{background:linear-gradient(#d6d6b6dd,#d0d1adeb),var(--scene) center top/cover}}
@media(min-width:901px) and (max-height:760px){
[data-painted] .library .hero{padding-top:10px;padding-bottom:18px}
}
@media(min-width:901px){
[data-painted] .library .welcome{position:relative;isolation:isolate}
[data-painted] .library .welcome::before{content:"";position:absolute;inset:-8px -4px -4px -16px;background:radial-gradient(ellipse at 40% 42%,var(--wash,#c4c599f2) 12%,var(--wash-light,#c4c599b3) 55%,transparent 76%);z-index:-1;pointer-events:none}
}
@media(min-width:901px) and (max-width:1150px){
[data-painted] .library .hero{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}
[data-painted] .library .welcome h1{font-size:clamp(29px,3.15vw,36px)}
}

html[data-look=pencil]{--scene:url('/assets/pencil-room.jpg');--paper:#fbd4a2;--wash:#fbd4a2fa;--wash-light:#fbd4a2d9;--upper:205.89%;--offset:93.33%;--lower:216.77%;--depth:1.1678}
html[data-look=harbour]{--scene:url('/assets/harbour-room.jpg');--paper:#cddbd0;--wash:#cddbd0fa;--wash-light:#cddbd0d9;--upper:214.37%;--offset:92.92%;--lower:208.45%;--depth:1.1552}
html[data-look=orchard]{--scene:url('/assets/orchard-room.jpg');--paper:#f4ddb1;--wash:#f4ddb1fa;--wash-light:#f4ddb1d9;--upper:210.27%;--offset:86.46%;--lower:229.60%;--depth:1.1537}
html[data-look=observatory]{--scene:url('/assets/observatory-room.jpg');--paper:#dfd1df;--wash:#dfd1dffa;--wash-light:#dfd1dfd9;--upper:195.70%;--offset:90.21%;--lower:229.60%;--depth:1.1316}
html[data-look=workshop]{--scene:url('/assets/workshop-room.jpg');--paper:#f2c4a7;--wash:#f2c4a7fa;--wash-light:#f2c4a7d9;--upper:212.07%;--offset:92.92%;--lower:208.45%;--depth:1.1604}
/* Keep story copy legible when a painted prop reaches into its column. */
[data-painted]:not([data-look=garden]) .feature-copy{position:relative;isolation:isolate}
[data-painted]:not([data-look=garden]) .feature-copy::before{content:"";position:absolute;inset:-5px -9px;z-index:-1;border-radius:12px;background:var(--wash-light);box-shadow:0 0 10px 4px var(--wash-light);pointer-events:none}

html[data-look=sunroom]{--scene:url('/assets/sunroom-room.jpg');--paper:#f7d99c;--wash:#f9dfaefa;--wash-light:#f9dfaed9}