.app{background:var(--white);min-height:100vh;position:relative}.navbar{z-index:200;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:72px;padding:0 48px;transition:background .3s,box-shadow .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--border-dark);background:#ffffffe6;box-shadow:0 4px 24px #1e1b4b0f}.nav-logo{color:var(--ink);align-items:center;display:flex}.logo-mark-img{object-fit:cover;border-radius:10px;width:38px;height:38px;box-shadow:0 6px 16px #4f46e533}.nav-links{align-items:center;gap:36px;list-style:none;display:flex}.nav-links a{color:var(--muted);letter-spacing:-.01em;font-size:.88rem;font-weight:600;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--coral);border-radius:99px;width:0;height:2px;transition:width .25s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--indigo);height:40px;color:var(--white);border:none;border-radius:999px;padding:0 20px;font-size:.875rem;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.nav-cta:hover{background:var(--indigo-dark);transform:translateY(-1px);box-shadow:0 8px 20px #4f46e54d}.mobile-cta{display:none}.nav-mobile-toggle{background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.nav-mobile-toggle span{background:var(--ink);border-radius:99px;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-mobile-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-mobile-toggle.open span:nth-child(2){opacity:0}.nav-mobile-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.navbar{height:68px;padding:0 24px}.nav-links{border:1px solid var(--border-dark);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff7;border-radius:20px;flex-direction:column;align-items:stretch;gap:16px;padding:20px;display:none;position:absolute;top:68px;left:12px;right:12px;box-shadow:0 16px 48px #1e1b4b1f}.nav-links.open{display:flex}.nav-links a{color:var(--ink);font-size:1rem}.nav-links a:after,.desktop-cta{display:none}.mobile-cta{display:block}.mobile-cta .nav-cta{width:100%}.nav-mobile-toggle{display:flex}}@media (hover:none),(width<=768px){.navbar.scrolled{-webkit-backdrop-filter:blur(10px)}.nav-links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.footer{background:var(--ink);border-top:1px solid #ffffff14;padding:40px 48px}.footer-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1100px;margin:0 auto;display:flex}.footer-logo{font-family:var(--font-display);letter-spacing:-.04em;color:var(--white);font-size:1.15rem;font-weight:800}.footer-logo span{color:var(--indigo-mid)}.footer-copy{color:#fff6;margin-top:4px;font-size:.8rem}.footer-links{align-items:center;gap:18px;display:flex}.footer-links a{color:#ffffff80;font-size:1.3rem;transition:color .2s,transform .2s}.footer-links a:last-child{font-size:.85rem;font-weight:600}.footer-links a:hover{color:var(--white);transform:translateY(-2px)}@media (width<=640px){.footer{padding:32px 24px}.footer-inner{flex-direction:column;align-items:flex-start;gap:16px}}.section-title-wrap{margin-bottom:56px}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--indigo);align-items:center;gap:10px;margin-bottom:14px;font-size:.68rem;display:inline-flex}.section-eyebrow:before{content:"";background:var(--coral);border-radius:99px;width:24px;height:2px;display:block}.section-heading{font-family:var(--font-display);letter-spacing:-.055em;color:var(--ink);max-width:820px;font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1}.section-heading .accent{color:var(--indigo)}.section-sub{color:var(--muted);max-width:580px;margin-top:18px;font-size:1rem;line-height:1.8}.section-title-wrap.centered{text-align:center}.section-title-wrap.centered .section-eyebrow{justify-content:center}.section-title-wrap.centered .section-eyebrow:before{display:none}.section-title-wrap.centered .section-sub{margin-left:auto;margin-right:auto}.contact-section{background:var(--ink);padding:120px 48px;position:relative;overflow:hidden}.contact-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f140 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-300px;right:-200px}.contact-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff5c3a26 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-200px;left:-100px}.contact-inner{z-index:1;grid-template-columns:1fr 1.1fr;align-items:start;gap:80px;max-width:1100px;margin:0 auto;display:grid;position:relative}.contact-section .section-eyebrow{color:var(--indigo-mid)}.contact-section .section-eyebrow:before{background:var(--coral)}.contact-section .section-heading{color:var(--white)}.contact-section .section-heading .accent{color:var(--indigo-mid)}.contact-section .section-sub{color:#ffffff8c}.contact-detail{gap:20px;margin-top:36px;display:grid}.contact-item{gap:3px;display:grid}.contact-item-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff6;font-size:.65rem}.contact-item-value{color:#ffffffe6;font-size:.95rem;font-weight:600}.contact-item-value a:hover{color:var(--indigo-mid)}.contact-availability{color:#ffffff8c;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;margin-top:32px;padding:10px 16px;font-size:.875rem;display:inline-flex}.avail-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2.4s infinite avail-pulse;box-shadow:0 0 0 6px #22c55e26}@keyframes avail-pulse{0%,to{box-shadow:0 0 0 6px #22c55e26}50%{box-shadow:0 0 0 10px #22c55e0d}}.contact-form{background:var(--white);border-radius:28px;gap:18px;padding:36px;display:grid;box-shadow:0 32px 80px #00000040}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field{gap:8px;display:grid}.form-field label{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:.65rem}.form-field input,.form-field textarea,.form-field select{background:var(--snow);border:1.5px solid var(--border-dark);width:100%;color:var(--ink);font-family:var(--font-body);appearance:none;border-radius:12px;outline:none;padding:13px 15px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--indigo);background:var(--white);box-shadow:0 0 0 4px #4f46e51a}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--soft)}.form-field textarea{resize:vertical;min-height:130px;line-height:1.6}.form-submit{background:var(--indigo);height:52px;color:var(--white);border:none;border-radius:999px;justify-self:start;align-items:center;gap:10px;padding:0 28px;font-size:.9rem;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.form-submit:hover{background:var(--indigo-dark);transform:translateY(-2px);box-shadow:0 12px 28px #4f46e54d}.form-submit.sending{opacity:.7;pointer-events:none}.submit-success{color:#15803d;background:#22c55e14;border:1px solid #22c55e40;border-radius:16px;padding:18px 20px;font-size:.9rem;font-weight:700}.submit-error{color:#b91c1c;background:#ef444414;border:1px solid #ef444440;border-radius:14px;padding:14px 16px;font-size:.85rem;font-weight:600;line-height:1.5}@media (width<=900px){.contact-inner{grid-template-columns:1fr;gap:48px}}@media (width<=600px){.contact-section{padding:80px 24px}.contact-form{border-radius:22px;padding:24px}.form-row{grid-template-columns:1fr}.form-submit{justify-content:center;width:100%}}.projects-section{background:var(--white);padding:120px 0 0;overflow:hidden}.projects-header{max-width:1100px;margin:0 auto 48px;padding:0 48px}.projects-header .section-title-wrap{margin-bottom:0}.projects-embla{cursor:grab;padding:0 max(48px,50vw - 502px) 28px;overflow:hidden}.projects-embla:active{cursor:grabbing}.projects-carousel{touch-action:pan-y pinch-zoom;gap:22px;display:flex}.project-showcase-card{min-width:0;min-height:520px;color:var(--white);background:radial-gradient(circle at top right, color-mix(in srgb, var(--project-color) 34%, transparent), transparent 48%), linear-gradient(180deg, #17142f 0%, #0d0b1e 100%);-webkit-user-select:none;user-select:none;border:1px solid #1e1b4b1f;border-radius:28px;flex:0 0 clamp(460px,46vw,620px);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 24px 60px #1e1b4b2e}.project-showcase-card:hover,.project-showcase-card:focus-visible{outline:none;transform:translateY(-6px);box-shadow:0 32px 80px #1e1b4b3d}.project-showcase-image{background:#ffffff0a;height:295px;overflow:hidden}.project-showcase-image img{object-fit:cover;pointer-events:none;width:100%;height:100%}.project-showcase-content{padding:28px}.project-showcase-content span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff9e;margin-bottom:12px;font-size:.66rem;display:block}.project-showcase-content h3{font-family:var(--font-display);letter-spacing:-.06em;margin-bottom:14px;font-size:clamp(2rem,3vw,3rem);line-height:.95}.project-showcase-content p{color:#ffffffb8;margin-bottom:22px;font-size:.94rem;line-height:1.7}.project-showcase-content strong{color:var(--white);font-size:.92rem}@media (width<=900px){.projects-section{padding-top:80px}.projects-header{margin-bottom:28px;padding:0 24px}.projects-embla{padding:0 24px 18px}.projects-carousel{gap:16px}.project-showcase-card{border-radius:24px;flex:0 0 84vw;max-width:380px;min-height:430px;transition:none;box-shadow:0 14px 34px #1e1b4b2e}.project-showcase-card:hover,.project-showcase-card:focus-visible{transform:none;box-shadow:0 14px 34px #1e1b4b2e}.project-showcase-image{height:210px}.project-showcase-content{padding:22px}.project-showcase-content h3{font-size:1.7rem}.project-showcase-content p{margin-bottom:18px;font-size:.9rem;line-height:1.65}}@media (width<=480px){.project-showcase-card{flex-basis:86vw;min-height:410px}.project-showcase-image{height:190px}}.hero{background:var(--white);flex-direction:column;justify-content:center;min-height:100vh;padding:140px 48px 100px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(-45deg,#0000,#0000 60px,#4f46e506 60px 61px);position:absolute;inset:0}.hero-blob{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.hero-blob-1{background:radial-gradient(circle,#6366f126,#0000 70%);width:640px;height:640px;animation:12s ease-in-out infinite blob-drift;top:-15%;right:-5%}.hero-blob-2{background:radial-gradient(circle,#ff5c3a1a,#0000 70%);width:480px;height:480px;animation:9s ease-in-out infinite reverse blob-drift;bottom:-20%;left:-10%}@keyframes blob-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(24px,-24px)scale(1.06)}}.hero-content{grid-template-columns:minmax(0,760px);align-items:center;width:100%;max-width:1100px;margin:0 auto;display:grid;position:relative}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--indigo);opacity:0;align-items:center;gap:10px;margin-bottom:24px;font-size:.68rem;animation:.6s .15s forwards fade-up;display:inline-flex;transform:translateY(16px)}.hero-eyebrow-pip{background:var(--coral);border-radius:50%;width:6px;height:6px}.hero-title{font-family:var(--font-display);letter-spacing:-.055em;color:var(--ink);opacity:0;font-size:clamp(3rem,7vw,6.2rem);font-weight:800;line-height:.96;animation:.7s .28s forwards fade-up;transform:translateY(24px)}.hero-title .hl{color:var(--indigo);display:inline-block;position:relative}.hero-title .hl:after{content:"";background:var(--coral);transform-origin:0;border-radius:2px;width:100%;height:4px;animation:.5s 1s forwards underline-in;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}@keyframes underline-in{to{transform:scaleX(1)}}.hero-sub{color:var(--muted);opacity:0;max-width:520px;margin-top:28px;font-size:1.05rem;line-height:1.8;animation:.6s .44s forwards fade-up;transform:translateY(16px)}.hero-actions{opacity:0;align-items:center;gap:16px;margin-top:40px;animation:.6s .58s forwards fade-up;display:flex;transform:translateY(16px)}.btn-primary,.btn-secondary{border-radius:999px;align-items:center;height:52px;font-size:.9rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--indigo);color:var(--white);border:none;gap:10px;padding:0 28px;transition:background .2s,transform .2s,box-shadow .2s}.btn-primary:hover{background:var(--indigo-dark);transform:translateY(-2px);box-shadow:0 12px 28px #4f46e547}.btn-secondary{border:1.5px solid var(--border-dark);color:var(--muted);background:0 0;padding:0 24px;font-weight:600;transition:border-color .2s,color .2s}.btn-secondary:hover{border-color:var(--indigo);color:var(--indigo)}.hero-scroll{opacity:0;flex-direction:column;align-items:center;gap:8px;animation:.5s 1.1s forwards fade-up;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-bar{background:linear-gradient(to bottom, var(--indigo), transparent);width:1px;height:44px;animation:2s infinite scroll-grow}.scroll-txt{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--soft);font-size:.58rem}@keyframes scroll-grow{0%{transform-origin:top;opacity:0;transform:scaleY(0)}40%{transform-origin:top;opacity:1;transform:scaleY(1)}60%{transform-origin:bottom;opacity:1;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.marquee-section{background:var(--sky);border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100%;position:relative;overflow:hidden}.marquee-track{will-change:transform;backface-visibility:hidden;width:max-content;animation:26s linear infinite marquee;display:flex;transform:translate(0,0)}.marquee-item{white-space:nowrap;border-right:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--indigo);flex-shrink:0;align-items:center;gap:16px;padding:16px 36px;font-size:.7rem;display:flex}.marquee-item .dot{background:var(--coral);border-radius:999px;flex-shrink:0;width:5px;height:5px}@keyframes marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.services-section{background:var(--snow);padding:120px 48px}.services-inner,.process-inner{max-width:1100px;margin:0 auto}.services-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.service-card{background:var(--white);border:1px solid var(--border-dark);opacity:0;border-radius:20px;flex-direction:column;gap:14px;padding:32px 28px;transition:transform .25s,box-shadow .25s,border-color .25s,opacity .5s;display:flex;transform:translateY(28px)}.service-card.visible{opacity:1;transform:translateY(0)}.service-card:hover{border-color:#4f46e540;transform:translateY(-4px);box-shadow:0 16px 48px #1e1b4b1a}.service-number{font-family:var(--font-display);letter-spacing:-.06em;color:var(--sky-2);font-size:2.2rem;font-weight:800;line-height:1;transition:color .25s}.service-card:hover .service-number{color:var(--indigo)}.service-name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:1.05rem;font-weight:700}.service-desc{color:var(--muted);flex:1;font-size:.875rem;line-height:1.75}.service-list{flex-direction:column;gap:5px;margin-top:4px;list-style:none;display:flex}.service-list li{font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted);align-items:center;gap:7px;font-size:.65rem;display:flex}.service-list li:before{content:"→";color:var(--coral)}.about-section{background:var(--white);padding:120px 48px}.about-wrapper{grid-template-columns:420px 1fr;align-items:center;gap:80px;max-width:1100px;margin:0 auto;display:grid}.about-visual,.about-content{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(32px)}.about-content{transition-delay:.15s}.about-visual.visible,.about-content.visible{opacity:1;transform:translateY(0)}.about-photo-wrap{aspect-ratio:4/5;background:var(--sky);border-radius:28px;width:100%;position:relative;overflow:hidden}.about-photo-placeholder{background:linear-gradient(145deg, var(--sky), var(--sky-2));flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.about-initials{background:var(--indigo);width:88px;height:88px;font-family:var(--font-display);color:var(--white);letter-spacing:-.04em;border-radius:50%;place-items:center;font-size:2.2rem;font-weight:800;display:grid;box-shadow:0 16px 36px #4f46e547}.about-wordmark{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:1.3rem;font-weight:800}.about-photo-placeholder p{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--indigo);opacity:.7;font-size:.65rem}.about-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--indigo);align-items:center;gap:10px;margin-bottom:16px;font-size:.68rem;display:inline-flex}.about-eyebrow:before{content:"";background:var(--coral);border-radius:99px;width:24px;height:2px}.about-content h2{font-family:var(--font-display);letter-spacing:-.055em;color:var(--ink);margin-bottom:24px;font-size:clamp(2.4rem,4vw,3.6rem);font-weight:800;line-height:1}.about-content h2 span{color:var(--indigo)}.about-content p{color:var(--muted);margin-bottom:16px;font-size:.95rem;line-height:1.85}.about-highlights{background:var(--snow);border:1px solid var(--border-dark);border-radius:16px;flex-direction:column;gap:10px;margin-top:28px;padding:24px;display:flex}.about-highlights div{color:var(--muted);align-items:center;gap:12px;font-size:.9rem;display:flex}.about-highlights strong{flex-shrink:0;width:24px;font-size:1rem}.process-section{background:var(--snow);padding:120px 48px}.process-steps{border-top:1px solid var(--border-dark);flex-direction:column;display:flex}.process-step{border-bottom:1px solid var(--border-dark);opacity:0;grid-template-columns:88px 1fr;gap:28px;padding:36px 0;transition:opacity .5s,transform .5s;display:grid;transform:translateY(20px)}.process-step.visible{opacity:1;transform:translateY(0)}.step-number{font-family:var(--font-display);letter-spacing:-.07em;color:var(--sky-2);padding-top:2px;font-size:2.8rem;font-weight:800;line-height:1;transition:color .25s}.process-step:hover .step-number{color:var(--indigo)}.step-content{flex-direction:column;gap:8px;padding-top:6px;display:flex}.step-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:1.1rem;font-weight:700}.step-desc{color:var(--muted);max-width:580px;font-size:.9rem;line-height:1.75}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.about-wrapper{grid-template-columns:1fr}.about-visual{max-width:360px}}@media (width<=768px),(hover:none),(pointer:coarse){.hero{padding:120px 24px 80px}.hero-blob{filter:blur(40px);animation:none}.hero-blob-1{width:380px;height:380px}.hero-blob-2{width:300px;height:300px}.hero-scroll,.scroll-bar{display:none}.hero-eyebrow,.hero-title,.hero-title .hl:after,.hero-sub,.hero-actions,.service-card,.about-visual,.about-content,.process-step{opacity:1;transition:none;animation:none;transform:none}.hero-title .hl:after{transform:scaleX(1)}.marquee-section{overflow:hidden}.marquee-track{will-change:transform;transform:translate(0,0);animation:18s linear infinite marquee!important}.marquee-item{padding:14px 26px;font-size:.64rem}.services-section,.about-section,.process-section{padding:80px 24px}.services-grid{grid-template-columns:1fr}}@media (width<=480px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn-primary,.hero-actions .btn-secondary{justify-content:center}.about-highlights{padding:18px}}@media (prefers-reduced-motion:reduce){.hero-blob,.marquee-track,.scroll-bar{animation:none}.hero-eyebrow,.hero-title,.hero-title .hl:after,.hero-sub,.hero-actions,.service-card,.about-visual,.about-content,.process-step{opacity:1;transition:none;animation:none;transform:none}.hero-title .hl:after{transform:scaleX(1)}}.project-detail{background:var(--white);min-height:100vh;color:var(--ink)}.detail-inner{width:min(1100px,100% - 96px);margin:0 auto}.detail-hero{border-bottom:1px solid var(--border-dark);background:var(--snow);padding:128px 0 80px}.detail-hero-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:56px;display:grid}.back-link{background:var(--white);border:1px solid var(--border-dark);height:40px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:0 16px;font-size:.85rem;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.back-link:hover{border-color:var(--indigo);color:var(--indigo)}.detail-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--indigo);margin-bottom:16px;font-size:.68rem}.project-detail h1{font-family:var(--font-display);letter-spacing:-.06em;color:var(--ink);font-size:clamp(2.8rem,6vw,5.5rem);font-weight:800;line-height:.95}.project-detail h2{font-family:var(--font-display);letter-spacing:-.055em;color:var(--ink);font-size:clamp(2rem,4vw,3.6rem);font-weight:800;line-height:.95}.detail-lead{color:var(--muted);max-width:560px;margin-top:24px;font-size:1rem;line-height:1.85}.detail-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.detail-tags span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--sky);border:1px solid var(--border);color:var(--indigo);border-radius:999px;padding:6px 12px;font-size:.65rem}.detail-actions{gap:12px;margin-top:28px;display:flex}.detail-button,.detail-actions a{background:var(--indigo);height:44px;color:var(--white);border:none;border-radius:999px;align-items:center;padding:0 20px;font-size:.875rem;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.detail-button:hover,.detail-actions a:hover{background:var(--indigo-dark);transform:translateY(-1px)}.detail-actions a:last-child{background:var(--white);border:1.5px solid var(--border-dark);color:var(--ink)}.detail-actions a:last-child:hover{border-color:var(--indigo);color:var(--indigo);background:var(--white);transform:translateY(-1px)}.detail-cover{border:1px solid var(--border-dark);border-radius:28px;min-height:480px;position:relative;overflow:hidden;box-shadow:0 24px 72px #1e1b4b29}.detail-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.detail-cover-card{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:20px;padding:22px 24px;position:absolute;bottom:24px;left:24px;right:24px}.detail-cover-card span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:.65rem;display:block}.detail-cover-card strong{font-family:var(--font-display);letter-spacing:-.06em;color:var(--ink);font-size:clamp(1.8rem,3vw,3rem);line-height:.95;display:block}.detail-content-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:80px 0 40px;display:grid}.detail-story-card{background:var(--snow);border:1px solid var(--border-dark);border-radius:20px;padding:28px}.detail-story-card span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--indigo);margin-bottom:16px;font-size:.65rem;display:block}.detail-story-card p{color:var(--muted);font-size:.9rem;line-height:1.8}.detail-split{grid-template-columns:.8fr 1fr;align-items:start;gap:48px;padding:40px 0 80px;display:grid}.detail-highlights{flex-wrap:wrap;gap:10px;list-style:none;display:flex}.detail-highlights li{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--sky);border:1px solid var(--border);color:var(--indigo);border-radius:999px;padding:7px 13px;font-size:.65rem}.gallery-heading{grid-template-columns:1fr .8fr;align-items:end;gap:40px;margin-bottom:24px;display:grid}.gallery-heading p:last-child{color:var(--muted);font-size:.9rem;line-height:1.75}.gallery-heading code{background:var(--sky);color:var(--indigo);font-family:var(--font-mono);border-radius:6px;padding:2px 6px;font-size:.85em}.detail-gallery{grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:100px;display:grid}.gallery-item{border:1px solid var(--border-dark);border-radius:20px;min-height:300px;position:relative;overflow:hidden;box-shadow:0 12px 40px #1e1b4b14}.gallery-item img{object-fit:cover;width:100%;height:100%}.gallery-item-wide{min-height:176px}@media (width<=900px){.gallery-item-wide{min-height:220px}}.gallery-item span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:999px;padding:6px 12px;font-size:.62rem;position:absolute;bottom:14px;left:14px}.missing-project{padding:160px 0}@media (width<=900px){.detail-inner{width:calc(100% - 48px)}.detail-hero-grid,.detail-content-grid,.detail-split,.gallery-heading,.detail-gallery{grid-template-columns:1fr}.detail-cover{min-height:360px}}@media (width<=600px){.detail-inner{width:calc(100% - 32px)}.detail-hero{padding-top:108px}.detail-cover{border-radius:20px;min-height:280px}.detail-cover-card{bottom:14px;left:14px;right:14px}}.project-links{margin-top:48px}.live-site-btn{background:linear-gradient(135deg, var(--indigo), var(--indigo-dark));color:#fff;border-radius:999px;align-items:center;gap:14px;padding:18px 34px;font-size:.95rem;font-weight:700;transition:transform .25s,box-shadow .25s,filter .25s;display:inline-flex;box-shadow:0 18px 40px #4f46e538}.live-site-btn svg{transition:transform .25s}.live-site-btn:hover{filter:brightness(1.08);transform:translateY(-4px);box-shadow:0 28px 70px #4f46e552}.live-site-btn:hover svg{transform:translate(4px)translateY(-4px)}.live-site-btn:active{transform:translateY(-1px)}@media (width<=768px){.live-site-btn{justify-content:center;width:100%;padding:18px 24px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--snow:#f8f7ff;--sky:#eef2ff;--sky-2:#e0e7ff;--indigo:#4f46e5;--indigo-dark:#3730a3;--indigo-mid:#6366f1;--coral:#ff5c3a;--coral-soft:#ff5c3a1a;--ink:#1e1b4b;--ink-2:#312e81;--muted:#6b7280;--soft:#9ca3af;--border:#4f46e51f;--border-dark:#1e1b4b1a;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Space Mono", monospace}html{scroll-behavior:smooth;font-size:16px}body{background:var(--white);color:var(--ink);font-family:var(--font-body);cursor:auto;line-height:1.6;overflow-x:hidden}::selection{background:var(--indigo);color:var(--white)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--sky)}::-webkit-scrollbar-thumb{background:var(--indigo-mid);border-radius:99px}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}img{max-width:100%;display:block}@media (width<=768px),(hover:none),(pointer:coarse){html{scroll-behavior:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}