#app{isolation:isolate;min-height:100vh;position:relative}.background-video{pointer-events:none;z-index:-2;object-fit:cover;width:100%;height:100%;position:fixed;inset:0}.background-video-overlay{display:none}@media (width<=900px){.hero-grid .hero-art{order:initial}}#app>.section:not(.white):not(.dark-section):not(.contact),#app>.tools{background:#f4f4f1b8}.skill-card{background:0 0}.project-body{background:#ffffffe0}.app-window,.portrait-frame{background:#fffdf0d9}.button.light,.badges span,.chips span,.tags span{background:#ffffffe8}.info-cards strong,.info-cards small,.about-bottom>span{color:#fff}#skills.white{background:0 0}#skills .section-intro p,#skills .skill-card p,#skills .skill-card .chips span{color:var(--ink)}#skills .skill-card .chips span{background:0 0;border-color:#17191f66}#about h2,#about .lead{color:#fff}#about>.container>.kicker{display:none}.hero h1,.hero h1>span{color:#fff}.hero .eyebrow{display:none}.hero-copy>p{color:#fff}.site-header{background:0 0}.portrait-frame{background:#fff}.portrait-frame img{mix-blend-mode:multiply;object-fit:cover;object-position:center top}.marquee-text{position:relative}.marquee{background:0 0!important}.portrait-frame{background:#fff;border:1px solid #17191f1c;border-radius:10px;width:70%;height:79%;position:absolute;top:7%;left:15%;overflow:hidden;transform:none;box-shadow:0 24px 55px #17191f14}.portrait-frame:after{display:none}.portrait-frame img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.portrait-caption,.hero-art .float{display:none}@media (width<=900px){.portrait-frame{width:78%;left:10%}}@media (width<=560px){.portrait-frame{width:84%;height:84%;top:4%;left:7%}}:root{--ink:#17191f;--muted:#74757d;--soft:#f4f4f1;--line:#deded9;--purple:#765ee7;--lav:#c7b8ff;--peach:#f7c8b5;--mint:#bde5d6;--sans:"Manrope",sans-serif;--mono:"DM Mono",monospace;font-family:var(--sans);color:var(--ink);background:var(--soft);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,100% - 80px);margin:auto}.section{padding:140px 0}.white{background:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}h2{margin:24px 0;font-size:clamp(42px,5vw,72px);line-height:.98}h2 em{color:var(--purple);font-style:normal;font-weight:500}p{color:var(--muted);line-height:1.75}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#f4f4f1e8;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:30px;width:min(1320px,100% - 80px);height:84px;margin:auto;display:flex}.brand{align-items:center;gap:10px;font-weight:800;display:flex}.brand b{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font:20px Georgia;display:grid}.brand span{color:var(--purple);font-size:20px}.nav-wrap nav{color:#777;gap:28px;font-size:12px;display:flex}.nav-wrap nav a:hover{color:var(--ink)}.button{border:0;border-radius:999px;align-items:center;gap:15px;padding:16px 22px;font-size:12px;font-weight:800;transition:all .25s;display:inline-flex}.button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #17191f20}.dark{color:#fff;background:var(--ink)}.light{color:var(--ink);border:1px solid var(--line);background:#fff}.menu-toggle{background:0 0;border:0;font-size:20px;display:none}.hero{padding-top:110px;padding-bottom:115px}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.eyebrow,.kicker{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#888}.hero h1{margin:32px 0;font-size:clamp(50px,5.8vw,82px);line-height:.99}.hero h1>span{color:var(--purple)}.hero h1 strong{font-weight:600}.hero-copy>p{max-width:500px;font-size:15px}.actions{gap:12px;margin:34px 0 45px;display:flex}.badges{flex-wrap:wrap;gap:8px;display:flex}.badges span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 13px;font-size:10px;font-weight:700}.hero-art{height:560px;position:relative}.app-window{background:#fffb;border:1px solid #17191f20;width:77%;height:73%;padding:28px;position:absolute;top:12%;left:12%;transform:rotate(4deg);box-shadow:30px 30px #765ee722,0 30px 70px #17191f18}.app-window>small{color:#999;font:8px var(--mono)}.app-window h3{margin-top:45px;font-size:20px;line-height:1.3}.app-window h3 b{font-size:32px}.chart{background:#f1effc;border-radius:10px;height:52%;padding:18px}.chart small{font:8px var(--mono);color:#9891b2}.chart>div{justify-content:space-around;align-items:end;gap:8px;height:85%;padding-top:15px;display:flex}.chart i{background:var(--purple);opacity:.6;border-radius:4px 4px 0 0;width:10%}.chart i:nth-child(4),.chart i:nth-child(6){background:var(--ink);opacity:1}.cards{gap:14px;margin-top:18px;display:flex}.cards i{background:#f4e5df;border-radius:7px;flex:1;height:35px}.cards i:last-child{background:#deefe8}.float{z-index:2;background:#fffd;border:1px solid #17191f1a;align-items:center;gap:10px;padding:13px 15px;font-size:20px;display:flex;position:absolute;transform:rotate(-5deg);box-shadow:0 15px 30px #17191f20}.float span{font:8px var(--mono);color:#777}.float b{font:10px var(--sans);color:var(--ink)}.profile{top:12%;right:0}.note{bottom:7%;left:4%;transform:rotate(5deg)}.marquee{color:#fff;background:var(--ink);font:10px var(--mono);letter-spacing:.15em;text-align:center;padding:22px;overflow:hidden}.two-col{grid-template-columns:1fr 3fr;gap:70px;display:grid}.lead{max-width:760px;font-size:17px}.about-bottom{align-items:center;gap:55px;margin-top:65px;display:flex}.years{font:90px Georgia}.years span{color:var(--purple);font-size:50px}.info-cards{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.info-cards div{border:1px solid var(--line);min-height:105px;padding:15px}.info-cards b{color:var(--purple);font-size:20px;display:block}.info-cards strong,.info-cards small{font-size:11px;display:block}.info-cards small{color:var(--muted);margin-top:6px}.section-intro,.section-heading{grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:40px;margin-bottom:60px;display:grid}.section-intro h2,.section-heading h2{margin:0}.section-intro p,.section-heading p{font-size:13px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.skill-card{background:var(--soft);border:1px solid var(--line);border-radius:18px;min-height:290px;padding:28px}.skill-icon{background:var(--lav);border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.skill-card h3{font-size:17px}.skill-card p{font-size:11px}.chips,.tags{flex-wrap:wrap;gap:7px;display:flex}.chips span,.tags span{border:1px solid var(--line);color:#666;background:#fff;border-radius:999px;padding:8px 10px;font-size:10px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:40px 22px;display:grid}.project-card{cursor:pointer}.project-visual{background:var(--lav);border-radius:16px;height:330px;padding:23px;transition:all .3s;position:relative;overflow:hidden}.project-card:hover .project-visual{transform:translateY(-7px)rotate(-1deg);box-shadow:0 22px 40px #17191f24}.visual-peach{background:var(--peach)}.visual-mint{background:var(--mint)}.visual-coral{background:#f3bbb1}.visual-sky{background:#bbd8f7}.visual-yellow{background:#eee3a9}.visual-topline{font:9px var(--mono);color:#555;justify-content:space-between;display:flex}.mini-mark{background:#fffa;border-radius:5px;padding:5px}.visual-content{font-size:28px;position:absolute;top:30%;left:14%}.visual-content strong,.visual-content em{display:block}.visual-content em{color:#555;font-size:15px;font-style:normal}.visual-lines{gap:7px;margin-top:18px;display:flex}.visual-lines i{background:#fffa;border-radius:5px;width:35px;height:5px}.visual-lines i:first-child{background:var(--ink);width:65px}.visual-panels{gap:9px;display:flex;position:absolute;bottom:-15%;right:-3%;transform:rotate(-14deg)}.visual-panels i{background:#fff6;border:7px solid #fffa;border-radius:18px;width:110px;height:190px;box-shadow:0 15px 20px #17191f22}.visual-panels i:nth-child(2){background:#17191fd9;transform:translateY(25px)}.visual-panels i:nth-child(3){transform:translateY(52px)}.project-body{padding:22px 7px 0}.project-meta{color:#97989b;font:9px var(--mono);text-transform:uppercase;justify-content:space-between;margin-bottom:13px;display:flex}.project-body h3{margin:0 0 10px;font-size:27px}.text-button{border:0;border-bottom:1px solid var(--ink);background:0 0;margin-top:19px;padding:0;font-size:11px;font-weight:800}.dark-section{color:#fff;background:var(--ink)}.dark-section p{color:#9b9ca3}.dark-section h2{margin-top:30px}.process{grid-template-columns:repeat(7,1fr);gap:20px;margin-top:75px;display:grid}.process b{color:var(--lav);font:11px var(--mono)}.process i{border:2px solid var(--lav);border-radius:50%;width:9px;height:9px;margin:27px 0 20px;display:block}.process h3{font-size:15px}.process p{font-size:10px;line-height:1.5}.accent{color:var(--purple);font:10px var(--mono)}.responsibilities{grid-template-columns:1fr 1fr;gap:13px;margin-top:35px;display:grid}.responsibilities span{color:#606169;font-size:11px}blockquote{max-width:700px;color:var(--ink);margin:45px 0 0;font:23px/1.45 Georgia}.tools{padding:100px 0}.tool-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.tool-grid div{text-align:center}.tool-grid b{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:58px;height:58px;margin:auto;font-size:12px;display:grid}.tool-grid small{color:var(--muted);margin-top:10px;font-size:9px;display:block}.contact{color:#fff;background:var(--ink)}.contact-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.contact h2{margin-top:40px}.contact h3{color:#b6b8bf;font-size:22px}.contact h3 em{color:var(--lav);font-style:normal}.contact-links{flex-direction:column;gap:13px;margin-top:70px;display:flex}.contact-links a{border-bottom:1px solid #4a4c55;width:max-content;padding-bottom:8px;font-size:12px}.contact form{background:#262830;border:1px solid #3a3c45;border-radius:14px;padding:35px}.contact label{color:#a6a7ad;font:10px var(--mono);margin-bottom:22px;display:block}input,textarea{resize:vertical;color:#fff;background:0 0;border:0;border-bottom:1px solid #4b4d55;outline:0;width:100%;padding:13px 0;font-size:12px;display:block}.status{color:#9edabe;font-size:11px}footer{color:#fff;background:#111216}.footer-grid{grid-template-columns:2fr 1fr 1.3fr 1fr;gap:50px;padding:70px 0;display:grid}.footer-grid>div:not(:first-child){flex-direction:column;gap:13px;font-size:11px;display:flex}.footer-grid small{color:#777981;font:10px var(--mono);text-transform:uppercase}.footer-grid p{font-size:11px}.footer-bottom{color:#6f7077;font:9px var(--mono);border-top:1px solid #2c2e35;justify-content:space-between;padding:20px 0;display:flex}.reveal{opacity:0;transition:all .65s;transform:translateY(20px)}.reveal.visible{opacity:1;transform:none}.modal{z-index:20;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17191fb8;place-items:center;padding:20px;transition:all .3s;display:grid;position:fixed;inset:0}.modal.open{opacity:1;pointer-events:auto}.modal-card{background:var(--soft);border-radius:18px;width:min(850px,100%);max-height:90vh;padding:36px;overflow:auto}.close{float:right;border:1px solid var(--line);background:#fff;border-radius:50%;width:34px;height:34px;font-size:22px}.modal-card h2{margin:35px 0 10px;font-size:55px}.case-sections{grid-template-columns:1fr 1fr;gap:0 35px;margin-top:35px;display:grid}.case-sections div{border-bottom:1px solid var(--line);padding:18px 0}.case-sections small{color:var(--purple);font:10px var(--mono)}.case-sections h3{margin:8px 0;font-size:14px}.case-sections p{margin:0;font-size:10px}@media (width<=900px){.container,.nav-wrap{width:calc(100% - 40px)}.section{padding:90px 0}.nav-wrap nav{background:var(--soft);flex-direction:column;padding:20px;display:none;position:absolute;top:84px;left:0;right:0}.nav-wrap nav.open{display:flex}.menu-toggle{margin-left:auto;display:block}.nav-cta{display:none}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr;gap:45px}.hero-art{order:-1;height:450px}.section-intro,.section-heading{display:block}.section-intro h2,.section-heading p{margin-top:25px}.skills-grid{grid-template-columns:1fr}.process{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr}.contact-grid{gap:45px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media (width<=560px){.container,.nav-wrap{width:calc(100% - 32px)}.section{padding:70px 0}.hero h1{font-size:45px}.actions{flex-direction:column;align-items:start}.hero-art{height:350px}.app-window{width:88%;left:4%}.about-bottom{display:block}.info-cards{margin-top:30px}.process{grid-template-columns:1fr 1fr}.responsibilities{grid-template-columns:1fr}.tool-grid b{width:45px;height:45px;font-size:10px}.contact form{padding:22px}.footer-bottom{flex-direction:column;gap:10px}.modal-card{padding:22px}.modal-card h2{font-size:42px}.case-sections{grid-template-columns:1fr}}.project-body h3{font-size:clamp(1.35rem,2.25vw,1.7rem);line-height:1.08}.project-body p{font-size:clamp(.72rem,1vw,.82rem);line-height:1.65}.project-meta{font-size:clamp(.58rem,.75vw,.68rem)}.text-button,.prototype-link{font-size:clamp(.68rem,.85vw,.76rem)}.visual-content{font-size:clamp(1.45rem,2.8vw,2rem)}.visual-content em{font-size:clamp(.72rem,1.35vw,.94rem)}@media (width<=900px){.project-visual{height:clamp(270px,42vw,330px)}.project-body h3{font-size:clamp(1.4rem,3.8vw,1.7rem)}.visual-content{font-size:clamp(1.5rem,5vw,2rem)}}@media (width<=560px){.hero h1{font-size:clamp(2.65rem,12vw,3.1rem);line-height:1}.project-visual{height:clamp(245px,72vw,300px);padding:18px}.project-body{padding-top:18px}.project-body h3{font-size:clamp(1.3rem,7vw,1.55rem)}.project-body p{font-size:.75rem;line-height:1.6}.project-meta{gap:10px;font-size:.58rem}.visual-content{font-size:clamp(1.35rem,8vw,1.8rem);top:27%;left:11%}.visual-content em{font-size:.75rem}.visual-panels i{width:82px;height:155px}}