.showcase { --wine:#6e392f; --oat:#f5eee2; --pine:#303c2d; background:var(--oat); }
.showcase-hero { display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(1.7rem,5vw,5rem);padding-block:clamp(2rem,5vw,4.5rem); }
.showcase-intro h1,.showcase-intro h2 { color:var(--wine);font-size:clamp(3.4rem,6.4vw,6.7rem);line-height:.92;letter-spacing:-.065em;text-wrap:initial; }
.showcase-intro p { max-width:32ch;margin:1.4rem 0 1.75rem;font-size:clamp(1rem,1.6vw,1.2rem); }
.showcase .button { background:var(--wine);border-color:var(--wine); }
.showcase .button:hover { background:#542a23; }
.specimen-cover { background:#e9d9be;border:1px solid #c7ad91;padding:clamp(.6rem,1.4vw,1.1rem); }
.specimen-cover img { width:100%;height:auto;aspect-ratio:3/2;object-fit:cover; }
.specimen-cover figcaption { display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.2rem 1rem;padding:.7rem .15rem .1rem;color:var(--wine); }
.specimen-cover figcaption span { font:400 clamp(1.5rem,2.9vw,2.7rem)/1 var(--display); }
.specimen-cover small { font-size:.78rem; }
.dossier-band { background:var(--pine);color:#fff8ec;padding-block:clamp(2.5rem,6vw,5.5rem); }
.dossier-intro { display:flex;align-items:end;justify-content:space-between;gap:1.2rem 2rem;flex-wrap:wrap;margin-bottom:1.55rem; }
.dossier-intro h2 { text-wrap:initial; }
.dossier-intro p { max-width:58ch;color:#e3ddcc;margin-top:.75rem; }
.dossier-download { font-size:.91rem; }
.dossier-reader { background:#e5d7bf;color:var(--ink);border:1px solid #b8a387;box-shadow:0 24px 46px #14231a70; }
.dossier-index { display:flex;flex-wrap:wrap;gap:.35rem .65rem;background:#f6eee0;padding:.65rem clamp(.65rem,3vw,1.6rem);border-bottom:1px solid #c7b294; }
.dossier-index a { display:inline-flex;min-height:38px;align-items:center;padding:.35rem .6rem;color:var(--wine);font-size:.82rem;font-weight:600;text-decoration:none; }
.dossier-index a:hover { background:#e9d9be; }
.dossier-scroll { height:min(76vh,730px);min-height:370px;overflow:auto;padding:clamp(.6rem,3vw,2.15rem);scrollbar-color:#916e57 #e5d7bf;overscroll-behavior-inline:contain; }
.dossier-scroll:focus-visible { outline-offset:-4px; }
.dossier-page { max-width:870px;margin:0 auto 1.4rem;padding:clamp(1rem,5vw,3rem);background:#fffbf2;box-shadow:0 3px 12px #4b302822;scroll-margin-block:.75rem; }
.dossier-page:last-child { margin-bottom:0; }
.dossier-page:target { outline:2px solid #93614a;outline-offset:-2px; }
.dossier-page header { border-top:1px solid #bda78b;padding-top:.65rem;margin-bottom:1rem; }
.dossier-page header p { color:var(--wine);font-size:.78rem;font-weight:600; }
.dossier-page h3 { color:var(--wine);font-size:clamp(2rem,5vw,4.1rem);line-height:.98;margin-top:.55rem;text-wrap:initial; }
.mood-layout,.marketing-layout { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1rem;align-items:start; }
.mood-layout img,.post-sample img { width:100%;height:auto;aspect-ratio:3/2;object-fit:cover; }
.mood-notes { background:#f0e5d1;padding:clamp(.75rem,2.3vw,1.25rem); }
.mood-notes p,.dossier-page > p { font-size:.94rem; }
.mood-notes .type-note { border-top:1px solid #c7b294;margin-top:.8rem;padding-top:.7rem; }
.swatches { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;list-style:none;padding:0;margin:1rem 0 0;font-size:.82rem; }
.swatches span { display:block;height:clamp(2rem,5vw,3.75rem);margin-bottom:.35rem; }
.swatches small { display:block;font-size:.71rem;color:var(--muted); }
.swatch-linen { background:#e9d9be; }.swatch-clay { background:#b7775e; }.swatch-wine { background:#75392f; }.swatch-olive { background:#3b4329; }
.comparison-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.55rem,3vw,1.45rem);margin-bottom:1rem; }
.comparison-grid figure { display:flex;flex-direction:column;min-width:0; }
.comparison-grid figcaption { font-size:.8rem;font-weight:600;margin-bottom:.35rem; }
.screen { flex:1;overflow:hidden;border:1px solid #d1baa1;border-radius:8px;background:#fff; }
.screen-brand { border-bottom:1px solid #ded2c1;padding:.55rem .75rem;color:#53392c;font-weight:600;font-size:.84rem; }
.screen-brand span { font-weight:400; }
.screen-body { padding:clamp(.55rem,2vw,1rem); }
.screen-body p:not(.screen-title),.screen-body small { font-size:.8rem; }
.screen-body small { display:block;margin-top:.55rem; }
.screen-title { color:#382a21;font:400 clamp(1.2rem,3.2vw,2.15rem)/1.03 var(--display);margin-bottom:.4rem; }
.screen-button { display:inline-block;margin-top:.75rem;padding:.45rem .6rem;background:#eae6df;color:#30251d;font-size:.72rem;font-weight:600; }
.screen-after { background:#f7ead7; }
.screen-after img { width:100%;height:clamp(75px,12vw,150px);object-fit:cover; }
.screen-after .screen-button { background:var(--wine);color:#fff8ec; }
.post-sample { border:1px solid #d8c7ad;background:#f8ecd9; }
.post-sample img { aspect-ratio:5/4;object-position:75% 56%; }
.post-sample figcaption { padding:.75rem;font-size:.88rem; }
.specimen-notes { margin:0; }
.specimen-notes > div { border-top:1px solid #cfbda4;padding:.65rem 0; }
.specimen-notes dt { color:#5d342b;font-weight:600; }
.specimen-notes dd { margin:.2rem 0 0;color:var(--muted);font-size:.9rem; }
.handoff { list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;padding:0;margin:0 0 1rem; }
.handoff li { background:#e1e6d6;color:#344130;padding:.7rem; }
.handoff strong,.handoff span { display:block; }
.handoff span { font-size:.85rem; }
.crm-page > p + p { margin-top:.65rem; }
.showcase-close { display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:1.4rem 3.6rem;padding-block:clamp(2.6rem,6vw,5.5rem); }
.showcase-close h2 { color:var(--wine); }
.showcase-close p { max-width:44ch;margin-bottom:1rem; }
.home-review-link { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(1rem,4vw,3rem);margin-block:clamp(2.5rem,5vw,4.5rem);padding:clamp(1rem,4vw,2.8rem);border:1px solid #cbb598;background:#eee0ca;text-decoration:none; }
.home-review-link:hover { border-color:#774739; }
.home-review-link h2 { text-wrap:initial; }
.home-review-link p { max-width:35ch;margin:.7rem 0; }
.home-review-link img { aspect-ratio:3/2;object-fit:cover;width:100%;height:auto; }
.home-review-link strong { color:#6e392f;text-decoration:underline;text-underline-offset:.25em; }
.showcase-actions { display:flex;align-items:center;gap:.8rem 1.2rem;flex-wrap:wrap; }
.showcase-actions > a:not(.button) { font-size:.9rem; }
.identity-showcase { background:#eee0ca;padding-block:clamp(2.8rem,6.5vw,6rem); }
.identity-lead { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:1rem 2.5rem;margin-bottom:1.65rem; }
.identity-lead h2 { color:#66362d;text-wrap:initial;max-width:20ch; }
.identity-lead > p { max-width:44ch; }
.logo-variants { display:grid;grid-template-columns:1.35fr .9fr 1fr;gap:.7rem; }
.logo-specimen { color:#f7ebd5;display:flex;flex-direction:column; }
.logo-primary { background:#75392f; }.logo-compact { background:#3b4329; }.logo-inline { background:#e1c6a7;color:#542f25; }
.logo-art { display:flex;justify-content:center;align-items:center;gap:.75rem;min-height:clamp(155px,26vw,280px);padding:1.2rem; }
.logo-compact .logo-art { flex-direction:column; }
.terra-mark { position:relative;display:inline-block;flex:none;width:2.45rem;height:1.45rem;border:2px solid currentColor;border-bottom:none;border-radius:3rem 3rem 0 0; }
.terra-mark::after { content:"";position:absolute;inset:.35rem .3rem 0;border:1px solid currentColor;border-bottom:0;border-radius:2rem 2rem 0 0; }
.terra-wordmark,.terra-initials,.terra-inline { font-family:var(--display);letter-spacing:-.06em; }
.terra-wordmark { font-size:clamp(2.8rem,6.5vw,6.6rem);line-height:.72; }
.terra-wordmark span,.terra-initials span { color:#d99e83; }
.terra-initials { font-size:clamp(2.8rem,5.8vw,5.4rem);line-height:.8; }
.terra-inline { font-size:clamp(1.4rem,3vw,3rem);white-space:nowrap; }
.logo-inline .terra-mark { width:1.5rem;height:.9rem; }
.logo-inline .terra-mark::after { inset:.19rem .18rem 0; }
.logo-specimen figcaption { border-top:1px solid currentColor;margin:auto .85rem 0;padding:.6rem 0;font-size:.75rem; }
.direction-section { margin-top:clamp(2rem,5.5vw,4.3rem); }
.direction-section h3 { color:#66362d;font-size:clamp(1.85rem,4vw,3.2rem);text-wrap:initial;margin-bottom:.9rem; }
.photo-comparison,.application-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.8rem,2vw,1.5rem); }
.photo-comparison figure,.stationery-specimen,.social-specimen { background:#fcf6ea;border:1px solid #cfb596; }
.photo-comparison img,.stationery-specimen img { width:100%;height:auto;aspect-ratio:3/2;object-fit:cover; }
.photo-comparison figcaption,.application-grid figcaption { padding:clamp(.75rem,2vw,1.2rem); }
.photo-comparison figcaption p,.application-grid figcaption p { font-size:.9rem;margin-top:.25rem; }
.applications { padding-block:clamp(2.5rem,6vw,5.2rem); }
.application-grid { align-items:start; }
.social-creative { display:grid;grid-template-columns:minmax(0,1.48fr) minmax(0,1fr);gap:.5rem;padding:.55rem;background:#e5d6be;aspect-ratio:3/2; }
.social-post { position:relative;min-height:100%;overflow:hidden;background:#35291e; }
.social-post img { width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:65% center; }
.social-post > div { position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;color:#fff8ed;background:linear-gradient(transparent 38%,#281e16 100%);padding:.7rem; }
.social-post small,.social-story small { font-size:clamp(.58rem,1.3vw,.8rem); }
.social-post strong,.social-story strong { font:400 clamp(1.05rem,3.25vw,3.3rem)/.94 var(--display);letter-spacing:-.045em;margin-top:.25rem; }
.social-story { display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;padding:clamp(.55rem,2.5vw,1.4rem);background:#75392f;color:#fff1d8; }
.social-story .terra-mark { margin-bottom:.5rem; }
.social-story > span:last-child { margin-top:.65rem;font-size:clamp(.55rem,1.1vw,.78rem); }
.receive-profile { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:clamp(3rem,6vw,6rem); }
.receive-profile-copy > p:first-child { color:#536c43;font-size:.73rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase; }
.receive-profile h1 { color:#192d28;font-size:clamp(3.8rem,7vw,7rem);line-height:.91;margin:1rem 0 1.2rem; }
.receive-profile-copy > p:not(:first-child) { max-width:39ch;font-size:1.06rem;margin-bottom:1.5rem; }
.showcase .receive-profile .button { background:#192d28;border-color:#192d28; }
.receive-profile-example { background:#dfeabe;color:#192d28;border:1px solid #b8ca9f;padding:clamp(1.3rem,3vw,2.4rem); }
.receive-profile-example > p:first-child { display:flex;justify-content:space-between;color:#3e5a3b;border-bottom:1px solid #b8ca9f;padding-bottom:.75rem;font-size:.75rem;font-weight:600; }
.receive-profile-example > p span { font-weight:500; }
.receive-profile-example h2 { color:#192d28;font-size:clamp(2.35rem,4vw,4.2rem);margin:1.3rem 0;text-wrap:initial; }
.receive-profile-example h2 em { color:#668353; }
.receive-profile-example dl { margin:0; }
.receive-profile-example dl div { border-top:1px solid #b8ca9f;padding:.7rem 0; }
.receive-profile-example dt { color:#192d28;font:600 .85rem/1.4 var(--body); }
.receive-profile-example dd { font-size:.85rem; }
@media(max-width:740px) {
  .showcase-hero,.showcase-close,.identity-lead,.receive-profile { grid-template-columns:1fr; }
  .showcase-intro h1,.showcase-intro h2 { font-size:clamp(3.5rem,11vw,6rem); }
  .dossier-scroll { height:66svh;min-height:310px; }
  .logo-variants { grid-template-columns:1.2fr .8fr; }
  .logo-inline { grid-column:1 / -1; }
  .logo-inline .logo-art { min-height:100px; }
  .application-grid { grid-template-columns:1fr; }
  .social-post strong,.social-story strong { font-size:clamp(1.15rem,5.7vw,3rem); }
}
@media(max-width:520px) {
  .home-review-link,.mood-layout,.marketing-layout,.handoff { grid-template-columns:1fr; }
  .dossier-index { gap:.15rem .3rem; }
  .dossier-index a { min-height:42px;padding:.35rem .45rem; }
  .screen-brand { padding:.4rem .55rem; }
}