:root{--ink:#321622;--accent:#d2a45e;--paper:#f4eadb;--support:#83424a;--display:"DM Serif Display",serif;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}.catalog-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.catalog-nav button{border:1px solid var(--ink);background:transparent;padding:10px 15px;text-transform:uppercase;letter-spacing:.11em;font-size:.65rem;cursor:pointer}.catalog-hero{padding:clamp(80px,11vw,150px) 6vw;background:var(--ink);color:var(--paper)}.catalog-hero>p,.catalog-section__heading>span,.demo-card__copy>p,.catalog-contact>p{text-transform:uppercase;letter-spacing:.2em;font-size:.66rem}.catalog-hero h1{max-width:1100px;font:400 clamp(4rem,9vw,9rem)/.88 var(--display);letter-spacing:-.05em;margin:.2em 0}.catalog-hero>div{display:flex;justify-content:space-between;gap:30px;align-items:end}.catalog-hero>div span{max-width:620px;font-size:1.03rem}.catalog-hero>div strong{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.catalog-section{padding:clamp(80px,10vw,140px) 6vw;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.catalog-section__heading{display:grid;grid-template-columns:80px 1fr;max-width:940px;margin-bottom:55px}.catalog-section__heading h2{font:400 clamp(2.8rem,5vw,5rem)/.95 var(--display);margin:0}.catalog-section__heading p{max-width:650px}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px) 20px}.demo-card a{display:block;color:inherit;text-decoration:none}.demo-card__visual{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--accent)}.demo-card__visual.has-image{background-image:linear-gradient(#0000,#0004),var(--card-image);background-position:center;background-size:cover;transition:.35s ease}.demo-card a:hover .has-image{background-size:108%}.demo-card__visual.is-type{display:grid;place-content:center}.demo-card__visual.is-type>span{font:400 clamp(4rem,10vw,8rem)/1 var(--display)}.demo-card__visual small{position:absolute;right:15px;top:13px;width:34px;height:34px;display:grid;place-content:center;border-radius:50%;background:var(--paper);color:var(--ink)}.demo-card__copy{padding:21px 3px 45px}.demo-card__copy p{margin:0;color:var(--support)}.demo-card__copy h3{font:400 2rem var(--display);margin:.15em 0}.demo-card__copy span{display:block;min-height:3em;color:color-mix(in srgb,var(--ink) 70%,transparent);font-size:.88rem}.demo-card__copy strong{display:inline-block;margin-top:18px;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.catalog-contact{text-align:center;padding:clamp(90px,11vw,150px) 6vw;background:var(--accent)}.catalog-contact h2{font:400 clamp(3.5rem,8vw,8rem)/.9 var(--display);margin:.2em auto;max-width:1050px}.catalog-contact a{color:inherit;text-transform:uppercase;letter-spacing:.13em;text-underline-offset:6px;font-size:.7rem}.brand-footer{display:flex;align-items:center;gap:24px;padding:28px 6vw;background:#121212;color:#fff;font-size:.72rem}.brand-footer img{filter:brightness(0) invert(1)}.brand-footer a{margin-left:auto;color:inherit}.share-toast{position:fixed;left:50%;bottom:25px;z-index:10;transform:translate(-50%,20px);background:#111;color:#fff;padding:11px 18px;opacity:0;pointer-events:none;transition:.25s;font-size:.75rem}.share-toast.is-visible{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.demo-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.catalog-hero>div{align-items:flex-start;flex-direction:column}.catalog-section__heading{grid-template-columns:1fr;gap:15px}.demo-grid{grid-template-columns:1fr}.demo-card__copy span{min-height:0}.brand-footer{align-items:flex-start;flex-direction:column}.brand-footer a{margin-left:0}}