:root{
  --green:#1B3A2E;
  --cream:#F6F1E8;
  --cream-2:#F2ECE1;
  --charcoal:#2E2E2E;
  --copper:#B8734E;
  --line:#D9D2C6;
  --muted:#6B6A66;
  --shadow:0 20px 60px rgba(22,34,28,.08);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--cream);color:var(--charcoal);line-height:1.5}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 30px;background:rgba(246,241,232,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(27,58,46,.08)}
.site-header nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.site-header nav a{font-size:14px;color:var(--muted)}
.brand-mini{font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--green)}
.brand-mini span{color:var(--copper);font-weight:400}
.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:var(--green);color:var(--cream);font-weight:600;font-size:14px;border:1px solid transparent}
.button.small{padding:10px 14px;font-size:13px}
.button.light{background:var(--cream);color:var(--green)}
main{overflow:hidden}
.green-section{background:var(--green);color:var(--cream)}
.hero{padding:90px 6vw 80px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:40px;align-items:center}
.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:inherit;opacity:.8;margin-bottom:12px}
.hero h1{margin:0;font-family:'Cormorant Garamond',serif;font-size:clamp(72px,12vw,128px);line-height:.95;font-weight:500}
.hero h1 .amp{color:var(--copper);font-weight:400}
.hero-tag{font-family:'Cormorant Garamond',serif;font-size:38px;margin:16px 0 8px}
.lede{max-width:58ch;color:rgba(246,241,232,.88)}
.hero-orbit{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center}
.hero-orbit .orb{background:rgba(246,241,232,.07);padding:18px;border-radius:50%;aspect-ratio:1/1;display:grid;place-items:center;border:1px solid rgba(246,241,232,.12)}
.hero-orbit img{width:100%;height:100%;object-fit:contain;filter:brightness(3.2) saturate(.65)}
.section-pad{padding:80px 6vw}
.cream-alt{background:var(--cream-2)}
.intro-grid,.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:end}
.intro-grid h2,.section-head h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(38px,5vw,58px);line-height:1.02;margin:0;color:var(--green)}
.section-head p,.intro-grid p{margin:0;color:var(--muted);max-width:65ch}
.inverse h2,.inverse p{color:var(--cream)}
.logo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;margin-top:32px}
.asset-card{grid-column:span 4;background:#fff;border:1px solid rgba(27,58,46,.08);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.asset-card.wide{grid-column:span 6}
.asset-preview{padding:34px;display:grid;place-items:center;min-height:180px}
.asset-preview.cream{background:var(--cream)} .asset-preview.green{background:var(--green)} .asset-preview.charcoal{background:var(--charcoal)}
.asset-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border-top:1px solid rgba(27,58,46,.08)}
.asset-meta strong{display:block}
.asset-meta span{display:block;font-size:13px;color:var(--muted)}
.asset-actions{display:flex;gap:10px;flex-wrap:wrap}
.asset-actions a,.text-link{font-size:14px;color:var(--green);font-weight:600}
.mark-row{margin-top:22px}
.mark-card{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:center;background:#fff;border:1px solid rgba(27,58,46,.08);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.mark-card h3{margin:0 0 8px;font-family:'Cormorant Garamond',serif;color:var(--green);font-size:32px}
.type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:30px}
.type-card{background:#fff;border:1px solid rgba(27,58,46,.08);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.type-label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--muted);margin-bottom:16px}
.type-sample{font-family:'Cormorant Garamond',serif;font-size:64px;line-height:1;color:var(--green);margin-bottom:14px}
.sans-sample{font-size:18px;letter-spacing:.16em;color:var(--charcoal);margin-bottom:12px}
.type-info{display:grid;gap:6px;color:var(--muted);font-size:14px}
.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.swatch{border:0;background:#fff;border-radius:20px;padding:18px;text-align:left;box-shadow:var(--shadow);border:1px solid rgba(27,58,46,.08);cursor:pointer}
.swatch span{display:block;width:100%;height:120px;border-radius:16px;background:var(--sw);border:1px solid rgba(27,58,46,.08);margin-bottom:14px}
.swatch strong{display:block;margin-bottom:4px} .swatch em{font-style:normal;color:var(--muted)} .hint{color:var(--muted);font-size:14px}
.icon-section{padding-bottom:90px}
.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:28px}
.icon-grid a{background:rgba(246,241,232,.06);border:1px solid rgba(246,241,232,.12);border-radius:20px;padding:22px;text-align:center;display:grid;gap:12px;align-items:center;color:var(--cream)}
.icon-grid img{width:88px;height:88px;margin:0 auto;object-fit:contain;filter:brightness(3.2) saturate(.55)}
.icon-grid span{font-size:14px}
.photo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:28px}
.photo-grid figure{grid-column:span 4;margin:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.photo-grid figure.large{grid-column:span 6;grid-row:span 2}
.photo-grid figure.wide{grid-column:span 6}
.photo-grid figcaption{padding:12px 14px;font-size:13px;color:var(--muted)}
.photo-grid img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.touch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.touch-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.touch-card img{aspect-ratio:4/5;object-fit:cover;width:100%}
.touch-card div{padding:14px 16px} .touch-card h3{margin:0 0 6px;font-size:18px;color:var(--green);font-family:'Cormorant Garamond',serif} .touch-card p{margin:0;color:var(--muted);font-size:13px}
.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.download-card{background:#fff;border-radius:20px;padding:22px;border:1px solid rgba(27,58,46,.08);box-shadow:var(--shadow)}
.download-card h3{margin:0 0 8px;font-family:'Cormorant Garamond',serif;color:var(--green);font-size:28px}
.download-card p{margin:0 0 16px;color:var(--muted)}
.file-links{display:flex;flex-wrap:wrap;gap:10px}
.file-links a{background:var(--cream-2);padding:9px 12px;border-radius:999px;font-size:13px;color:var(--green);font-weight:600}
.moodboard img{border-radius:24px;box-shadow:var(--shadow);margin-top:24px}
.closing{padding:64px 6vw;display:flex;align-items:center;justify-content:space-between;gap:24px}
.closing h2{font-family:'Cormorant Garamond',serif;font-size:54px;margin:8px 0 0;font-weight:500}
footer{padding:24px 6vw;display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(27,58,46,.08);font-size:13px;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(18px);background:var(--green);color:var(--cream);padding:10px 14px;border-radius:999px;font-size:14px;opacity:0;pointer-events:none;transition:.25s}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:1024px){.logo-grid,.photo-grid,.download-grid,.touch-grid,.icon-grid,.swatches,.type-grid,.intro-grid,.section-head,.hero{grid-template-columns:1fr 1fr}.asset-card,.asset-card.wide,.photo-grid figure,.photo-grid figure.large,.photo-grid figure.wide{grid-column:span 1}.hero{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(3,1fr)}.touch-grid{grid-template-columns:repeat(2,1fr)}.swatches{grid-template-columns:repeat(2,1fr)}.download-grid{grid-template-columns:1fr}.mark-card{grid-template-columns:1fr;text-align:left}}
@media (max-width:720px){.site-header{padding:16px;flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:flex-start;overflow:auto;white-space:nowrap}.hero,.section-pad,.closing{padding-left:20px;padding-right:20px}.intro-grid,.section-head,.type-grid{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(2,1fr)}.touch-grid,.swatches{grid-template-columns:1fr}.closing{flex-direction:column;align-items:flex-start}footer{flex-direction:column}}