*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#f4f0ea;color:#15120f;overflow-x:hidden}a{text-decoration:none;color:inherit}.gallery-hero{min-height:70vh;padding:24px clamp(18px,5vw,76px);background:#15120f;color:#f9f1e7;display:grid;grid-template-rows:auto 1fr}.gallery-hero nav{display:flex;justify-content:space-between;gap:18px}.gallery-hero nav>a{font-weight:950}.gallery-hero nav div{display:flex;gap:16px;flex-wrap:wrap}.gallery-hero section{align-self:center;max-width:1050px}.gallery-hero span{color:#d7b56d;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.gallery-hero h1{font-family:Georgia,serif;font-size:clamp(3.4rem,9vw,8.5rem);line-height:.86;margin:16px 0;font-weight:400}.gallery-hero p{font-size:1.2rem;color:#dacfc2;line-height:1.7;max-width:760px}main{padding:38px clamp(18px,5vw,76px)}.toolbar{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:24px}.toolbar label{display:grid;gap:8px;font-weight:900;min-width:min(460px,100%)}.toolbar input{border:1px solid #d8cfc4;border-radius:4px;padding:13px;font:inherit;background:#fffaf4}.toolbar>a{background:#15120f;color:#fff;padding:13px 16px;border-radius:4px;font-weight:900}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.demo-card{background:#fffaf4;border:1px solid #d8cfc4;display:grid;grid-template-columns:.94fr 1fr;min-height:330px;transition:.24s ease}.demo-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(21,18,15,.12)}.preview{background:var(--preview),linear-gradient(135deg,#d8cfc4,#f4f0ea);background-size:cover;background-position:center;min-height:330px;position:relative}.preview span{position:absolute;left:14px;top:14px;background:#15120f;color:#fff;padding:8px 10px;font-weight:900;font-size:.8rem}.card-body{padding:24px;display:flex;flex-direction:column}.card-body p{color:#8b6f42;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:950}.card-body h3{font-size:1.8rem;margin:8px 0}.card-body>span{color:#655d55;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.tags b{background:#efe6da;border-radius:999px;padding:7px 9px;font-size:.75rem}.card-body a{margin-top:auto;background:#15120f;color:#fff;text-align:center;padding:12px;font-weight:900}.author{margin-top:54px;padding:30px;background:#15120f;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:24px}.author p{color:#d7b56d;text-transform:uppercase;letter-spacing:.12em}.author h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4rem);line-height:1;margin:0}.author nav{display:flex;gap:10px;flex-wrap:wrap;align-content:center;justify-content:flex-end}.author a{background:rgba(255,255,255,.1);padding:10px 12px}@media(max-width:980px){.grid{grid-template-columns:1fr}.toolbar,.author{grid-template-columns:1fr;align-items:flex-start;flex-direction:column}.author nav{justify-content:flex-start}}@media(max-width:680px){.gallery-hero nav,.toolbar{flex-direction:column;align-items:flex-start}.demo-card{grid-template-columns:1fr}.preview{min-height:240px}.gallery-hero h1{font-size:3.4rem}}