.interior-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:end; gap:64px; padding:64px 0 48px; }
.interior-hero .home-eyebrow { margin-bottom:16px; }
.interior-hero h1 { font-size:clamp(44px,5.4vw,68px); font-weight:650; letter-spacing:-.05em; line-height:1.1; }
.interior-dot { color:var(--home-coral); }
.interior-intro p { color:#bfc0c3; font-size:16px; line-height:1.9; word-break:keep-all; }
.interior-intro .home-secondary { margin-top:10px; }
.work-collection { padding:0 0 48px; }
.work-filter-row { display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid var(--border-color); margin-bottom:30px; padding-top:12px; }
.work-filters { display:flex; flex-wrap:wrap; gap:4px 24px; }
.work-filter { appearance:none; cursor:pointer; background:none; border:0; border-bottom:2px solid transparent; padding:10px 0; color:#b5b6ba; font:inherit; font-size:13px; line-height:1.6; }
.work-filter span { margin-left:6px; color:#9b9ca2; font:11px/1.4 ui-monospace,monospace; }
.work-filter.active { color:var(--home-paper); border-bottom-color:var(--home-coral); }
.work-filter.active span { color:var(--home-coral); }
.work-filter:hover { color:var(--home-paper); }
.work-filter:focus-visible { outline:2px solid var(--home-coral); outline-offset:4px; }
.work-count { flex:0 0 auto; color:var(--home-muted); font-size:11px; }
.home-project[hidden] { display:none; }
.work-source-note { margin-top:34px; color:var(--home-muted); font-size:12px; line-height:1.8; word-break:keep-all; }
.profile-row { display:grid; grid-template-columns:240px minmax(0,1fr); gap:60px; padding:36px 0; border-top:1px solid var(--border-color); }
.profile-heading .home-eyebrow { margin-bottom:10px; }
.profile-heading h2 { font-size:23px; font-weight:650; letter-spacing:-.04em; }
.profile-copy h3 { margin:0 0 18px; font-size:27px; font-weight:600; letter-spacing:-.035em; line-height:1.5; word-break:keep-all; }
.profile-copy p,.profile-tools { color:#bfc0c3; font-size:15px; line-height:1.95; word-break:keep-all; }
.profile-copy p+p { margin-top:16px; }
.profile-tools { padding-top:3px; }
.profile-skills { margin:0; }
.profile-skills>div { display:grid; grid-template-columns:150px minmax(0,1fr); gap:24px; padding:17px 0; border-bottom:1px solid var(--border-color); }
.profile-skills>div:first-child { padding-top:3px; }
.profile-skills>div:last-child { border-bottom:0; padding-bottom:3px; }
.profile-skills dt { color:var(--home-paper); font-size:14px; font-weight:600; }
.profile-skills dd { margin:0; color:#bfc0c3; font-size:14px; line-height:1.8; word-break:keep-all; }
.profile-certifications { margin:0; padding:0; list-style:none; }
.profile-certifications li { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:12px 24px; padding:18px 0; border-bottom:1px solid var(--border-color); }
.profile-certifications li:first-child { padding-top:3px; }
.profile-certifications li:last-child { padding-bottom:3px; border-bottom:0; }
.profile-certificate-info { min-width:0; max-width:100%; }
.profile-certificate-title { margin:0 0 6px; color:var(--home-paper); font-size:16px; font-weight:600; line-height:1.7; word-break:keep-all; overflow-wrap:anywhere; }
.profile-certificate-issuer { margin:0; color:#bfc0c3; font-size:13px; line-height:1.8; }
.profile-certificate-meta { display:flex; flex:0 0 auto; align-items:center; gap:12px; margin:3px 0 0; color:var(--home-muted); font-size:12px; line-height:1.8; white-space:nowrap; }
.profile-certificate-meta span { color:var(--home-paper); }
.profile-contact { padding-bottom:48px; }
.profile-link-label { margin-bottom:10px; color:var(--home-muted); font-size:11px; letter-spacing:.08em; }
.profile-domain { display:inline-flex; flex-wrap:wrap; align-items:center; gap:24px; padding:0 0 7px; border-bottom:1px solid var(--border-strong); font-size:clamp(20px,2.7vw,30px); letter-spacing:-.03em; line-height:1.5; }
.profile-domain span { color:var(--home-coral); }
.profile-domain:hover { border-color:var(--home-coral); }
.profile-contact-list { display:grid; gap:26px; }
.profile-contact-list .profile-domain { max-width:100%; flex-wrap:nowrap; gap:16px; font-size:clamp(18px,2.2vw,26px); }
.profile-contact-list .profile-contact-value { min-width:0; color:inherit; overflow-wrap:anywhere; }
.profile-contact-list .profile-contact-arrow { flex:0 0 auto; color:var(--home-coral); }
.interior-project-page header.home-masthead { width:var(--container); padding:0 0 22px; }
.interior-project-page header.project-title-header { padding:46px 0 12px; }
.project-back { display:block; width:fit-content; margin-bottom:28px; color:var(--home-muted); font-size:12px; }
.project-back:hover { color:var(--home-coral); }
.interior-project-page .project-eyebrow { color:var(--home-muted); font-size:11px; }
.interior-project-page .page-title { font-size:clamp(30px,4vw,48px); line-height:1.2; color:var(--home-paper); }
.interior-project-page .page-subtitle { font-size:15px; color:#bfc0c3; word-break:keep-all; }
.interior-project-page .detail-video,.interior-project-page .detail-image { border-radius:14px; }
.interior-project-page .project-meta { margin:0; gap:24px; padding:22px 0; border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }
.interior-project-page .meta-item { padding:0; border:0; border-radius:0; background:none; }
.interior-project-page .meta-label { color:var(--home-muted); font-size:11px; }
.interior-project-page .meta-value { margin:0; color:var(--home-paper); font-size:14px; }
.interior-project-page .project-description { display:block; padding:0; border:0; border-radius:0; background:none; }
.interior-project-page .project-description>div { display:grid; grid-template-columns:150px minmax(0,1fr); gap:30px; padding:24px 0; border-bottom:1px solid var(--border-color); }
.interior-project-page .project-description h3 { font-size:17px; color:var(--home-paper); }
.interior-project-page .project-description p,.interior-project-page .project-description li { color:#bfc0c3; font-size:14px; }
.interior-project-page .project-description a { text-decoration:underline; text-underline-offset:4px; }
.interior-project-page .project-description a:hover { color:var(--home-coral); }
.interior-project-page .project-navigation { margin-top:36px; }
.interior-project-page .project-navigation a { padding:22px 0; border:0; border-top:1px solid var(--border-strong); border-radius:0; background:none; color:var(--home-muted); font-size:12px; }
.interior-project-page .project-navigation a:hover { transform:none; background:none; border-color:var(--home-coral); color:var(--home-coral); }
.interior-project-page .project-navigation a span { color:var(--home-paper); font-size:16px; }
.interior-project-page footer.home-footer { width:var(--container); margin:44px auto 0; border-top:1px solid var(--border-color); padding-top:26px; }
@media(max-width:900px) {
  .profile-row { grid-template-columns:180px minmax(0,1fr); gap:32px; }
  .profile-skills>div { grid-template-columns:130px minmax(0,1fr); gap:20px; }
}
@media(max-width:760px) {
  .interior-hero { grid-template-columns:1fr; gap:24px; padding:38px 0 32px; }
  .interior-hero h1 { font-size:46px; }
  .interior-intro p { font-size:15px; }
  .profile-row { grid-template-columns:1fr; gap:22px; padding:28px 0; }
  .profile-copy h3 { font-size:24px; }
  .profile-copy p,.profile-tools { font-size:14px; }
  .work-filter-row { align-items:flex-start; }
  .work-filters { gap:2px 20px; }
  .work-count { padding-top:12px; }
  .interior-project-page .project-description>div { grid-template-columns:1fr; gap:8px; }
  .interior-project-page .project-meta { grid-template-columns:1fr 1fr; }
  .interior-project-page .project-navigation-spacer { display:none; }
}
@media(max-width:480px) {
  .work-filter-row { flex-direction:column; gap:8px; margin-bottom:24px; }
  .work-count { padding-top:0; }
  .work-filter { font-size:12px; }
  .work-filter span { margin-left:4px; }
  .profile-skills>div { grid-template-columns:1fr; gap:7px; }
  .interior-project-page header.home-masthead { padding-bottom:16px; }
  .interior-project-page header.project-title-header { padding-top:32px; }
  .interior-project-page .page-title { font-size:30px; }
  .interior-project-page .project-media { margin-top:18px; }
  .interior-project-page .project-meta { gap:20px 16px; }
}