:root{--bg:#0b0b0b;--panel:#121212;--text:#f2f2f2;--muted:#a7a7a7;--line:#2a2a2a;--soft:#191919}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;letter-spacing:-.02em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(8,8,8,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{font-weight:800;border:1px solid #fff;padding:9px 11px;letter-spacing:.04em}.site-header nav{display:flex;gap:26px;color:#cfcfcf;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.site-header nav a:hover{color:#fff}.hero{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;align-items:end;gap:4vw;padding:120px 4vw 0;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding-bottom:8vh;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#bdbdbd;font-size:12px;margin:0 0 22px}.hero h1{font-size:clamp(46px,7vw,104px);line-height:.9;margin:0 0 28px;font-weight:800;max-width:1050px}.hero-text{font-size:clamp(17px,2vw,24px);line-height:1.45;color:#c9c9c9;max-width:760px;margin:0 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:38px}.button{padding:15px 22px;border:1px solid #fff;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.button.primary{background:#fff;color:#000}.button.secondary:hover{background:#fff;color:#000}.stats{display:flex;gap:24px;flex-wrap:wrap;color:#bfbfbf}.stats strong{display:block;color:#fff;font-size:22px}.hero-portrait{align-self:end;filter:grayscale(100%);transition:filter .7s ease;min-height:70vh;display:flex;align-items:end}.hero:hover .hero-portrait{filter:grayscale(0)}.hero-portrait img{max-height:88vh;object-fit:contain;object-position:bottom center}.ticker{display:flex;gap:42px;overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--line);padding:18px 4vw;color:#d9d9d9;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.section{padding:100px 4vw;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.35fr 1fr;gap:4vw;margin-bottom:44px}.section-head h2{font-size:clamp(32px,5vw,72px);line-height:.96;margin:0;max-width:1000px}.section-head.compact h2{font-size:clamp(28px,4vw,58px)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.capability-grid article{background:#101010;padding:42px;min-height:270px;transition:background .3s}.capability-grid article:hover{background:#1b1b1b}.capability-grid span{color:#808080;font-size:13px}.capability-grid h3{font-size:28px;margin:36px 0 12px}.capability-grid p{margin:0;color:#b8b8b8;line-height:1.55}.matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.matrix span{background:#101010;padding:30px;min-height:120px;display:flex;align-items:end;font-size:20px;color:#dcdcdc;transition:.3s}.matrix span:hover{background:#fff;color:#000}.work-section{background:#090909}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-tile{border:0;padding:0;margin:0;aspect-ratio:1/1;position:relative;overflow:hidden;background:#111;cursor:pointer;color:#fff;text-align:left;border-radius:0}.project-tile img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .55s ease,transform .55s ease}.project-tile:hover img{filter:grayscale(0);transform:scale(1.04)}.project-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.05) 55%)}.project-tile span{position:absolute;left:22px;right:22px;bottom:22px;z-index:2}.project-tile strong{display:block;font-size:clamp(22px,3vw,42px);line-height:.95}.project-tile em{display:block;margin-top:8px;font-style:normal;color:#cfcfcf;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-grid article{background:#111;padding:38px;border:1px solid var(--line)}.case-grid h3{font-size:28px;margin:0 0 18px}.case-grid p{color:#b8b8b8;line-height:1.55}.case-grid a{display:inline-block;margin-top:18px;border-bottom:1px solid #fff;color:#fff}.credentials{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);padding:0}.credentials div{background:#101010;padding:40px}.credentials strong{display:block;font-size:36px}.credentials span{color:#bfbfbf}.contact{display:grid;grid-template-columns:1fr .55fr;gap:6vw;padding:120px 4vw;background:#efefef;color:#080808}.contact h2{font-size:clamp(36px,6vw,84px);line-height:.95;margin:0 0 24px}.contact p:not(.eyebrow){color:#333;font-size:20px;line-height:1.45}.contact .eyebrow{color:#444}.socials{display:grid;align-content:center;gap:1px;background:#111}.socials a{background:#efefef;color:#000;padding:24px;border:1px solid #111;text-transform:uppercase;letter-spacing:.12em}.socials a:hover{background:#000;color:#fff}footer{padding:36px 4vw;display:flex;gap:20px;flex-wrap:wrap;color:#999;font-size:13px}footer a:hover{color:#fff}.project-panel{position:fixed;inset:0;z-index:50;background:#080808;color:#fff;transform:translateY(100%);transition:transform .55s cubic-bezier(.16,1,.3,1);overflow:auto}.project-panel.active{transform:translateY(0)}.close-panel{position:fixed;top:24px;right:28px;z-index:60;background:#fff;color:#000;border:0;width:46px;height:46px;font-size:28px;cursor:pointer}.panel-content{padding:100px 4vw}.panel-hero{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:end}.panel-hero h2{font-size:clamp(48px,8vw,120px);line-height:.88;margin:0}.panel-hero p{font-size:21px;color:#c7c7c7;line-height:1.45}.panel-image{margin-top:54px}.panel-image img{width:100%;filter:none}.panel-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333;margin-top:40px}.panel-details div{background:#111;padding:30px}.panel-details h3{margin:0 0 10px}.panel-details p{color:#bbb;line-height:1.5}.seo-page{padding:120px 4vw;max-width:1050px}.seo-page h1{font-size:clamp(42px,7vw,90px);line-height:.95}.seo-page h2{font-size:34px;margin-top:52px}.seo-page p,.seo-page li{font-size:19px;line-height:1.65;color:#c7c7c7}.seo-page a{border-bottom:1px solid #fff}@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-portrait{order:-1;justify-content:center;min-height:auto;padding-top:40px}.hero-portrait img{max-height:52vh}.capability-grid,.project-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.matrix,.credentials{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr}.contact{grid-template-columns:1fr}}@media(max-width:760px){.site-header nav{display:none}.hero{padding:96px 22px 0}.section{padding:72px 22px}.ticker{padding:16px 22px;gap:28px}.capability-grid,.project-grid,.case-grid,.matrix,.credentials{grid-template-columns:1fr}.project-grid{gap:12px}.project-tile{aspect-ratio:4/3}.capability-grid article{min-height:220px;padding:30px}.panel-hero,.panel-details{grid-template-columns:1fr}.contact{padding:80px 22px}footer{padding:28px 22px;display:grid}.hero h1{font-size:44px}.hero-text{font-size:17px}}

.project-grid{grid-template-columns:repeat(4,1fr);gap:12px}.tile-monogram{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#333,#090909 60%);font-size:clamp(42px,6vw,86px);font-weight:900;letter-spacing:-.08em;color:#7a7a7a;filter:grayscale(100%);transition:.55s ease}.project-tile:hover .tile-monogram{background:radial-gradient(circle at 30% 20%,#efefef,#1b1b1b 55%,#050505);color:#fff;transform:scale(1.04)}.panel-monogram{min-height:52vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#2b2b2b,#070707 62%);font-size:clamp(72px,18vw,260px);font-weight:900;letter-spacing:-.08em;color:#7a7a7a}.panel-cta{margin-top:36px}.project-page-hero{min-height:72vh;display:grid;grid-template-columns:1fr .8fr;gap:4vw;align-items:end;padding:120px 4vw 70px;border-bottom:1px solid var(--line)}.project-page-hero h1{font-size:clamp(48px,8vw,110px);line-height:.88;margin:0 0 24px}.project-page-hero p{font-size:clamp(18px,2vw,24px);line-height:1.45;color:#c8c8c8}.project-visual{aspect-ratio:1/1;background:#111;overflow:hidden}.project-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:.6s}.project-visual:hover img{filter:grayscale(0);transform:scale(1.03)}.project-visual .tile-monogram{filter:none}.project-copy{padding:90px 4vw;display:grid;grid-template-columns:.32fr 1fr;gap:5vw;border-bottom:1px solid var(--line)}.project-copy h2{font-size:clamp(30px,4vw,58px);line-height:1;margin:0}.project-copy p,.project-copy li{font-size:19px;line-height:1.65;color:#c7c7c7}.project-copy ul{margin-top:0}.seo-keywords{display:flex;flex-wrap:wrap;gap:8px}.seo-keywords span{border:1px solid #333;background:#111;padding:10px 13px;color:#cfcfcf;font-size:13px;text-transform:uppercase;letter-spacing:.08em}@media(max-width:1200px){.project-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.project-grid{grid-template-columns:repeat(2,1fr);gap:10px}.project-page-hero,.project-copy{grid-template-columns:1fr;padding-left:22px;padding-right:22px}.project-page-hero{padding-top:96px}.project-copy{padding-top:64px;padding-bottom:64px}}@media(max-width:480px){.project-grid{grid-template-columns:1fr}.project-tile{aspect-ratio:4/3}}


.section-intro{max-width:760px;color:var(--muted);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.7;margin:12px 0 22px}.section-actions{margin:0 0 34px}.panel-cta{display:flex;gap:12px;flex-wrap:wrap}.social-hero{min-height:58vh}.social-gallery-wrap{padding:0 clamp(18px,4vw,64px) 90px}.social-gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.social-gallery-item{display:block;aspect-ratio:1/1;background:#111;overflow:hidden}.social-gallery-item img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .45s ease, transform .45s ease}.social-gallery-item:hover img{filter:grayscale(0%);transform:scale(1.035)}.gallery-note{color:var(--muted);font-size:.9rem;margin-top:24px;max-width:780px}@media(max-width:1100px){.social-gallery-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:780px){.social-gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.social-gallery-wrap{padding-inline:18px}}@media(max-width:460px){.social-gallery-grid{grid-template-columns:1fr}.social-gallery-item{aspect-ratio:4/3}}


/* Color version update: keep project visuals and profile photo in full colour across the website. */
.hero-portrait,
.hero-portrait img,
.project-tile img,
.project-visual img,
.tile-monogram,
.panel-image img,
.social-gallery-grid img {
  filter: none !important;
}
.hero:hover .hero-portrait,
.project-tile:hover img,
.project-visual:hover img {
  filter: none !important;
}
.project-tile img,
.project-visual img {
  transform: translateZ(0);
}
.project-tile:hover img,
.project-visual:hover img {
  transform: scale(1.035);
}

/* Production navigation hardening */
.site-header{height:76px;transition:height .24s ease, background .24s ease, border-color .24s ease}.site-header.scrolled{height:60px;background:rgba(8,8,8,.9);border-bottom-color:rgba(255,255,255,.14)}.brand-wide{display:flex;align-items:center;gap:12px}.brand-wide span{border:1px solid #fff;padding:8px 10px;line-height:1}.brand-wide b{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.brand-wide{border:0;padding:0}.desktop-nav{display:flex;align-items:center}.header-actions{display:flex;align-items:center;gap:12px}.nav-cv{border:1px solid rgba(255,255,255,.38);padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#fff}.nav-cv:hover{background:#fff;color:#000}.menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:18px;height:1px;background:#fff;transition:.25s}.menu-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:19;background:rgba(8,8,8,.98);transform:translateY(-100%);transition:transform .36s cubic-bezier(.16,1,.3,1);padding:96px 24px 28px;overflow:auto}.mobile-menu.open{transform:translateY(0)}.mobile-menu-inner{display:grid;gap:6px}.mobile-menu a{display:block;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:22px;letter-spacing:-.03em}.mobile-menu .mobile-cv{margin-top:16px;text-align:center;border:1px solid #fff;background:#fff;color:#000;padding:16px}.mobile-socials{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.mobile-socials a{font-size:14px;border:0;color:#aaa}.breadcrumbs{padding:94px 4vw 0;color:#858585;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.breadcrumbs+.seo-page,.breadcrumbs+main.seo-page{padding-top:38px}.crumbs-inner{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.breadcrumbs a:hover{color:#fff}.crumb-sep{color:#555}.site-footer{padding:70px 4vw 28px;background:#080808;border-top:1px solid var(--line);display:block;color:#9b9b9b}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:34px}.footer-brand{display:inline-block;color:#fff;font-size:20px;font-weight:800;margin-bottom:14px}.site-footer h3{margin:0 0 14px;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.site-footer p{line-height:1.6;margin:0;color:#aaa}.site-footer a{display:block;margin:0 0 10px;color:#9b9b9b}.site-footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:46px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:13px}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:30;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);background:#fff;color:#000;opacity:0;transform:translateY(14px);pointer-events:none;transition:.28s ease;cursor:pointer}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.article-nav{display:flex;justify-content:space-between;gap:16px;margin-top:54px;padding-top:24px;border-top:1px solid var(--line)}.article-nav a{border-bottom:1px solid rgba(255,255,255,.6)}.site-index-list{columns:2;column-gap:44px;list-style:none;padding:0;margin:40px 0 0}.site-index-list li{break-inside:avoid;margin:0 0 12px}.site-index-list a{border-bottom:1px solid rgba(255,255,255,.3)}.social-gallery-grid{display:block;columns:4 220px;column-gap:12px}.social-gallery-item{break-inside:avoid;margin:0 0 12px;aspect-ratio:auto}.social-gallery-item img{height:auto;object-fit:contain}.case-grid article a,.button,.nav-cv,.mobile-cv{transition:.24s ease}@media(max-width:1050px){.desktop-nav,.nav-cv{display:none}.menu-toggle{display:flex}.site-header{height:68px;padding:0 22px}.brand-wide b{display:none}.breadcrumbs{padding:84px 22px 0}.footer-grid{grid-template-columns:1fr 1fr}.site-footer{padding:54px 22px 24px}}@media(max-width:620px){.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid}.site-index-list{columns:1}.mobile-menu a{font-size:20px}.breadcrumbs{font-size:10px}.back-to-top{right:16px;bottom:16px}}