/* 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}}