:root{--blue:#0f1a8c;--ink:#000;--font:"Poppins",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.img{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#00000059;font-size:13px;font-weight:500;letter-spacing:.04em}.img img{width:100%;height:100%;object-fit:cover}.img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(255,255,255,.12) 14px 15px);pointer-events:none}.img-lav{background:linear-gradient(135deg,#c9c8e6,#a9a6d4)}.img-mint{background:linear-gradient(135deg,#dff2ee,#f6d9cf)}.img-sand{background:linear-gradient(160deg,#d8ccc2,#c1b2a5)}.img-sky{background:linear-gradient(135deg,#bcd3e8,#e8c9c0)}.img-stone{background:linear-gradient(135deg,#d9d9d9,#b5b5b5)}.img-dark{background:linear-gradient(135deg,#1c1c1c,#3a3a3a);color:#fff6}.img-brown{background:linear-gradient(160deg,#a98873,#85614f);color:#ffffff8c}.img-green{background:linear-gradient(135deg,#dfe7df,#9cc17a);color:#0006}.header{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;justify-content:space-between;align-items:flex-start;padding:22px 40px;pointer-events:none;mix-blend-mode:normal}.header>*{pointer-events:auto}.logo{font-size:18px;font-weight:500;color:#555;padding:3px 10px;background:#fff;letter-spacing:.02em}.header-right{display:flex;align-items:center;gap:12px;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 10px 6px 14px;border-radius:30px}.cart{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.cart b{background:#000;color:#fff;border-radius:50%;width:15px;height:15px;font-size:9px;display:grid;place-items:center}.burger{background:none;border:0;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:4px}.burger i{display:block;width:16px;height:2px;background:#000}.menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:#fff;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.7,0,.2,1)}.menu.open{clip-path:inset(0 0 0 0)}.menu a{font-size:clamp(40px,8vw,96px);font-weight:500;line-height:1.1;transition:opacity .3s}.menu:hover a{opacity:.35}.menu a:hover{opacity:1}.menu-close{position:absolute;top:20px;right:40px;background:none;border:0;color:#fff;font-size:44px;cursor:pointer}.cta{position:fixed;right:40px;bottom:22px;z-index:60;background:var(--blue);color:#fff;font-size:13px;font-weight:500;padding:11px 20px;border-radius:30px;display:flex;gap:10px;align-items:center;transition:transform .3s}.cta:hover{transform:translateY(-3px)}.cta svg{width:16px}.reveal{opacity:0;transform:translateY(60px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.hero{position:relative;height:110vh;min-height:640px;overflow:hidden}.h-img{position:absolute;opacity:.55;will-change:transform}.h1{left:6%;top:12%;width:20%;height:18%}.h2{left:1%;top:44%;width:19%;height:19%}.h3{right:15%;top:12%;width:16.5%;height:36%}.h4{left:42.5%;top:60%;width:17%;height:25%}.h5{right:3%;top:62%;width:22%;height:25%}.hero-title{position:absolute;left:25%;top:30%;font-size:clamp(70px,10.5vw,170px);font-weight:600;line-height:.95;letter-spacing:-.01em;z-index:2}.hero-title span{display:block;will-change:transform}.hero-title span:last-child{margin-left:9%}.hero-copy{position:absolute;left:5%;bottom:10%;width:26%;font-size:12px;line-height:1.5;z-index:2}.big-title{font-size:clamp(48px,6.6vw,96px);font-weight:400;line-height:1;letter-spacing:-.01em}.portfolio{padding:14vh 5% 10vh;position:relative}.portfolio .big-title{margin-bottom:12vh}.project{display:flex;margin-bottom:16vh}.project.side-center{justify-content:center}.project.side-left{justify-content:flex-start}.project.side-right{justify-content:flex-end}.project a{display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.project a:hover{transform:scale(1.025)}.project-img{aspect-ratio:1/1.02;width:100%}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:13px}.project-meta em{font-style:normal;font-size:10px;border:1px solid #000;border-radius:20px;padding:4px 10px}.about{padding:10vh 5% 16vh;position:relative}.about-title{margin-bottom:-2vh;position:relative;z-index:3}.about-grid{position:relative;height:72vh;min-height:520px}.about-main{position:absolute;left:12%;top:4%;width:42%;height:88%}.about-main .img{width:100%;height:100%}.about-side{position:absolute;left:0;top:22%;width:17.5%;height:42%;z-index:2}.about-side .img{width:100%;height:100%}.about-card{position:absolute;right:2%;top:0;width:32%;background:#f7f7f7;padding:28px 24px;z-index:3;font-style:italic}.about-card h3{font-size:clamp(15px,1.6vw,22px);font-weight:700;line-height:1.25;margin-bottom:14px}.about-card p{font-size:12px;line-height:1.55}.services{padding-top:8vh}.services-title{padding:0 5%;margin-bottom:6vh}.svc-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #000;height:62vh;min-height:420px}.svc{position:relative;overflow:hidden;border-right:1px solid #999;cursor:pointer;transition:color .4s}.svc:last-child{border-right:0}.svc-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;transform:translateY(100%);transition:transform .6s cubic-bezier(.7,0,.2,1)}.svc.on .svc-fill{transform:none}.svc.on{color:#fff}.svc-head{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:15px;transition:top .6s cubic-bezier(.7,0,.2,1),transform .6s cubic-bezier(.7,0,.2,1)}.svc.on .svc-head{top:22px;transform:none}.svc-desc{position:absolute;left:22px;right:22px;bottom:22px;font-size:12px;font-weight:500;line-height:1.5;opacity:0;transform:translateY(20px);transition:all .5s .2s}.svc.on .svc-desc{opacity:1;transform:none}.contact{background:#000;color:#fff;padding-top:12vh;overflow:hidden}.marquee{border-bottom:1px solid #fff;padding-bottom:3vh;overflow:hidden}.marquee-track{display:flex;white-space:nowrap;width:max-content;will-change:transform}.marquee-track span{font-size:clamp(90px,13vw,200px);font-weight:500;line-height:1;padding-right:.25em}.marquee-track b{display:inline-block;margin-left:.25em;font-weight:500}.contact-body{display:flex;justify-content:space-between;padding:10vh 5%;align-items:flex-start}.contact-body h3{font-size:clamp(28px,3.4vw,48px);font-weight:500;line-height:1.1}.contact-body ul{text-align:right;font-family:Montserrat,sans-serif;font-size:16px;line-height:1.8}.contact-body a{transition:opacity .3s}.contact-body a:hover{opacity:.5}footer{display:flex;justify-content:space-between;padding:0 5% 28px;font-size:10px}footer .dim{opacity:.4}@media (max-width:800px){.header{padding:14px 16px}.cta{right:12px;bottom:12px}.hero-title{left:8%;top:28%}.hero-copy{width:60%}.h3{right:6%}.h5{display:none}.project a{width:80vw!important}.about-grid{height:auto;display:flex;flex-direction:column;gap:20px}.about-grid>*{position:static!important;width:100%!important;height:auto!important}.about-main .img,.about-side .img{height:320px}.svc-row{grid-template-columns:1fr 1fr;height:auto}.svc{height:220px}.contact-body{flex-direction:column;gap:30px}.contact-body ul{text-align:left}}.img video{width:100%;height:100%;object-fit:cover;display:block}.h-img{opacity:.9}.project-img{aspect-ratio:16/9}.project-card{display:block}.hero-copy{width:30%;font-size:13px}.cart{padding:0 4px}.resume{padding:10vh 5% 8vh}.resume .big-title{margin-bottom:8vh}.resume-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.res-col h4{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #000;padding-bottom:10px;margin-bottom:18px}.res-gap{margin-top:40px}.res-item{margin-bottom:24px}.res-top{display:flex;justify-content:space-between;gap:16px;font-size:16px}.res-top span{font-size:12px;white-space:nowrap;opacity:.6;padding-top:3px}.res-item em{display:block;font-style:normal;font-size:13px;opacity:.7;margin:2px 0 6px}.res-item p{font-size:13px;line-height:1.55}.langs{display:flex;flex-wrap:wrap;gap:8px}.langs span{font-size:12px;border:1px solid #000;border-radius:20px;padding:5px 12px}.contact-body li.dim{opacity:.5;font-size:13px}@media (max-width:800px){.resume-grid{grid-template-columns:1fr}.hero-copy{width:70%}.project-card{width:88vw!important}.menu-close{right:16px;top:12px}.hero{height:110svh}.res-top{flex-wrap:wrap;gap:4px 16px}.res-top span{white-space:normal}footer{flex-wrap:wrap;gap:6px 16px;padding-bottom:70px}.contact-body ul{font-size:15px}}@media (max-width:480px){.hero-title{font-size:clamp(56px,19vw,90px)}.header-right{padding:5px 8px 5px 10px}.svc-row{grid-template-columns:1fr}.svc{height:160px}.about-card{padding:20px 16px}}.h-img{opacity:1;box-shadow:0 10px 30px #0000001f}.more-projects{text-align:center;margin-top:4vh}.more-projects h3{font-size:clamp(28px,4vw,56px);font-weight:500;margin-bottom:22px}.more-projects a{display:inline-flex;align-items:center;gap:10px;border:1px solid #000;border-radius:30px;padding:12px 24px;font-size:14px;transition:background .3s,color .3s}.more-projects a:hover{background:#000;color:#fff}.marquee-track.auto{animation:marq 25s linear infinite}@keyframes marq{0%{transform:translate(0)}to{transform:translate(-50%)}}.res-list{list-style:disc;padding-left:18px;font-size:13px;line-height:1.6}.res-list li{margin-bottom:3px}.project-desc{font-size:13px;line-height:1.55;opacity:.7;margin-top:10px;max-width:60ch}.svc-row{grid-template-columns:repeat(5,1fr)}@media (max-width:800px){.svc-row{grid-template-columns:1fr 1fr}}@media (max-width:480px){.svc-row{grid-template-columns:1fr}}.project-stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.project-stack span{font-size:11px;border:1px solid rgba(0,0,0,.35);border-radius:20px;padding:3px 10px}.svc-row{grid-template-columns:repeat(3,1fr);height:auto}.svc{height:34vh;min-height:240px;border-bottom:1px solid #999}.svc:nth-child(3n){border-right:0}@media (max-width:800px){.svc-row{grid-template-columns:1fr 1fr}.svc{height:220px;min-height:0}.svc:nth-child(3n){border-right:1px solid #999}.svc:nth-child(2n){border-right:0}}@media (max-width:480px){.svc-row{grid-template-columns:1fr}.svc{height:160px;border-right:0!important}}.svc-head small{font-size:11px;opacity:.6;margin-right:8px}.svc:last-child:nth-child(3n+1){grid-column:1/-1;border-right:0}@media (max-width:800px){.svc:last-child:nth-child(3n+1){grid-column:auto;border-right:1px solid #999}.svc:last-child:nth-child(odd){grid-column:1/-1;border-right:0}}@media (max-width:480px){.svc:last-child:nth-child(n){grid-column:auto}}