/* Original LRCrea immersive direction, inspired by nk.studio's spatial approach. */
:root { --lr-paper:#edf0e8; --lr-ink:#080c09; --lr-green:#b4e300; --lr-muted:#a9b2a4; --lr-gutter:clamp(24px,7.8vw,144px); }
.site-header,.site-header.is-sticky { background:rgb(5 9 6 / .9); color:var(--lr-paper); backdrop-filter:blur(16px); }
.site-header > div { max-width:none; padding-inline:clamp(24px,3.7vw,70px); height:96px; }
.site-header > div::after { background:#ffffff12; left:0; right:0; }
.site-header > div > div:first-child img { content:normal; width:132px; }
.site-header > div > nav { height:96px; }
.site-header > div > nav > a,.site-header > div > nav > div > a,.site-header > div > nav [aria-current=page] { color:#edf0e8; }
.site-header > div > nav > a:hover,.site-header > div > nav > div > a:hover { color:var(--lr-accent); }
.site-header > div > a { border:0; border-radius:0; border-bottom:1px solid #94a084; color:var(--lr-paper); padding:10px 0; }
.site-header > div > a:hover { background:transparent; color:var(--lr-accent); }
.site-header [data-menu-button] { color:var(--lr-paper); border-color:#ffffff32; }
.site-header [data-mobile-menu] { top:96px; }
.home-agency { background:#080c09; color:var(--lr-paper); }
#app .home-agency :is(a,button):focus-visible,#app .site-header :is(a,button):focus-visible { outline-color:var(--lr-accent); }
.home-agency .home-hero { position:relative; display:flex; min-height:900px; min-height:max(790px,100svh); padding-top:168px; padding-bottom:152px; align-items:center; background:#050906; overflow:hidden; isolation:isolate; }
.home-hero::before { display:none; }
.home-hero::after { content:''; position:absolute; left:clamp(18px,4.8vw,88px); top:0; bottom:0; width:1px; background:#ffffff0c; pointer-events:none; }
.home-hero > .relative.mx-auto { display:block; z-index:1; width:100%; max-width:1520px; }
.home-hero-copy { display:block; max-width:780px; }
.home-hero .home-kicker { color:#bac4b4; font-size:10px; letter-spacing:.18em; margin:0 0 32px; }
.home-hero h1 { font-size:clamp(62px,6vw,102px); line-height:1.04; font-weight:400; max-width:13.8ch; letter-spacing:-.055em; }
.lr-title-lead { color:#edf0e8; }
.lr-title-line { color:var(--lr-accent); }
.home-hero .home-outline { color:inherit; }
.home-hero-copy > p:not(.home-kicker) { color:#b5c0ae; font-size:16px; line-height:1.8; max-width:48ch; margin-top:28px; }
.home-hero-copy > div { display:flex; flex-direction:row; flex-wrap:wrap; gap:28px; margin-top:32px; align-items:center; }
.home-hero .home-button-primary { border:0; border-bottom:1px solid #93a37d; border-radius:0; padding:10px 0; color:#edf0e8; gap:20px; }
.home-hero .home-button-primary:hover { background:transparent; border-color:var(--lr-accent); color:var(--lr-accent); }
.home-hero .home-button-primary span { background:transparent; color:var(--lr-accent); font-size:24px; }
.home-hero .home-button-ghost { color:#bac4b4; }
.home-hero .home-button-ghost:hover { color:var(--lr-accent); }
.lr-scene { position:absolute; z-index:0; width:82%; height:100%; top:0; right:-15%; pointer-events:none; overflow:hidden; mask-image:linear-gradient(to right,transparent,black 23%,black 90%,transparent); }
.lr-scene-canvas { width:100%; height:100%; display:block; }
.lr-scene-fallback { position:absolute; top:24%; left:24%; width:52%; height:52%; border:2px solid #b4e390; border-radius:50%; transform:rotate(-30deg) scaleX(.7); box-shadow:0 0 70px #b4e318,inset 0 0 55px #b4e314; }
.lr-scene-ready .lr-scene-fallback { display:none; }
.lr-hero-meta { position:absolute; bottom:32px; left:var(--lr-gutter); right:var(--lr-gutter); z-index:2; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #ffffff18; padding-top:20px; }
.lr-hero-meta .home-scroll-cue { position:static; inset:auto; display:flex; transform:none; translate:none; color:#bac4b4; font-size:10px; }
.lr-hero-meta .home-scroll-cue i { color:var(--lr-accent); border-color:#ffffff24; }
.lr-hero-meta .lr-motion-toggle { position:static; min-height:44px; color:#bac4b4; border-color:#ffffff30; padding:8px 0; background:transparent; }
.home-agency > section.lr-showreel-section:not(.home-hero) { padding:32px var(--lr-gutter) 56px; background:#080c09; }
.lr-showreel-section .home-hero-stage { max-width:1520px; margin:auto; }
.lr-showreel-section .home-hero-card { aspect-ratio:2; }
.lr-showcase .home-hero-card > span { background:#080c09e8; color:#edf0e8; border-radius:0; padding:12px 16px; }
.lr-showcase-controls { border-color:#ffffff24; }
.lr-showcase-tab,.lr-showcase-tab small { color:#adb6a7; }
.lr-showcase-tab[aria-pressed=true] { color:#edf0e8; }
.lr-showcase .home-orbit-label { border-color:#ffffff24; }
.lr-showcase .home-orbit-label strong { color:var(--lr-accent); }
.lr-showcase .home-orbit-label span { color:#adb6a7; }
.home-ticker { background:#080c09; color:#98a391; border-color:#ffffff18; padding-block:24px; }
.home-ticker i { color:var(--lr-accent); }
.home-agency > section.bg-\[\#f1f0e9\] { background:#080c09; color:#edf0e8; }
.home-agency #vision > div { grid-template-columns:minmax(0,.38fr) minmax(0,1.62fr); }
.home-agency #vision h2 { color:#edf0e8; font-size:clamp(38px,4vw,66px); }
.home-underline { color:var(--lr-accent); font-weight:400; }
.home-agency #vision .grid p,.home-agency #vision p:not(:first-child) { color:#a9b2a4; }
.home-agency #vision a { color:#edf0e8; }
.home-agency #vision .border-t { border-color:#ffffff24; }
.home-agency .text-night\/42 { color:#a9b2a4; }
.home-agency > section:has(.home-projects) { border-color:#ffffff18; }
.home-agency > section:has(.home-projects) .home-button { color:#edf0e8; border-color:#69765f; border-radius:0; }
.home-projects { grid-template-columns:repeat(12,minmax(0,1fr)); gap:88px 40px; }
.home-project { grid-column:span 6; }
.home-project:first-child { grid-column:1/-1; }
.home-project:first-child .home-project-visual { aspect-ratio:2; }
.home-project:nth-child(3) { padding-top:128px; }
.home-project:last-child { grid-column:1/-1; width:82%; justify-self:end; }
.home-project:last-child .home-project-visual { aspect-ratio:1.8; }
.home-project a > div:last-child { order:0; display:flex; justify-content:space-between; align-items:baseline; margin:22px 0 0; }
.home-project h3 { color:#edf0e8; }
.home-agency .home-project p { color:#a9b2a4; font-size:12px; max-width:28ch; text-align:right; }
.home-project-open { background:var(--lr-accent); color:#080c09; }
.home-agency > section:has(.home-services) { background:#111a12; }
.home-agency > section:has(.home-services) h2 { color:#edf0e8; }
.home-service h3 { color:#edf0e8; }
.home-agency :is(.text-white\/50,.text-white\/32,.text-white\/60) { color:#a9b2a4; }
.home-service,.home-services { border-color:#ffffff24; }
.home-agency > section:has(.home-step) { background:#080c09; }
.home-agency > section:has(.home-step) :is(.border-t,.home-step) { border-color:#ffffff24; }
.home-step h3 { color:#edf0e8; }
.home-cta { background:var(--lr-accent); }
.home-cta h2 { color:#080c09; }
.home-cta .home-button { border-radius:0; }
#app .home-agency .home-cta :is(a,button):focus-visible { outline-color:#080c09; }
.home-agency > section.lrcrea-seo-resources { padding-block:80px; background:#111a12; color:#edf0e8; }
.home-agency .lrcrea-seo-resources h2 { color:#edf0e8; }
.home-agency .lrcrea-seo-resources p { color:#a9b2a4; }
.home-agency .lrcrea-seo-resources a { color:#b4e300; }
.home-agency .lrcrea-seo-resources li { border-color:#ffffff24; border-radius:0; }
#app > footer { background:#050906; }
@media (max-width:1100px) {
  .home-hero h1 { font-size:clamp(60px,7.2vw,82px); max-width:13ch; }
  .home-hero-copy { max-width:640px; }
  .lr-scene { width:100%; right:-27%; opacity:.75; }
  .home-agency #vision > div { grid-template-columns:1fr; }
}
@media (max-width:767px) {
  .home-agency .home-hero { min-height:850px; min-height:max(790px,100svh); padding-top:138px; padding-bottom:136px; align-items:flex-start; }
  .home-hero h1 { font-size:clamp(48px,10.8vw,72px); max-width:12ch; }
  .home-hero .home-kicker { margin-bottom:28px; font-size:9px; letter-spacing:.1em; }
  .home-hero-copy > p:not(.home-kicker) { font-size:15px; max-width:42ch; margin-top:26px; }
  .home-hero-copy > div { gap:16px; margin-top:26px; }
  .lr-scene { width:150%; height:75%; top:22%; right:-68%; opacity:.45; mask-image:linear-gradient(to right,transparent,black 38%); }
  .lr-hero-meta { bottom:24px; padding-top:12px; }
  .home-agency > section.lr-showreel-section:not(.home-hero) { padding-top:24px; padding-bottom:28px; }
  .lr-showreel-section .home-hero-card { aspect-ratio:1.38; }
  .lr-showcase .home-orbit-label { margin-top:8px; }
  .home-projects { grid-template-columns:1fr; gap:52px; }
  .home-project,.home-project:first-child,.home-project:last-child { grid-column:auto; width:100%; }
  .home-project:nth-child(3) { padding-top:0; }
  .home-project:first-child .home-project-visual,.home-project:last-child .home-project-visual { aspect-ratio:1.4; }
  .home-project a > div:last-child { flex-direction:column; align-items:flex-start; margin-top:18px; }
  .home-agency .home-project p { text-align:left; max-width:none; }
}
@media (max-width:639px) {
  .site-header > div { height:80px; }
  .site-header [data-mobile-menu] { top:80px; }
  .home-agency #vision h2 { font-size:clamp(32px,8.2vw,46px); }
}