:root{--ink:#182838;--cream:#fff8ec;--pink:#ff8db5;--yellow:#ffd85b;--aqua:#62d8c6;--purple:#a394ed;--orange:#ff9f55;--line:#182838}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Noto Sans SC",sans-serif}.grain{position:fixed;inset:0;pointer-events:none;opacity:.07;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.site-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--line);position:relative;z-index:2;background:var(--cream)}.brand{font:500 24px "DM Mono",monospace;color:var(--ink);text-decoration:none;letter-spacing:1px}.brand span{color:var(--pink);font-size:20px}.site-header nav{display:flex;gap:34px}.site-header nav a,.header-link{color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}.header-link{border-bottom:2px solid var(--pink);padding-bottom:3px}.hero{min-height:625px;padding:7.5vw 9vw 5vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden;border-bottom:2px solid var(--line)}.eyebrow{font:500 12px "DM Mono",monospace;letter-spacing:1px;margin:0 0 20px}.eyebrow span{width:9px;height:9px;background:var(--pink);border-radius:50%;display:inline-block;margin-right:7px}.hero h1,.section-heading h2,.about-copy h2,.contact-section h2{font-size:clamp(42px,5.2vw,78px);line-height:1.08;letter-spacing:0;margin:0;font-weight:500}.hero h1 strong{font-weight:800;background:linear-gradient(105deg,var(--pink) 0 51%,transparent 51%);background-size:100% 27%;background-repeat:no-repeat;background-position:0 94%}.hero-text{font-size:16px;line-height:1.9;margin:26px 0 28px}.hero-text em{font-style:normal;font-weight:800}.hero-actions,.project-actions{display:flex;gap:11px;flex-wrap:wrap}.button{border:2px solid var(--line);border-radius:3px;padding:12px 16px;display:inline-flex;gap:18px;align-items:center;text-decoration:none;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--line)}.button-primary{background:var(--pink);color:var(--ink)}.button-quiet{color:var(--ink);background:transparent}.button-dark{background:var(--ink);color:#fff}.hero-scene{height:410px;position:relative;isolation:isolate}.sun{width:267px;height:267px;border-radius:50%;background:var(--yellow);position:absolute;right:11%;top:53px}.cloud{position:absolute;width:81px;height:23px;background:#fff;border:2px solid var(--line);border-radius:20px;z-index:1}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border:2px solid var(--line);border-bottom:0;border-radius:99px 99px 0 0}.cloud:before{width:30px;height:27px;left:15px;top:-22px}.cloud:after{width:23px;height:20px;left:39px;top:-16px}.cloud-a{top:15px;left:12%}.cloud-b{top:117px;right:1%;transform:scale(.72)}.spark{position:absolute;z-index:3;font-size:28px}.spark-a{top:45px;left:0;color:var(--purple)}.spark-b{top:90px;right:6%;color:var(--pink)}.spark-c{bottom:43px;left:5%;color:var(--orange)}.planet{position:absolute;width:88px;height:88px;border-radius:50%;background:var(--aqua);right:3%;bottom:33px;border:2px solid var(--line);z-index:3}.planet i,.planet b,.planet span{position:absolute;display:block;border-radius:50%;background:var(--ink)}.planet i{width:11px;height:11px;top:20px;left:22px}.planet b{width:15px;height:15px;right:18px;bottom:18px}.planet span{width:7px;height:7px;left:21px;bottom:20px}.desk{position:absolute;width:88%;height:120px;bottom:17px;left:6%;z-index:2}.desk-top{height:18px;background:var(--orange);border:2px solid var(--line);border-radius:3px}.desk-leg{position:absolute;width:9px;height:105px;background:var(--line);top:15px}.desk-leg.left{left:8%}.desk-leg.right{right:8%}.laptop{position:absolute;width:205px;height:144px;bottom:133px;left:25%;z-index:4;transform:rotate(-3deg)}.screen{height:127px;border:3px solid var(--line);border-radius:8px 8px 2px 2px;background:#f7f4ff;padding:10px;position:relative}.screen>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-right:3px}.screen>span:nth-child(2){background:var(--yellow)}.screen>span:nth-child(3){background:var(--aqua)}.screen-art{font-size:45px;color:var(--purple);text-align:center;margin-top:20px}.keyboard{height:16px;background:#d7d1ee;border:3px solid var(--line);border-top:0;transform:perspective(40px) rotateX(-20deg)}.plant{position:absolute;bottom:137px;left:11%;z-index:4}.pot{width:44px;height:38px;background:var(--pink);border:2px solid var(--line);clip-path:polygon(0 0,100% 0,83% 100%,17% 100%)}.plant i{position:absolute;background:var(--aqua);border:2px solid var(--line);width:26px;height:44px;border-radius:100% 0 100% 0;bottom:29px}.plant i:nth-of-type(1){left:8px;transform:rotate(-29deg)}.plant i:nth-of-type(2){left:19px;transform:rotate(18deg);height:54px}.plant i:nth-of-type(3){left:-10px;transform:rotate(-64deg);height:36px}.sticky{position:absolute;z-index:4;padding:12px 8px;font:500 12px "DM Mono",monospace;border:2px solid var(--line);line-height:1.2}.sticky-one{background:var(--yellow);right:24%;bottom:150px;transform:rotate(9deg)}.sticky-two{background:var(--purple);right:0;top:170px;transform:rotate(-8deg)}.scroll-note{position:absolute;bottom:20px;left:9vw;font:500 10px "DM Mono",monospace;letter-spacing:1px}.scroll-note span{font-size:16px;margin-left:6px}.intro-strip{padding:19px 6vw;background:var(--aqua);border-bottom:2px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-weight:700}.intro-strip p{margin:0;font-size:14px}.strip-dots{display:flex;gap:9px}.strip-dots i{width:8px;height:8px;background:var(--ink);border-radius:50%}.work-section{padding:110px 9vw 100px}.section-heading{margin-bottom:46px}.section-heading h2 em,.contact-section h2 em{font-style:normal;color:var(--pink)}.section-heading>p:last-child{font-size:15px;margin:17px 0 0}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{border:2px solid var(--line);border-radius:4px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-7px);box-shadow:7px 7px 0 var(--line)}.project-visual{height:273px;position:relative;border-bottom:2px solid var(--line);overflow:hidden}.poster-visual{background:var(--purple)}.poster-paper{position:absolute;z-index:2;width:152px;height:202px;left:50%;top:36px;transform:translateX(-50%) rotate(-4deg);padding:23px 15px;background:#fff7e8;border:2px solid var(--line);box-shadow:6px 6px 0 #242b3c;font:500 18px/1.13 "DM Mono",monospace}.poster-paper b{font-size:24px}.poster-paper span{font-size:33px;color:var(--pink);position:absolute;right:17px;bottom:20px}.poster-window{width:128px;height:95px;right:12px;bottom:12px;position:absolute;border:2px solid var(--line);background:#f4e7ff;transform:rotate(8deg)}.window-bar{height:13px;border-bottom:2px solid var(--line);background:#ffdadf}.window-shape{position:absolute;border-radius:50%}.shape-a{width:34px;height:34px;background:var(--aqua);left:15px;top:33px}.shape-b{width:17px;height:17px;background:var(--orange);left:56px;top:27px}.shape-c{width:25px;height:25px;background:var(--yellow);right:12px;bottom:12px}.orbital-ring{position:absolute;width:220px;height:68px;border:2px solid var(--yellow);border-radius:50%;left:4px;top:87px;transform:rotate(-24deg)}.video-visual{background:var(--yellow)}.film-strip{position:absolute;left:-10px;right:-10px;top:22px;height:22px;background:var(--ink);display:flex;gap:18px;padding:5px 13px}.film-strip i{width:20px;background:var(--cream)}.clapper{position:absolute;top:76px;left:50%;transform:translateX(-50%) rotate(-7deg);width:153px;height:92px;background:#fff;border:2px solid var(--line);z-index:2}.clapper div{height:27px;border-bottom:2px solid var(--line);background:repeating-linear-gradient(135deg,var(--ink) 0 16px,#fff 16px 30px)}.clapper span{font:500 15px "DM Mono",monospace;display:block;text-align:center;padding-top:21px}.play-circle{position:absolute;width:66px;height:66px;right:23px;bottom:24px;border-radius:50%;border:2px solid var(--line);background:var(--pink);display:grid;place-items:center;font-size:27px;z-index:3}.video-star{position:absolute;font-size:53px;color:var(--purple);left:26px;bottom:26px}.video-visual>p{position:absolute;right:13px;top:84px;text-align:right;font:500 10px/1.1 "DM Mono",monospace}.code-visual{background:var(--aqua)}.terminal{position:absolute;width:83%;height:163px;left:8.5%;top:54px;background:var(--ink);border:2px solid var(--ink);border-radius:6px;transform:rotate(-2deg);padding:42px 14px 10px;color:#effdf7;font:12px/1.8 "DM Mono",monospace;box-shadow:7px 7px 0 var(--purple)}.terminal-bar{position:absolute;top:0;left:0;right:0;height:27px;background:#f0eaff;color:var(--ink);padding:5px 8px}.terminal-bar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-right:3px}.terminal-bar i:nth-child(2){background:var(--yellow)}.terminal-bar i:nth-child(3){background:var(--aqua)}.terminal-bar span{float:right;font-size:9px}.terminal p{margin:0}.terminal p b{color:var(--yellow)}.terminal p em{color:var(--pink);font-style:normal}.cursor{animation:blink 1s infinite}.code-sticker{position:absolute;right:15px;top:18px;width:48px;height:48px;border:2px solid var(--line);border-radius:50%;background:var(--orange);display:grid;place-items:center;font:20px "DM Mono",monospace;z-index:2;transform:rotate(12deg)}.mini-grid{position:absolute;bottom:-13px;left:16px;width:67px;height:58px;background:repeating-linear-gradient(0deg,transparent 0 12px,var(--ink) 13px 14px),repeating-linear-gradient(90deg,transparent 0 12px,var(--ink) 13px 14px)}.project-info{padding:22px 22px 24px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.project-number{font:500 10px "DM Mono",monospace;letter-spacing:1px;margin:0 0 9px;color:#64717b}.project-info h3{font-size:23px;margin:0;letter-spacing:0}.project-desc{font-size:14px;line-height:1.75;margin:15px 0 17px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.tags span,.fact-list span{font:500 10px "DM Mono",monospace;border:1.5px solid var(--line);padding:5px 7px;border-radius:99px}.project-actions{margin-top:auto}.about-section{background:var(--pink);border-top:2px solid var(--line);border-bottom:2px solid var(--line);padding:100px 9vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.about-shape{height:320px;position:relative}.about-shape:before{content:"";position:absolute;width:243px;height:243px;border:2px solid var(--line);border-radius:49% 51% 43% 57%;background:var(--yellow);left:30px;top:25px;transform:rotate(-10deg)}.about-shape:after{content:"";position:absolute;width:110px;height:110px;border:2px solid var(--line);border-radius:50%;background:var(--aqua);left:170px;top:144px}.about-shape span{position:absolute;z-index:1;font-size:68px}.about-shape span:first-child{left:85px;top:62px}.about-shape span:nth-child(2){color:var(--purple);right:1px;top:0;font-size:45px}.about-shape span:nth-child(3){color:var(--orange);left:3px;bottom:18px;font-size:50px}.about-copy h2{font-size:clamp(35px,4vw,59px)}.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:530px}.fact-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.contact-section{padding:120px 9vw 100px;text-align:center;background:var(--cream)}.contact-section .eyebrow{display:inline-block}.contact-section h2{font-size:clamp(50px,6vw,90px)}.contact-section h2 em{background:linear-gradient(105deg,var(--yellow) 0 58%,transparent 58%);background-size:100% 25%;background-repeat:no-repeat;background-position:0 89%}.contact-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:35px 0}.contact-chip{cursor:pointer;border:2px solid var(--line);background:#fff;padding:12px 15px;border-radius:3px;font:500 13px "DM Mono",monospace;color:var(--ink);transition:background .2s}.contact-chip:hover{background:var(--aqua)}.contact-chip b{font-size:17px;margin-left:6px}.big-email{font:500 clamp(18px,2.5vw,32px) "DM Mono",monospace;text-decoration:none;color:var(--ink);border-bottom:3px solid var(--pink);padding-bottom:3px}.big-email span{color:var(--pink)}footer{padding:22px 6vw;background:var(--ink);color:#fff;display:flex;justify-content:space-between;font:10px "DM Mono",monospace;letter-spacing:1px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);background:var(--ink);color:#fff;padding:11px 15px;border-radius:3px;font-size:13px;z-index:12;transition:transform .25s}.toast.show{transform:translate(-50%,0)}@keyframes blink{50%{opacity:0}}@media(max-width:800px){.site-header{height:66px;padding:0 5vw}.site-header nav{gap:15px}.header-link{display:none}.hero{min-height:auto;padding:68px 8vw 50px;grid-template-columns:1fr}.hero-scene{height:300px;margin-top:34px;transform:scale(.85);transform-origin:top center;margin-bottom:-44px}.scroll-note{display:none}.intro-strip{padding:14px 5vw}.intro-strip p{font-size:11px}.intro-strip p:last-child{display:none}.work-section{padding:75px 6vw}.projects{grid-template-columns:1fr;gap:22px}.project-visual{height:250px}.about-section{padding:70px 8vw;grid-template-columns:1fr;gap:25px}.about-shape{height:265px;transform:scale(.82);transform-origin:left top;margin-bottom:-38px}.contact-section{padding:75px 6vw}.site-header nav a{font-size:12px}footer{font-size:9px;gap:12px}.hero h1{font-size:53px}}@media(max-width:420px){.site-header nav{gap:11px}.brand{font-size:20px}.hero{padding-top:55px}.hero-actions .button{width:100%;justify-content:space-between}.intro-strip{justify-content:center}.strip-dots{display:none}.section-heading h2{font-size:41px}.contact-links{flex-direction:column}.contact-chip{width:100%}}