:root{--bg:#070810;--surface:#10121c;--ink:#f5f4f0;--muted:#a6a7b4;--blue:#4e7cff;--orange:#ff713d;--mint:#91f4c4;--line:rgba(255,255,255,.12);--radius:28px;--mx:50%;--my:50%}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:#fff;color:#000;padding:.8rem 1rem;border-radius:8px}.skip-link:focus{top:1rem}.noise{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:80}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),#ffdf7e,var(--blue))}.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;border-radius:50%;z-index:100;mix-blend-mode:difference}.cursor-dot{width:6px;height:6px;background:#fff}.cursor-ring{width:34px;height:34px;border:1px solid #fff;transition:width .2s,height .2s,background .2s}.cursor-ring.active{width:58px;height:58px;background:rgba(255,255,255,.16)}
.loader{position:fixed;inset:0;background:#f0ff68;color:#080910;display:grid;place-content:center;z-index:200;text-align:center;transition:transform .9s cubic-bezier(.8,0,.2,1)}.loader.done{transform:translateY(-110%)}.loader-mark{font-size:clamp(5rem,15vw,11rem);font-weight:900;letter-spacing:-.1em}.loader-mark span,.brand span{color:var(--blue)}.loader-track{height:2px;width:min(55vw,360px);background:rgba(0,0,0,.15);overflow:hidden}.loader-track i{display:block;height:100%;width:0;background:#000;animation:load 1.6s forwards}.loader p{text-transform:uppercase;font-size:.68rem;letter-spacing:.22em}@keyframes load{to{width:100%}}
.site-header{position:fixed;top:0;left:0;width:100%;height:78px;padding:0 clamp(1rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;z-index:70;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{height:66px;background:rgba(7,8,16,.72);backdrop-filter:blur(18px);border-color:var(--line)}.brand{font-size:1.25rem;font-weight:900;letter-spacing:-.08em;z-index:2}.site-header nav{display:flex;align-items:center;gap:2rem}.site-header nav>a{font-size:.78rem;color:#d4d4db;transition:.2s}.site-header nav>a:hover{color:#fff}.nav-cta{border:1px solid var(--line);border-radius:100px;padding:.75rem 1rem}.nav-cta span{margin-left:.7rem}.menu-toggle{display:none;background:none;border:0}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:9rem clamp(1.2rem,6vw,6.5rem) 5rem;isolation:isolate;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(78,124,255,.12),transparent 35%);z-index:-3}.hero-copy{width:100%;position:relative;z-index:2}.eyebrow,.section-index{text-transform:uppercase;letter-spacing:.17em;font-size:.68rem;color:#bdbecc}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px var(--mint);margin-right:.65rem}.hero h1{font-size:clamp(3.2rem,8.6vw,9.4rem);line-height:.82;letter-spacing:-.075em;margin:2.4rem 0 2.8rem;max-width:1250px}.hero h1 .line{display:block;overflow:hidden;padding:0 .04em .1em}.hero h1 .line>span{display:block;transform:translateY(120%);animation:headline .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.7s}.hero h1 .line:nth-child(2)>span{animation-delay:1.82s}.hero h1 .line:nth-child(3)>span{animation-delay:1.94s}.accent-line{color:#9db4ff;font-style:italic;font-weight:350}@keyframes headline{to{transform:none}}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem}.hero-bottom>p{max-width:500px;margin:0;color:var(--muted);line-height:1.6;font-size:clamp(.95rem,1.25vw,1.12rem)}.hero-bottom strong{color:#fff}.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;border:0;border-radius:100px;padding:1.05rem 1.3rem;cursor:pointer;font-weight:700}.button-primary{background:#f0ff68;color:#080910}.button b{font-size:1.15rem}.text-link{font-size:.85rem;border-bottom:1px solid #777;padding-bottom:.2rem}.text-link span{margin-left:.5rem}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);z-index:-4;opacity:.25}.hero-glow-a{width:45vw;height:45vw;background:#273aa3;right:-10%;top:0}.hero-glow-b{width:35vw;height:35vw;background:#7a2b5e;left:-12%;bottom:-15%}#orb{position:absolute;right:-9%;top:5%;width:48vw;height:76vh;z-index:-1;opacity:.78;filter:drop-shadow(0 0 30px rgba(89,119,255,.3))}.float-card{position:absolute;background:rgba(18,20,31,.65);border:1px solid var(--line);backdrop-filter:blur(16px);padding:1rem 1.2rem;border-radius:16px;display:grid;gap:.25rem;box-shadow:0 20px 50px rgba(0,0,0,.35);transition:transform .18s}.float-card small{color:var(--muted);font-size:.65rem}.float-card b{font-size:.82rem}.fc-one{right:5%;top:25%}.fc-two{right:30%;bottom:24%;grid-template-columns:auto auto;align-items:center}.fc-two b{font-size:1.7rem}.fc-two small{grid-column:2}.mini-orbit{grid-row:1/3;width:34px;height:34px;border:1px solid #708cff;border-radius:50%;margin-right:.75rem;position:relative}.mini-orbit:after{content:"";position:absolute;width:8px;height:8px;background:#f0ff68;border-radius:50%;top:-2px;left:4px}.scroll-cue{position:absolute;left:50%;bottom:1.5rem;transform:translateX(-50%);display:flex;align-items:center;gap:.7rem;color:#757684;font-size:.58rem;text-transform:uppercase;letter-spacing:.18em}.scroll-cue i{display:block;width:42px;height:1px;background:#555;position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;width:50%;height:100%;background:#fff;animation:scrollcue 1.8s infinite}@keyframes scrollcue{from{transform:translateX(-110%)}to{transform:translateX(220%)}}
.marquee-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0;overflow:hidden;background:#0b0c14}.marquee-track{display:flex;width:max-content;gap:2rem;align-items:center;animation:marquee 28s linear infinite;text-transform:uppercase;font-weight:800;font-size:clamp(1rem,2vw,1.6rem);letter-spacing:.04em}.marquee-track i{color:var(--orange);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:clamp(6rem,10vw,10rem) clamp(1.2rem,6vw,6.5rem)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:4rem}.section h2,.contact h2{font-size:clamp(3rem,7vw,7.5rem);line-height:.9;letter-spacing:-.065em;margin:1rem 0 0}.section h2 em,.contact h2 em{font-weight:350;color:#9db4ff}.section-head>p{max-width:390px;line-height:1.65;color:var(--muted)}
.project-list{display:grid;gap:2rem}.project{min-height:750px;border-radius:var(--radius);padding:1.2rem;position:relative;overflow:hidden;transform-style:preserve-3d;cursor:pointer;outline:none}.project:focus-visible{box-shadow:0 0 0 3px #fff}.project-orange{background:#ff713d;color:#1a0903}.project-blue{background:#3e65ed}.project-mint{background:#a4f3cc;color:#07120d}.project-meta{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.62rem;letter-spacing:.1em;opacity:.75;position:relative;z-index:5}.project-visual{position:absolute;inset:11% 4% 20%;border-radius:22px;overflow:hidden;transform:translateZ(25px)}.silentque-art{background:#ff945f}.sun-face{position:absolute;width:min(58vw,620px);aspect-ratio:1;border-radius:50%;background:#ffcb45;left:50%;top:48%;transform:translate(-50%,-50%)}.sun-face i{position:absolute;top:43%;width:22px;height:9px;border-bottom:4px solid #32170c;border-radius:0 0 20px 20px}.sun-face i:first-child{left:37%}.sun-face i:nth-child(2){right:37%}.sun-face b{position:absolute;left:45%;top:57%;width:10%;height:18px;border-bottom:4px solid #32170c;border-radius:50%}.phone{position:absolute;width:180px;height:340px;background:#fafaff;color:#171722;border:8px solid #171722;border-radius:32px;padding:2rem 1rem;box-shadow:0 35px 50px rgba(50,15,5,.25)}.phone-a{left:9%;bottom:-14%;transform:rotate(-9deg)}.phone-b{right:9%;top:6%;transform:rotate(8deg)}.phone span,.phone small{display:block;font-size:.65rem;color:#777}.phone strong{display:block;font-size:2rem;margin:1.5rem 0}.queue-bars{display:flex;align-items:end;gap:5px;height:100px}.queue-bars i{flex:1;background:#4775ff;border-radius:8px;height:40%}.queue-bars i:nth-child(2){height:80%}.queue-bars i:nth-child(3){height:60%}.eprp-art{background:#162e9d;perspective:800px}.blue-orb{position:absolute;width:50%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#a6d9ff,#4069ff 36%,#07175c 72%);left:25%;top:15%;box-shadow:0 0 120px #557cff}.dashboard-card{position:absolute;background:rgba(6,13,55,.84);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:1.5rem;box-shadow:0 30px 70px rgba(0,0,0,.35);backdrop-filter:blur(16px);display:grid;gap:.5rem}.dashboard-card b{font-size:3.5rem}.dashboard-card small{color:#a8b8ff}.d-one{width:28%;height:34%;left:8%;top:24%;transform:rotateY(14deg) rotate(-5deg)}.d-two{width:37%;height:36%;right:7%;top:12%;transform:rotateY(-16deg) rotate(4deg)}.d-two span{display:block;height:8px;border-radius:8px;background:#436aff}.d-two span:nth-child(2){width:70%;background:#f0ff68}.d-two span:nth-child(3){width:40%;background:#ff809d}.d-three{left:48%;bottom:8%;font-size:3rem;transform:translateX(-50%);text-align:center}.d-three small{font-size:.65rem}.kudi-art{background:#091522}.habit-ring{position:absolute;left:16%;top:17%;width:240px;height:240px;border:26px solid #41e6a1;border-right-color:#1e4f48;border-radius:50%;display:grid;place-content:center;text-align:center;color:#fff;transform:rotate(-15deg);box-shadow:0 0 70px rgba(65,230,161,.2)}.habit-ring span{font-size:4rem;font-weight:800}.habit-ring small{transform:rotate(15deg);color:#91a7a0}.dark-panel{position:absolute;right:10%;top:20%;width:35%;padding:1.5rem;background:#12262a;border:1px solid #265347;border-radius:22px;color:#fff;display:grid;gap:.8rem;transform:rotate(5deg)}.dark-panel span{padding:.75rem;background:#173833;border-radius:12px;font-size:.7rem}.spark-grid{position:absolute;inset:0;background-image:radial-gradient(#5dba95 1px,transparent 1px);background-size:28px 28px;opacity:.2}.project-info{position:absolute;left:1.3rem;right:1.3rem;bottom:1.3rem;display:grid;grid-template-columns:1fr minmax(240px,35%) auto;align-items:end;gap:2rem;transform:translateZ(45px)}.project-info small{text-transform:uppercase;letter-spacing:.1em;font-size:.6rem}.project-info h3{font-size:clamp(2.3rem,5vw,5rem);line-height:.9;letter-spacing:-.05em;margin:.5rem 0 0}.project-info p{margin:0;line-height:1.5;font-size:.85rem}.circle-button{width:56px;height:56px;border-radius:50%;background:transparent;border:1px solid currentColor;cursor:pointer;font-size:1.3rem;transition:.25s}.project:hover .circle-button{transform:rotate(45deg);background:currentColor}.project-orange:hover .circle-button,.project-mint:hover .circle-button{color:#fff}.project-blue:hover .circle-button{color:#17316f}.project-grid-small{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.mini-project{border:1px solid var(--line);padding:1rem;border-radius:22px;background:#0c0e17;cursor:pointer;transition:transform .3s,border-color .3s}.mini-project:hover{transform:translateY(-8px);border-color:#59617c}.mini-project>span{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#9193a2}.mini-art{height:280px;margin:1rem 0 1.5rem;border-radius:16px;overflow:hidden}.stay-art{background:#f5e9b7;color:#5c173c;display:grid;place-items:center;text-align:center;font-family:Georgia,serif;font-size:2rem}.stay-art:before{content:"";position:absolute}.shield-art{background:radial-gradient(circle,#9b7aff,#3b215f 55%,#150b27);display:grid;place-items:center}.shield-shape{width:130px;height:150px;display:grid;place-items:center;background:linear-gradient(145deg,#efe9ff,#714cc9);clip-path:polygon(50% 0,90% 16%,82% 75%,50% 100%,18% 75%,10% 16%);color:#29154c;font-size:2rem;filter:drop-shadow(0 20px 35px #18042e)}.voice-art{background:#dff2ff;display:flex;gap:12px;align-items:center;justify-content:center}.wave{height:45%;width:22px;background:#0877f9;border-radius:40px;animation:wave 1.8s ease-in-out infinite}.wave:nth-child(2){height:75%;animation-delay:.15s}.wave:nth-child(3){height:55%;animation-delay:.3s}@keyframes wave{50%{transform:scaleY(.55)}}.mini-project h3{font-size:1.45rem;margin:.3rem 0}.mini-project p{color:var(--muted);font-size:.85rem;min-height:2.8rem}.mini-project button{border:0;background:none;padding:0;color:#a4b8ff;font-size:.75rem;cursor:pointer}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;background:#ebe8e1;color:#11131a}.about .section-index{color:#63646b}.about-sticky{position:sticky;top:120px;align-self:start}.about h2 em{color:#3157d5}.about-content{padding-top:5rem}.about-content>p{max-width:690px;color:#4f515b;line-height:1.7}.about-content .big-copy{font-size:clamp(1.6rem,3vw,3.2rem);line-height:1.22;letter-spacing:-.035em;color:#11131a}.skill-cloud{display:flex;flex-wrap:wrap;gap:.65rem;margin:3rem 0 6rem}.skill-cloud span{border:1px solid #c3c1ba;border-radius:100px;padding:.72rem 1rem;font-size:.78rem;background:rgba(255,255,255,.45)}.timeline{border-top:1px solid #c6c3ba}.timeline article{display:grid;grid-template-columns:150px 1fr;gap:2rem;border-bottom:1px solid #c6c3ba;padding:2rem 0}.timeline time{font-size:.72rem;color:#5f6068}.timeline h3{margin:0 0 .5rem}.timeline p{margin:0;color:#62636b;line-height:1.5;font-size:.85rem}
.process{background:#10121c}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-steps article{padding:2rem;min-height:350px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.3s}.process-steps article:hover{background:#151929}.process-steps>article>span{font-size:.65rem;color:#717482}.process-icon{font-size:3rem;margin:4rem 0 2.5rem;color:#91aaff}.process-steps h3{font-size:1.5rem}.process-steps p{color:var(--muted);font-size:.82rem;line-height:1.6}
.education-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:1rem;margin-top:3rem}.education-grid article,.education-quote{border:1px solid var(--line);border-radius:22px;padding:2rem;min-height:250px}.education-grid article>span{color:#9db4ff;font-size:.65rem;text-transform:uppercase;letter-spacing:.14em}.education-grid h3{font-size:1.7rem;margin:3.7rem 0 .5rem}.education-grid p{color:#c2c2cb}.education-grid small{color:#777986}.education-quote{background:#f0ff68;color:#10110b;display:grid;align-items:end}.education-quote p{font-size:clamp(1.4rem,2.3vw,2.5rem);line-height:1.15;letter-spacing:-.04em;margin:0}
.contact{min-height:90svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:7rem 1rem;background:#4169ee;overflow:hidden}.contact h2{max-width:1100px;margin:1.5rem 0}.contact h2 em{color:#f0ff68}.contact>p{max-width:520px;line-height:1.6;color:#dbe2ff}.button-light{background:#fff;color:#10131d;margin-top:1.5rem}.contact-orbit{position:absolute;width:min(75vw,900px);aspect-ratio:1;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center;animation:orbitSpin 30s linear infinite}.contact-orbit:before,.contact-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;inset:13%}.contact-orbit:after{inset:30%}.contact-orbit i{position:absolute;width:16px;height:16px;border-radius:50%;background:#f0ff68;top:12%;left:23%;box-shadow:0 0 22px #f0ff68}.contact-orbit i:nth-child(2){top:auto;bottom:8%;left:auto;right:30%;background:#ff8e76}.contact-orbit i:nth-child(3){left:auto;right:6%;top:47%;background:#fff}.contact-orbit span{opacity:.04;font-size:30vw;font-weight:900}.contact-note{height:1.5rem;margin-top:1rem;font-size:.75rem;color:#fff}@keyframes orbitSpin{to{transform:rotate(360deg)}}footer{padding:2rem clamp(1.2rem,6vw,6.5rem);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#9495a0;font-size:.72rem}footer>div{display:flex;gap:1.5rem}footer a:hover{color:#fff}
.case-dialog{width:min(900px,92vw);max-height:90vh;background:#eff0ea;color:#11131a;border:0;border-radius:26px;padding:0;box-shadow:0 40px 120px rgba(0,0,0,.65)}.case-dialog::backdrop{background:rgba(3,4,9,.82);backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:1rem;top:1rem;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:rgba(255,255,255,.7);font-size:1.5rem;cursor:pointer;z-index:2}.dialog-hero{padding:5rem 4rem 3rem;background:#f0ff68;position:relative;overflow:hidden}.dialog-hero:after{content:"";position:absolute;width:260px;height:260px;border:55px solid rgba(0,0,0,.06);border-radius:50%;right:-30px;top:-70px}.dialog-hero>span{font-size:.7rem}.dialog-hero small{margin-left:1rem;text-transform:uppercase;letter-spacing:.12em}.dialog-hero h2{font-size:clamp(3.5rem,8vw,7rem);line-height:.9;letter-spacing:-.07em;margin:2rem 0 1rem}.dialog-hero p{max-width:560px;line-height:1.5}.dialog-content{padding:3rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.dialog-content small{text-transform:uppercase;letter-spacing:.12em;color:#686970}.dialog-content p{line-height:1.7}.case-tags{grid-column:1/-1;display:flex;gap:.6rem;flex-wrap:wrap}.case-tags span{border:1px solid #b8b9b3;border-radius:100px;padding:.65rem .9rem;font-size:.72rem}
.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.cursor-dot,.cursor-ring{display:none}.site-header{height:66px}.menu-toggle{display:flex;align-items:center;gap:.35rem;color:#fff;z-index:3}.menu-toggle span{font-size:.7rem;margin-right:.4rem}.menu-toggle i{display:block;width:14px;height:1px;background:#fff}.site-header nav{position:fixed;inset:0;background:#0a0b13;flex-direction:column;justify-content:center;font-size:2rem;transform:translateY(-100%);transition:.55s cubic-bezier(.8,0,.2,1)}.site-header nav.open{transform:none}.site-header nav>a{font-size:1.8rem}.nav-cta{font-size:1rem!important}.hero{padding-top:8rem;min-height:900px;align-items:flex-start}.hero h1{font-size:clamp(3.3rem,14vw,6rem);margin-top:2rem}.hero-bottom{display:block}.hero-actions{margin-top:2rem;flex-wrap:wrap}.fc-one{right:-4%;top:62%}.fc-two{right:auto;left:6%;bottom:10%}#orb{width:95vw;height:55vh;right:-34%;top:29%;opacity:.55}.section-head{display:block}.section-head>p{margin-top:2rem}.project{min-height:680px}.phone{width:125px;height:250px}.project-info{grid-template-columns:1fr auto}.project-info p{display:none}.project-grid-small{grid-template-columns:1fr}.mini-art{height:340px}.about{grid-template-columns:1fr}.about-sticky{position:relative;top:auto}.about-content{padding-top:0}.process-steps{grid-template-columns:1fr 1fr}.education-grid{grid-template-columns:1fr 1fr}.education-quote{grid-column:1/-1}.contact-orbit{width:120vw}.dialog-content{grid-template-columns:1fr}.case-tags{grid-column:auto}}
@media(max-width:560px){.hero{min-height:820px}.hero h1{font-size:3.45rem}.hero-bottom>p{font-size:.9rem;max-width:92%}.button{padding:.9rem 1.05rem}.float-card{display:none}.scroll-cue{left:auto;right:1rem;transform:none}.section{padding:5.5rem 1rem}.section h2,.contact h2{font-size:3.3rem}.project{min-height:570px;border-radius:20px}.project-meta span:nth-child(2){display:none}.project-visual{inset:12% 3% 24%}.sun-face{width:320px}.phone{width:100px;height:205px;padding:1.5rem .6rem;border-width:5px;border-radius:22px}.phone strong{font-size:1.3rem}.dashboard-card{padding:.8rem}.dashboard-card b{font-size:2rem}.d-one{width:40%;left:3%}.d-two{width:49%;right:3%}.habit-ring{width:165px;height:165px;border-width:18px;left:7%}.habit-ring span{font-size:2.5rem}.dark-panel{width:48%;right:3%}.project-info{bottom:1rem}.project-info h3{font-size:2.4rem}.circle-button{width:46px;height:46px}.mini-art{height:260px}.about{padding-top:5rem}.about-content .big-copy{font-size:1.75rem}.timeline article{grid-template-columns:1fr;gap:.6rem}.process-steps{grid-template-columns:1fr}.process-steps article{min-height:270px}.process-icon{margin:2rem 0}.education-grid{grid-template-columns:1fr}.education-quote{grid-column:auto}footer{display:grid;gap:1.2rem}.dialog-hero,.dialog-content{padding:3.5rem 1.4rem 2rem}.dialog-hero h2{font-size:3.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loader{display:none}.reveal{opacity:1;transform:none}}

/* Project proof links */
.project-actions{display:grid;gap:.55rem;min-width:190px}.project-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid currentColor;border-radius:100px;padding:.72rem .9rem;font-size:.7rem;font-weight:800;transition:transform .2s,background .2s,color .2s}.project-link:hover{transform:translateX(4px)}.project-link-solid{background:#10131d;color:#fff;border-color:#10131d}.project-blue .project-link-solid{background:#f0ff68;color:#11131a;border-color:#f0ff68}.project-grid-small{grid-template-columns:repeat(2,1fr)}.kudi-mini-art{position:relative;background:#091522}.mini-ring{width:165px;height:165px;border-width:18px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-15deg);z-index:2}.mini-ring span{font-size:2.6rem}.case-actions{grid-column:1/-1;display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.4rem}.case-actions a{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border:1px solid #222;border-radius:100px;padding:.9rem 1.1rem;font-size:.78rem;font-weight:800}.case-actions a.primary{background:#11131a;color:#fff}.case-actions:empty{display:none}
@media(max-width:900px){.project-info{grid-template-columns:1fr}.project-info p{display:none}.project-actions{grid-template-columns:1fr 1fr;min-width:0}.project-link{font-size:.62rem}.project-grid-small{grid-template-columns:1fr}.case-actions{grid-column:auto}}
@media(max-width:560px){.project{min-height:650px}.project-visual{inset:12% 3% 31%}.project-info h3{font-size:2.25rem}.project-actions{gap:.35rem}.project-link{padding:.62rem .72rem;gap:.45rem}.case-actions a{width:100%}}
@media(max-width:900px){.site-header nav{visibility:hidden;opacity:0;pointer-events:none}.site-header nav.open{visibility:visible;opacity:1;pointer-events:auto}}

/* Meal Garden: real interface evidence within the existing portfolio grid. */
.project-garden{background:#dbe5cc;color:#1d3329}.garden-art{background:#f4f5ed;border:1px solid rgba(29,51,41,.12)}.garden-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.project-garden .project-link-solid{background:#345847;border-color:#345847}.project-garden a:focus-visible{outline:3px solid #1d3329;outline-offset:4px}