*{box-sizing:border-box}body{margin:0;background:#f8f7f3;color:#252923;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,main,footer{max-width:1240px;margin:auto;padding-inline:32px}header{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:38px}.brand{font-size:25px;font-weight:750;letter-spacing:-1px}.brand span{font-size:15px;margin-left:8px}.back{font-size:12px;color:#6f7468}.intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#76806f}h1{font-size:36px;letter-spacing:-1.5px;margin:12px 0 10px;font-weight:650}.intro p{font-size:14px;line-height:1.6;color:#6f7568;margin:0}.count{font-size:11px;color:#6f7568;white-space:nowrap}.filters{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #e0e3d9;padding-bottom:22px;margin-bottom:24px}.filters button{border:1px solid #dce0d4;border-radius:30px;padding:9px 14px;background:transparent;color:#626a5a;font-size:12px;transition:background .2s,color .2s}.filters span{font-size:10px;margin-left:7px;opacity:.65}.filters .active{background:#283d2c;color:white;border-color:#283d2c}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.portfolio-card{min-width:0;background:#fff;border:1px solid #e0e3d9;border-radius:14px;overflow:hidden;transition:transform .25s,box-shadow .25s;animation:arrive .35s ease-out}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #2035190b}.preview{position:relative;display:block;height:165px;overflow:hidden;background:#e9ecdf}.preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.preview:hover img{transform:scale(1.04)}.preview>span{position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:20px;background:#ffffffef;font-size:10px;opacity:0;transition:opacity .2s}.preview:hover>span,.preview:focus-visible>span{opacity:1}.card-info{padding:16px}.card-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.card-title h2{font-size:16px;font-weight:650;margin:0;letter-spacing:-.5px}.card-title>span{font-size:8px;background:#f0f2e9;padding:4px 6px;border-radius:20px;color:#737c68}.card-info p{font-size:11px;color:#7a8171;line-height:1.5;margin:10px 0 18px}.card-info nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:10px}.demo-link{color:#284e31;font-weight:650}.note{font-size:10px;color:#878e7d;line-height:1.8;margin:30px 0;max-width:900px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e0e3d9;padding-top:20px;padding-bottom:25px;font-size:10px;color:#7b8370}a:focus-visible,button:focus-visible{outline:2px solid #3f683d;outline-offset:4px}[hidden]{display:none!important}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:1050px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}header,main,footer{padding-inline:22px}h1{font-size:32px}.intro{align-items:start}.count{padding-top:24px}}@media(max-width:460px){header{padding-top:22px;padding-bottom:28px}.cards{gap:12px}.preview{height:130px}.card-info{padding:12px}.card-title{display:block}.card-title h2{font-size:15px;margin-bottom:7px}.card-info nav{gap:10px}.card-info p{min-height:32px}.intro{display:block}.count{display:block;padding-top:14px}.filters button{padding:9px 11px;font-size:11px}.back{font-size:10px}footer{flex-direction:column;gap:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.search-row{display:grid;grid-template-columns:1fr 220px auto;gap:12px;margin:26px 0 18px}.search{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #dce0d4;border-radius:9px;padding:0 15px}.search>span{font-size:25px;color:#65735f}.search input{width:100%;min-width:0;background:transparent;border:0;padding:14px 0;color:#252923;font:inherit;font-size:13px;outline:none}.search:focus-within{border-color:#44653d;box-shadow:0 0 0 2px #44653d18}.search-row select,.search-row>button{background:#fff;border:1px solid #dce0d4;border-radius:9px;padding:12px;font:inherit;font-size:12px;color:#626a5a}.preview{height:180px;background:var(--bg,#f5f3eb);color:var(--ink,#29332a);padding:12px;display:block}.mini-nav{display:flex;justify-content:space-between;align-items:center;font-size:6px;margin-bottom:9px}.mini-nav strong{font-size:10px;letter-spacing:-.4px}.mini-nav span{font-size:5px}.mini-hero{height:112px;display:grid;grid-template-columns:1fr 1fr;background:var(--panel,#e4e8dc);overflow:hidden}.mini-hero img{height:112px;width:100%;object-fit:cover}.mini-copy{display:flex;flex-direction:column;justify-content:center;padding:10px;gap:7px;min-width:0}.mini-copy small{font-size:4px;letter-spacing:1px}.mini-copy b{font-family:var(--heading,Arial);font-size:14px;line-height:1;letter-spacing:-.5px}.mini-copy i{font-size:5px;background:var(--accent,#436140);color:var(--onaccent,#fff);padding:4px 7px;border-radius:var(--button,0);align-self:start;font-style:normal}.mini-products{display:flex;gap:7px;margin-top:9px;height:20px}.mini-products i{flex:1;background:var(--panel,#e4e8dc);border-radius:var(--radius,0)}.preview .preview-open{font-size:9px}.preview.split-reverse .mini-copy{order:2}.preview.centered .mini-hero{display:block;position:relative}.preview.centered .mini-copy{height:50px;text-align:center;align-items:center;position:relative;z-index:2;background:var(--bg);padding:7px;gap:4px}.preview.centered .mini-copy b{font-size:12px}.preview.centered .mini-hero img{height:70px}.preview.campaign .mini-hero{position:relative;display:block}.preview.campaign .mini-hero img{position:absolute;inset:0;width:100%;height:100%}.preview.campaign .mini-copy{position:relative;z-index:2;color:#fff;background:linear-gradient(90deg,#0009,transparent);height:100%;max-width:85%}.preview.magazine .mini-hero{background:transparent;grid-template-columns:1.1fr .9fr}.preview.magazine .mini-copy b{font-style:italic}.preview.magazine .mini-hero img{border-radius:70px 70px 0 0}.preview.product-first .mini-hero{height:95px}.preview.product-first .mini-hero img{height:95px;object-fit:contain}.preview.product-first .mini-products{height:34px}.preview.bento .mini-hero{gap:8px;background:transparent}.preview.bento .mini-copy{background:var(--panel);border-radius:8px}.preview.bento .mini-hero img{border-radius:8px}.preview.side-rail{padding-left:35px}.preview.side-rail:before{content:'SHOP\A ALL\A NEW\A EDIT';white-space:pre;position:absolute;left:9px;top:43px;font-size:5px;line-height:3}.preview.showroom .mini-hero{background:transparent;grid-template-columns:.8fr 1.2fr}.preview.showroom .mini-hero img{border-radius:7px}.preview.journal .mini-copy{order:2}.preview.journal .mini-hero{grid-template-columns:1.3fr .7fr;background:transparent}.preview.journal .mini-copy b{font-size:12px}.legacy .mini-nav,.legacy .mini-copy,.legacy .mini-products{display:none}.legacy .mini-hero{display:block;height:100%;background:transparent}.legacy .mini-hero img{width:100%;height:100%;object-fit:cover}.legacy .preview{padding:0}.card-info nav button{border:0;background:transparent;padding:0;font:inherit;font-size:10px;color:#6f7568}.card-info p{min-height:32px;margin-bottom:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:25px;padding:30px 0 5px;font-size:12px}.pagination button{border:1px solid #dce0d4;background:#fff;border-radius:8px;padding:10px 16px;color:#52604c}.pagination button:disabled{opacity:.4;cursor:default}.empty{text-align:center;padding:60px 20px}.empty h2{font-size:22px}.empty p{font-size:13px;color:#737c68}@media(max-width:700px){.search-row{grid-template-columns:1fr auto}.search{grid-column:span 2}.search-row select{min-width:0}.preview{height:165px;padding:9px}.mini-hero{height:110px}.mini-copy b{font-size:12px}.mini-nav span{display:none}.preview.journal .mini-copy b{font-size:10px}.mini-products{height:14px}.preview.side-rail{padding-left:27px}.preview.side-rail:before{left:7px;font-size:4px}.intro h1{max-width:350px}.card-info p{font-size:10px}.pagination{gap:15px}.pagination button{font-size:11px;padding:9px 12px}}
.portfolio-card{position:relative}.save-design{position:absolute;right:9px;top:9px;width:29px;height:29px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffffaa;border-radius:50%;background:#fffffff2;color:#49603e;font-size:21px;line-height:1;z-index:3;box-shadow:0 2px 6px #0001;transition:transform .2s,background .2s}.save-design:hover{transform:scale(1.08)}.save-design.is-saved{background:#2c472e;color:#fff;border-color:#2c472e}.preview .mini-nav{padding-right:25px}.legacy .preview .mini-nav{padding-right:0}.shortlist-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;background:#eef1e8;border:1px solid #e0e4d6;border-radius:12px;margin-bottom:24px}.shortlist-bar strong{font-size:13px;font-weight:650}.shortlist-bar p{font-size:11px;color:#74816a;margin:4px 0 0}.shortlist-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.shortlist-actions button{background:transparent;border:1px solid #d1d9c7;border-radius:7px;padding:9px 12px;font-size:11px;color:#4d6143;white-space:nowrap}.shortlist-actions #share-shortlist,.shortlist-actions .active{background:#2d472e;color:#fff;border-color:#2d472e}.shortlist-actions #share-shortlist:disabled{background:#e1e5d8;border-color:#d1d9c7;color:#89917f;cursor:default}#shortlist-message{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:11px 20px;background:#2d472e;color:#fff;border-radius:9px;z-index:100;font-size:12px;max-width:calc(100% - 30px);box-shadow:0 5px 20px #0002}#shortlist-message:empty{display:none}#share-dialog{padding:35px;border:1px solid #d1d9c7;border-radius:15px;width:min(580px,calc(100% - 30px));background:#f8f7f3;color:#252923}#share-dialog::backdrop{background:#0005;backdrop-filter:blur(3px)}#share-dialog h2{font-size:23px;letter-spacing:-1px}#share-dialog p{font-size:13px;color:#74816a}#share-dialog label{font-size:11px;display:block;margin:20px 0 8px}#share-url{padding:12px;width:100%;font:inherit;font-size:12px;border:1px solid #d1d9c7;border-radius:7px;background:white}#close-share{position:absolute;right:12px;top:8px;font-size:24px;border:0;background:transparent;color:#52604c}@media(max-width:700px){.shortlist-bar{align-items:start;flex-direction:column;padding:14px;gap:12px}.shortlist-actions{width:100%;gap:7px}.shortlist-actions button{font-size:10px;padding:8px 10px}.shortlist-actions #share-shortlist{margin-left:auto}.save-design{width:27px;height:27px;right:6px;top:6px;font-size:18px}.mini-nav strong{font-size:9px}.shortlist-bar p{font-size:10px}}

/* Compact showcase toolbar */
.intro{align-items:center;margin-bottom:0}.search-row{display:flex;align-items:center;gap:8px;margin:18px 0}.search{flex:1;min-width:0;height:46px}.search input{padding:12px 0}.search-row .tool-icon{position:relative;flex:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #dce0d4;border-radius:11px;background:#fff;color:#64735e;transition:background .18s,transform .18s}.tool-icon svg{width:20px;height:20px}.search-row .tool-icon:hover{background:#edf1e6;transform:translateY(-1px)}.search-row .tool-icon[aria-pressed=true],.search-row .tool-icon.active{background:#2d472e;border-color:#2d472e;color:white}.search-row .tool-icon:disabled{opacity:.4;cursor:default;transform:none}.tool-badge{position:absolute;top:-5px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:#2d472e;color:white;border:2px solid #f8f7f3;font-size:9px;display:grid;place-items:center}.layout-picker{position:relative;flex:none}.layout-menu{position:absolute;top:calc(100% + 10px);right:0;width:270px;background:#fff;border:1px solid #e0e5d9;border-radius:16px;padding:10px;box-shadow:0 14px 45px #20351920;z-index:20}.layout-menu>strong{display:block;padding:8px 10px 12px;font-size:11px;color:#89917f;font-weight:500}.layout-menu button{width:100%;border:0;border-radius:8px;background:transparent;text-align:left;padding:10px 12px;font-size:12px;color:#4f5c48;display:flex;justify-content:space-between}.layout-menu button:hover{background:#f3f5ee}.layout-menu button span{visibility:hidden}.layout-menu button[aria-pressed=true]{background:#edf2e5;color:#2d472e;font-weight:600}.layout-menu button[aria-pressed=true] span{visibility:visible}.view-hint{display:flex;gap:10px;align-items:center;font-size:11px;color:#74816a;margin:0 0 20px}.view-hint strong{color:#3f5138;font-weight:600}.filters{margin-bottom:20px}.intro .count{padding-top:0}@media(max-width:700px){.search-row{gap:6px}.search{grid-column:auto;padding:0 10px;gap:6px}.search input{font-size:11px}.search-row .tool-icon{width:36px;height:42px;border-radius:9px}.tool-icon svg{width:18px;height:18px}.search{height:42px}.view-hint{flex-wrap:wrap;gap:4px}.layout-menu{right:-110px;max-width:calc(100vw - 44px)}header{padding-bottom:24px}}@media(max-width:420px){header,main,footer{padding-inline:16px}.search-row{gap:4px}.search-row .tool-icon{width:30px;height:40px}.search{height:40px;padding:0 7px}.search>span{display:none}.search input{font-size:10px}.tool-icon svg{width:16px;height:16px}.layout-menu{right:-104px}}

.industry-picker{position:relative;flex:none}.industry-menu{width:240px}.industry-menu button span{visibility:visible;font-size:10px;color:#8b9482}.industry-menu button[aria-pressed=true]{background:#edf2e5;color:#2d472e}.cards{margin-top:24px}.view-hint{margin-top:20px}@media(max-width:420px){.search-row .tool-icon{width:28px}.search-row{gap:3px}.industry-menu{right:-135px}.layout-menu:not(.industry-menu){right:-100px}}

.sort-picker{position:relative;flex:none}.sort-picker .layout-menu{width:220px}@media(max-width:420px){.search-row .tool-icon{width:27px}.search-row{gap:2px}.search input{font-size:10px}.sort-picker .layout-menu{right:-80px}}

header .back{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:9px 14px;border:1px solid #dce0d4;border-radius:30px;background:#fff;color:#3b5138;transition:background .2s,transform .2s}header .back:hover{background:#edf1e6;transform:translateY(-1px)}.return-logo{width:27px;height:27px}.return-home{width:18px;height:18px;border-left:1px solid #dce0d4;box-sizing:content-box;padding-left:13px}@media(max-width:460px){header .back{padding:8px 12px;gap:10px}.return-logo{width:24px;height:24px}.return-home{padding-left:10px}}

/* Keep presentation board titles inside the card. */
.legacy .preview{padding:18px 14px 12px;background:#faf8f1;height:180px}.legacy .mini-hero{height:100%;overflow:hidden;border-radius:7px}.legacy .mini-hero img{object-fit:contain;object-position:center;transform:none!important}.legacy .save-design{top:8px;right:8px;width:27px;height:27px;font-size:18px}.legacy .preview-open{bottom:7px;right:9px}.preview .mini-nav{min-height:18px;margin-bottom:10px;padding-right:30px}.mini-nav strong{line-height:1.4}@media(max-width:460px){.legacy .preview{padding:21px 9px 10px;height:165px}.legacy .save-design{width:25px;height:25px;top:6px;right:6px;font-size:17px}}
.legacy .preview:has(img[src$="hero.webp"]){padding:0}.legacy .preview:has(img[src$="hero.webp"]) .mini-hero{border-radius:0;height:100%}.legacy .preview:has(img[src$="hero.webp"]) img{width:100%;height:100%;object-fit:cover;object-position:center}