:root{--font-display:"Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--page:#252729;--ink:#f4f6f7;--muted:#96a0a4;--line:#ffffff0f;--panel:#050a0d;--accent:#63c8df;--accent-deep:#153443;--accent-mid:#286169;--accent-soft:#3b7885;--accent-glow:#63c8df26;--card-bg:#0b1114;--card-border:#ffffff14;--input-bg:#0c1216}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page);min-height:100vh}body{background:var(--page);width:100%;min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.55}h1,h2,h3,h4,h5,h6,.hero-heading,.page-title,.brand-logo,.impact-link,.section-title,.specs-title,.timeline-heading,.project-title{font-family:var(--font-display)}a{color:inherit;text-decoration:none;transition:color .2s cubic-bezier(.16,1,.3,1)}button{font-family:inherit}.site-shell{background:var(--panel);flex-direction:column;width:100%;max-width:none;min-height:100vh;margin:0;display:flex;position:relative;overflow-x:clip}.page-container{width:100%;max-width:1200px;margin:0 auto;padding:60px 32px 80px}@media (width<=760px){.page-container{padding:40px 22px 60px}}.section-tag{color:var(--accent);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:900;display:inline-flex}.section-tag .tag-code{color:var(--accent-soft);font-size:13px}.page-title{text-transform:uppercase;color:var(--ink);margin:0 0 16px;font-size:clamp(32px,4vw,56px);font-weight:900;line-height:1.1}.page-title strong{color:var(--accent);font-style:normal}.page-description{color:var(--muted);max-width:680px;margin:0 0 48px;font-size:clamp(16px,1.8vw,20px);line-height:1.6}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-deep);color:var(--accent)}body.light-theme{--page:#d6dade;--panel:#f1f4f7;--ink:#070c11;--muted:#465054;--line:#00000012;--card-bg:#fff;--card-border:#00000017;--input-bg:#e9eff1;--accent:#156d80;--accent-deep:#d8edf1;--accent-mid:#1b7a8f;--accent-soft:#2b8b9f;--accent-glow:#156d802e}body.light-theme .page-title{color:#070c11}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#050a0dd9;height:70px;position:sticky;top:0}@media (width<=760px){.topbar{height:64px}}.topbar-inner{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:0 32px;display:grid}@media (width<=760px){.topbar-inner{grid-template-columns:1fr auto;padding:0 22px}}.brand{color:var(--ink);letter-spacing:.5px;justify-self:start;align-items:center;gap:4px;font-size:20px;font-weight:900;line-height:1;transition:color .2s cubic-bezier(.16,1,.3,1);display:flex}.brand .brand-dot,.brand:hover{color:var(--accent)}@media (width<=430px){.brand{font-size:17px}}.nav-links{text-transform:uppercase;align-items:center;gap:44px;display:flex}@media (width<=980px){.nav-links{gap:28px}}@media (width<=760px){.nav-links{display:none}}.nav-links a{letter-spacing:.05em;color:var(--muted);padding:4px 0;font-size:14px;font-weight:700;transition:color .2s cubic-bezier(.16,1,.3,1);position:relative}.nav-links a:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:2px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.topbar-actions{justify-self:end;align-items:center;gap:12px;display:flex}.social-btn{border:1px solid var(--card-border);background:var(--input-bg);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:border-color .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.social-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.social-btn:active{transform:scale(.92)}.social-btn .social-icon{transition:transform .2s cubic-bezier(.16,1,.3,1);display:block}@media (width<=430px){.social-btn{display:none}}.theme-toggle{border:1px solid var(--card-border);background:var(--input-bg);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:border-color .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.theme-toggle:active{transform:scale(.92)}.theme-toggle .theme-icon{transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s;position:absolute}.theme-toggle .moon-icon{opacity:1;color:var(--accent);transform:rotate(0)scale(1)}.theme-toggle .sun-icon{opacity:0;color:var(--accent);transform:rotate(90deg)scale(.4)}body.light-theme .topbar{background:#f1f4f7e0}body.light-theme .theme-toggle .moon-icon{opacity:0;transform:rotate(-90deg)scale(.4)}body.light-theme .theme-toggle .sun-icon{opacity:1;transform:rotate(0)scale(1)}.lang-toggle{border:1px solid var(--card-border);background:var(--input-bg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:4px;width:72px;height:28px;padding:0;font-family:inherit;font-size:12px;font-weight:800;transition:border-color .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.lang-toggle:hover{border-color:var(--accent)}.lang-toggle span{color:var(--muted);transition:color .2s cubic-bezier(.16,1,.3,1)}.lang-toggle span.active{color:var(--accent)}.lang-toggle .lang-separator{color:var(--line);font-weight:400}.mobile-nav-toggle{color:var(--ink);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;display:none}@media (width<=760px){.mobile-nav-toggle{display:block}}.mobile-menu{opacity:0;background:var(--panel);border-bottom:1px solid var(--line);z-index:9;flex-direction:column;gap:16px;padding:20px 22px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);display:none;position:absolute;top:64px;left:0;right:0;transform:translateY(-8px)}.mobile-menu.open{opacity:1;display:flex;transform:translateY(0)}.mobile-menu a{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:15px;font-weight:700;transition:color .2s cubic-bezier(.16,1,.3,1)}.mobile-menu a.active,.mobile-menu a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--line);background:var(--panel);margin-top:auto;padding:36px 32px 20px}@media (width<=760px){.site-footer{padding:20px 22px 16px}}.footer-content{grid-template-columns:2fr 1fr 1fr;align-items:start;gap:28px;max-width:1200px;margin:0 auto;display:grid}@media (width<=760px){.footer-content{grid-template-columns:1fr;gap:20px}}.footer-brand .footer-logo{color:var(--ink);margin-bottom:6px;font-size:18px;font-weight:900;display:inline-block}.footer-brand .footer-logo span{color:var(--accent)}.footer-brand p{color:var(--muted);max-width:360px;margin:0;font-size:13px;line-height:1.45}.footer-nav h4{text-transform:uppercase;color:var(--ink);letter-spacing:.8px;margin:0 0 10px;font-size:12px;font-weight:900}.footer-nav ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.footer-nav ul a,.footer-nav ul span{color:var(--muted);font-size:13px;font-weight:600;line-height:1.3}.footer-nav ul a:hover,.footer-nav ul span:hover{color:var(--accent)}.footer-bottom{max-width:1200px;color:var(--muted);text-align:center;justify-content:center;align-items:center;margin:28px auto 0;padding-top:0;font-size:12px;display:flex}.hero{flex:1;justify-content:space-between;align-items:center;min-height:calc(100vh - 70px);display:flex;position:relative;overflow:hidden}@media (width<=760px){.hero{flex-direction:column;align-items:flex-start;min-height:auto;padding:30px 0 60px}}.hero-copy{z-index:5;width:clamp(480px,44vw,680px);max-width:calc(100% - 48px);padding:clamp(50px,6vw,100px) 0 38px clamp(32px,4.1vw,64px);position:relative}@media (width<=980px){.hero-copy{width:clamp(440px,46vw,580px);padding:50px 0 32px 32px}}@media (width<=760px){.hero-copy{width:min(100%,480px);max-width:calc(100vw - 44px);padding:20px 22px}}.eyebrow{color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin:0 0 14px;font-size:clamp(12px,1.2vw,14px);font-weight:900;line-height:1;display:inline-block}@media (width<=760px){.eyebrow{margin-bottom:12px}}h1.hero-heading{max-width:640px;color:var(--ink);text-transform:uppercase;margin:0;font-size:clamp(28px,3.2vw,50px);font-weight:900;line-height:1.08}h1.hero-heading span,h1.hero-heading strong{white-space:nowrap;display:block}@media (width<=760px){h1.hero-heading span,h1.hero-heading strong{white-space:normal}}h1.hero-heading strong{color:var(--accent);font-style:normal}@media (width<=760px){h1.hero-heading{font-size:clamp(26px,6.8vw,34px)}}.intro{width:min(100%,540px);color:var(--muted);margin:18px 0 28px;font-size:clamp(14px,1.15vw,17px);font-weight:500;line-height:1.6}.intro span{display:block}@media (width<=760px){.intro span{display:inline}.intro{margin:16px 0 24px;font-size:14px}}.hero-actions{align-items:center;gap:16px;display:flex}.impact-link{background:var(--ink);height:44px;color:var(--panel);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:13px;font-weight:900;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.impact-link:hover{background:var(--accent);color:#050a0d;transform:translateY(-2px)}@media (width<=760px){.impact-link{height:44px;padding:0 18px;font-size:12px}}.secondary-action{border:1px solid var(--card-border);background:var(--card-bg);height:44px;color:var(--ink);text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;padding:0 20px;font-size:13px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.secondary-action:hover{border-color:var(--accent);color:var(--accent)}@media (width<=760px){.secondary-action{height:44px;padding:0 16px;font-size:12px}}.hero-visual{pointer-events:none;justify-content:center;align-items:center;width:clamp(480px,56vw,920px);height:100%;display:flex;position:absolute;top:0;bottom:0;right:0}@media (width<=760px){.hero-visual{pointer-events:auto;width:100%;height:auto;margin-top:36px;padding:0 22px;position:relative}}.wave-art{z-index:1;width:clamp(260px,34vw,520px);min-width:260px;height:100%;display:block;position:absolute;top:0;bottom:0;right:0;transform:translate(1px)}@media (width<=980px){.wave-art{width:clamp(240px,30vw,420px)}}@media (width<=760px){.wave-art{opacity:.22;width:100%;min-width:0;transform:translate(45%)}}.hero-snaps-fan{z-index:3;pointer-events:auto;width:100%;max-width:620px;height:560px;margin-right:clamp(40px,6vw,120px);position:relative}@media (width<=980px){.hero-snaps-fan{max-width:500px;height:480px;margin-right:30px}}@media (width<=760px){.hero-snaps-fan{grid-template-columns:repeat(3,1fr);gap:12px;max-width:100%;height:auto;margin-right:0;display:grid}}@media (width<=430px){.hero-snaps-fan{gap:8px}}.snap-widget{background:var(--card-bg);border:1px solid var(--card-border);aspect-ratio:1904/948;border-radius:6px;width:clamp(280px,24vw,370px);text-decoration:none;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),z-index .1s;display:flex;position:absolute;overflow:hidden;box-shadow:0 14px 32px #0000008c}.snap-widget.snap-widget-1{z-index:3;top:15px;left:-30px;transform:rotate(-3deg)}.snap-widget.snap-widget-2{z-index:4;top:180px;left:160px;transform:rotate(1.8deg)}.snap-widget.snap-widget-3{z-index:2;top:350px;left:15px;transform:rotate(3.5deg)}@media (width<=980px){.snap-widget{width:clamp(230px,20vw,280px)}.snap-widget.snap-widget-1{top:10px;left:-10px}.snap-widget.snap-widget-2{top:150px;left:130px}.snap-widget.snap-widget-3{top:290px;left:10px}}.snap-widget:hover{z-index:10;border-color:var(--accent);box-shadow:0 22px 44px #000000a6, 0 0 20px var(--accent-glow);transform:translateY(-8px)rotate(0)scale(1.04)}.snap-widget:hover .snap-placeholder{border-color:var(--accent)}.snap-widget:hover .snap-placeholder-badge{color:var(--ink)}@media (width<=760px){.snap-widget{width:100%;position:relative;z-index:1!important;top:auto!important;left:auto!important;transform:none!important}.snap-widget:hover{transform:translateY(-4px)!important}}.snap-preview{background:#060b0f;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.snap-preview img{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);display:block}.snap-footer-actions{z-index:5;pointer-events:auto;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.snap-footer-actions .snap-action-btn{border:1px solid var(--card-border);text-transform:uppercase;letter-spacing:.5px;color:var(--ink);-webkit-backdrop-filter:blur(8px);background:#050a0de0;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.snap-footer-actions .snap-action-btn:hover{background:var(--accent);color:#050a0d;border-color:var(--accent);transform:translateY(-1px)}body.light-theme .snap-preview{background:#e6ebf0}body.light-theme .snap-footer-actions .snap-action-btn{border-color:var(--card-border);color:#070c11;background:#f1f4f7eb}body.light-theme .snap-footer-actions .snap-action-btn:hover{background:var(--accent);color:var(--panel-dark)}.snap-placeholder{border:1px dashed var(--card-border);background:var(--input-bg);text-align:center;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;padding:10px 8px;transition:border-color .2s cubic-bezier(.16,1,.3,1);display:flex}.snap-placeholder-badge{color:var(--accent);letter-spacing:.5px;font-size:13px;font-weight:900;line-height:1.1;transition:color .2s cubic-bezier(.16,1,.3,1)}.snap-placeholder-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:11px;font-weight:800;line-height:1}@media (width<=430px){.snap-placeholder-label{font-size:9px}}.snap-wip .snap-placeholder-wip{background:repeating-linear-gradient(-45deg, #63c8df06, #63c8df06 10px, transparent 10px, transparent 20px), var(--input-bg);border:1px dashed var(--card-border);gap:6px}.snap-wip .snap-placeholder-badge{color:var(--ink);font-size:13px;font-weight:800}.snap-wip .wip-subtext{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:10px;font-weight:700;line-height:1}.about-page{padding-top:clamp(24px,4vw,56px);padding-bottom:80px}.about-masthead{max-width:900px;margin-bottom:56px}.about-masthead .page-title{text-transform:uppercase;letter-spacing:-.02em;color:var(--ink);margin:0 0 20px;font-size:clamp(32px,4.2vw,56px);font-weight:700;line-height:1.08}.about-masthead .page-title span{display:block}.about-masthead .page-title strong{color:var(--accent);font-style:normal}.about-masthead .masthead-lead{color:var(--muted);max-width:68ch;margin:0;font-size:clamp(16px,1.35vw,19px);font-weight:500;line-height:1.65}.editorial-grid{grid-template-columns:340px 1fr;align-items:start;gap:clamp(40px,5vw,64px);display:grid}@media (width<=980px){.editorial-grid{grid-template-columns:300px 1fr;gap:36px}}@media (width<=760px){.editorial-grid{grid-template-columns:1fr;gap:44px}}.specs-dossier{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;padding:28px 24px;transition:border-color .2s cubic-bezier(.16,1,.3,1);position:sticky;top:90px}.specs-dossier:hover{border-color:var(--card-border)}@media (width<=760px){.specs-dossier{position:static}}.specs-dossier .specs-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 20px;font-size:13px;font-weight:700}.specs-dossier .specs-list{flex-direction:column;gap:20px;margin:0;padding:0;display:flex}.specs-dossier .spec-row{flex-direction:column;gap:4px;display:flex}.specs-dossier .spec-row dt{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:800;line-height:1}.specs-dossier .spec-row dd{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.specs-dossier .spec-row dd strong{color:var(--ink);letter-spacing:-.01em;margin-bottom:2px;font-size:14px;font-weight:700;display:block}.specs-dossier .spec-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.specs-dossier .spec-tags .tech-tag{background:var(--input-bg);border:1px solid var(--card-border);color:var(--ink);letter-spacing:.02em;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.4}.narrative-section{flex-direction:column;gap:44px;display:flex}.narrative-section .section-title{color:var(--ink);text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px;font-size:16px;font-weight:700}.narrative-section .narrative-block p{color:var(--muted);max-width:65ch;margin-bottom:16px;font-size:15px;line-height:1.7}.narrative-section .narrative-block p:last-child{margin-bottom:0}.narrative-section .capabilities-block{flex-direction:column;gap:16px;display:flex}.narrative-section .capabilities-block .capability-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;padding:22px 24px;transition:border-color .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.narrative-section .capabilities-block .capability-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.narrative-section .capabilities-block .capability-item h3{color:var(--ink);text-transform:uppercase;letter-spacing:.02em;margin:0 0 8px;font-size:15px;font-weight:700;line-height:1.3}.narrative-section .capabilities-block .capability-item p{color:var(--muted);max-width:62ch;margin:0;font-size:14px;line-height:1.6}.narrative-section .about-actions{align-items:center;gap:16px;padding-top:8px;display:flex}@media (width<=430px){.narrative-section .about-actions{flex-direction:column;align-items:stretch}}.work-page{padding-top:clamp(24px,4vw,56px);padding-bottom:80px}.work-header{max-width:880px;margin-bottom:48px}.work-header .page-title{text-transform:uppercase;letter-spacing:-.02em;color:var(--ink);margin:0 0 16px;font-size:clamp(32px,4.2vw,56px);font-weight:700;line-height:1.08}.work-header .page-title span{display:block}.work-header .page-title strong{color:var(--accent);font-style:normal}.work-header .page-description{color:var(--muted);max-width:72ch;margin:0;font-size:clamp(15px,1.25vw,18px);font-weight:500;line-height:1.65}.case-studies-stack{flex-direction:column;gap:clamp(48px,6vw,72px);display:flex}.case-study-dossier{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:clamp(24px,3.5vw,40px);scroll-margin-top:90px;transition:border-color .2s cubic-bezier(.16,1,.3,1);position:relative}.case-study-dossier:hover{border-color:var(--card-border)}.dossier-header{justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:8px;display:flex}@media (width<=760px){.dossier-header{flex-direction:column;align-items:stretch;gap:20px}}.dossier-header .dossier-title-group{flex-direction:column;gap:6px;display:flex}.dossier-header .dossier-title-group .dossier-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:800;line-height:1}.dossier-header .dossier-title-group .dossier-title{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:700;line-height:1.2}.dossier-header .dossier-title-group .dossier-title a{color:inherit;text-decoration:none;transition:color .2s cubic-bezier(.16,1,.3,1)}.dossier-header .dossier-title-group .dossier-title a:hover{color:var(--accent)}.dossier-header .dossier-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.dossier-header .dossier-actions .btn-live-demo{background:var(--ink);height:44px;color:var(--panel);text-transform:uppercase;letter-spacing:.04em;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:12px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.dossier-header .dossier-actions .btn-live-demo .arrow{font-size:14px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.dossier-header .dossier-actions .btn-live-demo:hover{background:var(--accent);color:#050a0d;transform:translateY(-2px)}.dossier-header .dossier-actions .btn-live-demo:hover .arrow{transform:translate(2px,-2px)}.dossier-header .dossier-actions .btn-source{background:var(--input-bg);border:1px solid var(--card-border);height:44px;color:var(--ink);text-transform:uppercase;letter-spacing:.04em;border-radius:6px;justify-content:center;align-items:center;padding:0 18px;font-size:12px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.dossier-header .dossier-actions .btn-source:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.dossier-snapshots{grid-template-columns:1.45fr 1fr;align-items:stretch;gap:24px;display:grid}@media (width<=980px){.dossier-snapshots{grid-template-columns:1fr;gap:20px}}.dossier-snapshots .snapshot-slot{flex-direction:column;gap:8px;display:flex}.dossier-snapshots .snapshot-slot.main-snap .snapshot-frame{min-height:280px}.dossier-snapshots .snapshot-sub-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width<=760px){.dossier-snapshots .snapshot-sub-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=430px){.dossier-snapshots .snapshot-sub-grid{grid-template-columns:1fr}}.dossier-snapshots .snapshot-frame{aspect-ratio:16/9;border:1px solid var(--card-border);background:#080f15;border-radius:6px;justify-content:center;align-items:center;width:100%;transition:border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.dossier-snapshots .snapshot-frame:hover{border-color:var(--accent);box-shadow:0 10px 24px #0006}.dossier-snapshots .snapshot-frame svg,.dossier-snapshots .snapshot-frame img{object-fit:cover;width:100%;height:100%;display:block}.dossier-snapshots .snap-placeholder{border:1px dashed var(--card-border);background:var(--input-bg);text-align:center;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;padding:12px;display:flex}.dossier-snapshots .snap-placeholder .snap-badge{color:var(--accent);letter-spacing:.5px;font-size:13px;font-weight:900;line-height:1}.dossier-snapshots .snap-placeholder .snap-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:11px;font-weight:700;line-height:1}.dossier-snapshots .snap-caption{color:var(--muted);font-size:12px;font-weight:500;line-height:1.4}.dossier-body{grid-template-columns:repeat(3,1fr);gap:32px;padding-top:12px;display:grid}@media (width<=980px){.dossier-body{grid-template-columns:1fr;gap:24px}}.dossier-body .dossier-column{flex-direction:column;display:flex}.dossier-body .dossier-column .breakdown-heading{color:var(--ink);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:13px;font-weight:900}.dossier-body .dossier-column p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.dossier-body .dossier-column .deliverables-list{flex-direction:column;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:flex}.dossier-body .dossier-column .deliverables-list li{color:var(--ink);padding-left:16px;font-size:13px;line-height:1.5;position:relative}.dossier-body .dossier-column .deliverables-list li:before{content:"—";color:var(--accent);font-weight:900;position:absolute;left:0}.dossier-body .dossier-column .dossier-tech-stack{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.dossier-body .dossier-column .dossier-tech-stack .tech-tag{color:var(--ink);background:var(--input-bg);border:1px solid var(--card-border);letter-spacing:.02em;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.contact-page{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:calc(100vh - 290px);padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(56px,8vw,96px);display:flex;position:relative}.contact-wrapper{z-index:1;flex-direction:column;gap:32px;width:100%;max-width:720px;margin:0 auto;display:flex;position:relative}.contact-header{width:100%}.contact-header .page-title{text-transform:uppercase;letter-spacing:-.02em;color:var(--ink);flex-wrap:wrap;gap:0 .35em;margin:0 0 16px;font-size:clamp(32px,4.2vw,56px);font-weight:700;line-height:1.08;display:flex}.contact-header .page-title strong{color:var(--accent);font-style:normal}.contact-header .page-description{color:var(--muted);max-width:65ch;margin:0;font-size:clamp(15px,1.25vw,18px);font-weight:500;line-height:1.65}.contact-single-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;flex-direction:column;gap:28px;width:100%;padding:clamp(28px,4.5vw,44px);transition:border-color .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 16px 36px #00000040}.contact-single-card:hover{border-color:#63c8df40;box-shadow:0 20px 44px #00000059}.contact-single-card .card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-single-card .card-meta .channel-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:800;line-height:1}.contact-single-card .card-main-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.contact-single-card .card-main-row .main-email-text{color:var(--ink);word-break:break-all;letter-spacing:-.01em;user-select:all;font-size:clamp(20px,2.4vw,28px);font-weight:700;line-height:1.25}.contact-single-card .card-main-row .btn-email-action{background:var(--ink);height:44px;color:var(--panel);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:12px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.contact-single-card .card-main-row .btn-email-action .btn-arrow{transition:transform .2s cubic-bezier(.16,1,.3,1)}.contact-single-card .card-main-row .btn-email-action:hover{background:var(--accent);color:#050a0d;transform:translateY(-2px)}.contact-single-card .card-main-row .btn-email-action:hover .btn-arrow{transform:translate(2px,-2px)}.contact-single-card .card-footer-meta{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:20px;padding-top:24px;display:grid}@media (width<=760px){.contact-single-card .card-footer-meta{grid-template-columns:1fr;gap:16px}}.contact-single-card .card-footer-meta .footer-meta-item{flex-direction:column;gap:5px;text-decoration:none;display:flex}.contact-single-card .card-footer-meta .footer-meta-item .meta-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:800;line-height:1}.contact-single-card .card-footer-meta .footer-meta-item .meta-val{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;transition:color .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.contact-single-card .card-footer-meta .footer-meta-item.footer-meta-link:hover .meta-val{color:var(--accent)}