/* Public-work edition: static hero, text tiles. Layered on styles.css. */
.hero2{position:relative;min-height:88svh;display:grid;grid-template-columns:1.05fr 1fr;align-items:end;gap:5%;padding:calc(var(--header) + 48px) var(--gutter) 40px;background:var(--paper)}
.hero2-media{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero2-media img{width:100%;height:100%;object-fit:cover;object-position:60% 45%;filter:saturate(.85)}
.hero2-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(39,39,36,.25) 0%,rgba(39,39,36,.78) 70%,rgba(39,39,36,.92) 100%)}
.hero2-copy{position:relative;z-index:1;color:var(--paper);max-width:720px}
.hero2-copy .eyebrow{display:flex;gap:12px;align-items:flex-start;font-size:12px;letter-spacing:.14em;color:#e5d2c6;font-family:var(--display)}
.hero2-copy h1{font-family:var(--display);font-weight:800;font-size:clamp(46px,7.2vw,112px);line-height:.95;letter-spacing:-.02em;margin:18px 0 22px;display:flex;flex-direction:column}
.hero2-copy p{font-size:clamp(16px,1.3vw,19px);line-height:1.55;max-width:60ch;color:#efe8e0;margin:0 0 28px}
.hero2-links{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}
.hero2-links .text-link{color:var(--paper)}
.hero2-clients{position:relative;z-index:1;display:grid;gap:10px;color:#efe8e0;font-family:var(--display);font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-left:1px solid #ffffff55;padding-left:22px;justify-self:end;align-self:end;max-width:360px}
.hero2-clients span{padding:6px 0;border-bottom:1px solid #ffffff22}
.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 4%}
.tile{display:flex;flex-direction:column;gap:14px;min-width:0}
.tile-photo{aspect-ratio:4/3;overflow:hidden;background:var(--line)}
.tile-photo img{width:100%;height:100%;object-fit:cover;display:block}
.tile-photo--placeholder{display:grid;place-items:center;background:repeating-linear-gradient(135deg,#e9e7e0 0 14px,#f2f0ea 14px 28px);border:1px dashed #c6c3b8}
.tile-photo--placeholder span{font-family:var(--display);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tile-client{display:block;font-family:var(--display);font-size:11px;letter-spacing:.14em;color:var(--wine);margin-bottom:8px}
.tile h3{font-family:var(--display);font-size:22px;line-height:1.15;margin:0 0 8px;letter-spacing:-.01em}
.tile p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
.work-note{margin:54px 0 0;max-width:62ch;color:var(--muted);font-size:15px;line-height:1.6}
@media(max-width:1100px){.hero2{grid-template-columns:1fr;align-items:end}.hero2-clients{justify-self:start;border-left:0;padding-left:0;grid-template-columns:1fr 1fr;max-width:none;width:100%}.tile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hero2{min-height:92svh;padding-bottom:28px;gap:28px}.hero2-copy h1{font-size:50px}.hero2-clients{grid-template-columns:1fr;font-size:12px}.tile-grid{grid-template-columns:1fr;gap:32px}.tile h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.hero2-media img{filter:none}}

/* Text-only project cards (no placeholder images, ever) */
.tile-grid--text{grid-template-columns:repeat(3,1fr);gap:22px}
.tcard{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 24px 22px;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--wine);min-height:220px}
.tcard h3{font-family:var(--display);font-size:22px;line-height:1.15;margin:0;letter-spacing:-.01em}
.tcard p{margin:0;color:var(--muted);font-size:15px;line-height:1.5;flex:1}
.tcard-status{font-family:var(--display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:1100px){.tile-grid--text{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.tile-grid--text{grid-template-columns:1fr;gap:14px}.tcard{min-height:0;padding:22px 20px 18px}}
/* Legal pages */
.site-header--plain{position:static;height:auto;padding:18px var(--gutter)}
.brand-logo-static{width:72px;height:72px;display:block}
.legal{max-width:760px;margin:0 auto;padding:30px var(--gutter) 80px}
.legal h1{font-family:var(--display);font-size:clamp(30px,4vw,44px);letter-spacing:-.02em;margin:8px 0 6px}
.legal h2{font-family:var(--display);font-size:18px;margin:30px 0 8px}
.legal p,.legal li{font-size:16px;line-height:1.6}.legal ul{padding-left:20px}
.legal-meta{color:var(--muted);font-size:14px}.legal-links{margin-top:40px;color:var(--muted)}
.legal a{color:var(--wine)}