.home-reference{--blue:#003fc9;--blue2:#0042d7;--ink:#0c1522;--red:#ed0000;width:min(1600px,100% - 36px);color:var(--ink);grid-template:"hero sidebar"406px"catalog sidebar"/minmax(0,1fr) 302px;gap:0 12px;padding:20px 0 32px;font-family:Calibri,Arial,Helvetica,sans-serif}body:has(.home-reference){background:#f8f9fb}.home-reference>*{min-width:0}.home-reference .hero-main{background:#f8f9fb;border-radius:0;height:406px;display:block;position:relative}.home-reference .hero-copy{height:100%;padding:72px 18px 0}.home-reference .hero-main h1{color:#102441;letter-spacing:-.8px;margin:0 0 17px;font-size:40px;font-weight:750;line-height:1.14}.home-reference .hero-description{color:#34415a;margin-bottom:26px;font-size:15px;line-height:1.65}.home-reference .hero-actions{gap:9px}.home-reference .hero-actions a{border-radius:4px;justify-content:center;height:41px;padding:0 21px;font-size:14px;font-weight:700}.home-reference .hero-visual{z-index:0;pointer-events:none;position:absolute;inset:0}.home-reference .hero-visual:before{background:linear-gradient(90deg,#f8f9fb 0%,#f8f9fbf5 24%,#0000 55%)}.home-reference .hero-visual img{object-fit:cover;object-position:center;width:100%;height:100%}.home-reference .hero-stats{border:0;grid-template-columns:repeat(4,max-content);gap:0;width:max-content;max-width:100%;margin-top:35px;padding:0;display:grid}.home-reference .hero-stats>div{border-right:1px solid #e8ecf2;align-items:center;gap:9px;padding:0 18px;display:flex}.home-reference .hero-stats>div:first-child{padding-left:0}.home-reference .hero-stats>div:last-child{border:0}.home-reference .hero-stats svg{width:30px;height:34px;color:var(--blue);stroke-width:1.3px;background:#f0f4fb;border:1px solid #e1e8f4;border-radius:3px;padding:3px}.home-reference .hero-stats span{color:#3f4c61;font-size:13px}.home-reference .hero-stats b{color:var(--blue);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:18px;font-weight:700}.home-sidebar{flex-direction:column;grid-area:sidebar;gap:12px;min-width:0;display:flex}.home-sidebar>aside{grid-area:auto}.home-reference .architect-panel,.home-reference .popular-panel{width:100%;height:auto;box-shadow:none;background:#fff;border:1px solid #e5e8ee;border-radius:7px;padding:16px 17px;display:block}.home-reference .architect-panel{min-height:330px}.home-reference .panel-head{border:0;align-items:flex-start;height:33px}.home-reference .panel-head h2,.home-reference .section-heading h2{color:#10151d;letter-spacing:-.3px;font-size:18px;font-weight:750}.home-reference .panel-head a{white-space:nowrap;margin-top:3px;font-size:13px;font-weight:500}.home-reference .architect-row{border:0;grid-template-columns:44px minmax(0,1fr);gap:12px;height:70px;min-height:70px;padding-right:0;position:relative}.home-reference .architect-row>img,.home-reference .architect-row>.safe-image-fallback,.home-reference .architect-avatar{width:44px;height:44px;min-height:44px}.home-reference .architect-row h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 7px;font-size:14px;font-weight:700;overflow:hidden}.home-reference .architect-row h3 svg{width:13px;height:13px;color:var(--blue);vertical-align:-2px;display:inline-block}.home-reference .architect-row p{color:#465167;white-space:nowrap;padding-right:38px;font-size:12px}.home-reference .architect-rating{color:#d98c00;font-size:13px;font-weight:600;position:absolute;bottom:15px;right:0}.home-reference .popular-panel{min-height:390px}.home-reference .popular-row{border:0;grid-template-columns:12px 36px minmax(0,1fr);gap:8px;height:65px;min-height:65px;padding:8px 0;display:grid;position:relative}.home-reference .popular-rank{color:#4b5668;font-size:11px}.home-reference .popular-row .popular-media{object-fit:cover;width:36px;height:44px;min-height:44px}.home-reference .popular-row .popular-info strong{color:#111820;height:auto;max-height:34px;margin-bottom:5px;font-size:13px;font-weight:500;line-height:1.4}.home-reference .popular-row .popular-info small{color:#505c70;padding-right:48px;font-size:12px}.home-reference .popular-row>b{font-size:10px;position:absolute;bottom:10px;right:0}.home-catalog{background:#fff;border:1px solid #e9ecf1;border-radius:7px;grid-area:catalog;min-width:0;padding:16px 17px 18px}.home-reference .drawings,.home-reference .collections{content-visibility:visible;contain-intrinsic-size:none}.home-reference .section-heading{align-items:center;height:26px;min-height:26px;margin:0 0 14px}.home-reference .section-heading a{font-size:14px;font-weight:500}.home-reference .section-heading>div{gap:12px}.home-reference .section-heading select{height:32px;padding:0 8px;font-size:14px}.home-reference .product-grid,.home-reference .collection-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.home-reference .product-card{border-color:#e5e8ed;border-radius:5px;transition:border-color .12s;box-shadow:0 1px 3px #17223408}.home-reference .product-card:hover{border-color:#b5c9e8;transform:none;box-shadow:0 1px 3px #17223408}.home-reference .product-image{aspect-ratio:4/5}.home-reference .product-image img{object-fit:cover}.home-reference .card-badge{letter-spacing:0;background:#188523;border-radius:3px;padding:2px 5px;font-size:10px;top:4px;left:0}.home-reference .save{color:#111820;width:23px;height:23px;top:4px;right:4px}.home-reference .save svg{width:18px;height:18px}.home-reference .product-body{padding:7px 6px}.home-reference .product-body h3{white-space:nowrap;text-overflow:ellipsis;height:19px;min-height:19px;margin:0 0 3px;font-size:14px;font-weight:700;line-height:19px}.home-reference .product-type{color:#414d60;height:17px;margin-bottom:6px;font-size:13px}.home-reference .product-meta{margin-bottom:5px;font-size:13px}.home-reference .formats{gap:5px;height:19px;margin-bottom:5px}.home-reference .formats span{color:#182235;background:#f0f2f5;padding:2px 5px;font-size:11px;font-weight:500}.home-reference .card-proof{gap:10px;margin-bottom:5px;font-size:11px}.home-reference .card-proof svg{width:11px;height:11px}.home-reference .author{border:0;grid-template-columns:18px minmax(0,1fr) auto;gap:4px;min-height:20px;padding-top:0}.home-reference .tiny-avatar{width:18px;height:18px;font-size:7px}.home-reference .author>span:nth-child(2){font-size:11px}.home-reference .author strong{font-size:12px}.home-reference .collections{margin-top:24px}.home-reference .collection-card{aspect-ratio:4/5;border-radius:5px}.home-reference .collection-card img{object-fit:cover}.home-reference .collection-card>span:last-child{background:0 0;bottom:11px;left:12px;right:10px}.home-reference .collection-card strong{font-size:15px;line-height:1.2}.home-reference .collection-card small{opacity:1;margin-top:5px;font-size:12px}.home-reference .collection-cover{background-color:#7890a2;background-image:url(/collection-covers-v1.webp);background-repeat:no-repeat;background-size:500%;position:absolute;inset:0}@media (max-width:1200px){.home-reference{grid-template-columns:minmax(0,1fr) 280px}.home-reference .product-grid,.home-reference .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-reference .hero-stats>div{padding-inline:9px}.home-reference .hero-stats svg{width:24px}}@media (max-width:900px){.home-reference{grid-template:"hero""catalog""sidebar"/1fr;gap:16px}.home-sidebar{grid-template-columns:1fr 1fr;align-items:start;display:grid}.home-reference .architect-panel,.home-reference .popular-panel{min-height:0}}@media (max-width:600px){.home-reference{width:calc(100% - 20px);padding-top:10px}.home-reference .hero-main{height:480px}.home-reference .hero-copy{min-height:0;padding:24px 14px}.home-reference .hero-main h1{font-size:34px}.home-reference .hero-description{font-size:12px}.home-reference .hero-visual{height:auto;inset:230px -50px 0 0}.home-reference .hero-visual:before{background:linear-gradient(#f8f9fb,#0000 50%)}.home-reference .hero-stats{background:#fffffff0;border-radius:5px;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;margin-top:auto;padding:12px}.home-reference .hero-stats>div{border:0;padding:0}.home-reference .hero-stats b{font-size:15px}.home-catalog{padding:12px 10px}.home-reference .product-grid,.home-reference .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-reference .section-heading h2{font-size:14px}.home-reference .section-heading>div{gap:5px}.home-reference .section-heading a{font-size:10px}.home-reference .section-heading select{max-width:110px;font-size:13px}.home-reference .collection-card strong{font-size:11px}.home-reference .author{grid-template-columns:18px minmax(0,1fr)}.home-reference .author strong{grid-column:2}.home-sidebar{grid-template-columns:1fr}}
