:root{--bg:#07111f;--surface:#0c1726;--text:#f3f4f1;--muted:#a8b1bd;--line:rgba(243,244,241,.14);--strong:rgba(243,244,241,.3);--accent:#ffd21a;--max:1320px;--ease:cubic-bezier(.22,.9,.2,1)}:root[data-theme=light]{--bg:#f4efe2;--surface:#faf6eb;--text:#12231d;--muted:#5b665f;--line:rgba(18,35,29,.14);--strong:rgba(18,35,29,.3);--accent:#d2a900}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden;transition:.5s}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;background:radial-gradient(circle at 78% 0%,rgba(255,210,26,.08),transparent 27%),var(--bg)}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:82px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:20px;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid transparent;transition:.4s var(--ease)}.site-header.scrolled{background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--line)}.brand img{width:130px;display:block;filter:drop-shadow(0 8px 20px rgba(0,0,0,.22))}nav{display:flex;justify-content:center;gap:clamp(14px,2.1vw,32px)}nav a,.header-cta,.theme-toggle{font-size:11px;letter-spacing:.13em;text-transform:uppercase}nav a{color:var(--muted);transition:.2s}nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle,.menu-toggle{border:1px solid var(--line);background:transparent;color:var(--text)}.theme-toggle{display:flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px}.theme-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}.header-cta{border:1px solid var(--strong);padding:11px 14px}.menu-toggle{display:none;width:40px;height:40px;border-radius:50%}.menu-toggle span{display:block;width:16px;height:1px;background:var(--text);margin:4px auto}.section,.section-grid{width:min(var(--max),calc(100% - 40px));margin:0 auto}.section{padding:clamp(90px,11vw,170px) 0}.section-grid{display:grid;grid-template-columns:1fr 1fr}.hero{min-height:100svh;padding-top:140px;align-items:center;gap:clamp(30px,5vw,90px)}.hero-copy{padding:50px 0 60px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.eyebrow span{width:24px;height:1px;background:var(--accent);display:inline-block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,7.5vw,122px);line-height:.88;letter-spacing:-.065em;font-weight:650;max-width:900px;margin:28px 0}h1 em,h2 em{font-style:normal;color:var(--accent)}.hero-lead{color:var(--muted);max-width:590px;font-size:clamp(16px,1.35vw,20px);line-height:1.6}.hero-actions{display:flex;gap:24px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:0 20px;border:1px solid var(--strong);font-size:11px;text-transform:uppercase;letter-spacing:.14em;transition:.3s var(--ease)}.button:hover{transform:translateY(-3px);border-color:var(--accent)}.button.primary{background:var(--accent);color:#10130d;border-color:var(--accent);font-weight:700}.button.text{border-color:transparent;padding-left:0}.hero-meta{display:flex;gap:26px;margin-top:55px;font-size:9px;letter-spacing:.18em;color:var(--muted);flex-wrap:wrap}.hero-visual{min-height:690px;position:relative;display:grid;place-items:center;isolation:isolate}.visual-grid{position:absolute;inset:8% 0 8% 5%;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 72%);mask-image:radial-gradient(circle at center,#000,transparent 72%);opacity:.32}.hero-art{position:relative;width:min(92%,700px);mix-blend-mode:screen;animation:float 9s ease-in-out infinite}.orbital{position:absolute;border:1px solid var(--strong);border-radius:50%;transform:rotate(-18deg)}.orbital-a{width:80%;height:35%;animation:spin 24s linear infinite}.orbital-b{width:65%;height:55%;transform:rotate(58deg);animation:spinrev 32s linear infinite}.orbital-c{width:45%;height:78%;transform:rotate(80deg);animation:spin 40s linear infinite}.orbit-label{position:absolute;font-size:9px;letter-spacing:.18em;color:var(--muted);border:1px solid var(--line);padding:7px 9px;background:var(--bg)}.label-a{top:18%;right:5%}.label-b{bottom:21%;left:0}.label-c{top:42%;right:0}.hero-scanline{position:absolute;width:1px;height:75%;background:linear-gradient(transparent,var(--accent),transparent);opacity:.45;animation:scan 6s ease-in-out infinite}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:55px;align-items:end}.section-intro p,.portfolio-note{max-width:500px;color:var(--muted);line-height:1.7;margin:0}h2{font-size:clamp(48px,6.5vw,100px);line-height:.92;letter-spacing:-.06em;font-weight:600;margin:20px 0}.service-grid,.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card,.project-card,.person-card{border:1px solid var(--line);background:linear-gradient(140deg,var(--surface),transparent);overflow:hidden;transition:.45s var(--ease)}.service-card:hover,.project-card:hover,.person-card:hover{transform:translateY(-7px);border-color:var(--accent)}.service-image{height:260px;position:relative;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:.7s var(--ease)}.service-card:hover img{transform:scale(1.06);filter:saturate(1)}.service-image span,.person-image span{position:absolute;left:16px;bottom:16px;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);padding:7px 9px;font-size:9px;letter-spacing:.15em}.service-card-copy{padding:24px;position:relative;min-height:210px}.service-kicker,.project-type,.role{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}.service-card h3{font-size:25px;letter-spacing:-.04em;font-weight:500;margin:14px 0 12px}.service-card-copy>p:last-of-type,.project-card>p:last-of-type{color:var(--muted);line-height:1.6;font-size:13px}.card-arrow{position:absolute;right:20px;top:20px;font-size:22px;color:var(--accent)}.section-caption{margin:27px 0 0;color:var(--accent);font-size:11px;letter-spacing:.17em;text-transform:uppercase}.about-section{display:grid;grid-template-columns:150px 1fr;gap:55px;border-top:1px solid var(--line)}.about-mark{font-size:clamp(65px,9vw,140px);line-height:.8;color:var(--accent);letter-spacing:-.1em}.about-content h2{max-width:1000px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1000px;margin:55px 0 30px}.about-columns p,.about-bottom{color:var(--muted);line-height:1.75;font-size:16px}.about-bottom{max-width:720px}.why-block{grid-column:2;margin-top:75px}.reason-list{border-top:1px solid var(--line);margin-top:25px}.reason{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.reason>span,.project-number{color:var(--accent);font-size:10px}.reason h3{font-size:16px;margin:0 0 8px}.reason p{margin:0;color:var(--muted);line-height:1.55;font-size:13px}.portfolio-section,.team-section,.contact-section{border-top:1px solid var(--line)}.portfolio-note{margin:-25px 0 35px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.project-card{padding:25px;min-height:250px;position:relative}.project-card h3{font-size:22px;font-weight:500;letter-spacing:-.03em;max-width:430px;margin:18px 0 12px}.project-card>p:last-of-type{max-width:540px;margin-bottom:0}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.person-image{height:350px;position:relative;overflow:hidden;background:var(--surface)}.person-image img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:grayscale(1) contrast(1.08);transition:.8s var(--ease)}.person-card:hover .person-image img{transform:scale(1.04);filter:grayscale(.15)}.person-copy{padding:28px}.person-copy h3{font-size:34px;margin:0 0 5px;letter-spacing:-.04em}.role{color:var(--accent)}.person-copy>p:last-child{color:var(--muted);line-height:1.65;font-size:13px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);align-items:start}.contact-details{max-width:520px;margin-top:55px;border-top:1px solid var(--line)}.contact-details p{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:16px 0;margin:0;border-bottom:1px solid var(--line);color:var(--muted);line-height:1.5}.contact-details p span{color:var(--text);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.contact-details a:hover{color:var(--accent)}.contact-form{border-top:1px solid var(--line);padding-top:5px}.contact-form label{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:17px 0;border-bottom:1px solid var(--line)}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:12px 0 0;resize:vertical}.contact-form option{background:var(--bg)}.contact-form .button{margin-top:25px}.footer{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:70px 0 28px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr 1fr 1.25fr 1.25fr;gap:45px}.footer-brand img{width:150px}.footer-brand p{max-width:250px;color:var(--muted);line-height:1.65;font-size:13px;margin-top:20px}.footer h3{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:0 0 20px}.footer>div:not(.footer-brand):not(.footer-bottom) a{display:block;font-size:12px;margin:0 0 12px}.footer a:hover{color:var(--accent)}.socials{display:flex!important;gap:10px;margin-top:20px}.socials a{border:1px solid var(--line);width:28px;height:28px;display:grid!important;place-items:center;margin:0!important}.footer-bottom{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.15em}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinrev{to{transform:rotate(-360deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes scan{0%,to{transform:translateY(-20%);opacity:0}25%,75%{opacity:.5}50%{transform:translateY(20%);opacity:.25}}@media(max-width:980px){.site-header{grid-template-columns:140px 1fr auto}nav{position:absolute;top:82px;left:18px;right:18px;padding:18px;background:var(--surface);border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.3s var(--ease)}nav.open{opacity:1;transform:none;pointer-events:auto}nav a{padding:14px 10px;border-bottom:1px solid var(--line)}.menu-toggle{display:block}.header-cta{display:none}.hero,.section-grid,.contact-section{grid-template-columns:1fr}.hero{padding-top:125px}.hero-visual{min-height:500px;order:2}.section-intro{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.about-section{grid-template-columns:1fr}.why-block{grid-column:1}.about-columns{grid-template-columns:1fr;gap:20px}.team-grid,.portfolio-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}.footer-bottom{grid-column:1/-1}.contact-section{gap:60px}}@media(max-width:620px){.site-header{height:70px;padding:0 16px;grid-template-columns:110px 1fr auto}.brand img{width:105px}.theme-toggle{padding:7px 9px}.theme-toggle span:last-child{display:none}nav{top:70px}.section,.footer{width:min(var(--max),calc(100% - 28px));padding:90px 0}.hero{min-height:auto;padding-top:105px}h1{font-size:clamp(48px,15vw,72px)}h2{font-size:clamp(44px,14vw,68px)}.hero-visual{min-height:390px}.orbit-label{font-size:7px}.service-grid{grid-template-columns:1fr}.service-image{height:230px}.about-columns{margin-top:35px}.why-block{margin-top:55px}.contact-details p{grid-template-columns:80px 1fr}.footer{grid-template-columns:1fr 1fr;gap:35px 18px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.person-image{height:280px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
