/* ============================================
   DESIGN SYSTEM - COLOR & TYPOGRAPHY VARIABLES
   ============================================ */
:root {
  --ink: #11110f;           /* Dark background */
  --cream: #f1eee7;         /* Primary text color */
  --muted: #a9a59c;         /* Secondary text */
  --acid: #c5f36b;          /* Accent color (bright green) */
  --line: rgba(241, 238, 231, 0.16);  /* Subtle borders */
  --sans: "DM Sans", sans-serif;
  --display: "Space Grotesk", sans-serif;
}

/* ============================================
   RESET & BASE STYLES
   ============================================ */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--ink);
  color: var(--cream);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.45;
}

/* Animated noise texture overlay */
.noise {
  position: fixed;
  inset: 0;
  opacity: 0.045;
  pointer-events: none;
  z-index: 10;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ============================================
   LAYOUT & GRID
   ============================================ */
.section-wrap {
  max-width: 1240px;
  margin: auto;
  padding-left: 40px;
  padding-right: 40px;
}.site-header{max-width:1240px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;letter-spacing:-.04em}.brand span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--cream);border-radius:50%;font:600 10px var(--display)}.brand b{font:600 20px var(--display)}.brand b span{border:0;display:inline;color:var(--acid);font-size:inherit}.site-nav{display:flex;align-items:center;gap:36px}.site-nav a,.text-link,.contact-footer a{color:var(--cream);text-decoration:none;font-size:14px}.site-nav a:not(.nav-cta){color:var(--muted)}.site-nav a:hover,.text-link:hover{color:var(--acid)}.nav-cta{border:1px solid var(--line);padding:10px 16px;border-radius:30px}.nav-cta span,.text-link span,.button span,.contact-link span{color:var(--acid);margin-left:9px}.menu-toggle{display:none;background:none;border:0;color:var(--cream)}.hero{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px;padding-top:40px;padding-bottom:80px}.eyebrow{font:500 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 32px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);margin:0 8px 1px 0;box-shadow:0 0 13px var(--acid)}h1,h2{font:500 clamp(3.4rem,7vw,6.8rem)/.92 var(--display);letter-spacing:-.075em;margin:0}h1 em,h2 em{font-style:normal;color:var(--acid)}.intro{color:var(--muted);font-size:17px;max-width:390px;margin:35px 0 32px}.hero-actions{display:flex;align-items:center;gap:28px}.button{border-radius:40px;padding:14px 20px;text-decoration:none;font-size:14px}.button-primary{background:var(--acid);color:var(--ink)}.hero-visual{height:505px;position:relative;display:grid;place-items:center}.portrait{width:min(360px,72%);aspect-ratio:4/5;border-radius:48% 48% 13% 13%;overflow:hidden;transform:rotate(6deg);background:#e0aa76;box-shadow:30px 30px 0 rgba(197,243,107,.11);clip-path:polygon(0 0, 100% 0, 100% 85%, 0 100%)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(100%);mix-blend-mode:multiply}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:470px;height:260px;transform:rotate(-30deg)}.orbit-two{width:280px;height:500px;transform:rotate(38deg);border-color:rgba(197,243,107,.3)}.visual-tag{position:absolute;border:1px solid var(--line);background:rgba(17,17,15,.85);padding:11px 14px;font:11px var(--display);letter-spacing:.05em}.tag-top{top:90px;right:3%}.tag-top span{color:var(--acid);font-size:18px;margin-left:16px}.tag-bottom{bottom:50px;left:7%;color:var(--muted)}.tag-bottom strong{color:var(--acid);font-size:25px;line-height:1}.signal-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.signal-inner{display:flex;align-items:center;gap:50px;padding-top:19px;padding-bottom:19px;white-space:nowrap}.signal-inner>span{color:var(--muted);font-size:12px}.marquee{display:flex;align-items:center;gap:32px;font:600 13px var(--display);letter-spacing:.1em}.marquee i{font-style:normal;color:var(--acid);font-size:20px}.work{padding-top:145px;padding-bottom:150px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:68px}.section-heading .eyebrow{margin-bottom:22px}.section-heading h2,.about h2{font-size:clamp(3rem,6vw,6rem)}.heading-note{max-width:270px;color:var(--muted);font-size:14px;margin:0 0 7px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:70px 24px}.project{color:var(--cream);text-decoration:none}.project-wide{grid-column:1/-1}.project-image{position:relative;overflow:hidden;min-height:360px;display:grid;place-items:center}.project-wide .project-image{min-height:470px}.image-finance{background:#c7d8b7}.image-studio{background:#e5a090}.image-orbit{background:#7772d8}.image-icd{background:#2c3e50}.image-icd img{width:100%;height:100%;object-fit:cover}.image-spatial{background:#1a1a1a}.image-spatial video{width:100%;height:100%;object-fit:cover;display:block}.project-number{position:absolute;top:22px;left:24px;color:var(--ink);font:12px var(--display)}.mock-card{background:#19251d;color:#e2f6dd;width:min(410px,65%);padding:28px;box-shadow:20px 25px 0 rgba(17,17,15,.12);transform:rotate(-5deg)}.mock-card small{font-size:10px;letter-spacing:.15em;color:#9ab89a}.mock-card strong{display:block;font:500 clamp(2rem,5vw,4.5rem) var(--display);letter-spacing:-.08em;margin:42px 0 25px}.mock-card strong span{font-size:.45em}.chart{height:62px;display:flex;align-items:end;gap:6px;border-bottom:1px solid #769477}.chart i{display:block;flex:1;background:var(--acid);height:30%;border-radius:4px 4px 0 0}.chart i:nth-child(2){height:45%}.chart i:nth-child(3){height:25%}.chart i:nth-child(4){height:68%}.chart i:nth-child(5){height:53%}.chart i:nth-child(6){height:86%}.chart i:nth-child(7){height:100%}.studio-word{font:600 clamp(2rem,5vw,5rem)/.8 var(--display);color:#25191a;letter-spacing:-.1em;transform:rotate(-8deg)}.studio-word em{font-weight:400;color:#ffe2cb}.orbit-mark{font-size:14rem;line-height:1;color:#29245e}.orbit-label{position:absolute;bottom:35px;right:35px;color:#dcd5ff;font:600 17px var(--display);text-transform:uppercase;line-height:.9}.project-meta{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.project-meta h3{font:500 20px var(--display);margin:0 0 5px;letter-spacing:-.04em}.project-meta p{margin:0;color:var(--muted);font-size:12px}.arrow{font-size:24px;color:var(--acid)}.project:hover .project-image{transform:scale(.98);transition:transform .3s}.about{border-top:1px solid var(--line);padding-top:35px;padding-bottom:150px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:40px}.about-grid>div{padding-top:12px;max-width:430px;color:var(--muted)}.large-copy{font:500 25px/1.2 var(--display);color:var(--cream);letter-spacing:-.04em;margin:0 0 22px}.about-grid .text-link{display:inline-block;margin-top:27px}.facts{display:flex;gap:clamp(25px,10vw,150px);margin-top:100px;padding-top:25px;border-top:1px solid var(--line)}.facts div{display:flex;align-items:start;gap:15px}.facts strong{font:500 38px var(--display);color:var(--acid);letter-spacing:-.08em}.facts span{font-size:12px;color:var(--muted);padding-top:6px}.contact{border-top:1px solid var(--line);padding-top:35px;padding-bottom:30px}.contact h2{font-size:clamp(3.6rem,9vw,9rem);margin:55px 0 65px}.contact-link{font:500 clamp(1.4rem,3vw,2.5rem) var(--display);letter-spacing:-.05em;color:var(--cream);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:15px}.contact-link:hover{color:var(--acid)}.contact-footer{display:flex;justify-content:space-between;padding-top:90px;color:var(--muted);font-size:12px}.contact-footer div{display:flex;gap:25px}.contact-footer a{color:var(--muted)}.journey{border-top:1px solid var(--line);padding-top:60px;padding-bottom:60px}.journey>h2{font-size:clamp(2.4rem,7vw,7rem);margin:30px 0 60px;line-height:1.15}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.journey-card{display:flex;flex-direction:column;gap:30px;border:1px solid var(--line);border-radius:12px;padding:40px;background:rgba(241,238,231,0.02);transition:all 0.3s ease}.journey-card:hover{border-color:var(--acid);background:rgba(197,243,107,0.04)}.journey-image{width:100%;height:300px;border-radius:8px;overflow:hidden;margin-bottom:10px}.journey-image img{width:100%;height:100%;object-fit:cover}.journey-image-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.journey-image-gallery img{width:100%;height:220px;border-radius:8px;object-fit:cover}.journey-content h3{font-size:24px;margin:0 0 15px 0;color:var(--acid);font-weight:600}.journey-content p{margin:0 0 15px 0;font-size:15px;line-height:1.6;color:rgba(241,238,231,0.85)}.journey-content p:last-of-type{margin-bottom:25px}.journey-tags{display:flex;flex-wrap:wrap;gap:12px}.journey-tags span{display:inline-block;padding:8px 16px;background:rgba(197,243,107,0.1);border:1px solid rgba(197,243,107,0.3);border-radius:20px;font-size:12px;color:var(--acid);font-weight:500}@media(max-width:700px){.section-wrap{padding-left:22px;padding-right:22px}.site-header{padding:20px 22px}.menu-toggle{display:block;font:500 13px var(--display);padding:8px}.menu-toggle i{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-left:7px}.site-nav{display:none;position:absolute;top:70px;left:22px;right:22px;padding:20px;background:var(--ink);border:1px solid var(--line);z-index:5;flex-direction:column;align-items:start}.site-nav.open{display:flex}.journey-grid{grid-template-columns:1fr;gap:30px}.journey-card{padding:25px}.journey-image{height:250px}.journey-image-gallery{grid-template-columns:1fr;gap:10px}.journey-image-gallery img{height:200px}.journey-content h3{font-size:20px}.hero{display:block;min-height:0;padding-top:75px;padding-bottom:80px}.hero-visual{height:400px;margin-top:60px}.orbit{width:350px}.orbit-two{height:390px}.tag-top{right:0}.tag-bottom{left:0}.signal-inner{gap:20px}.marquee{gap:18px;font-size:11px}.work{padding-top:90px;padding-bottom:100px}.section-heading{display:block;margin-bottom:48px}.heading-note{margin-top:30px}.projects{display:block}.project{display:block;margin-bottom:55px}.project-image,.project-wide .project-image{min-height:320px}.about{padding-bottom:100px}.about-grid{display:block}.about-grid>div{margin-top:35px}.facts{gap:18px;justify-content:space-between;margin-top:65px}.facts div{display:block}.facts strong{font-size:30px;display:block}.contact h2{margin:45px 0}.contact-footer{display:block;padding-top:65px}.contact-footer div{margin-top:20px;gap:15px}.contact-footer a{font-size:11px}}