@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--cream:#f1eee7;--ink:#222321;--wine:#68333f;--soft:#777b73;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{font-family:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}
.t-head{display:flex;justify-content:space-between;align-items:center;padding:25px clamp(22px,5.5vw,80px);border-bottom:1px solid #d8d5cd;gap:25px}.t-brand{font-size:27px;font-weight:600;letter-spacing:-1.7px;white-space:nowrap}.t-brand b{font-weight:800}.t-brand small{font-size:11px;font-weight:500;color:#61726a;letter-spacing:0}.t-nav{display:flex;gap:30px;font-size:12px}.t-nav a:hover,.t-nav a:focus-visible{color:var(--wine)}.t-back{font-size:12px;border-bottom:1px solid;padding-bottom:8px;white-space:nowrap}
.catalog-hero{background:#202423;color:#f4f0ea;display:grid;grid-template-columns:1.25fr .75fr;gap:55px;padding:clamp(55px,8vw,130px) clamp(22px,7vw,100px)}.catalog-eyebrow,.catalog-meta{font-size:10px;letter-spacing:2px;color:#cac8bf;font-weight:600}.catalog-hero h1{font:400 clamp(48px,6.4vw,110px)/1.06 var(--serif);letter-spacing:-2.3px;margin:26px 0;max-width:900px}.catalog-hero h1 em{color:#b89b9d;font-weight:400}.catalog-description{align-self:end;border-top:1px solid #555d57;padding-top:26px;font-size:15px;line-height:1.85;color:#d0d0c7;max-width:360px}
.catalog-section{padding:75px clamp(22px,6vw,100px) 120px}.catalog-intro{display:flex;justify-content:space-between;gap:35px;align-items:flex-start}.catalog-intro h2{font:400 clamp(33px,4vw,56px)/1.2 var(--serif);margin:13px 0 0}.catalog-intro p{max-width:380px;font-size:13px;line-height:1.75;color:#666b64;margin:0}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:50px 0 38px}.filters button{background:transparent;border:1px solid #c8c5bd;padding:12px 19px;font-size:12px;color:#373c37;transition:.2s}.filters button[aria-pressed=true],.filters button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.templates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px;align-items:start}.tpl-card[hidden]{display:none}.tpl-card{min-width:0}.tpl-card-head{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:12px}.tpl-card h3{font:400 32px var(--serif);margin:0}.tpl-tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--soft)}.tpl-desc{font-size:13px;color:#63665f;line-height:1.7;margin:11px 0 18px}.tpl-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.tpl-actions a{font-size:12px;font-weight:700;border-bottom:1px solid;padding:9px 0}.tpl-actions a:hover{color:var(--wine)}.tpl-actions .pick{background:#282a27;color:#fff;border:1px solid #282a27;padding:11px 16px}.tpl-actions .pick:hover{background:var(--wine);color:white;border-color:var(--wine)}
/* original mini preview layouts; these are not screenshots from a third party */
.tpl-thumb{height:325px;overflow:hidden;background:var(--bg);color:var(--ink2);position:relative;border:1px solid #d2cfc7}.tpl-mini-h{height:46px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font:700 10px var(--sans);letter-spacing:2px}.tpl-mini-h span:last-child{font-size:8px;letter-spacing:1px;opacity:.8}.tpl-mini-body{display:grid;grid-template-columns:1fr 44%;height:calc(100% - 46px)}.tpl-mini-text{padding:23px 8px 18px 20px;display:flex;flex-direction:column;justify-content:center;min-width:0}.tpl-mini-text small{font:600 8px var(--sans);letter-spacing:1.2px;text-transform:uppercase;opacity:.7}.tpl-mini-text strong{font:400 clamp(24px,2.65vw,39px)/1.07 var(--serif);letter-spacing:-1px;margin:18px 0}.tpl-mini-text strong em{color:var(--accent)}.tpl-mini-text span{font-size:9px;max-width:110px;line-height:1.5;opacity:.7}.tpl-mini-photo{overflow:hidden;position:relative}.tpl-mini-photo img{width:100%;height:100%;object-fit:cover;display:block}.tpl-thumb.atelier .tpl-mini-body,.tpl-thumb.folio .tpl-mini-body{grid-template-columns:1fr 51%}.tpl-thumb.bruma .tpl-mini-body{grid-template-columns:1fr 50%;gap:10px;padding:8px}.tpl-thumb.bruma .tpl-mini-photo img{border-radius:140px 140px 0 0}.tpl-thumb.mesa .tpl-mini-body,.tpl-thumb.nexo .tpl-mini-body{display:block;position:relative}.tpl-thumb.mesa .tpl-mini-photo,.tpl-thumb.nexo .tpl-mini-photo{height:100%}.tpl-thumb.mesa .tpl-mini-text,.tpl-thumb.nexo .tpl-mini-text{position:absolute;z-index:1;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.77));color:#fff;min-height:65%;justify-content:end}.tpl-thumb.mesa .tpl-mini-text strong,.tpl-thumb.nexo .tpl-mini-text strong{font-size:39px}.tpl-thumb.mesa .tpl-mini-text strong em,.tpl-thumb.nexo .tpl-mini-text strong em{color:#fff}.tpl-thumb.mesa .tpl-mini-photo,.tpl-thumb.nexo .tpl-mini-photo{position:absolute;inset:0}.tpl-thumb.lira .tpl-mini-body{display:flex;flex-direction:column-reverse}.tpl-thumb.lira .tpl-mini-photo{height:62%}.tpl-thumb.lira .tpl-mini-text{height:38%;padding:12px 20px}.tpl-thumb.lira .tpl-mini-text strong{font-size:27px;margin:6px 0}.tpl-thumb.lira .tpl-mini-text small,.tpl-thumb.lira .tpl-mini-text span{display:none}.tpl-thumb.folio .tpl-mini-h{border-bottom:1px solid #c2bcb5}.tpl-thumb.folio .tpl-mini-text strong{font-size:48px;text-transform:uppercase;letter-spacing:-3px}
.catalog-bottom{background:#ece8df;padding:60px clamp(22px,7vw,100px);border-top:1px solid #d6d0c6;display:flex;align-items:center;justify-content:space-between;gap:40px}.catalog-bottom h2{font:400 clamp(29px,4vw,50px)/1.18 var(--serif);max-width:650px;margin:0}.catalog-bottom a{padding:16px 24px;background:#282a27;color:#fff;font-size:12px}.catalog-footer{padding:25px clamp(22px,6vw,100px);font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;gap:15px;color:#697068}
@media(max-width:1000px){.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl-mini-text strong{font-size:35px}}
@media(max-width:650px){.t-head{padding:18px 22px}.t-nav{display:none}.t-back{font-size:11px}.catalog-hero{display:block;padding:55px 23px 58px}.catalog-hero h1{font-size:clamp(52px,11vw,70px)}.catalog-description{margin-top:40px}.catalog-section{padding:58px 22px 90px}.catalog-intro{display:block}.catalog-intro p{margin-top:20px}.filters{flex-wrap:nowrap;overflow:auto;margin:32px -22px 30px;padding:0 22px 10px;scrollbar-width:none}.filters button{flex:none}.templates-grid{grid-template-columns:1fr;gap:44px}.tpl-thumb{height:355px}.tpl-mini-text strong{font-size:43px}.tpl-card h3{font-size:35px}.catalog-bottom{display:block;padding:55px 23px}.catalog-bottom a{display:inline-flex;margin-top:26px}.catalog-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}