:root{--ink:#111827;--muted:#667085;--blue:#1473e6;--blue-dark:#0b3d91;--line:#e5e7eb;--soft:#f5f7fa;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:20;min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,231,235,.85)}.brand{display:flex;flex-direction:column;line-height:1;gap:7px}.brand-name{font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:.08em;font-size:1rem}.brand-role{color:var(--muted);font-size:.62rem;letter-spacing:.18em;font-weight:700}.nav{display:flex;gap:30px;font-size:.72rem;font-weight:700;letter-spacing:.12em}.nav a{color:#475467;transition:color .2s}.nav a:hover{color:var(--blue)}.hero{max-width:var(--max);min-height:calc(100vh - 82px);margin:auto;padding:80px 30px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{margin:0 0 16px;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.18em}.hero h1,h2,h3{font-family:"Manrope",sans-serif}.hero h1{max-width:720px;margin:0;font-size:clamp(3rem,6vw,5.7rem);line-height:.98;letter-spacing:-.055em}.hero h1 span{color:var(--blue)}.hero-text{max-width:600px;margin:28px 0 34px;font-size:1.12rem;color:#475467}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:6px;font-size:.72rem;font-weight:800;letter-spacing:.12em;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:white;background:var(--ink)}.button-quiet{border:1px solid var(--line)}.button-outline{border:1px solid var(--ink)}.hero-photo{position:relative}.hero-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:4px}.photo-tag{position:absolute;bottom:18px;left:-18px;background:var(--blue);color:white;padding:11px 15px;font-size:.65rem;font-weight:800;letter-spacing:.15em}.intro-strip{background:var(--ink);color:white;padding:34px max(30px,calc((100vw - var(--max))/2));display:flex;align-items:center}.intro-strip p{margin:0;max-width:920px;color:#d0d5dd;font-size:1rem}.section{max-width:var(--max);margin:auto;padding:110px 30px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:48px}.section-heading h2,.about-copy h2,.contact h2,.gallery-copy h2{margin:0;font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.02;letter-spacing:-.045em;font-family:"Manrope",sans-serif}.section-note{max-width:370px;margin:0;color:var(--muted)}.video-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.video-card{border:1px solid var(--line);background:white}.video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#101828}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-info{padding:28px 30px 30px}.card-kicker{color:var(--blue);font-size:.67rem;font-weight:800;letter-spacing:.16em;margin:0 0 12px}.video-info h3{margin:0 0 5px;font-size:1.8rem;line-height:1.1}.video-info>p:not(.card-kicker){margin:0;color:var(--muted)}.text-link{display:inline-block;margin-top:18px;color:var(--blue-dark);font-size:.7rem;font-weight:800;letter-spacing:.13em}.text-link span{margin-left:8px}.work{background:var(--soft);max-width:none;padding-left:max(30px,calc((100vw - var(--max))/2));padding-right:max(30px,calc((100vw - var(--max))/2))}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.work-card{display:grid;grid-template-columns:.95fr 1.05fr;background:white;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(16,24,40,.09)}.work-image{position:relative;min-height:285px;overflow:hidden}.work-image img{width:100%;height:100%;object-fit:cover}.work-arrow{position:absolute;right:14px;top:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:white;color:var(--ink);box-shadow:0 5px 20px rgba(0,0,0,.12)}.work-copy{padding:28px;display:flex;flex-direction:column;justify-content:center}.work-copy h3{margin:0 0 10px;font-size:1.55rem;line-height:1.1}.work-copy p:not(.card-kicker){color:var(--muted);margin:0}.work-link{margin-top:20px;color:var(--blue-dark);font-size:.67rem;font-weight:800;letter-spacing:.13em}.award-line{display:flex;gap:10px;align-items:center;margin-top:17px;flex-wrap:wrap;font-size:.66rem;letter-spacing:.07em}.award-line span{color:var(--muted)}.award-line strong{color:var(--blue-dark)}.field-gallery{background:var(--ink);color:white;padding:90px max(30px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.gallery-copy .eyebrow{color:#79b3ff}.gallery-copy h2{max-width:470px}.gallery-copy>p:not(.eyebrow){max-width:480px;color:#cbd5e1}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gallery-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}.community-section{max-width:var(--max);margin:auto;padding:110px 30px}.community-heading{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:48px}.community-heading h2{margin:0;max-width:650px;font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.02;letter-spacing:-.045em;font-family:"Manrope",sans-serif}.community-heading>p{margin:0;color:var(--muted);max-width:480px}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.community-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}.about-section{max-width:var(--max);margin:auto;padding:110px 30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}.about-copy>p:not(.eyebrow){color:#475467;max-width:650px}.about-copy h2{margin-bottom:28px}.about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.experience{padding-top:30px}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:160px 1fr;gap:35px;padding:32px 0;border-bottom:1px solid var(--line)}.timeline-year{color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.15em;padding-top:5px}.timeline-content h3{margin:0;font-size:1.35rem}.timeline-content p{margin:4px 0 0;color:var(--muted)}.timeline-content .role{color:var(--ink);font-weight:700}.contact{background:var(--blue-dark);color:white;padding:100px max(30px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end}.contact .eyebrow{color:#8fc1ff}.contact p:not(.eyebrow){max-width:610px;color:#d9e5f5}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.social-link{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:800;letter-spacing:.12em}.social-icon{width:18px;height:18px;flex:0 0 18px;fill:currentColor}.social-link:hover{color:#bcd8ff}.contact-links a:first-child{font-size:1.05rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:5px}.contact-links a:last-child{font-size:.67rem;font-weight:800;letter-spacing:.14em;color:#bcd8ff}footer{background:#081f48;color:#a9bedb;padding:25px max(30px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;gap:20px;font-size:.7rem}footer strong{color:white;margin-right:12px;letter-spacing:.08em}footer span{letter-spacing:.1em}@media(max-width:900px){.site-header{min-height:74px;padding:16px 22px;align-items:flex-start}.nav{gap:13px;flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr;padding:60px 22px 70px;gap:45px}.hero h1{font-size:clamp(2.9rem,12vw,4.8rem)}.hero-photo{max-width:620px}.intro-strip{padding:30px 22px}.section,.community-section{max-width:var(--max);margin:auto;padding:110px 30px}.community-heading{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:48px}.community-heading h2{margin:0;max-width:650px;font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.02;letter-spacing:-.045em;font-family:"Manrope",sans-serif}.community-heading>p{margin:0;color:var(--muted);max-width:480px}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.community-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}.about-section{padding:80px 22px}.section-heading{display:block}.section-note{margin-top:18px}.video-grid,.work-grid,.field-gallery,.community-heading,.about-section,.contact{grid-template-columns:1fr}.work-card{grid-template-columns:.9fr 1.1fr}.field-gallery{padding:75px 22px;gap:40px}.community-section{padding:80px 22px}.community-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.nav a:nth-child(n+4){display:none}.brand-name{font-size:.88rem}.hero-text{font-size:1rem}.work-card{grid-template-columns:1fr}.work-image{min-height:230px;max-height:300px}.gallery-grid{grid-template-columns:1fr 1fr}.community-grid{grid-template-columns:1fr 1fr}.timeline-item{grid-template-columns:100px 1fr;gap:20px}.about-actions{flex-direction:column;align-items:flex-start}footer{padding:25px 22px;flex-direction:column}}
/* Responsive image refinements */
.work-grid .work-card:first-child .work-image img{object-position:left center}
@media(max-width:900px){.work-grid .work-card:first-child .work-image img{object-position:center center}.community-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:901px){.community-grid{grid-template-columns:repeat(4,1fr)}}

/* Mobile header: keep every navigation destination visible */
@media(max-width:620px){
  .site-header{flex-direction:column;align-items:stretch;gap:14px;padding:14px 22px 13px}
  .brand{align-self:flex-start}
  .nav{width:100%;display:grid;grid-template-columns:repeat(6,max-content);justify-content:space-between;gap:0;font-size:.58rem;letter-spacing:.08em;white-space:nowrap}
  .nav a:nth-child(n){display:block}
}
@media(max-width:390px){
  .site-header{padding-left:16px;padding-right:16px}
  .nav{font-size:.54rem;letter-spacing:.055em}
}