:root{--bg:#030303;--surface:#121212;--surface-2:#1a1a1a;--line:#252525;--text:#f6f4ee;--muted:#8f8e88;--accent:#ece66d;--orange:#ff9f43;--max:1760px;--side:clamp(20px, 4.4vw, 88px);--display:Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;height:-webkit-fill-available}body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}code{color:var(--accent)}.nav-shell{z-index:20;padding:28px var(--side);background:linear-gradient(#030303db,#03030300);grid-template-columns:auto 1fr;align-items:center;gap:32px;display:grid;position:fixed;top:0;left:0;right:0}.brand{font-family:var(--display);text-transform:uppercase;font-size:clamp(30px,2.2vw,44px);line-height:.85}.nav-links{color:var(--muted);justify-content:center;gap:clamp(18px,2.2vw,42px);font-size:15px;font-weight:800;display:flex}.nav-links a:hover{color:var(--text)}.icon-button{border:1px solid var(--line);background:var(--surface);width:46px;height:46px;color:var(--text);border-radius:50%;place-items:center;display:grid}.hero-section{background:#050505;width:100%;height:100dvh;min-height:-webkit-fill-available;position:relative;overflow:hidden}.hero-section:after{display:none}.hero-video{object-fit:cover;-webkit-object-fit:cover;object-position:center center;z-index:0;width:100%;height:100%;position:absolute;inset:0}.sound-toggle{right:var(--side);z-index:3;width:50px;height:50px;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#0303037a;border:1px solid #ffffff57;border-radius:50%;place-items:center;transition:background .2s,transform .2s,border-color .2s;display:grid;position:absolute;bottom:clamp(26px,4vw,58px)}.sound-toggle:hover{background:#f6f4ee29;border-color:#ffffffb3;transform:scale(1.04)}.hero-content-section{max-width:var(--max);padding:clamp(88px, 10vw, 170px) var(--side);border-bottom:1px solid var(--line);margin:0 auto}.hero-copy{z-index:2;width:100%;max-width:1120px;position:relative}.eyebrow,.section-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;margin:0 0 22px;font-weight:900}h1,h2,h3{letter-spacing:0}.hero-copy h1{max-width:1020px;font-family:var(--display);text-transform:uppercase;margin:0;font-size:clamp(70px,11.5vw,220px);line-height:.82}.hero-subtitle{color:#f6f4eec7;max-width:640px;margin:24px 0 0;font-size:clamp(18px,1.55vw,28px);font-weight:750;line-height:1.26}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:62px;padding:0 26px;font-weight:900;display:inline-flex}.primary-button{background:var(--text);color:#111}.secondary-button{border:1px solid var(--line);color:var(--text);background:var(--surface)}.metric-strip{max-width:var(--max);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.metric-strip div{min-height:210px;padding:34px var(--side);border-right:1px solid var(--line);align-content:end;display:grid}.metric-strip div:last-child{border-right:0}.metric-strip strong{font-family:var(--display);font-size:clamp(58px,8vw,132px);line-height:.8}.metric-strip span{color:var(--muted);text-transform:uppercase;font-weight:800}.section{max-width:var(--max);padding:clamp(88px, 10vw, 180px) var(--side);border-bottom:1px solid var(--line);margin:0 auto}.two-column,.section-head{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:end;gap:clamp(34px,6vw,110px);display:grid}.section h2,.section-head h2,.contact-section h2{font-family:var(--display);text-transform:uppercase;margin:0;font-size:clamp(64px,10vw,188px);line-height:.78}.copy-stack p,.section-head p{color:var(--muted);margin:0 0 22px;font-size:clamp(20px,1.7vw,30px);font-weight:750;line-height:1.3}.service-list{border-top:1px solid var(--line)}.service-row{border-bottom:1px solid var(--line);min-height:190px;color:var(--muted);grid-template-columns:90px 52px minmax(260px,1fr) minmax(260px,.7fr);align-items:center;gap:clamp(18px,3vw,52px);display:grid}.service-row:hover{color:var(--text)}.service-row span{font-family:var(--display);color:#2d2d2d;font-size:clamp(44px,5vw,90px)}.service-row h3{font-family:var(--display);text-transform:uppercase;margin:0;font-size:clamp(42px,6vw,112px);line-height:.82}.service-row p{margin:0;font-size:clamp(17px,1.25vw,23px);font-weight:750;line-height:1.35}.project-grid,.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:58px;display:grid}.project-card,.post-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.project-video-wrap{aspect-ratio:4/5;background:var(--surface-2);position:relative;overflow:hidden}.project-video{object-fit:cover;width:100%;height:100%;display:block}.video-sound-toggle{z-index:2;width:44px;height:44px;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#03030385;border:1px solid #ffffff57;border-radius:50%;place-items:center;transition:background .2s,transform .2s,border-color .2s;display:grid;position:absolute;bottom:18px;right:18px}.video-sound-toggle:hover{background:#f6f4ee29;border-color:#ffffffb8;transform:scale(1.04)}.project-meta{padding:24px}.project-meta h3,.post-card h3{font-family:var(--display);text-transform:uppercase;margin:0;font-size:clamp(32px,3.4vw,62px);line-height:.88}.project-meta span{color:var(--muted);margin-top:12px;font-weight:800;display:block}.poster-heading{font-family:var(--display);text-transform:uppercase;letter-spacing:0;color:var(--text);margin:120px 0 40px;font-size:clamp(52px,8vw,140px);line-height:.82}.poster-grid-portrait{grid-template-columns:repeat(4,1fr);align-items:start;gap:14px;margin-bottom:14px;display:grid}.poster-portrait-card{background:var(--surface-2);border-radius:10px;overflow:hidden}.poster-portrait-card img{width:100%;height:auto;transition:transform .4s;display:block}.poster-portrait-card:hover img{transform:scale(1.03)}.poster-grid-landscape{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.poster-landscape-img{border:1px solid var(--line);border-radius:10px;width:100%;height:auto;transition:opacity .3s;display:block}.poster-landscape-img:hover{opacity:.88}@media (max-width:900px){.poster-grid-portrait,.poster-grid-landscape{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.poster-grid-portrait{grid-template-columns:repeat(2,1fr)}.poster-grid-landscape{grid-template-columns:1fr}}.industry-grid{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin-top:58px;display:grid;overflow:hidden}.industry-card{background:var(--surface);border:1px solid var(--line);cursor:default;flex-direction:column;gap:22px;padding:clamp(32px,3.5vw,52px);transition:background .3s;display:flex;position:relative;overflow:hidden}.industry-card:before{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.industry-card:hover:before{transform:scaleX(1)}.industry-card:after{content:attr(data-num);font-family:var(--display);color:#ffffff0a;pointer-events:none;font-size:130px;line-height:1;transition:color .3s;position:absolute;bottom:-20px;right:16px}.industry-card:hover:after{color:#ece66d17}.industry-card:hover{background:#161616}.industry-icon{font-size:46px;line-height:1;transition:transform .35s;display:block}.industry-card:hover .industry-icon{transform:scale(1.2)rotate(-6deg)}.industry-title{font-family:var(--display);color:var(--text);text-transform:uppercase;letter-spacing:0;margin:0;font-size:clamp(34px,3.2vw,56px);font-weight:900;line-height:.82;transition:color .3s}.industry-card:hover .industry-title{color:var(--accent)}.industry-tags{flex-wrap:wrap;gap:8px;display:flex}.industry-tag{border:1px solid var(--line);color:var(--muted);background:var(--surface-2);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;transition:border-color .25s,color .25s}.industry-card:hover .industry-tag{color:var(--text);border-color:#ece66d38}.process-section{align-items:center;min-height:880px;display:grid}.process-orbit{aspect-ratio:1;text-align:center;border:2px dashed #777;border-radius:50%;place-items:center;width:min(850px,74vw);margin:0 auto;display:grid;position:relative}.process-orbit:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:10%}.process-orbit h2{z-index:1;max-width:620px;position:relative}.process-chip{z-index:2;background:var(--surface-2);font-family:var(--display);text-transform:uppercase;border-radius:999px;padding:24px 34px;font-size:clamp(26px,2.4vw,44px);position:absolute}.chip-1{top:9%;left:-7%}.chip-2{top:20%;right:-10%}.chip-3{bottom:11%;right:1%}.chip-4{bottom:8%;left:-5%}.chip-5{background:var(--accent);color:#111;top:-4%;left:42%}.post-card{align-content:space-between;min-height:310px;padding:30px;display:grid}.post-card svg{color:var(--accent)}.contact-section{max-width:var(--max);padding:clamp(90px, 12vw, 210px) var(--side);text-align:center;justify-items:center;gap:34px;margin:0 auto;display:grid}.contact-section h2{max-width:1000px}@media (max-width:1100px){.nav-links{justify-content:flex-end;gap:14px;font-size:13px;overflow-x:auto}.nav-shell{grid-template-columns:auto 1fr}.metric-strip,.two-column,.section-head,.project-grid,.industry-grid,.post-grid{grid-template-columns:1fr}.metric-strip div{border-right:0;border-bottom:1px solid var(--line)}.service-row{grid-template-columns:70px 42px 1fr}.service-row p{grid-column:3}}@media (max-width:768px){.hero-section{display:none}}@media (max-width:720px){.hero-copy h1{font-size:clamp(72px,22vw,122px)}.hero-actions,.primary-button,.secondary-button{width:100%}.service-row{grid-template-columns:1fr;padding:30px 0}.service-row p{grid-column:auto}.process-section{min-height:720px}.process-orbit{width:92vw}.process-chip{padding:16px 20px}}@media (max-width:560px){.nav-links{display:none}.footer-grid{grid-template-columns:1fr}.footer-hero,.footer-bottom{flex-direction:column;align-items:flex-start}}.site-footer{border-top:3px solid var(--accent);background:#0a0a0a;overflow:hidden}.footer-grid{max-width:var(--max);padding:clamp(44px, 5vw, 72px) var(--side);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,140px);margin:0 auto;display:grid}.footer-hero{max-width:var(--max);padding:clamp(40px, 4.5vw, 64px) var(--side) clamp(36px, 4vw, 56px);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin:0 auto;display:flex}.footer-wordmark{font-family:var(--display);text-transform:uppercase;letter-spacing:0;color:var(--text);font-size:clamp(64px,11vw,188px);line-height:.82;transition:color .3s;display:block}.footer-wordmark:hover{color:var(--accent)}.footer-tagline{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0;padding-bottom:8px;font-size:clamp(16px,1.6vw,26px)}.footer-label{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 22px;font-size:11px;font-weight:900}.footer-nav,.footer-contact{flex-direction:column;gap:14px;display:flex}.footer-nav a,.footer-contact a{color:var(--muted);width:fit-content;font-size:15px;font-weight:700;transition:color .2s}.footer-nav a:hover,.footer-contact a:hover{color:var(--text)}.footer-address{color:var(--muted);font-size:15px;font-style:normal;font-weight:700;line-height:1.75}.footer-bottom{max-width:var(--max);padding:22px var(--side);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;font-size:13px;font-weight:700;display:flex}.footer-bottom a{color:var(--muted);transition:color .2s}.footer-bottom a:hover{color:var(--text)}.blog-page{background:var(--bg);min-height:100svh;color:var(--text)}.blog-nav{z-index:20;padding:24px var(--side);background:linear-gradient(#030303eb,#03030300);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.blog-back{color:var(--muted);align-items:center;gap:8px;font-size:15px;font-weight:800;transition:color .2s;display:inline-flex}.blog-back:hover{color:var(--text)}.blog-hero{max-width:1100px;padding:clamp(130px, 14vw, 200px) var(--side) clamp(64px, 6vw, 100px);border-bottom:1px solid var(--line);margin:0 auto}.blog-meta{align-items:center;gap:18px;margin-bottom:32px;display:flex}.blog-category{background:var(--accent);color:#111;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:900}.blog-read-time{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:700}.blog-title{font-family:var(--display);text-transform:uppercase;letter-spacing:0;margin:0 0 32px;font-size:clamp(52px,8vw,130px);line-height:.82}.blog-intro{max-width:760px;color:var(--muted);margin:0;font-size:clamp(18px,1.6vw,24px);font-weight:750;line-height:1.5}.blog-body{max-width:760px;padding:clamp(64px, 7vw, 110px) var(--side);margin:0 auto}.blog-section{margin-bottom:clamp(48px,5vw,80px)}.blog-section h2{font-family:var(--display);text-transform:uppercase;color:var(--text);margin:0 0 22px;font-size:clamp(28px,3.5vw,52px);line-height:.88}.blog-section p{color:#f6f4eec7;margin:0 0 20px;font-size:clamp(16px,1.2vw,19px);font-weight:450;line-height:1.75}.blog-section p:last-child{margin-bottom:0}.blog-footer{max-width:1100px;padding:clamp(48px, 5vw, 80px) var(--side) clamp(64px, 7vw, 110px);border-top:1px solid var(--line);flex-wrap:wrap;gap:14px;margin:0 auto;display:flex}