/* Approved Playhouse Corner refresh; other collections retain their existing art. */
.treehouse-refresh .page{background:radial-gradient(ellipse at 50% 0%,#f7ece3 0,transparent 35%)}
html:not(.desktop-view) .treehouse-refresh .masthead{padding-top:10px}
html:not(.desktop-view) .treehouse-refresh .brand-book{width:78px;height:49px;margin-bottom:0}
html:not(.desktop-view) .treehouse-refresh .brand{font-size:clamp(34px,4.6vw,54px)}
html:not(.desktop-view) .treehouse-refresh .flourish{margin:5px 0 7px}
html:not(.desktop-view) .treehouse-refresh nav{position:relative;z-index:2;width:calc(100% - 16px);max-width:1120px;margin:0 auto;padding:5px 16px;background:#fffaf3e8;border:1px solid #fffdf7;border-radius:999px;gap:12px 34px}
html:not(.desktop-view) .treehouse-refresh .coloring-hero{margin-top:0;height:auto;aspect-ratio:auto;overflow:visible}
html:not(.desktop-view) .treehouse-refresh .coloring-hero picture img{position:static;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 93%,transparent)}
html:not(.desktop-view) .treehouse-refresh .section-main{margin-top:-6px;max-width:1180px;padding:0 28px}
.treehouse-refresh .section-intro.section-intro-compact{padding:8px 8px 18px}
.treehouse-refresh .section-cards .tile-image img{mask:none;mix-blend-mode:multiply}
@media(min-width:651px){
 .treehouse-refresh .section-cards .tile-image{aspect-ratio:1.35}
 .treehouse-refresh .section-cards .card{padding:8px 14px 18px}
 .treehouse-refresh .section-cards .card h2{font-size:clamp(23px,2.7vw,32px)}
 .treehouse-refresh .site-footer{padding-top:12px;padding-bottom:10px}
 .treehouse-refresh .footer-row{margin:4px 0 8px}
}
html.desktop-view .treehouse-refresh .desktop-hero{height:clamp(340px,43vh,440px);background:#fffaf3}
html.desktop-view .treehouse-refresh .desktop-hero-art{left:30%;width:70%;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,transparent,#000 12%);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%)}
html.desktop-view .treehouse-refresh .desktop-hero-copy{width:34%;position:relative;text-shadow:none}
@media(max-width:650px){
 html:not(.desktop-view) .treehouse-refresh .brand{font-size:34px}
 html:not(.desktop-view) .treehouse-refresh .brand-book{width:64px;height:40px}
 html:not(.desktop-view) .treehouse-refresh nav{gap:5px 13px;padding:4px 7px;width:100%}
 .treehouse-refresh nav a{font-size:10px;letter-spacing:.1px}
 html:not(.desktop-view) .treehouse-refresh .section-main{padding:0 12px;margin-top:0}
 .treehouse-refresh .section-intro.section-intro-compact{padding:10px 4px 18px}
}
@media(min-width:651px) and (orientation:portrait) and (max-height:1250px){
 html:not(.desktop-view) .treehouse-refresh .brand-book{height:40px;width:64px}
 html:not(.desktop-view) .treehouse-refresh .brand{font-size:clamp(32px,4.2vw,46px)}
 .treehouse-refresh .section-cards .tile-image{aspect-ratio:1.65}
 .treehouse-refresh .section-cards .card h2{font-size:23px}
}
.treehouse-refresh .tile-image svg{display:block;width:100%;height:100%;overflow:hidden;mix-blend-mode:multiply}
.treehouse-refresh .tile-image svg{mix-blend-mode:darken;mask:url('/assets/watercolor-tile-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/watercolor-tile-mask.svg') center/100% 100% no-repeat}
@media(min-width:651px) and (orientation:portrait) and (max-height:1100px){
 .treehouse-refresh .section-cards .tile-image{aspect-ratio:2.2}
 .treehouse-refresh .section-cards .card{padding-bottom:14px}
 .treehouse-refresh .section-intro.section-intro-compact{padding-top:4px;padding-bottom:10px}
 .treehouse-refresh .footer-row{margin:2px 0 4px}
}
@media(min-width:651px) and (orientation:portrait) and (max-height:1100px){
 html:not(.desktop-view) .treehouse-refresh .brand-book{height:32px;width:52px}
 .treehouse-refresh .section-cards .card p{font-size:12px;margin-bottom:10px}
 .treehouse-refresh .site-footer{padding-top:6px}
}

html body.treehouse-refresh .page main .categories{width:min(100%,430px)!important;max-width:430px!important}
html body.treehouse-refresh .page main .categories .tile-image{aspect-ratio:1.5!important}
html body.treehouse-refresh .page main .categories .tile-image img{mix-blend-mode:darken;mask:url('/assets/watercolor-tile-mask.svg') center/100% 100% no-repeat}
html.desktop-view .treehouse-refresh .desktop-hero-copy{background:none}
@media(min-width:651px) and (orientation:portrait) and (max-height:1100px){html body.treehouse-refresh .page main .categories{width:320px!important;max-width:320px!important}html body.treehouse-refresh .page main .categories .tile-image{aspect-ratio:2.2!important}html body.treehouse-refresh .page main .categories>.card{padding:8px 12px 12px!important}.treehouse-refresh .section-intro.section-intro-compact{padding-top:2px;padding-bottom:6px}.treehouse-refresh .section-cards .card p{margin-bottom:8px}}
html:not(.desktop-view) .treehouse-refresh .coloring-hero>img{position:static;inset:auto;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 93%,transparent)}