@font-face{font-family:Cherry Blossom;src:url(/fonts/cherry-blossom.regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:64px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Lora,serif;font-weight:400;font-size:16px;line-height:1.65;background-color:#06000a;color:#ffe8ee;overflow-x:hidden;cursor:default}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}:root{--bg-base: #06000A;--bg-surface: #0C0010;--bg-card: #110018;--bg-elevated: #1A0022;--accent: #FFB7C5;--accent-bright: #FFCDD8;--accent-muted: rgba(255, 183, 197, .12);--accent-border: rgba(255, 183, 197, .28);--text-primary: #FFE8EE;--text-secondary: #8882A8;--text-muted: #4A4665;--border: rgba(255, 255, 255, .055);--border-strong: rgba(255, 255, 255, .1);--clr-puremoney: #6D63BC;--clr-lionprint: #7A2FA0;--clr-autentic: #30D5C8;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--sp-5: 40px;--sp-6: 48px;--sp-8: 64px;--sp-10: 80px;--sp-12: 96px;--sp-16: 128px;--sp-20: 160px;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 16px;--fs-md: 18px;--fs-lg: 22px;--fs-xl: 28px;--fs-2xl: 36px;--fs-3xl: 48px;--fs-4xl: 64px;--fs-5xl: 80px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}h1,h2,h3,h4,h5{font-family:Cormorant,serif;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary)}.label{font-family:Lora,serif;font-size:var(--fs-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.label-accent{color:var(--accent-bright)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s var(--ease-out),transform .85s var(--ease-out)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.45s}.nav{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);height:64px;transition:background .4s ease,border-bottom .4s ease,height .4s var(--ease-out)}.nav.scrolled{background:#050010e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:56px}.nav-logo{color:var(--text-primary);display:flex;align-items:center;gap:var(--sp-2);transition:color .2s ease}.nav-logo-name{font-family:Cherry Blossom,cursive;font-weight:400;font-size:22px;line-height:1;letter-spacing:0}.nav-logo:hover{color:var(--accent-bright)}.logo-mark{flex-shrink:0;display:block}.logo-mark .petal-outline{stroke-width:2px;transition:stroke-opacity .3s ease}.logo-mark .petal-filled{transition:opacity .3s ease,filter .3s ease}.nav-logo:hover .petal-outline{stroke-opacity:.9}.nav-logo:hover .petal-filled{filter:brightness(1.2)}@media(max-width:768px){.logo-mark .petal-outline{stroke-width:1.5px}}.nav-links{display:flex;align-items:center;gap:var(--sp-5);list-style:none}.nav-links a{font-size:var(--fs-sm);font-weight:500;letter-spacing:.04em;color:var(--text-secondary);transition:color .2s ease;padding:var(--sp-1) 0;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{transform:scaleX(1)}.nav-available{display:flex;align-items:center;gap:7px;font-size:var(--fs-xs);font-weight:500;letter-spacing:.04em;color:var(--text-secondary);background:#ffb7c512;border:1px solid rgba(255,183,197,.15);border-radius:100px;padding:5px 12px 5px 9px;white-space:nowrap}.nav-available-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade8080;animation:pulse-dot 2.5s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 5px #4ade8000}}@media(max-width:768px){.nav-available{display:none}}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:var(--sp-1);cursor:pointer;z-index:1001}.nav-toggle span{display:block;width:22px;height:1.5px;background:var(--text-primary);transition:transform .3s ease,opacity .3s ease}.nav-toggle.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;inset:0;z-index:800;background:#050010f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6);opacity:0;pointer-events:none;transform:scale(1.03);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.mobile-menu.open{opacity:1;pointer-events:auto;transform:scale(1)}.mobile-menu a{font-family:Cormorant,serif;font-size:var(--fs-3xl);font-weight:800;color:var(--text-secondary);opacity:0;transform:translateY(14px);transition:color .2s ease,opacity .4s var(--ease-out),transform .4s var(--ease-out)}.mobile-menu.open a:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.1s}.mobile-menu.open a:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.18s}.mobile-menu.open a:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.26s}.mobile-menu a:hover{color:var(--text-primary)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:88px var(--sp-6) var(--sp-10);overflow:hidden}.hero-bg{position:absolute;inset:0;background:var(--bg-base);z-index:0}.hero-bloom{position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(255,183,197,.26) 0%,rgba(160,40,80,.07) 45%,transparent 72%);top:-280px;right:-180px;filter:blur(60px);animation:bloom-breathe 12s ease-in-out infinite;will-change:transform,opacity}@keyframes bloom-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}.hero-noise{position:absolute;inset:0;z-index:2;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px;pointer-events:none}.hero-cursor-aura{position:fixed;top:0;left:0;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,183,197,.09) 0%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:3;will-change:transform}.hero-coords{position:absolute;bottom:var(--sp-6);left:var(--sp-6);font-family:Lora,serif;font-size:var(--fs-sm);letter-spacing:.12em;color:var(--text-secondary);z-index:10;opacity:0;animation:fade-in 1s ease 2.1s forwards}.hero-content{position:relative;z-index:10;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 12px;border:1px solid var(--accent-border);border-radius:100px;margin-bottom:var(--sp-5);opacity:0;animation:fade-up .7s var(--ease-out) .2s forwards;position:relative;overflow:hidden}.hero-badge:after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,183,197,.22),transparent);animation:badge-shimmer 4s ease-in-out 2.8s infinite;pointer-events:none}@keyframes badge-shimmer{0%{left:-80%;opacity:0}8%{opacity:1}92%{opacity:1}to{left:160%;opacity:0}}.hero-badge>span:last-child{font-family:Lora,serif;font-size:var(--fs-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright)}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:dot-pulse 2.5s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}.hero-name{display:flex;flex-direction:column;gap:0;font-weight:400;line-height:.9;letter-spacing:-.02em;margin-bottom:var(--sp-5);will-change:transform}.hero-name-first{font-family:Cherry Blossom,cursive;font-size:clamp(72px,11vw,148px);color:var(--text-primary);text-shadow:0 0 80px rgba(255,232,238,.14);display:block;opacity:0;will-change:transform;animation:name-reveal 1s var(--ease-out) .45s both,name-float-a 7s ease-in-out 2.6s infinite}.hero-name-last{font-family:Cherry Blossom,cursive;font-size:clamp(72px,11vw,148px);font-weight:400;color:var(--accent);text-shadow:0 0 100px rgba(255,183,197,.4),0 0 24px rgba(255,183,197,.18);display:block;margin-left:clamp(20px,4.5vw,80px);opacity:0;will-change:transform;animation:name-reveal 1s var(--ease-out) .65s both,name-float-b 9s ease-in-out 3.3s infinite}@keyframes name-reveal{0%{opacity:0;transform:translateY(28px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes name-float-a{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes name-float-b{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hero-rule{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);max-width:480px;opacity:0;animation:fade-in .8s ease .9s forwards}.hero-rule-line{flex:1;height:1px;background:linear-gradient(to right,var(--accent-border),transparent)}.hero-rule-line:last-child{background:linear-gradient(to left,var(--accent-border),transparent)}.hero-rule-bloom{font-size:11px;color:var(--accent);flex-shrink:0;animation:bloom-spin 22s linear infinite}@keyframes bloom-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-tagline{font-family:Lora,serif;font-size:var(--fs-md);font-weight:400;font-style:italic;color:var(--text-secondary);line-height:1.75;max-width:500px;margin-bottom:var(--sp-8);opacity:0;animation:fade-up .9s var(--ease-out) 1.05s forwards}.hero-cta-row{display:flex;align-items:center;gap:var(--sp-5);opacity:0;animation:fade-up .9s var(--ease-out) 1.25s forwards}.hero-cta-primary{display:inline-flex;align-items:center;gap:10px;padding:14px var(--sp-4);background:linear-gradient(to right,var(--accent) 50%,transparent 50%);background-size:202% 100%;background-position:right center;box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent-bright);font-family:Lora,serif;font-size:var(--fs-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;transition:background-position .52s cubic-bezier(.25,.46,.45,.94),color .35s ease,gap .25s ease,box-shadow .4s ease,transform .5s cubic-bezier(.23,1,.32,1)}.hero-cta-primary:hover{background-position:left center;color:#06000a;gap:15px;box-shadow:inset 0 0 0 1.5px var(--accent),0 8px 36px #ffb7c552,0 2px 12px #ffb7c533}.hero-cta-ghost{position:relative;display:inline-flex;align-items:center;gap:8px;padding:14px var(--sp-4);color:var(--text-secondary);font-family:Lora,serif;font-size:var(--fs-sm);font-weight:500;letter-spacing:.04em;border:1px solid rgba(255,183,197,.2);border-radius:2px;overflow:hidden;transition:color .25s ease,border-color .3s ease,transform .5s cubic-bezier(.23,1,.32,1)}.hero-cta-ghost:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,183,197,.14) 0%,transparent 70%);opacity:0;transform:scale(.4);transition:opacity .45s ease,transform .5s var(--ease-out);pointer-events:none}.hero-cta-ghost:hover{color:var(--text-primary);border-color:#ffb7c585}.hero-cta-ghost:hover:before{opacity:1;transform:scale(1.3)}.scroll-indicator{position:absolute;bottom:var(--sp-6);right:var(--sp-6);display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);z-index:10;opacity:0;animation:fade-in 1s ease 1.8s forwards}.scroll-indicator span{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);writing-mode:vertical-rl}.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{transform:scaleY(1);opacity:.7}50%{transform:scaleY(.5);opacity:.3}}.section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-10);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.section-number{font-family:Cormorant,serif;font-size:var(--fs-xs);font-weight:600;letter-spacing:.14em;color:var(--text-muted);margin-bottom:var(--sp-1)}.section-title{font-family:Cormorant,serif;font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.work{padding:var(--sp-20) var(--sp-6);max-width:1200px;margin:0 auto}.project-featured{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:580px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:var(--sp-4);cursor:pointer;transition:border-color .4s ease,box-shadow .5s ease,transform .55s var(--ease-out)}.project-featured:hover{border-color:#a855f738;box-shadow:0 0 80px #a855f70f;transform:translateY(-3px)}.pf-bg-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--project-accent, #7226FF) 0%,transparent 65%);opacity:.13;right:-180px;top:-150px;pointer-events:none;transition:opacity .5s ease}.project-featured:hover .pf-bg-glow{opacity:.22}.pf-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:56px 48px 56px 60px}.pf-eyebrow{display:flex;align-items:center}.pf-featured-label{font-family:Lora,serif;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--project-accent, var(--accent));display:flex;align-items:center;gap:10px}.pf-featured-label:before{content:"";display:block;width:28px;height:1px;background:var(--project-accent, var(--accent));flex-shrink:0}.pf-index{position:absolute;top:32px;right:36px;font-family:Cormorant,serif;font-size:180px;font-weight:800;color:#ffffff0a;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}.pf-title{font-family:Cormorant,serif;font-size:clamp(64px,5.5vw,96px);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--text-primary);position:relative;z-index:1}.pf-tagline{font-family:Lora,serif;font-size:15px;font-weight:300;color:#ffffff80;line-height:1.7;max-width:420px}.pf-cta{padding-top:24px;border-top:1px solid var(--border)}.pf-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:14px var(--sp-4);background:linear-gradient(to right,var(--project-accent, var(--accent)) 50%,transparent 50%);background-size:202% 100%;background-position:right center;box-shadow:inset 0 0 0 1.5px var(--project-accent, var(--accent));color:var(--project-accent, var(--accent));font-family:Lora,serif;font-size:var(--fs-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:background-position .52s cubic-bezier(.25,.46,.45,.94),color .35s ease,gap .25s ease,box-shadow .4s ease}.project-featured:hover .pf-cta-btn{background-position:left center;color:#06000a;gap:15px;box-shadow:inset 0 0 0 1.5px var(--project-accent, var(--accent)),0 8px 36px #a855f747,0 2px 12px #a855f729}.pf-device-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--border);overflow:hidden;background:radial-gradient(ellipse at 55% 50%,rgba(109,99,188,.08) 0%,transparent 65%)}.pf-device-glow{position:absolute;width:380px;height:500px;border-radius:50%;background:radial-gradient(ellipse,var(--project-accent, #6D63BC) 0%,transparent 68%);opacity:.22;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.pc-device-wrap .pf-device-glow{width:560px;height:360px;opacity:.18}.pf-phone-cluster{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pf-screen{border-radius:26px;overflow:hidden;display:block;flex-shrink:0}.pf-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.pf-screen--center{position:relative;z-index:3;width:205px;height:443px;transform:perspective(1100px) rotateY(-7deg);box-shadow:0 0 0 1px #ffffff1a,0 40px 90px #000c,0 0 80px #6d63bc4d;transition:transform .55s var(--ease-out),box-shadow .55s ease}.pf-screen--left{position:absolute;z-index:2;width:172px;height:372px;transform:perspective(1100px) rotateY(-26deg) rotate(-1.5deg) translate(-145px) translateY(38px);opacity:.68;box-shadow:0 0 0 1px #ffffff0f,0 28px 60px #000000b3;transition:transform .55s var(--ease-out),opacity .55s ease}.pf-screen--right{position:absolute;z-index:2;width:172px;height:372px;transform:perspective(1100px) rotateY(20deg) rotate(1.5deg) translate(145px) translateY(38px);opacity:.68;box-shadow:0 0 0 1px #ffffff0f,0 28px 60px #000000b3;transition:transform .55s var(--ease-out),opacity .55s ease}.project-featured:hover .pf-screen--center{box-shadow:0 0 0 1px #ffffff26,0 52px 110px #000000e0,0 0 100px #6d63bc75}.project-featured.revealed .pf-screen--center{animation:pf-rise-center 1s var(--ease-out) .25s both,pf-float-center 5.6s ease-in-out 1.35s infinite}.project-featured.revealed .pf-screen--left{animation:pf-rise-left .9s var(--ease-out) .05s both,pf-float-left 6.3s ease-in-out 1s infinite}.project-featured.revealed .pf-screen--right{animation:pf-rise-right .9s var(--ease-out) .14s both,pf-float-right 5s ease-in-out 1.1s infinite}@keyframes pf-rise-center{0%{opacity:0;transform:perspective(1100px) rotateY(-7deg) translateY(56px)}to{opacity:1;transform:perspective(1100px) rotateY(-7deg) translateY(0)}}@keyframes pf-rise-left{0%{opacity:0;transform:perspective(1100px) rotateY(-26deg) rotate(-1.5deg) translate(-145px) translateY(80px)}to{opacity:.68;transform:perspective(1100px) rotateY(-26deg) rotate(-1.5deg) translate(-145px) translateY(38px)}}@keyframes pf-rise-right{0%{opacity:0;transform:perspective(1100px) rotateY(20deg) rotate(1.5deg) translate(145px) translateY(80px)}to{opacity:.68;transform:perspective(1100px) rotateY(20deg) rotate(1.5deg) translate(145px) translateY(38px)}}@keyframes pf-float-center{0%,to{transform:perspective(1100px) rotateY(-7deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-7deg) translateY(-11px)}}@keyframes pf-float-left{0%,to{opacity:.68;transform:perspective(1100px) rotateY(-26deg) rotate(-1.5deg) translate(-145px) translateY(38px)}50%{opacity:.76;transform:perspective(1100px) rotateY(-26deg) rotate(-1.5deg) translate(-145px) translateY(29px)}}@keyframes pf-float-right{0%,to{opacity:.68;transform:perspective(1100px) rotateY(20deg) rotate(1.5deg) translate(145px) translateY(38px)}50%{opacity:.76;transform:perspective(1100px) rotateY(20deg) rotate(1.5deg) translate(145px) translateY(29px)}}@keyframes pf-glow-breathe{0%,to{opacity:.22;transform:translate(-50%,-50%) scale(1)}50%{opacity:.34;transform:translate(-50%,-50%) scale(1.1)}}.project-featured.revealed .pf-device-glow,.project-card.revealed .pf-device-glow{animation:pf-glow-breathe 5.6s ease-in-out 1.3s infinite}.pf-phone-cluster:after{content:"";position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:340px;height:40px;background:radial-gradient(ellipse,rgba(0,0,0,.6) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:1}.device-iphone{position:relative;width:210px;border-radius:40px;background:#111118;border:2px solid rgba(255,255,255,.1);box-shadow:0 0 0 7px #09000e,0 0 0 8px #ffffff0d,0 50px 120px #000000d9,0 0 100px #6d63bc47;overflow:hidden;padding-top:18px;padding-bottom:22px;transform:perspective(900px) rotateY(-10deg) rotateX(3deg);transition:transform .5s var(--ease-out),box-shadow .5s ease}.project-featured:hover .pf-device-wrap>.device-iphone{transform:perspective(900px) rotateY(-5deg) rotateX(1.5deg) translateY(-8px);box-shadow:0 0 0 7px #09000e,0 0 0 8px #ffffff12,0 64px 140px #000000e6,0 0 130px #6d63bc73}.project-featured.revealed .pf-device-wrap>.device-iphone{animation:device-float-front 6s ease-in-out .5s infinite}.device-iphone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:90px;height:26px;background:#111118;border-radius:0 0 18px 18px;z-index:3}.device-iphone-bar{position:absolute;bottom:9px;left:50%;transform:translate(-50%);width:85px;height:4px;background:#ffffff47;border-radius:2px;z-index:3}.device-iphone-screen{width:100%;height:410px;overflow:hidden;position:relative;z-index:2}.device-iphone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.device-browser{width:100%;border-radius:8px;background:#0e0e14;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0009,0 0 40px #0000004d;overflow:hidden;transition:transform .55s var(--ease-out),box-shadow .35s ease}.project-card:hover .device-browser{box-shadow:0 32px 80px #000000bf,0 0 60px color-mix(in srgb,var(--project-accent, var(--accent)) 18%,transparent)}.device-browser-chrome{height:32px;background:#181820;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 10px;gap:6px;flex-shrink:0}.device-browser-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.device-browser-dot:nth-child(1){background:#ff5f57}.device-browser-dot:nth-child(2){background:#febc2e}.device-browser-dot:nth-child(3){background:#28c840}.device-browser-url{flex:1;height:16px;background:#ffffff0a;border-radius:4px;margin-left:6px;border:1px solid rgba(255,255,255,.04)}.device-browser-viewport{height:250px;overflow:hidden}.device-browser-viewport img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .6s var(--ease-out)}.project-card:hover .device-browser-viewport img{transform:scale(1.04)}.project-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}.project-card{position:relative;display:grid;grid-template-columns:2fr 3fr;min-height:500px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .4s ease,box-shadow .5s ease,transform .55s var(--ease-out)}.project-card:hover{border-color:color-mix(in srgb,var(--project-accent, var(--accent)) 35%,transparent);box-shadow:0 0 80px color-mix(in srgb,var(--project-accent, var(--accent)) 8%,transparent);transform:translateY(-3px)}.pc-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:52px 52px 52px 72px}.pc-content .project-cta{margin-top:auto}.pc-index{position:absolute;top:16px;right:24px;font-family:Cormorant,serif;font-size:200px;font-weight:800;color:#ffffff08;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}.pc-project-label{font-family:Lora,serif;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--project-accent, var(--accent));display:flex;align-items:center;gap:10px}.pc-project-label:before{content:"";display:block;width:28px;height:1px;background:var(--project-accent, var(--accent));flex-shrink:0}.pc-title{font-family:Cormorant,serif;font-size:clamp(52px,4.5vw,78px);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--text-primary);position:relative;z-index:1}.pc-device-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--border);overflow:hidden;background:radial-gradient(ellipse at 55% 50%,rgba(109,99,188,.07) 0%,transparent 65%)}.pc-device-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 60% 50%,var(--project-accent, #7226FF) 0%,transparent 60%);opacity:.09;pointer-events:none;transition:opacity .4s ease}.project-card:hover .pc-device-wrap:before{opacity:.16}.pc-browser-cluster{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--sp-8) var(--sp-8) var(--sp-8) var(--sp-5)}.pc-browser--back{position:absolute;width:68%;top:8%;left:4%;opacity:.48;transform:perspective(1100px) rotateY(14deg) rotateX(3deg) scale(.88);z-index:1;transition:transform .55s var(--ease-out),opacity .55s ease}.pc-browser--front{position:relative;width:78%;z-index:2;transform:perspective(1100px) rotateY(-6deg) rotateX(2deg);transition:transform .55s var(--ease-out);filter:drop-shadow(0 40px 60px rgba(0,0,0,.6))}.project-card:hover .pc-browser--front{transform:perspective(1100px) rotateY(-3deg) rotateX(1deg) translateY(-10px)}.project-card:hover .pc-browser--back{transform:perspective(1100px) rotateY(7deg) rotateX(1.5deg) scale(.92) translateY(-5px);opacity:.62}@keyframes pc-cluster-rise{0%{opacity:0;transform:perspective(1100px) rotateY(-6deg) rotateX(2deg) translateY(32px)}to{opacity:1;transform:perspective(1100px) rotateY(-6deg) rotateX(2deg) translateY(0)}}@keyframes pc-cluster-rise-back{0%{opacity:0;transform:perspective(1100px) rotateY(14deg) rotateX(3deg) scale(.88) translateY(32px)}to{opacity:.48;transform:perspective(1100px) rotateY(14deg) rotateX(3deg) scale(.88) translateY(0)}}@keyframes device-float-front{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:.5deg}}@keyframes device-float-back{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -6px;rotate:-.4deg}}.project-card.revealed .pc-browser--front{animation:pc-cluster-rise .85s var(--ease-out) .15s both,device-float-front 6s ease-in-out 1s infinite}.project-card.revealed .pc-browser--back{animation:pc-cluster-rise-back .85s var(--ease-out) .05s both,device-float-back 7s ease-in-out .9s infinite}.pc-mockup-img{display:block;width:100%;height:auto;border-radius:8px}.pc-responsive-cluster{position:relative;width:100%;height:100%}.pc-responsive-browser{position:absolute;left:4%;top:50%;width:62%;z-index:1;opacity:.84;filter:blur(.5px);transform:perspective(1100px) rotateY(-9deg) rotateX(2deg) translateY(-50%);transition:transform .65s ease-out,opacity .5s ease,filter .5s ease}.pc-responsive-phone{position:absolute;left:57%;bottom:7%;width:28%;z-index:3;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 28px 56px #000000b8,0 0 56px color-mix(in srgb,var(--project-accent, var(--accent)) 22%,transparent);transition:transform .65s ease-out}.pc-responsive-phone img{display:block;width:100%;height:auto;object-fit:cover}.project-card:hover .pc-responsive-browser{transform:perspective(1100px) rotateY(-5deg) rotateX(1deg) translateY(calc(-50% - 8px));opacity:.96;filter:blur(0px)}.project-card:hover .pc-responsive-phone{transform:translateY(-14px)}@keyframes pc-resp-browser-rise{0%{opacity:0;transform:perspective(1100px) rotateY(-9deg) rotateX(2deg) translateY(calc(-50% + 22px))}to{opacity:.84;transform:perspective(1100px) rotateY(-9deg) rotateX(2deg) translateY(-50%)}}@keyframes pc-resp-phone-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card.revealed .pc-responsive-browser{animation:pc-resp-browser-rise .75s ease-out .08s both,device-float-back 7s ease-in-out .83s infinite}.project-card.revealed .pc-responsive-phone{animation:pc-resp-phone-rise .7s ease-out .2s both,device-float-front 6s ease-in-out .9s infinite}.project-body{position:relative;padding:var(--sp-5) var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3);flex:1}.project-meta-row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.project-tag{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:2px;background:var(--accent-muted);color:var(--accent-bright);border:1px solid var(--accent-border)}.project-status{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:2px;color:var(--text-muted);border:1px solid var(--border)}.project-featured .project-tag,.project-featured .project-status{font-family:Lora,serif;font-size:10px;font-weight:500;letter-spacing:.12em;border-radius:4px;padding:4px 12px;background:transparent}.project-featured .pf-tag-accent{border:1px solid var(--project-accent, var(--accent));color:var(--project-accent, var(--accent))}.project-featured .project-status{border:1px solid rgba(255,255,255,.12);color:#fff6}.project-card .project-tag,.project-card .project-status{letter-spacing:.12em;border-radius:4px;padding:4px 12px;background:transparent}.project-card .pc-tag-accent{border:1px solid var(--project-accent, var(--accent));color:var(--project-accent, var(--accent))}.project-card .project-status{border:1px solid rgba(255,255,255,.12);color:#fff6}.project-title{font-family:Cormorant,serif;font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary)}.project-tagline{font-size:var(--fs-base);font-weight:300;color:#ffffff80;line-height:1.7}.pc-tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-cta{margin-top:auto;padding-top:var(--sp-3);border-top:1px solid var(--border)}.pc-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:12px var(--sp-3);background:linear-gradient(to right,var(--project-accent, var(--accent)) 50%,transparent 50%);background-size:202% 100%;background-position:right center;box-shadow:inset 0 0 0 1.5px var(--project-accent, var(--accent));color:var(--project-accent, var(--accent));font-family:Lora,serif;font-size:var(--fs-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;transition:background-position .52s cubic-bezier(.25,.46,.45,.94),color .35s ease,gap .25s ease,box-shadow .4s ease}.project-card:hover .pc-cta-btn{background-position:left center;color:#06000a;gap:15px;box-shadow:inset 0 0 0 1.5px var(--project-accent, var(--accent)),0 6px 28px color-mix(in srgb,var(--project-accent, var(--accent)) 30%,transparent)}.pc-impact,.pf-impact{font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--project-accent, var(--accent-bright));opacity:0;transform:translateY(5px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.project-card:hover .pc-impact,.project-featured:hover .pf-impact{opacity:.85;transform:translateY(0)}.case-study-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:var(--bg-elevated);overflow:hidden;animation:overlay-enter .5s var(--ease-out) forwards}.case-study-overlay[data-project=puremoney]{background:#03040c}.case-study-overlay[data-project=puremoney] .overlay-header{background:#03040ceb}.case-study-overlay[data-project=puremoney] .cs-hero-overlay{background:linear-gradient(to top,#03040C 0%,#03040C 10%,rgba(3,4,12,.82) 35%,rgba(3,4,12,.3) 65%,transparent 100%),linear-gradient(to right,rgba(3,4,12,.55) 0%,transparent 55%)}.case-study-overlay[data-project=puremoney] .cs-hero--split .cs-hero-overlay{background:linear-gradient(to top,#03040C 0%,#03040C 10%,rgba(3,4,12,.62) 28%,rgba(3,4,12,.12) 60%,transparent 100%),linear-gradient(to right,rgba(3,4,12,.94) 0%,rgba(3,4,12,.7) 32%,rgba(3,4,12,.1) 62%,transparent 100%)}.case-study-overlay[data-project=puremoney] .cs-hero{margin-bottom:-1px}.case-study-overlay[data-project=puremoney] .cs-hero-grid,.case-study-overlay[data-project=puremoney] .cs-ambient-grid{display:none}.case-study-overlay[data-project=puremoney] .cs-ambient-orb-1{background:radial-gradient(circle,rgba(109,99,188,.22) 0%,rgba(50,40,120,.07) 50%,transparent 72%)}.case-study-overlay[data-project=puremoney] .cs-ambient-orb-2{background:radial-gradient(circle,rgba(28,20,75,.6) 0%,transparent 70%)}.case-study-overlay[data-project=puremoney] .cs-ambient-orb-3{background:radial-gradient(circle,rgba(90,80,175,.11) 0%,transparent 70%)}.case-study-overlay[data-project=puremoney] .cs-finding-item,.case-study-overlay[data-project=puremoney] .cs-key-insight,.case-study-overlay[data-project=puremoney] .cs-meta,.case-study-overlay[data-project=puremoney] .cs-pull-quote{background:#080b18;border-color:#6d63bc24}.case-study-overlay[data-project=lionprint]{background:#070010}.case-study-overlay[data-project=lionprint] .overlay-header{background:#070010eb}.case-study-overlay[data-project=lionprint] .cs-hero-overlay{background:linear-gradient(to top,#070010 0%,#070010 10%,rgba(7,0,16,.82) 35%,rgba(7,0,16,.3) 65%,transparent 100%),linear-gradient(to right,rgba(7,0,16,.55) 0%,transparent 55%)}.case-study-overlay[data-project=lionprint] .cs-hero--mockup-spread .cs-hero-overlay{background:linear-gradient(to top,#070010 0%,#070010 10%,rgba(7,0,16,.62) 28%,rgba(7,0,16,.12) 60%,transparent 100%),linear-gradient(to right,rgba(7,0,16,.94) 0%,rgba(7,0,16,.7) 32%,rgba(7,0,16,.1) 62%,transparent 100%)}.case-study-overlay[data-project=lionprint] .cs-hero{margin-bottom:-1px}.case-study-overlay[data-project=lionprint] .cs-hero-grid,.case-study-overlay[data-project=lionprint] .cs-ambient-grid{display:none}.case-study-overlay[data-project=lionprint] .cs-ambient-orb-1{background:radial-gradient(circle,rgba(122,47,160,.2) 0%,rgba(70,10,110,.07) 50%,transparent 72%)}.case-study-overlay[data-project=lionprint] .cs-ambient-orb-2{background:radial-gradient(circle,rgba(40,0,80,.65) 0%,transparent 70%)}.case-study-overlay[data-project=lionprint] .cs-ambient-orb-3{background:radial-gradient(circle,rgba(100,20,140,.1) 0%,transparent 70%)}.case-study-overlay[data-project=lionprint] .cs-finding-item,.case-study-overlay[data-project=lionprint] .cs-key-insight,.case-study-overlay[data-project=lionprint] .cs-meta,.case-study-overlay[data-project=lionprint] .cs-pull-quote{background:#0a0014;border-color:#7a2fa02e}.case-study-overlay[data-project=autentic]{background:#020d0c}.case-study-overlay[data-project=autentic] .overlay-header{background:#020d0ceb}.case-study-overlay[data-project=autentic] .cs-hero-overlay{background:linear-gradient(to top,#020D0C 0%,#020D0C 10%,rgba(2,13,12,.82) 35%,rgba(2,13,12,.3) 65%,transparent 100%),linear-gradient(to right,rgba(2,13,12,.55) 0%,transparent 55%)}.case-study-overlay[data-project=autentic] .cs-hero--web-split .cs-hero-overlay{background:linear-gradient(to top,#020D0C 0%,#020D0C 10%,rgba(2,13,12,.62) 28%,rgba(2,13,12,.12) 60%,transparent 100%),linear-gradient(to right,rgba(2,13,12,.94) 0%,rgba(2,13,12,.7) 32%,rgba(2,13,12,.1) 62%,transparent 100%)}.case-study-overlay[data-project=autentic] .cs-hero{margin-bottom:-1px}.case-study-overlay[data-project=autentic] .cs-hero-grid,.case-study-overlay[data-project=autentic] .cs-ambient-grid{display:none}.case-study-overlay[data-project=autentic] .cs-ambient-orb-1{background:radial-gradient(circle,rgba(48,213,200,.14) 0%,rgba(20,100,95,.06) 50%,transparent 72%)}.case-study-overlay[data-project=autentic] .cs-ambient-orb-2{background:radial-gradient(circle,rgba(0,50,45,.65) 0%,transparent 70%)}.case-study-overlay[data-project=autentic] .cs-ambient-orb-3{background:radial-gradient(circle,rgba(30,140,130,.09) 0%,transparent 70%)}.case-study-overlay[data-project=autentic] .cs-finding-item,.case-study-overlay[data-project=autentic] .cs-key-insight,.case-study-overlay[data-project=autentic] .cs-meta,.case-study-overlay[data-project=autentic] .cs-pull-quote{background:#041210;border-color:#30d5c824}@keyframes overlay-enter{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.case-study-overlay.closing{animation:overlay-exit .35s var(--ease-in-out) forwards}@keyframes overlay-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}.cs-ambient-orb{position:absolute;border-radius:50%;filter:blur(110px);will-change:transform;pointer-events:none;z-index:0}.cs-ambient-orb-1{width:580px;height:580px;background:radial-gradient(circle,rgba(255,183,197,.14) 0%,transparent 70%);top:14%;right:-140px;animation:orb-drift-b 24s ease-in-out infinite;animation-delay:-8s}.cs-ambient-orb-2{width:480px;height:480px;background:radial-gradient(circle,rgba(80,0,40,.65) 0%,transparent 70%);top:52%;left:-100px;animation:orb-drift-a 19s ease-in-out infinite;animation-delay:-13s}.cs-ambient-orb-3{width:340px;height:340px;background:radial-gradient(circle,rgba(255,183,197,.08) 0%,transparent 70%);bottom:6%;right:18%;animation:orb-drift-c 28s ease-in-out infinite;animation-delay:-5s}.cs-ambient-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:64px 64px;z-index:0;pointer-events:none;mask-image:radial-gradient(ellipse at 50% 28%,black 12%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 50% 28%,black 12%,transparent 72%)}.cs-reveal{opacity:0;transform:translateY(20px) scale(.99);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.cs-reveal.revealed{opacity:1;transform:translateY(0) scale(1)}.overlay-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-8);height:64px;background:#160033eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.overlay-progress-bar{position:absolute;bottom:-1px;left:0;width:calc(var(--progress, 0) * 100%);height:2px;background:var(--project-accent, var(--accent));transition:width .25s cubic-bezier(.25,1,.5,1);pointer-events:none;box-shadow:0 0 8px 2px #ff64b48c,0 0 2px 1px #ffa0d2cc}.overlay-back{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:color .2s ease,transform .5s cubic-bezier(.23,1,.32,1)}.overlay-back:hover{color:var(--text-primary)}.overlay-close{width:36px;height:36px;border-radius:2px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);color:var(--text-muted);font-size:18px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .5s cubic-bezier(.23,1,.32,1)}.overlay-close:hover{border-color:var(--border-strong);color:var(--text-primary);background:#ffffff0a}.overlay-scroll{flex:1;overflow-y:auto;scroll-behavior:smooth}.cs-hero{position:relative;width:100%;height:88vh;min-height:560px;overflow:hidden;display:flex;align-items:flex-end}.cs-hero-bg{position:absolute;inset:-6%;z-index:0}.cs-hero-bg img{width:100%;height:100%;object-fit:cover;filter:blur(22px) saturate(.75) brightness(.6);transform:scale(1.04);display:block}.cs-hero-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:1}.cs-hero-orb-1{width:650px;height:650px;background:radial-gradient(circle,var(--project-accent, var(--accent)) 0%,transparent 70%);opacity:.22;top:-160px;right:-80px;animation:orb-drift-a 22s ease-in-out infinite}.cs-hero-orb-2{width:420px;height:420px;background:radial-gradient(circle,var(--project-accent, var(--accent)) 0%,transparent 70%);opacity:.13;bottom:-60px;left:8%;animation:orb-drift-c 17s ease-in-out infinite;animation-delay:-9s}.cs-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:64px 64px;z-index:2;mask-image:radial-gradient(ellipse at 20% 60%,black 10%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse at 20% 60%,black 10%,transparent 65%)}.cs-hero-noise{position:absolute;inset:0;z-index:3;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px;pointer-events:none}.cs-hero-overlay{position:absolute;inset:0;z-index:4;background:linear-gradient(to top,var(--bg-base) 0%,rgba(6,0,10,.82) 35%,rgba(6,0,10,.3) 65%,transparent 100%),linear-gradient(to right,rgba(6,0,10,.55) 0%,transparent 55%)}.cs-hero-content{position:relative;z-index:5;padding:0 var(--sp-8) var(--sp-12);max-width:860px}.cs-hero-eyebrow{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);opacity:0;animation:fade-up .7s var(--ease-out) .15s forwards}.cs-hero-eyebrow-line{width:28px;height:1px;background:var(--project-accent, var(--accent));flex-shrink:0}.cs-hero-eyebrow-text{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--project-accent, var(--accent))}.cs-hero-title{font-family:Cormorant,serif;font-size:clamp(80px,11vw,164px);font-weight:400;letter-spacing:-.04em;line-height:.88;color:var(--text-primary);margin-bottom:var(--sp-4);opacity:0;animation:fade-up .95s var(--ease-out) .35s forwards}.cs-hero-subtitle{font-size:var(--fs-md);font-weight:400;color:#ffe8eec7;max-width:520px;line-height:1.7;border-left:2px solid color-mix(in srgb,var(--project-accent, var(--accent)) 50%,transparent);padding-left:var(--sp-3);opacity:0;animation:fade-up .9s var(--ease-out) .55s forwards}.cs-hero-scroll{position:absolute;bottom:var(--sp-6);right:var(--sp-6);display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);z-index:6;opacity:0;animation:fade-in 1s ease 1.1s forwards}.cs-hero-scroll span{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);writing-mode:vertical-rl}.cs-hero-scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--project-accent, var(--accent)),transparent);animation:scroll-pulse 2s ease-in-out infinite}.cs-hero-phones{position:absolute;right:6%;bottom:0;z-index:5;display:flex;align-items:flex-end;gap:0;pointer-events:none;mask-image:linear-gradient(to top,transparent 0%,black 12%,black 82%,transparent 100%);-webkit-mask-image:linear-gradient(to top,transparent 0%,black 12%,black 82%,transparent 100%)}.cs-hero-phone{position:relative;width:180px;flex-shrink:0}.cs-hero-phone img{width:100%;height:auto;display:block;border-radius:28px;box-shadow:0 8px 32px #00000047,0 0 0 1px #ffffff12,inset 0 1px #ffffff1a}.cs-hero-phone--center{z-index:5;transform:translateY(50px);opacity:0;animation:phone-rise-center 1s var(--ease-out) .5s forwards}.cs-hero-phone--left{z-index:4;transform:translate(48px) rotate(-7deg) translateY(80px);transform-origin:bottom center;opacity:0;animation:phone-rise-left .9s var(--ease-out) .35s forwards}.cs-hero-phone--right{z-index:3;transform:translate(-48px) rotate(7deg) translateY(80px);transform-origin:bottom center;opacity:0;animation:phone-rise-right .9s var(--ease-out) .45s forwards}.cs-hero-phone--far-left{z-index:2;transform:translate(86px) rotate(-14deg) translateY(100px);transform-origin:bottom center;opacity:0;animation:phone-rise-far-left .85s var(--ease-out) .2s forwards}.cs-hero-phone--far-right{z-index:1;transform:translate(-86px) rotate(14deg) translateY(100px);transform-origin:bottom center;opacity:0;animation:phone-rise-far-right .85s var(--ease-out) .25s forwards}@keyframes phone-rise-center{to{opacity:1;transform:translateY(16px) scale(1)}}@keyframes phone-rise-left{to{opacity:.88;transform:translate(48px) rotate(-7deg) translateY(38px)}}@keyframes phone-rise-right{to{opacity:.88;transform:translate(-48px) rotate(7deg) translateY(38px)}}@keyframes phone-rise-far-left{to{opacity:.58;transform:translate(86px) rotate(-14deg) translateY(55px)}}@keyframes phone-rise-far-right{to{opacity:.58;transform:translate(-86px) rotate(14deg) translateY(55px)}}.cs-hero-content--phones{max-width:44%;padding:var(--sp-12) var(--sp-5) var(--sp-12) var(--sp-10);align-self:center}.cs-hero--split{align-items:center}.cs-hero--split .cs-hero-overlay{background:linear-gradient(to top,var(--bg-base) 0%,rgba(6,0,10,.62) 28%,rgba(6,0,10,.12) 60%,transparent 100%),linear-gradient(to right,rgba(6,0,10,.94) 0%,rgba(6,0,10,.7) 32%,rgba(6,0,10,.1) 62%,transparent 100%)}.cs-hero--split .cs-hero-orb-1{right:8%;top:-40px;opacity:.22}.cs-hero--split .cs-hero-phones{transform:translateY(-50%);inset:50% -2% auto 42%;width:auto;justify-content:center;overflow:visible;mask-image:linear-gradient(to top,transparent 0%,black 3%,black 97%,transparent 100%);-webkit-mask-image:linear-gradient(to top,transparent 0%,black 3%,black 97%,transparent 100%)}.cs-hero--split .cs-hero-phone{width:210px}.cs-hero--split .cs-hero-phone--center{width:278px}.cs-hero--split .cs-hero-phone--far-left{width:196px}.cs-hero--split .cs-hero-phone--far-right{width:172px}.cs-hero-phone-glow{position:absolute;bottom:-12%;left:50%;transform:translate(-50%);width:720px;height:720px;background:radial-gradient(ellipse at 50% 62%,rgba(255,205,216,.18) 0%,rgba(255,183,197,.1) 35%,rgba(255,160,180,.04) 60%,transparent 75%);filter:blur(80px);z-index:1;pointer-events:none}.cs-hero--web-split{align-items:center}.cs-hero--web-split .cs-hero-overlay{background:linear-gradient(to top,var(--bg-base) 0%,rgba(6,0,10,.62) 28%,rgba(6,0,10,.12) 60%,transparent 100%),linear-gradient(to right,rgba(6,0,10,.94) 0%,rgba(6,0,10,.7) 32%,rgba(6,0,10,.1) 62%,transparent 100%)}.cs-hero--web-split .cs-hero-orb-1{right:8%;top:-40px;opacity:.2}.cs-hero--web-split .cs-hero-orb-2{display:none}.cs-hero-browsers{position:absolute;inset:0 0 0 42%;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:visible;mask-image:linear-gradient(to top,transparent 0%,black 8%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to top,transparent 0%,black 8%,black 90%,transparent 100%)}.cs-hero-browser-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:680px;height:680px;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--project-accent, var(--accent)) 22%,transparent) 0%,transparent 68%);filter:blur(90px);z-index:0;pointer-events:none}.cs-hero-browser{position:absolute;border-radius:8px;overflow:hidden;background:#0e0e16;border:1px solid rgba(255,255,255,.07)}.cs-hero-browser-chrome{height:28px;background:#1a1a24;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 10px;gap:5px;flex-shrink:0}.cs-hero-browser-bdot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cs-hero-browser-bdot:nth-child(1){background:#ff5f57}.cs-hero-browser-bdot:nth-child(2){background:#febc2e}.cs-hero-browser-bdot:nth-child(3){background:#28c840}.cs-hero-browser-urlbar{flex:1;height:13px;background:#ffffff0a;border-radius:3px;margin-left:6px}.cs-hero-browser-viewport img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.cs-hero-browser--front{width:440px;z-index:2;box-shadow:0 0 0 1px #ffffff0f,0 36px 80px #000000bf,0 0 80px color-mix(in srgb,var(--project-accent, var(--accent)) 18%,transparent);transform:perspective(1100px) rotateY(-8deg) rotateX(2deg) translate(30px) translateY(14px);opacity:0;animation:browser-rise-front 1s var(--ease-out) .45s forwards}.cs-hero-browser--front .cs-hero-browser-viewport{height:255px}.cs-hero-browser--back{width:380px;z-index:1;box-shadow:0 0 0 1px #ffffff0a,0 24px 60px #000000a6;transform:perspective(1100px) rotateY(-5deg) rotateX(3deg) translate(-55px) translateY(-32px) rotate(-1.5deg);opacity:0;animation:browser-rise-back .9s var(--ease-out) .28s forwards}.cs-hero-browser--back .cs-hero-browser-viewport{height:220px}@keyframes browser-rise-front{0%{opacity:0;transform:perspective(1100px) rotateY(-8deg) rotateX(2deg) translate(30px) translateY(60px)}to{opacity:1;transform:perspective(1100px) rotateY(-8deg) rotateX(2deg) translate(30px) translateY(14px)}}@keyframes browser-rise-back{0%{opacity:0;transform:perspective(1100px) rotateY(-5deg) rotateX(3deg) translate(-55px) translateY(20px) rotate(-1.5deg)}to{opacity:.8;transform:perspective(1100px) rotateY(-5deg) rotateX(3deg) translate(-55px) translateY(-32px) rotate(-1.5deg)}}@media(max-width:1200px){.cs-hero-browser--front{width:380px}.cs-hero-browser--front .cs-hero-browser-viewport{height:220px}.cs-hero-browser--back{width:320px}.cs-hero-browser--back .cs-hero-browser-viewport{height:186px}}@media(max-width:900px){.cs-hero-browsers{display:none}.cs-hero--web-split{align-items:flex-end}.cs-hero--web-split .cs-hero-content--phones{max-width:100%;padding:0 var(--sp-6) var(--sp-12)}}.cs-hero--mockup-spread{align-items:center}.cs-hero--mockup-spread .cs-hero-overlay{background:linear-gradient(to top,var(--bg-base) 0%,rgba(6,0,10,.6) 26%,rgba(6,0,10,.08) 58%,transparent 100%),linear-gradient(to right,rgba(6,0,10,.96) 0%,rgba(6,0,10,.82) 28%,rgba(6,0,10,.18) 50%,transparent 72%)}.cs-hero--mockup-spread .cs-hero-orb-1{right:20%;top:5%;width:460px;height:460px;opacity:.13}.cs-hero--mockup-spread .cs-hero-orb-2{display:none}.cs-hero-mockups{position:absolute;left:40%;right:-3%;top:50%;transform:translateY(calc(-50% + 40px));opacity:.6;filter:blur(6px);transition:transform .8s ease-out,opacity .8s ease-out,filter .8s ease-out;display:flex;align-items:center;justify-content:center;z-index:2;overflow:visible;pointer-events:none}.cs-hero-mockups.is-revealed{transform:translateY(-50%);opacity:1;filter:none}.cs-hero-mockup-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:560px;height:440px;background:radial-gradient(ellipse at center,var(--project-accent, #7A2FA0) 0%,transparent 65%);opacity:.08;border-radius:50%;z-index:0;pointer-events:none}.cs-hero-mockup{position:absolute;will-change:translate}.cs-hero-mockup img{width:100%;height:auto;display:block}.cs-hero-mockup--center{width:780px;z-index:5;box-shadow:0 56px 140px #000000e0;transform:perspective(1400px) rotateY(-2deg) rotateX(1deg) translate(65px) translateY(50px);opacity:0;animation:mockup-rise-center 1s var(--ease-out) .45s forwards}.cs-hero-mockup--center:after{content:"";position:absolute;left:10%;right:10%;bottom:-20px;height:90px;background:var(--project-accent, #7A2FA0);filter:blur(55px);opacity:.32;border-radius:50%;z-index:-1;pointer-events:none}.cs-hero-mockup--left{width:390px;z-index:3;box-shadow:0 28px 70px #000000a6;filter:blur(1.5px);transform:perspective(1400px) rotateY(-5deg) rotateX(2.5deg) translate(-310px) translateY(40px) rotate(-2.5deg) scale(.88);opacity:0;animation:mockup-rise-left .9s var(--ease-out) .28s forwards}.cs-hero-mockup--right{width:165px;z-index:6;box-shadow:0 24px 60px #000000b8,0 0 40px color-mix(in srgb,var(--project-accent, var(--accent)) 14%,transparent);filter:blur(.5px);transform:perspective(1400px) rotateY(5deg) rotateX(2deg) translate(400px) translateY(-30px) rotate(3.5deg);opacity:0;animation:mockup-rise-right .9s var(--ease-out) .62s forwards}@keyframes mockup-rise-center{0%{opacity:0;transform:perspective(1400px) rotateY(-2deg) rotateX(1deg) translate(65px) translateY(90px)}to{opacity:1;transform:perspective(1400px) rotateY(-2deg) rotateX(1deg) translate(65px) translateY(0)}}@keyframes mockup-rise-left{0%{opacity:0;transform:perspective(1400px) rotateY(-5deg) rotateX(2.5deg) translate(-310px) translateY(80px) rotate(-2.5deg) scale(.88)}to{opacity:.68;transform:perspective(1400px) rotateY(-5deg) rotateX(2.5deg) translate(-310px) translateY(40px) rotate(-2.5deg) scale(.88)}}@keyframes mockup-rise-right{0%{opacity:0;transform:perspective(1400px) rotateY(5deg) rotateX(2deg) translate(400px) translateY(50px) rotate(3.5deg)}to{opacity:.92;transform:perspective(1400px) rotateY(5deg) rotateX(2deg) translate(400px) translateY(-30px) rotate(3.5deg)}}@media(max-width:1500px){.cs-hero-mockup--center{width:680px}.cs-hero-mockup--left{width:340px}.cs-hero-mockup--right{width:115px}}@media(max-width:1280px){.cs-hero-mockup--center{width:580px}.cs-hero-mockup--left{width:295px;transform:perspective(1400px) rotateY(-5deg) rotateX(2.5deg) translate(-260px) translateY(40px) rotate(-2.5deg) scale(.88)}.cs-hero-mockup--right{width:97px;transform:perspective(1400px) rotateY(4deg) rotateX(2deg) translate(348px) translateY(-30px) rotate(3.5deg)}}@media(max-width:1050px){.cs-hero-mockup--center{width:490px}.cs-hero-mockup--left{width:250px;transform:perspective(1400px) rotateY(-5deg) rotateX(2.5deg) translate(-220px) translateY(40px) rotate(-2.5deg) scale(.88)}.cs-hero-mockup--right{width:82px;transform:perspective(1400px) rotateY(4deg) rotateX(2deg) translate(295px) translateY(-30px) rotate(3.5deg)}}@media(max-width:900px){.cs-hero-mockups{display:none}.cs-hero--mockup-spread{align-items:flex-end}.cs-hero--mockup-spread .cs-hero-content--phones{max-width:100%;padding:0 var(--sp-6) var(--sp-12)}}.cs-hero-kpis{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3);opacity:0;animation:fade-up .8s var(--ease-out) .8s forwards}.cs-hero-kpi{position:relative;overflow:hidden;display:inline-flex;align-items:center;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--project-accent, var(--accent));border:1px solid color-mix(in srgb,var(--project-accent, var(--accent)) 35%,transparent);background:color-mix(in srgb,var(--project-accent, var(--accent)) 10%,transparent);padding:5px 14px;border-radius:100px}.cs-hero-kpi:after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--project-accent, var(--accent)) 30%,transparent),transparent);animation:badge-shimmer 4s ease-in-out 1.6s infinite;pointer-events:none}.cs-body{max-width:800px;margin:0 auto;padding:var(--sp-12) var(--sp-6) var(--sp-20)}.cs-meta{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);margin-bottom:var(--sp-10);overflow:hidden;position:relative;cursor:default;transition:border-color .4s ease,transform .35s var(--ease-out),box-shadow .4s ease}.cs-meta:before{content:"";position:absolute;inset:-60px;background:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--project-accent, var(--accent)) 18%,transparent) 0%,transparent 65%);opacity:0;pointer-events:none;transition:opacity .5s ease;z-index:0}.cs-meta:hover{border-color:color-mix(in srgb,var(--project-accent, var(--accent)) 30%,transparent);transform:translateY(-3px);box-shadow:0 12px 40px #00000073,0 0 40px color-mix(in srgb,var(--project-accent, var(--accent)) 7%,transparent)}.cs-meta:hover:before{opacity:1}.cs-meta-item{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-5) var(--sp-6);flex:1;min-width:0;position:relative;z-index:1}.cs-meta-divider{width:1px;background:var(--border);flex-shrink:0;position:relative;z-index:1}.cs-meta-label{font-size:var(--fs-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.cs-meta-value{font-size:var(--fs-md);font-weight:500;color:var(--text-primary);line-height:1.4}.cs-chapter-num{display:block;font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--project-accent, var(--accent));margin-bottom:var(--sp-2)}.cs-section{padding-top:clamp(64px,10vh,100px);margin-bottom:0;border-top:1px solid var(--border)}.cs-section-label{display:block;font-family:Cormorant,serif;font-size:clamp(2.4rem,5.5vw,3.8rem);font-weight:600;font-style:italic;letter-spacing:-.01em;text-transform:none;color:var(--text-primary);line-height:1.05;margin-bottom:var(--sp-5)}.cs-section-heading{font-family:Cormorant,serif;font-size:clamp(1.5rem,2.8vw,2rem);font-weight:600;font-style:normal;letter-spacing:0;color:var(--text-primary);margin-bottom:var(--sp-6);line-height:1.35;max-width:680px}.cs-section-body{font-size:var(--fs-md);font-weight:400;color:var(--text-primary);line-height:1.85;max-width:680px}.cs-section-body p{margin-bottom:var(--sp-4)}.cs-section-body p:last-child{margin-bottom:0}.cs-insight{padding:var(--sp-5) var(--sp-6);background:color-mix(in srgb,var(--project-accent, var(--accent)) 10%,transparent);border-left:3px solid var(--project-accent, var(--accent));border-radius:0 4px 4px 0;margin-top:var(--sp-5)}.cs-insight p{font-size:var(--fs-md);font-weight:400;color:var(--text-primary);line-height:1.65;font-style:italic;margin:0}.cs-pull-quote{position:relative;margin:var(--sp-8) 0;padding:var(--sp-6) var(--sp-8)}.cs-pull-quote:before{content:'"';position:absolute;top:-8px;left:var(--sp-4);font-family:Cormorant,serif;font-size:96px;font-weight:700;line-height:1;color:var(--project-accent, var(--accent));opacity:.25;pointer-events:none}.cs-pull-quote:after{content:"";position:absolute;inset:0;border-radius:4px;border:1px solid color-mix(in srgb,var(--project-accent, var(--accent)) 20%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--project-accent, var(--accent)) 5%,transparent) 0%,transparent 60%)}.cs-pull-quote p{position:relative;z-index:1;font-family:Cormorant,serif;font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:500;font-style:italic;line-height:1.5;color:var(--text-primary);margin:0}.cs-key-insight{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--project-accent, var(--accent));border-radius:0 6px 6px 0;padding:var(--sp-6) var(--sp-8);margin:var(--sp-6) 0}.cs-key-insight-label{font-size:var(--fs-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--project-accent, var(--accent-bright));margin-bottom:var(--sp-3);text-shadow:0 0 18px var(--project-accent, var(--accent-bright))}.cs-key-insight p{font-size:var(--fs-md);font-weight:400;color:var(--text-primary);line-height:1.75;margin:0}.cs-findings{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-4);margin:var(--sp-6) 0}.cs-finding-item{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-6);background:var(--bg-card);border:1px solid var(--border);border-radius:6px;position:relative;overflow:hidden;transition:border-color .35s ease,box-shadow .35s ease;cursor:default}.cs-finding-item:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,var(--project-accent, var(--accent)) 0%,transparent 65%);opacity:0;transition:opacity .45s ease;pointer-events:none}.cs-finding-item:hover{border-color:color-mix(in srgb,var(--project-accent, var(--accent)) 40%,transparent);box-shadow:0 8px 32px #0006}.cs-finding-item:hover:after{opacity:.18}.cs-finding-item:before{content:"";flex-shrink:0;width:4px;height:4px;border-radius:50%;background:var(--project-accent, var(--accent));margin-top:10px;align-self:flex-start}.cs-finding-item span{font-size:var(--fs-md);font-weight:400;color:var(--text-primary);line-height:1.65}@media(max-width:640px){.cs-findings{grid-template-columns:1fr}.cs-pull-quote{padding:var(--sp-5) var(--sp-5)}.cs-pull-quote:before{font-size:72px}.cs-section,.cs-features,.cs-reflection{padding-top:64px}}.cs-features{padding-top:clamp(64px,10vh,100px);margin-bottom:0;border-top:1px solid var(--border)}.cs-feature{margin-top:var(--sp-8);padding-top:var(--sp-8);border-top:1px solid var(--border)}.cs-feature:first-of-type{border-top:none;padding-top:0;margin-top:var(--sp-5)}.cs-feature-header{margin-bottom:var(--sp-5);max-width:640px}.cs-feature-title{font-family:Lora,serif;font-size:var(--fs-lg);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--sp-2)}.cs-feature-desc{font-size:var(--fs-base);line-height:1.7;color:var(--text-secondary)}@keyframes cs-phone-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cs-phone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.cs-screen-cinema{margin-top:var(--sp-8);position:relative;--cs-accent: var(--accent)}.cs-cinema-stage{position:relative;height:560px;margin:0 calc(var(--sp-6) * -1);overflow:visible;background:radial-gradient(ellipse 80% 55% at 50% 85%,color-mix(in srgb,var(--cs-accent) 9%,transparent) 0%,transparent 100%)}.cs-cinema-glow{position:absolute;top:50%;left:50%;border-radius:50%;filter:blur(80px);pointer-events:none;background:var(--cs-accent, var(--accent))}.cs-cinema-glow--l{width:200px;height:280px;transform:translate(calc(-50% - 172px),-55%);opacity:.09}.cs-cinema-glow--c{width:260px;height:340px;transform:translate(-50%,-50%);opacity:.15}.cs-cinema-glow--r{width:200px;height:280px;transform:translate(calc(-50% + 172px),-42%);opacity:.09}.cs-cinema-phone{position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--cx, 0px)),calc(-50% + var(--cy, 0px)))}.cs-cinema-enter{animation:cs-phone-enter .55s cubic-bezier(.22,1,.36,1) both;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.cs-cinema-float{animation:cs-phone-float var(--cfd, 4s) ease-in-out var(--cfa, 0s) infinite;will-change:transform}.cs-cinema-phone:hover .cs-cinema-float{animation-play-state:paused}.cs-cinema-device{display:block;max-height:420px;width:auto;transform:rotate(var(--cr, 0deg)) scale(var(--cs, 1));transform-origin:center center;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s ease,drop-shadow .45s ease;filter:drop-shadow(0 24px 48px rgba(0,0,0,.55)) drop-shadow(0 0 60px color-mix(in srgb,var(--cs-accent) 16%,transparent))}.cs-cinema-phone:hover .cs-cinema-device{transform:rotate(0) scale(calc(var(--cs, 1) + .05));filter:drop-shadow(0 36px 64px rgba(0,0,0,.7)) drop-shadow(0 0 100px color-mix(in srgb,var(--cs-accent) 30%,transparent))}.cs-cinema-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;opacity:0;transform:translateY(5px);transition:opacity .3s ease,transform .3s ease}.cs-cinema-phone:hover .cs-cinema-label{opacity:1;transform:translateY(0)}.cs-cinema-nav{position:absolute;top:50%;z-index:20;width:44px;height:44px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease}.cs-cinema-nav:hover{background:#ffffff24;color:var(--text-primary)}.cs-cinema-nav--l{left:8px;transform:translateY(-50%)}.cs-cinema-nav--r{right:8px;transform:translateY(-50%)}.cs-cinema-nav--l:hover,.cs-cinema-nav--r:hover{transform:translateY(-50%) scale(1.08)}.cs-phone-dots{display:flex;justify-content:center;align-items:center;gap:8px;padding:var(--sp-4) 0 0}.cs-phone-dot{width:5px;height:5px;border-radius:999px;background:var(--border);border:none;cursor:pointer;padding:0;transition:background .3s ease,transform .3s ease,width .3s ease}.cs-phone-dot.active{background:var(--cs-accent);transform:scale(1.3);width:18px}.cs-desktop-item{margin:var(--sp-8) 0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.cs-desktop-img{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 48px rgba(0,0,0,.55))}.cs-desktop-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-align:center}.cs-reflection{padding-top:clamp(64px,10vh,100px);border-top:1px solid var(--border);position:relative}.cs-reflection-heading{font-family:Cormorant,serif;font-size:clamp(2.4rem,5.5vw,3.8rem);font-weight:600;font-style:italic;letter-spacing:-.01em;color:var(--text-primary);line-height:1.05;margin-bottom:var(--sp-5)}.cs-reflection-body{font-size:var(--fs-md);font-weight:300;color:var(--text-secondary);line-height:1.8;max-width:620px}.cs-learnings{display:flex;flex-direction:column;margin-top:var(--sp-8);max-width:720px}.cs-learning-card{display:grid;grid-template-columns:48px 1fr;column-gap:var(--sp-6);row-gap:var(--sp-2);align-items:baseline;padding:var(--sp-6) 0;border-top:1px solid var(--border)}.cs-learning-card:last-child{border-bottom:1px solid var(--border)}.cs-learning-num{font-family:Cormorant,serif;font-size:clamp(2rem,3vw,2.6rem);font-weight:300;font-style:italic;line-height:1;color:var(--project-accent, var(--accent));opacity:.55;grid-row:1 / 3;align-self:start;padding-top:4px}.cs-learning-headline{font-family:Cormorant,serif;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;color:var(--text-primary);line-height:1.25;display:block}.cs-learning-body{font-size:var(--fs-base);font-weight:400;color:var(--text-secondary);line-height:1.7;margin:0}@media(max-width:1200px){.cs-hero--split .cs-hero-phone{width:170px}.cs-hero--split .cs-hero-phone--center{width:218px}.cs-hero--split .cs-hero-phone--far-left{width:155px}.cs-hero--split .cs-hero-phone--far-right{width:136px}.cs-hero-content--phones{max-width:46%}}@media(max-width:1100px){.cs-hero--split .cs-hero-phone--far-left,.cs-hero--split .cs-hero-phone--far-right{display:none}.cs-hero--split .cs-hero-phone{width:180px}.cs-hero--split .cs-hero-phone--center{width:226px}.cs-hero-content--phones{max-width:48%}}@media(max-width:900px){.cs-learnings{grid-template-columns:1fr}}.cs-next-project{margin-top:var(--sp-16);padding:var(--sp-12) var(--sp-10) var(--sp-16);border:1px solid color-mix(in srgb,var(--project-accent, var(--accent)) 22%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--project-accent, var(--accent)) 5%,var(--bg-card));position:relative;overflow:hidden}.cs-next-glow{position:absolute;right:-80px;top:50%;transform:translateY(-50%);width:560px;height:560px;border-radius:50%;background:var(--project-accent, var(--accent));opacity:.1;filter:blur(80px);pointer-events:none}.cs-next-eyebrow{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-3)}.cs-next-title{font-family:Cormorant,serif;font-size:clamp(3rem,8vw,6.5rem);font-weight:700;color:var(--text-primary);line-height:.95;letter-spacing:-.02em;margin-bottom:var(--sp-3)}.cs-next-tagline{font-size:var(--fs-md);color:var(--text-secondary);font-weight:300;margin-bottom:var(--sp-8);max-width:520px;line-height:1.65}.cs-next-actions{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap}.cs-next-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;background:linear-gradient(to right,var(--project-accent, var(--accent)) 50%,transparent 50%);background-size:202% 100%;background-position:right center;box-shadow:inset 0 0 0 1.5px var(--project-accent, var(--accent));color:var(--project-accent, var(--accent));border:none;border-radius:2px;font-size:13px;font-weight:600;font-family:Lora,serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-position .52s cubic-bezier(.25,.46,.45,.94),color .35s ease,gap .25s ease,box-shadow .4s ease,transform .5s cubic-bezier(.23,1,.32,1)}.cs-next-cta:hover{background-position:left center;color:#06000a;gap:15px;box-shadow:inset 0 0 0 1.5px var(--project-accent, var(--accent)),0 8px 36px color-mix(in srgb,var(--project-accent, var(--accent)) 32%,transparent),0 2px 12px color-mix(in srgb,var(--project-accent, var(--accent)) 20%,transparent)}.cs-next-back{position:relative;display:inline-flex;align-items:center;gap:8px;padding:14px var(--sp-4);color:var(--text-secondary);font-family:Lora,serif;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;background:none;border:1px solid rgba(136,130,168,.22);border-radius:2px;cursor:pointer;overflow:hidden;transition:color .25s ease,border-color .3s ease,transform .5s cubic-bezier(.23,1,.32,1)}.cs-next-back:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(136,130,168,.14) 0%,transparent 70%);opacity:0;transform:scale(.4);transition:opacity .45s ease,transform .5s var(--ease-out);pointer-events:none}.cs-next-back:hover{color:var(--text-primary);border-color:#8882a880}.cs-next-back:hover:before{opacity:1;transform:scale(1.3)}@media(max-width:640px){.cs-next-title{font-size:clamp(2.5rem,12vw,4rem)}.cs-next-project{padding:var(--sp-10) var(--sp-6) var(--sp-12)}}.about{padding:var(--sp-20) var(--sp-6);max-width:1200px;margin:0 auto}.about-grid{display:grid;grid-template-columns:380px 1fr;gap:var(--sp-12);align-items:start}.about-photo{position:sticky;top:var(--sp-10)}.about-photo-img{width:100%;height:auto;border-radius:4px;display:block}.about-caption{margin-top:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.about-caption-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.about-content{display:flex;flex-direction:column;gap:var(--sp-6)}.about-intro{font-family:Cormorant,serif;font-size:clamp(24px,2.5vw,36px);font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--text-primary)}.about-intro em{font-style:normal;color:var(--accent-bright)}.about-body p{font-size:var(--fs-md);font-weight:300;color:var(--text-secondary);line-height:1.8;margin-bottom:var(--sp-4)}.about-body p:last-child{margin-bottom:0}.about-tools{display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--border)}.about-tools-label{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-1)}.about-tools-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.about-tool{font-size:var(--fs-sm);font-weight:500;color:var(--text-primary);padding:8px 16px;border:1px solid rgba(255,183,197,.2);border-radius:4px;background:linear-gradient(135deg,#ffb7c514,#ffb7c50a);box-shadow:0 1px 6px #0006,inset 0 1px #ffb7c51a;transition:border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease}.about-tool:hover{border-color:#ffb7c573;background:linear-gradient(135deg,#ffb7c524,#ffb7c512);box-shadow:0 2px 12px #ffb7c51f,inset 0 1px #ffb7c52e;color:var(--accent-bright)}.about-status{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}.about-status-pill{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-xs);font-weight:500;letter-spacing:.04em;color:var(--text-secondary);background:#ffb7c50d;border:1px solid rgba(255,183,197,.12);border-radius:100px;padding:6px 14px 6px 10px}.about-status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade8080;animation:pulse-dot 2.5s ease-in-out infinite;flex-shrink:0}.contact{background:var(--bg-surface);border-top:1px solid var(--border);padding:var(--sp-20) var(--sp-6)}.contact-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:var(--sp-8);align-items:end}.contact-headline{font-family:Cormorant,serif;font-size:clamp(48px,6.5vw,96px);font-weight:300;letter-spacing:-.01em;line-height:1.05;color:var(--text-primary);margin-bottom:var(--sp-5)}.contact-headline em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(237,232,255,.25)}.contact-sub{font-size:var(--fs-md);font-weight:300;color:var(--text-secondary);max-width:420px;margin-bottom:var(--sp-6);line-height:1.7}.contact-ctas{display:flex;flex-direction:column;gap:var(--sp-3)}.contact-email{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-lg);font-weight:500;color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--accent-border);padding-bottom:4px;transition:border-color .2s ease,color .2s ease}.contact-email:hover{color:var(--accent-bright);border-color:var(--accent-bright)}.contact-resume{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font-size:var(--fs-sm);font-weight:500;letter-spacing:.04em;color:var(--text-secondary);text-decoration:none;border:1px solid var(--border);border-radius:100px;padding:10px 20px 10px 16px;margin-top:var(--sp-2);transition:color .2s ease,border-color .2s ease,background .2s ease}.contact-resume:hover{color:var(--text-primary);border-color:var(--accent);background:#ffb7c50f}.contact-links{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-3)}.contact-social{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-2)}.contact-social a{font-size:var(--fs-sm);font-weight:500;color:var(--text-muted);letter-spacing:.04em;transition:color .2s ease;display:flex;align-items:center;gap:8px}.contact-social a:hover{color:var(--text-primary)}.footer-bottom{max-width:1200px;margin:var(--sp-10) auto 0;padding-top:var(--sp-5);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.footer-copy{font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:.06em}.footer-logo{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none;transition:opacity .2s ease}.footer-logo:hover{opacity:.75}.footer-name{font-family:Lora,serif;font-size:var(--fs-sm);font-weight:400;color:var(--text-muted);letter-spacing:.04em}.cherry-name{font-family:Cherry Blossom,cursive;font-weight:400;font-size:1.3em;line-height:1;letter-spacing:0}.label-cherry{font-family:Cherry Blossom,cursive;font-weight:400;font-size:1.4em;line-height:1;letter-spacing:0;color:var(--text-primary)}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.nav-links{display:none}.nav-toggle,.mobile-menu{display:flex}.hero{padding:80px var(--sp-4) var(--sp-12);justify-content:flex-end}.hero-name-first{font-size:clamp(52px,12vw,90px)}.hero-name-last{font-size:clamp(52px,12vw,90px);margin-left:clamp(16px,3vw,40px)}.hero-tagline{max-width:100%;font-size:var(--fs-base)}.scroll-indicator{display:none}.work{padding:var(--sp-12) var(--sp-4)}.project-featured{grid-template-columns:1fr;min-height:unset}.pf-content{padding:var(--sp-8) var(--sp-6)}.pf-device-wrap{border-left:none;border-top:1px solid var(--border);padding:var(--sp-8) var(--sp-6);min-height:300px}.pf-screen--left,.pf-screen--right{display:none}.pf-screen--center{width:160px;height:346px;transform:perspective(900px) rotateY(-6deg)}.project-featured:hover .pf-screen--center{animation:none;transform:perspective(900px) rotateY(-4deg) translateY(-8px)}.device-iphone{width:160px;transform:none}.project-featured:hover .pf-device-wrap>.device-iphone{transform:translateY(-6px)}.device-iphone-screen{height:310px}.project-card{grid-template-columns:1fr;min-height:unset}.pc-content{padding:var(--sp-8) var(--sp-5) var(--sp-8) var(--sp-7);justify-content:flex-start}.pc-index{display:none}.pc-device-wrap{border-left:none;border-top:1px solid var(--border);min-height:280px;padding:var(--sp-6)}.pc-browser--back{display:none}.pc-browser--front{width:88%;transform:perspective(900px) rotateY(-4deg) rotateX(1deg)}.pc-responsive-browser{width:68%;top:50%;transform:perspective(900px) rotateY(-5deg) rotateX(1deg) translateY(-50%)}.pc-responsive-phone{left:60%;width:26%}.section-header{flex-direction:column;gap:var(--sp-1)}.about{padding:var(--sp-12) var(--sp-4)}.about-grid{grid-template-columns:1fr;gap:var(--sp-8)}.about-photo{position:static;max-width:320px}.about-photo-img{max-height:420px;object-fit:cover;object-position:top center}.contact{padding:var(--sp-12) var(--sp-4)}.contact-inner{grid-template-columns:1fr}.contact-links,.contact-social{align-items:flex-start}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}}@media(max-width:480px){.nav{padding:0 var(--sp-3)}.hero{padding:80px var(--sp-3) var(--sp-10)}.hero-name-first{font-size:clamp(44px,13vw,68px)}.hero-name-last{font-size:clamp(44px,13vw,68px);margin-left:10px}.hero-coords{display:none}.hero-cta-row{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.work{padding:var(--sp-10) var(--sp-3)}.pf-content{padding:var(--sp-6) var(--sp-4)}.pf-title{font-size:48px}.pf-device-wrap{padding:var(--sp-6) var(--sp-4);min-height:320px}.pf-screen--center{width:144px;height:312px;transform:perspective(800px) rotateY(-4deg)}.device-iphone{width:130px}.device-iphone-screen{height:250px}.project-body{padding:var(--sp-4)}.project-title{font-size:var(--fs-xl)}.pc-content{padding:var(--sp-6) var(--sp-4);gap:18px}.pc-title{font-size:44px}.pc-index{display:none}.pc-device-wrap{min-height:240px}.pc-responsive-phone{display:none}.pc-responsive-browser{left:5%;width:82%;top:50%;opacity:1;filter:none;transform:perspective(900px) rotateY(-3deg) rotateX(1deg) translateY(-50%)}.cs-meta{flex-wrap:wrap}.cs-meta-item{flex:1 1 calc(50% - 1px)}.cs-meta-divider:nth-child(4){display:none}.cs-hero-content{padding:0 var(--sp-4) var(--sp-8)}.cs-hero-content--phones{max-width:100%;padding:0 var(--sp-4) var(--sp-8);align-self:auto}.cs-hero-phones,.cs-hero--split .cs-hero-phones{display:none}.cs-hero--split{align-items:flex-end}.cs-hero-title{font-size:clamp(52px,14vw,100px)}.cs-hero-scroll{display:none}.cs-body{padding:var(--sp-8) var(--sp-4) var(--sp-12)}.overlay-header{padding:0 var(--sp-4)}.cs-cinema-stage{height:440px;margin-left:calc(var(--sp-4) * -1);margin-right:calc(var(--sp-4) * -1)}.cs-cinema-glow--l{transform:translate(calc(-50% - 118px),-55%)}.cs-cinema-glow--r{transform:translate(calc(-50% + 118px),-42%)}.about,.contact{padding:var(--sp-10) var(--sp-3)}.contact-headline{font-size:clamp(28px,8vw,48px)}.section-title{font-size:var(--fs-2xl)}}@media(max-width:900px){.hero-cursor-aura{display:none}.hero-cta-row{flex-wrap:wrap}.project-featured:hover,.project-card:hover,.pf-screen--center{transform:none}.pf-device-wrap{min-height:380px}.about-photo{margin-left:auto;margin-right:auto}.hero-bloom{animation:none}.hero-name-first{animation:name-reveal 1s var(--ease-out) .45s both}.hero-name-last{animation:name-reveal 1s var(--ease-out) .65s both}.project-featured.revealed .pf-screen--center{animation:pf-rise-center 1s var(--ease-out) .25s both}.project-featured.revealed .pf-device-glow,.project-card.revealed .pf-device-glow{animation:none}.project-card.revealed .pc-browser--front{animation:pc-cluster-rise .85s var(--ease-out) .15s both}.project-card.revealed .pc-browser--back{animation:pc-cluster-rise-back .85s var(--ease-out) .05s both}.project-card.revealed .pc-responsive-browser{animation:pc-resp-browser-rise .75s ease-out .08s both}.project-card.revealed .pc-responsive-phone{animation:pc-resp-phone-rise .7s ease-out .2s both}}@media(max-width:375px){.work,.about,.contact{padding-left:var(--sp-2);padding-right:var(--sp-2)}.pf-content,.pc-content{padding-left:var(--sp-3);padding-right:var(--sp-3)}.hero-name-last{margin-left:6px}.cs-body{padding-left:var(--sp-3);padding-right:var(--sp-3)}}@media(prefers-reduced-motion:reduce){.hero-bloom,.hero-badge-dot,.hero-rule-bloom,.hero-badge:after{animation:none}.hero-name-first{animation:name-reveal .4s ease .1s both}.hero-name-last{animation:name-reveal .4s ease .2s both}.cs-ambient-orb,.scroll-line{animation:none}.reveal{transition:opacity .3s ease;transform:none}.reveal.revealed{transform:none}.cs-reveal{transition:opacity .3s ease;transform:none}.cs-reveal.revealed{transform:none}.case-study-overlay{animation:fade-in .2s ease}}