:root{
  --base:#1B1B1B;
  --base-deep:#101010;
  --text:#F3F3F0;
  --muted:#A9A9A4;
  --line:rgba(255,255,255,.12);
  --max:1120px;
  --header-h:78px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--base)}
body{
  margin:0;
  background:
    radial-gradient(circle at 18% 26%,rgba(17,132,122,.12),transparent 32%),
    radial-gradient(circle at 78% 60%,rgba(20,150,137,.09),transparent 36%),
    radial-gradient(circle at 48% 88%,rgba(10,94,87,.055),transparent 44%),
    var(--base);
  background-attachment:fixed;
  color:var(--text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
  position:relative;
}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}::selection{background:#fff;color:#111}
.container{width:min(var(--max),calc(100% - 56px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-80px;z-index:999;padding:10px 14px;background:#fff;color:#111;border-radius:8px}.skip-link:focus{top:16px}

/* Header intentionally mirrors the V1.0 homepage. */
.site-header{position:fixed;inset:0 0 auto 0;height:var(--header-h);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - var(--max))/2));background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,0));transition:background .3s ease,backdrop-filter .3s ease,border-color .3s ease}
.site-header.scrolled{background:rgba(27,27,27,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{width:188px;color:#fff;line-height:0}.brand img{width:100%;height:auto;filter:brightness(0) invert(1)}
.site-nav{display:flex;align-items:center;gap:30px;font-size:13px;color:rgba(255,255,255,.82)}.site-nav a{transition:opacity .2s ease}.site-nav a:hover{opacity:.62}.site-nav .active{color:#fff}
.nav-cta{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:11px 17px;color:#fff!important}
.menu-toggle{display:none;background:none;border:0;color:white;width:42px;height:42px;position:relative;cursor:pointer}.menu-toggle span{position:absolute;left:9px;right:9px;height:1px;background:white;transition:.25s ease}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:25px}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}

.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;color:rgba(255,255,255,.68)}

/* Simpler Work hero. */
.work-hero{min-height:100svh;padding:calc(var(--header-h) + 70px) 0 96px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:transparent}
.work-hero::after{content:none}
.hero-copy{position:relative;z-index:1;text-align:center;max-width:830px;margin-bottom:42px}
.hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,6.4vw,92px);font-weight:400;line-height:.92;letter-spacing:-.055em;margin:0}
.hero-intro{max-width:620px;margin:22px auto 0;color:rgba(255,255,255,.62);font-size:16px;line-height:1.6}
.showreel-wrap{position:relative;z-index:2;width:min(920px,calc(100% - 56px))}
.showreel-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:#0d0d0d;border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 64px rgba(0,0,0,.28)}
.showreel-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.page-break{height:120px;display:flex;align-items:center;justify-content:center}.page-break i{width:min(var(--max),calc(100% - 56px));height:1px;background:rgba(255,255,255,.38);transform:scaleY(.32)}

.project-gallery{position:relative;padding:94px 0 130px;background:transparent}
.gallery-heading{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:end;margin-bottom:54px}
.gallery-heading h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(48px,5.2vw,72px);line-height:.94;letter-spacing:-.05em;margin:0}
.gallery-heading>p{margin:0 0 5px;color:rgba(255,255,255,.58);font-size:15px;line-height:1.65;max-width:490px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 30px}
.project-card{min-width:0;transition:transform .25s ease}
.project-card:hover{transform:translateY(-4px)}
.project-thumb{aspect-ratio:4/3;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2a2a2a,#111);color:rgba(255,255,255,.22);font-size:10px;text-transform:uppercase;letter-spacing:.16em;position:relative}
.project-thumb::before{content:"";position:absolute;inset:0;opacity:.45;transition:transform .35s ease,opacity .35s ease}.project-card:hover .project-thumb::before{transform:scale(1.035);opacity:.62}
.thumb-1::before{background:radial-gradient(circle at 28% 28%,rgba(40,116,105,.28),transparent 35%),linear-gradient(145deg,#263531,#151817)}
.thumb-2::before{background:radial-gradient(circle at 72% 30%,rgba(66,120,108,.24),transparent 30%),linear-gradient(145deg,#252a29,#0f1211)}
.thumb-3::before{background:radial-gradient(circle at 48% 40%,rgba(87,112,105,.20),transparent 35%),linear-gradient(145deg,#2b2b2b,#151515)}
.thumb-4::before{background:radial-gradient(circle at 25% 68%,rgba(40,91,84,.25),transparent 32%),linear-gradient(145deg,#242d2a,#111513)}
.thumb-5::before{background:radial-gradient(circle at 72% 62%,rgba(78,110,101,.22),transparent 36%),linear-gradient(145deg,#2d2f2e,#121414)}
.thumb-6::before{background:radial-gradient(circle at 45% 28%,rgba(44,97,89,.24),transparent 34%),linear-gradient(145deg,#24302d,#111615)}
.thumb-7::before{background:radial-gradient(circle at 63% 40%,rgba(54,107,99,.24),transparent 33%),linear-gradient(145deg,#252d2b,#101311)}
.thumb-8::before{background:radial-gradient(circle at 38% 64%,rgba(67,115,104,.22),transparent 33%),linear-gradient(145deg,#282c2b,#101313)}
.thumb-9::before{background:radial-gradient(circle at 70% 32%,rgba(46,91,85,.26),transparent 35%),linear-gradient(145deg,#242b29,#0f1211)}
.thumb-10::before{background:radial-gradient(circle at 34% 36%,rgba(54,112,101,.25),transparent 34%),linear-gradient(145deg,#27312e,#101513)}
.thumb-11::before{background:radial-gradient(circle at 67% 67%,rgba(71,112,102,.22),transparent 34%),linear-gradient(145deg,#292e2c,#111413)}
.thumb-12::before{background:radial-gradient(circle at 40% 24%,rgba(49,103,94,.24),transparent 33%),linear-gradient(145deg,#26302d,#101412)}
.project-thumb span{position:relative;z-index:1}
.project-meta{padding-top:15px}.project-meta small{display:block;color:rgba(255,255,255,.44);font-size:9px;text-transform:uppercase;letter-spacing:.17em}.project-meta h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(23px,2vw,30px);letter-spacing:-.035em;margin:7px 0 0}

.site-footer{background:#101010;border-top:1px solid rgba(255,255,255,.07);padding:34px 0;color:rgba(255,255,255,.52);font-size:12px}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}.footer-grid>div:last-child{text-align:right}.footer-links{display:flex;gap:26px}.footer-links a:hover{color:white}

@media(max-width:960px){
  :root{--header-h:70px}.container{width:min(100% - 36px,var(--max))}.brand{width:158px}.menu-toggle{display:block;z-index:102}.site-nav{position:fixed;top:0;right:0;width:min(340px,86vw);height:100vh;padding:110px 34px 40px;background:rgba(17,17,17,.96);backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:flex-start;gap:26px;transform:translateX(105%);transition:transform .3s ease;z-index:101;font-size:16px}.site-nav.open{transform:none}.nav-cta{margin-top:10px}
  .work-hero{padding-top:calc(var(--header-h) + 52px);min-height:auto}.hero-copy{margin-bottom:34px}.showreel-wrap{width:min(100% - 36px,860px)}
  .gallery-heading{grid-template-columns:1fr;gap:18px}.gallery-heading>p{max-width:620px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 22px}
  .footer-grid{grid-template-columns:1fr;text-align:center}.footer-grid>div:last-child{text-align:center}.footer-links{justify-content:center}
}
@media(max-width:640px){
  .site-header{padding-inline:18px}.brand{width:140px}.work-hero{padding:calc(var(--header-h) + 44px) 0 68px}.hero-copy h1{font-size:clamp(48px,14vw,66px)}.hero-intro{font-size:15px}.showreel-frame{border-radius:14px}.page-break{height:88px}.page-break i{width:calc(100% - 36px)}
  .project-gallery{padding:70px 0 96px}.gallery-heading{margin-bottom:40px}.gallery-heading h2{font-size:clamp(44px,13vw,58px)}.project-grid{grid-template-columns:1fr;gap:38px}.project-thumb{border-radius:14px}.project-meta h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}