:root{--ink:#050a18;--blue:#377cff;--electric:#79a6ff;--sky:#a9d8ff;--soft:#c9d8f7;--line:rgba(169,216,255,.22);--white:#edf4ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.045;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(55,124,255,.12),transparent 65%);transform:translate(-50%,-50%)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;max-width:1320px;padding:0 34px;margin:auto;position:relative;z-index:3}.brand{font-family:'DM Mono';letter-spacing:.04em;font-weight:500;font-size:15px;color:#fff;text-decoration:none}.brand span{color:var(--blue)}.nav nav{display:flex;gap:34px}.nav a{color:var(--soft);text-decoration:none;font-size:13px;font-weight:600}.nav a:hover{color:#fff}.nav-cta{border:1px solid var(--line);padding:10px 15px;border-radius:50px}.nav-cta span{color:var(--electric);font-size:16px}.section-pad{padding-left:max(34px,calc((100vw - 1190px)/2));padding-right:max(34px,calc((100vw - 1190px)/2))}.hero{min-height:calc(100vh - 80px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-bottom:80px}.eyebrow{color:var(--electric);font:500 11px 'DM Mono';letter-spacing:.14em;text-transform:uppercase;margin:0 0 22px}.hero h1,.section-heading h2,.about h2{font:700 clamp(42px,5.8vw,84px)/.99 Syne,sans-serif;letter-spacing:-.065em;margin:0}.hero h1 em,.section-heading em,.about h2 em,.big-email em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.lead{max-width:500px;color:#adbedb;font-size:16px;line-height:1.75;margin:28px 0}.lead strong{color:white}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;gap:25px;align-items:center;border-radius:40px;padding:14px 20px;text-decoration:none;font-weight:700;font-size:13px}.primary{background:var(--blue);color:white;box-shadow:0 12px 35px rgba(55,124,255,.25)}.primary span{font-size:18px}.text-link{color:#eaf1ff;font-weight:700;font-size:13px}.text-link span{color:var(--electric)}.orbital-scene{height:530px;position:relative;max-width:530px;width:100%;justify-self:end}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(117,162,255,.32);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-a{width:430px;height:190px}.orbit-b{width:330px;height:450px;transform:translate(-50%,-50%) rotate(36deg)}.orbit-c{width:520px;height:300px;transform:translate(-50%,-50%) rotate(60deg);border-color:rgba(117,162,255,.15)}.core{position:absolute;left:50%;top:50%;width:158px;height:158px;border-radius:38px;transform:translate(-50%,-50%) rotate(-12deg);background:linear-gradient(145deg,#4d90ff,#203da5);box-shadow:0 0 0 13px rgba(60,123,255,.1),0 0 70px rgba(70,130,255,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:float 5s ease-in-out infinite}.core span{font:600 53px 'DM Mono';color:white;letter-spacing:-.2em}.core small{margin-top:13px;font:500 10px 'DM Mono';letter-spacing:.2em}.orbit-dot{position:absolute;width:13px;height:13px;background:#b9dbff;box-shadow:0 0 15px #6aa9ff;border-radius:50%}.d1{top:26%;right:9%}.d2{bottom:14%;left:12%;width:8px;height:8px}.float-card{position:absolute;background:rgba(12,22,54,.82);backdrop-filter:blur(10px);border:1px solid rgba(181,215,255,.18);padding:13px 17px;border-radius:13px;box-shadow:0 15px 30px #02061455;display:grid;grid-template-columns:9px auto;column-gap:9px}.float-card i{grid-row:span 2;width:8px;height:8px;border-radius:50%;background:#6ee7c8;align-self:center}.float-card b{font-size:12px}.float-card span{font:10px 'DM Mono';color:#9fb1d2;margin-top:3px}.card-code{top:17%;left:4%;animation:float 5s ease-in-out 1s infinite}.card-canva{right:1%;bottom:19%;animation:float 5s ease-in-out 2s infinite}.card-canva i{background:#f7a1df}.star{position:absolute;color:#9cc8ff;font-size:20px;animation:pulse 2s infinite}.s1{right:8%;top:13%}.s2{left:13%;bottom:19%;font-size:12px}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#0a1330;padding:16px 0}.marquee div{width:max-content;display:flex;gap:34px;align-items:center;animation:marquee 25s linear infinite}.marquee span{font:600 12px 'DM Mono';letter-spacing:.15em;color:#c4d9ff}.marquee b{color:var(--blue)}.work{padding-top:155px;padding-bottom:150px}.section-heading{display:grid;grid-template-columns:1fr 1.7fr;column-gap:70px;align-items:end;margin-bottom:70px}.section-heading .eyebrow{align-self:start}.section-heading h2{grid-column:2;margin-bottom:21px}.section-heading>p:last-child{grid-column:2;color:#a9bbdb;max-width:430px;line-height:1.7;font-size:15px;margin:0}.project-list{display:grid;gap:110px}.project{display:grid;grid-template-columns:1.62fr 1fr;gap:58px;align-items:center}.project:nth-child(odd) .project-visual{order:2}.project:nth-child(odd) .project-info{order:1}.project-visual{height:390px;border-radius:16px;overflow:hidden;position:relative}.project-info{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;padding:20px 0}.project-no{font:11px 'DM Mono';color:var(--electric);margin:0 0 22px}.project h3{font:700 29px/1.12 Syne;margin:0 0 16px;letter-spacing:-.04em}.project-info>div>p:not(.project-no){font-size:14px;line-height:1.7;color:#aabbd9;margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.tags span{font:10px 'DM Mono';color:#bcd0f9;background:#0d1937;border:1px solid var(--line);padding:7px 9px;border-radius:20px}.round-link{color:white;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:11px}.round-link b{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;color:var(--electric);font-size:16px}.muted{color:#aabbd9}.health{background:linear-gradient(130deg,#0b5b74,#0a294a)}.mini-sidebar{width:75px;height:100%;background:#073348;position:absolute;left:0;top:0;padding:31px 25px}.mini-sidebar b{width:28px;height:28px;display:grid;place-items:center;background:#f1fbff;color:#0b6883;border-radius:50%;font-size:22px}.mini-sidebar i{display:block;height:7px;border-radius:4px;background:#4f9db5;margin-top:32px}.mini-sidebar i+ i{margin-top:20px;width:18px}.mini-dashboard{position:absolute;left:105px;right:27px;top:40px;bottom:35px;border-radius:12px;background:#eaf7f6;padding:25px;color:#0a3e4c}.tiny-title{font:700 8px 'DM Mono';letter-spacing:.15em;color:#36717e}.mini-dashboard strong{display:block;font:700 26px/1.07 Syne;margin-top:18px}.dash-row{display:flex;gap:12px;margin-top:30px}.dash-row i{width:88px;height:52px;border-radius:8px;background:#fff}.dash-chart{display:flex;gap:8px;align-items:end;height:80px;background:#d7eeec;border-radius:8px;margin-top:20px;padding:12px}.dash-chart b{width:19px;background:#0c6c7b;border-radius:3px 3px 0 0}.dash-chart b:nth-child(1){height:36%}.dash-chart b:nth-child(2){height:75%}.dash-chart b:nth-child(3){height:50%}.dash-chart b:nth-child(4){height:92%}.dash-chart b:nth-child(5){height:64%}.dash-chart b:nth-child(6){height:83%}.visual-label{position:absolute;right:30px;bottom:15px;color:#7cccd8;font:8px 'DM Mono';letter-spacing:.18em}.gift{padding:24px;background:#fff;color:#1b1c2c}.gift-head{font:700 24px Syne;color:#ce1767}.gift-head span{color:#e34393}.gift-nav{padding:14px;margin-top:15px;border-radius:6px;box-shadow:0 3px 14px #28377520;font:8px 'DM Mono';word-spacing:4px}.gift-banner{margin-top:18px;height:245px;background:#ffe0e2;border-radius:9px;padding:45px 40px;display:flex;justify-content:space-between;overflow:hidden}.gift-banner b{display:block;color:#cc1461;font:700 35px Syne}.gift-banner span{display:block;margin-top:13px;font:italic 17px Georgia;color:#444}.gift-gift{font-size:130px;transform:rotate(12deg);filter:drop-shadow(0 12px 7px #f1919a)}.fashion{display:flex;background:#cdb7a5}.fashion-copy{width:50%;padding:70px 35px;color:#342622}.fashion-copy small{font:10px 'DM Mono';color:#a56b59;letter-spacing:.13em}.fashion-copy b{display:block;font:700 38px/1.04 Georgia;margin-top:30px}.fashion-copy em{font-weight:400}.fashion-model{flex:1;background:linear-gradient(190deg,#148f94,#70c8c5 40%,#d0b095 41%,#90735d 100%);position:relative}.fashion-model:before{content:'';position:absolute;left:26%;top:19%;width:48%;height:68%;border-radius:45% 45% 20% 20%;background:radial-gradient(ellipse at 55% 18%,#d8a682 0 10%,transparent 10.5%),radial-gradient(ellipse at 50% 33%,#39261e 0 15%,transparent 15.5%),linear-gradient(110deg,transparent 0 30%,#f4ecdc 31% 72%,transparent 73%);filter:drop-shadow(15px 10px 20px #1a3b3b99)}.design{padding-top:135px;padding-bottom:145px;background:#081126}.design .section-heading{margin-bottom:65px}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.design-card{position:relative}.poster{height:350px;border-radius:11px;overflow:hidden;position:relative;box-shadow:0 18px 38px #0005;transition:transform .45s ease,box-shadow .45s}.design-card:hover .poster{transform:translateY(-9px) rotate(-1deg);box-shadow:0 27px 45px #0009}.design-card p{font:11px 'DM Mono';color:#a9bfeb;letter-spacing:.12em;text-transform:uppercase;margin:13px 2px}.burger-poster{background:#ffac0b;padding:42px;color:#fff;text-align:center}.burger-poster:before{content:'';position:absolute;inset:0 27%;background:#850707}.burger-poster small,.burger-poster b,.burger-poster span{position:relative;z-index:1;display:block}.burger-poster small{font:25px Georgia}.burger-poster b{font:700 55px Syne}.burger-poster i{position:absolute;font-style:normal;font-size:150px;bottom:61px;left:50%;transform:translateX(-50%);color:#f0c16f;text-shadow:0 7px 0 #7c2f0e}.burger-poster span{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font:700 13px 'DM Mono';letter-spacing:.13em;white-space:nowrap}.serum-poster{background:linear-gradient(130deg,#ffd853,#ff914a);padding:39px;color:white}.serum-poster b{font:700 37px Georgia;letter-spacing:.04em;position:relative;z-index:1}.serum-poster span{position:absolute;right:24px;top:151px;font:italic 19px Georgia;text-align:right}.bottle{position:absolute;left:54px;bottom:20px;width:96px;height:180px;border-radius:20px 20px 25px 25px;background:linear-gradient(90deg,#cf5616,#ff9d20 50%,#cf5316);box-shadow:0 10px 15px #a1421b77}.bottle:before{content:'';position:absolute;width:52px;height:56px;border-radius:14px 14px 5px 5px;background:#f3f3e9;top:-37px;left:21px}.bottle:after{content:'VITAMIN C';position:absolute;left:7px;right:7px;top:62px;padding:17px 2px;background:#faf7e8;color:#555;font:8px 'DM Mono';text-align:center}.thumb-poster{background:linear-gradient(115deg,#3b2922,#cb9153 55%,#fff0dd);padding:36px;color:#fff}.thumb-poster b{font:700 45px/1 Syne;text-shadow:3px 3px #723a34}.thumb-poster b small{font-size:19px}.portrait{width:148px;height:225px;position:absolute;bottom:0;left:44%;background:radial-gradient(ellipse at 50% 24%,#ce8c70 0 11%,transparent 11.5%),radial-gradient(ellipse at 50% 27%,#16120f 0 23%,transparent 23.5%),linear-gradient(80deg,transparent 20%,#fff 21% 75%,transparent 76%);border-radius:47% 47% 0 0}.thumb-poster i{position:absolute;bottom:26px;left:30px;background:#b47c43;padding:9px 13px;font:700 10px 'DM Mono';font-style:normal}.can-poster{background:linear-gradient(#fff 0 52%,#e9eee0 52%);color:#e66a1f;text-align:center;padding-top:32px}.can-poster span{font:10px 'DM Mono';letter-spacing:.13em}.can-poster b{display:block;font:700 37px/1 Syne;margin-top:8px}.can{width:95px;height:190px;background:linear-gradient(90deg,#e96b20,#ff9f36 50%,#d95d16);border-radius:13px 13px 21px 21px;position:absolute;bottom:18px;left:50%;transform:translateX(-50%);box-shadow:9px 10px 15px #5e2d2260}.can:before{content:'';position:absolute;top:-6px;left:4px;right:4px;height:13px;border-radius:50%;background:#e5e2df}.can:after{content:'ORANGE\A JUICE';white-space:pre;position:absolute;left:0;right:0;top:74px;color:white;font:700 12px Syne}.donut-poster{background:#f6eac4;color:#6b1214;padding:38px}.donut-poster>b{font:700 50px Syne}.donut-poster span{position:absolute;bottom:42px;left:38px;font:700 15px 'DM Mono'}.donut-shape{position:absolute;width:178px;height:178px;right:-4px;top:104px;border-radius:50%;background:radial-gradient(circle,#79231b 0 20%,#f6eac4 21% 32%,#d37a34 33% 58%,#7c2419 59% 100%);box-shadow:inset 5px 6px #ffcc7b}.social-poster{background:#f3b2b8;padding:35px;color:#ad1736;text-align:center}.social-poster small{font:italic 26px Georgia}.social-poster b{display:block;font:700 43px Syne}.social-poster span{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);border:2px solid #ad1736;border-radius:30px;padding:9px 15px;font:700 10px 'DM Mono';white-space:nowrap}.lipstick{width:42px;height:169px;position:absolute;top:122px;left:50%;transform:translateX(-50%) rotate(4deg);background:linear-gradient(90deg,#781426,#cf2942,#731123);border-radius:9px 9px 5px 5px;box-shadow:0 10px 12px #7d253866}.lipstick:before{content:'';position:absolute;top:-13px;left:5px;width:32px;height:18px;background:#8b1528;border-radius:50% 50% 2px 2px}.design-note{font-size:12px;color:#7d91bb;font-family:'DM Mono';margin:35px 0 0}.about{padding-top:135px;padding-bottom:145px;overflow:hidden}.about-word{font:700 clamp(80px,15vw,230px)/.75 Syne;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px #264477;white-space:nowrap;opacity:.7}.about-word span{color:var(--blue);-webkit-text-stroke:0;font-size:.35em;vertical-align:middle;margin:0 .1em}.about-content{max-width:890px;margin:115px 0 0 auto}.about h2{font-size:clamp(35px,4vw,61px)}.about-columns{display:grid;grid-template-columns:.8fr 1.1fr;gap:90px;margin-top:48px}.about-columns>p{color:#aabbd9;font-size:15px;line-height:1.8;margin:0}.skill-groups{display:grid;gap:21px}.skill-groups div{border-bottom:1px solid var(--line);padding-bottom:15px}.skill-groups b{font:700 12px 'DM Mono';display:block;color:#fff;margin-bottom:8px}.skill-groups span{font-size:13px;line-height:1.5;color:#91a6cb}.contact{padding-top:100px;padding-bottom:35px;background:linear-gradient(155deg,#0a1e50,#07112b 60%,#050a18)}.contact-top{display:flex;justify-content:space-between;align-items:flex-start}.contact-top p:last-child{font-size:13px;color:#9fb4da;margin:0}.big-email{display:block;color:white;text-decoration:none;font:700 clamp(47px,10vw,148px)/.82 Syne;letter-spacing:-.1em;margin:105px 0 95px;position:relative;width:max-content;max-width:100%}.big-email em{color:#84b4ff}.big-email span{font:400 .42em Manrope;color:var(--blue);position:absolute;right:-.65em;top:.1em}.contact-bottom{border-top:1px solid var(--line);padding-top:21px;display:flex;gap:30px;font:11px 'DM Mono';color:#89a0c8}.contact-bottom a{color:#d4e3ff;text-decoration:none}.contact-bottom span{margin-left:auto}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1)}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-13px) rotate(-7deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@keyframes marquee{to{transform:translateX(-45%)}}@media(max-width:760px){.nav{padding:0 20px;height:68px}.nav nav{display:none}.nav-cta{font-size:11px}.section-pad{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:66px;padding-bottom:68px}.orbital-scene{height:375px;width:390px;max-width:110%;justify-self:center;transform:scale(.82);margin:-15px auto -44px}.section-heading{display:block}.section-heading h2{margin-bottom:16px}.work,.design,.about{padding-top:90px;padding-bottom:90px}.project,.project:nth-child(odd){grid-template-columns:1fr;gap:22px}.project .project-visual,.project:nth-child(odd) .project-visual{order:0;height:310px}.project .project-info,.project:nth-child(odd) .project-info{order:1;min-height:250px;padding:0}.project-list{gap:75px}.design-grid{grid-template-columns:repeat(2,1fr);gap:12px}.poster{height:240px}.burger-poster{padding:27px}.burger-poster b{font-size:37px}.burger-poster i{font-size:103px;bottom:45px}.serum-poster{padding:23px}.serum-poster b{font-size:24px}.bottle{transform:scale(.72);transform-origin:bottom left}.serum-poster span{font-size:14px;right:13px;top:112px}.thumb-poster{padding:22px}.thumb-poster b{font-size:31px}.portrait{transform:scale(.68);transform-origin:bottom}.can{transform:translateX(-50%) scale(.72);transform-origin:bottom}.can-poster b{font-size:26px}.donut-poster{padding:25px}.donut-poster>b{font-size:36px}.donut-shape{transform:scale(.74);transform-origin:top right}.social-poster{padding:22px}.social-poster b{font-size:29px}.lipstick{transform:translateX(-50%) rotate(4deg) scale(.72);transform-origin:top}.about-content{margin-top:72px}.about-columns{grid-template-columns:1fr;gap:36px}.contact{padding-top:75px}.contact-top{display:block}.contact-top p:last-child{margin-top:18px}.big-email{margin:77px 0 70px}.contact-bottom{flex-wrap:wrap;gap:16px}.contact-bottom span{margin-left:0;width:100%}}
.original-artwork{align-items:start}.original-artwork .design-card{margin:0}.original-artwork img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#0b1732;border-radius:11px;box-shadow:0 18px 38px #0005;transition:transform .45s ease,box-shadow .45s}.original-artwork .design-card:hover img{transform:translateY(-9px) rotate(-1deg);box-shadow:0 27px 45px #0009}.original-artwork figcaption{font:11px 'DM Mono';color:#a9bfeb;letter-spacing:.12em;text-transform:uppercase;margin:13px 2px}
