.logo{width:132px;height:38px;background:url('assets/debo-logo.png') left center/contain no-repeat;font-size:0}
.hero{min-height:430px;padding-top:105px;padding-bottom:36px}
.filter-bar{display:flex;gap:22px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #d9d5cc;padding:0 0 15px;margin:25px 0 16px}.filter-bar a{color:#2a2925;text-decoration:none;font-size:14px}.filter-bar a.active{font-weight:600}.subfilters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:19px}.subfilters details{position:relative}.subfilters summary{list-style:none;border:1px solid #d5d1c8;padding:9px 13px;font-size:12px;cursor:pointer}.subfilters summary::-webkit-details-marker{display:none}.subfilters summary:after{content:'⌄';margin-left:9px;color:#827d75}.subfilters details[open] summary{background:#fff}.subfilters ul{position:absolute;z-index:3;top:38px;left:0;margin:0;padding:8px 0;min-width:155px;background:#fff;border:1px solid #d5d1c8;list-style:none;box-shadow:0 8px 18px rgba(0,0,0,.08)}.subfilters li{padding:8px 13px;font-size:12px;white-space:nowrap}.subfilters li:hover{background:#f0eee8}
.hero{min-height:360px;padding-top:92px;padding-bottom:22px}.hero + .wrap{padding-top:18px}.hero + .wrap .grid{columns:unset;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hero + .wrap .card,.hero + .wrap .card.tall{break-inside:auto;min-height:0;height:auto;aspect-ratio:3/4;margin:0}@media(max-width:650px){.hero + .wrap .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero + .wrap .card,.hero + .wrap .card.tall{margin:0;min-height:0}}
.page .head{margin-bottom:10px}
.page{padding-top:0}.library-intro{height:auto;padding-top:74px}.library-grid .card,.library-grid .card.tall,.hero + .wrap .card,.hero + .wrap .card.tall{height:auto;min-height:0;aspect-ratio:3/4}
.page-title{font-size:clamp(36px,4.8vw,68px)}
.hero,.library-intro{box-sizing:border-box;height:518px;min-height:0;padding-top:74px;padding-bottom:0}.hero h1,.page-title{margin:24px 0 34px}.hero + .wrap{padding-top:0;margin-top:-40px}.hero + .wrap .head,.page .head{height:32px;margin:0;display:flex;align-items:flex-end;transform:none}.page .head{margin-top:-40px}.library-intro{padding-top:74px}
.hero h1,.page-title{line-height:1.05}
.hero .search,.page .search{width:100%;max-width:none}.search{gap:12px}.image-search{margin-left:auto;border-left:1px solid #d5d1c8;padding:9px 0 9px 16px;color:#292824;font-size:12px;white-space:nowrap;cursor:pointer}.image-search input{display:none}
.search{border-radius:999px;padding-left:24px;padding-right:24px}.image-search{padding-right:4px;border-left:0}.filter-bar{border-bottom:0;padding-bottom:0;gap:10px}.filter-bar a{border:1px solid #d6d2c9;border-radius:999px;padding:9px 15px}.filter-bar a.active{background:#222;color:#fff;border-color:#222}.subfilters{gap:10px}.subfilters summary{border-radius:999px;padding:9px 16px}.subfilters details[open] summary{border-color:#222;background:#222;color:#fff}.subfilters details[open] summary:after{color:#fff}.subfilters ul{border-radius:14px;top:42px}
.selected-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 0;color:#716b63;font-size:12px}.selected-filter-list{display:flex;gap:8px;flex-wrap:wrap}.filter-tag,.clear-filters{border:0;background:transparent;font:inherit;cursor:pointer}.filter-tag{border:1px solid #bdb8ad;border-radius:999px;padding:7px 11px;color:#282722}.filter-tag:hover{background:#efede7}.clear-filters{padding:7px 4px;color:#837d74;text-decoration:underline;text-underline-offset:3px}
.selected-filters[hidden]{display:none}.library-grid,.hero + .wrap .grid{margin-top:8px;grid-template-columns:repeat(6,minmax(0,1fr))}
.hero + .wrap .head h2{font-size:29px}.hero + .wrap .head a,.page .head small{font-size:14px}
@media(max-width:1400px){.library-grid,.hero + .wrap .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.library-grid,.hero + .wrap .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.library-grid,.hero + .wrap .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Unified typography scale */
.links{font-size:14px}.lang{font-size:13px}.eyebrow{font-size:12px}
.search{font-size:15px}.chips span,.filters span{font-size:13px}
.filter-bar a{font-size:14px}.subfilters summary,.subfilters li,.selected-filters{font-size:13px}
.caption{bottom:18px;left:18px;font-size:14px;line-height:1.5}.caption b{font-size:14px}.caption span{font-size:13px;margin-top:2px}
.back{font-size:13px}.action{font-size:13px}.data{font-size:14px}.preview h3{font-size:16px}.footer{font-size:12px}
@media(max-width:650px){.links{font-size:13px}.search{font-size:14px}.caption{bottom:13px;left:12px}.caption b{font-size:13px}.caption span{font-size:12px}}
.board{background-image:url('assets/materials/29573-white-oak.jpg')}