*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fbfaff;color:#262238;font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.scroll-progress{position:fixed;z-index:20;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#8a6be0,#e7a6ce)}.site-header{height:82px;max-width:1160px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:-.6px}.brand-mark{width:30px;height:30px;border-radius:10px;background:#29233b;color:#fff;display:grid;place-items:center;font-family:"Playfair Display",serif;font-size:18px}.brand-dot,.monogram span,.web-symbol span{color:#9275df}nav{display:flex;align-items:center;gap:36px;font-size:12px;color:#777286}nav a{transition:.2s}nav a:hover{color:#805fd0}.nav-contact{padding:11px 16px;border:1px solid #e8e3f0;border-radius:30px;color:#29233b}.nav-contact span{margin-left:10px;color:#8969d7}.menu-toggle{display:none}.section-wrap{max-width:1080px;margin:0 auto;padding-left:34px;padding-right:34px}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;padding-top:35px;padding-bottom:100px}.hero-copy{padding-bottom:20px}.eyebrow,.section-label{display:flex;align-items:center;gap:11px;color:#8b70d1;font-size:9px;font-weight:700;letter-spacing:2px}.eyebrow-line{width:25px;height:1px;background:#cfc0ef}.hero-kicker{font-size:14px;color:#777286;margin:38px 0 10px}.wave{color:#9a7ae2;margin-left:5px}.hero h1,.section-heading h2,.about-heading h2,.contact-inner h2{font-family:"Playfair Display",serif;font-weight:600;letter-spacing:-2.2px;line-height:1.08;margin:0;font-size:clamp(47px,6vw,72px)}h1 em,h2 em{font-style:normal;color:#8b6bd8}.hero-description{max-width:450px;color:#777286;font-size:13px;line-height:1.9;margin:24px 0 27px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;align-items:center;gap:25px;padding:14px 19px;border-radius:9px;font-size:11px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #6e54b32c}.button-primary{background:#8062cf;color:#fff;box-shadow:0 8px 18px #8062cf30}.text-link{font-size:11px;font-weight:600;color:#6d687c}.text-link span{margin-left:8px;color:#8b6bd8}.hero-note{margin-top:52px;color:#9993a6;font-size:10px;display:flex;align-items:center;gap:9px}.note-dot{width:6px;height:6px;background:#9b80dc;border-radius:50%;box-shadow:0 0 0 5px #eee8fb}.hero-art{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #eee8f7;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:390px;height:280px}.orbit-two{width:300px;height:390px;transform:rotate(45deg)}.profile-card{width:260px;height:300px;background:#fff;border:1px solid #eeeaf4;border-radius:19px;box-shadow:0 30px 70px #4a3c7020;transform:rotate(5deg);padding:22px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center}.tiny-label{font-size:8px;letter-spacing:2px;color:#8b6bd8;font-weight:700}.card-menu{color:#b4acc5;letter-spacing:3px}.monogram{font-family:"Playfair Display",serif;font-size:140px;line-height:1;text-align:center;color:#29233b;letter-spacing:-12px}.card-bottom strong,.card-bottom small{display:block}.card-bottom strong{font-family:"Playfair Display",serif;font-size:20px}.card-bottom small{font-size:9px;color:#928ba0;margin-top:4px}.arrow-circle{width:32px;height:32px;border-radius:50%;background:#f0ebfa;color:#8062cf;display:grid;place-items:center}.floating-chip{position:absolute;z-index:3;background:#fff;border:1px solid #eeeaf4;border-radius:12px;padding:12px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 35px #4a3c7012}.floating-chip b,.floating-chip small{display:block}.floating-chip b{font-size:10px}.floating-chip small{font-size:8px;color:#9993a6;margin-top:3px}.chip-code{left:0;top:95px}.chip-heart{right:-5px;bottom:85px}.chip-icon{background:#eee9fb;color:#8667d3;padding:8px;border-radius:8px;font-size:11px}.heart-icon{background:#faeaf3;color:#d78bb7;padding:8px;border-radius:8px}.spark{position:absolute;color:#a78be4}.spark-a{top:42px;right:85px;font-size:28px}.spark-b{bottom:60px;left:40px;font-size:20px}.art-caption{position:absolute;bottom:20px;font-size:8px;letter-spacing:3px;color:#b0a9bd}.scroll-cue{position:absolute;bottom:35px;left:34px;font-size:8px;letter-spacing:2px;color:#aaa3b6;display:flex;align-items:center;gap:12px}.scroll-cue span{width:30px;height:1px;background:#b9a9df}.section-space{padding-top:115px;padding-bottom:115px}.section-label{color:#8b70d1}.section-label span{font-size:10px}.section-label i{height:1px;width:35px;background:#d6c9ee}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:55px}.mini-heading{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#9a83d4;font-weight:700;margin:0 0 15px}.about-heading h2,.section-heading h2{font-size:clamp(38px,4vw,52px)}.about-text{padding-top:10px}.about-text p,.heading-side{font-size:13px;line-height:1.95;color:#777286;margin:0 0 17px}.signature{font-family:"Playfair Display",serif;font-style:italic;font-size:18px;margin-top:24px}.signature span{color:#d58cb8}.stats-row{margin-top:65px;border-top:1px solid #eeeaf3;border-bottom:1px solid #eeeaf3;display:flex;gap:0;padding:25px 0}.stats-row div{flex:1;padding-left:35px;border-left:1px solid #eeeaf3}.stats-row div:first-child{padding-left:0;border:0}.stats-row strong{font-family:"Playfair Display",serif;font-size:30px}.stats-row strong span{font-size:17px;color:#8b6bd8}.stats-row small{display:block;color:#9993a6;font-size:10px;margin-top:5px}.skills-section{background:#f5f2fb;max-width:none;padding-left:max(34px,calc((100% - 1012px)/2));padding-right:max(34px,calc((100% - 1012px)/2))}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:45px 0 38px}.heading-side{max-width:270px;margin:0 0 5px}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.skill-card{background:#fff;border:1px solid #eeeaf4;border-radius:14px;padding:23px 20px;min-height:225px;transition:.25s}.skill-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #45366b10}.skill-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:14px;margin-bottom:23px}.lavender{background:#eee9fb;color:#8062cf}.peach{background:#fff0e8;color:#d78b68}.blue{background:#e9f2fc;color:#6396cb}.pink{background:#faeaf3;color:#d184b0}.skill-card h3{font-size:13px;margin:0 0 9px}.skill-card p{font-size:10px;line-height:1.7;color:#898396;min-height:50px;margin:0 0 14px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags span{font-size:8px;padding:5px 7px;background:#f6f3fa;color:#817a91;border-radius:5px}.projects-section{padding-bottom:130px}.project-list{border-top:1px solid #eae5f0}.project-card{display:grid;grid-template-columns:125px 1fr 30px;gap:15px;padding:28px 0;border-bottom:1px solid #eae5f0;align-items:center}.project-number{font-size:9px;letter-spacing:1.5px;color:#a39bad;align-self:start;padding-top:10px}.project-main{display:grid;grid-template-columns:210px 1fr;gap:28px;align-items:center}.project-visual{height:145px;border-radius:12px;position:relative;overflow:hidden;display:grid;place-items:center}.visual-gas{background:linear-gradient(135deg,#e9e1fa,#d7cafa)}.visual-lamp{background:linear-gradient(135deg,#f9e7ef,#f4d6e7)}.visual-web{background:linear-gradient(135deg,#dceafa,#c9def5)}.visual-orb{width:100px;height:100px;border-radius:50%;background:#fff8;box-shadow:0 0 0 20px #fff3}.visual-icon{position:absolute;font-size:52px;color:#7355bd}.visual-caption{position:absolute;bottom:13px;font-size:7px;letter-spacing:2px;color:#766b90}.lamp-glow{width:76px;height:76px;border-radius:50%;background:#fff5c9;box-shadow:0 0 35px 20px #fff9a8}.visual-lamp .visual-icon{color:#c18a5c}.browser-dots{position:absolute;top:12px;left:14px;font-size:8px;letter-spacing:3px;color:#7c9ac0}.web-symbol{font-family:"Playfair Display",serif;font-size:70px;color:#31445f}.project-type{font-size:8px;letter-spacing:1.8px;color:#9478d4;font-weight:700}.project-info h3{font-family:"Playfair Display",serif;font-size:23px;margin:8px 0}.project-info p{font-size:11px;line-height:1.8;color:#817b8f;max-width:500px;margin:0 0 13px}.project-arrow{width:30px;height:30px;border:1px solid #e9e3f0;border-radius:50%;display:grid;place-items:center;color:#8b6bd8}.contact-section{background:#29233b;color:#fff;overflow:hidden;position:relative}.contact-inner{max-width:1080px;margin:auto;text-align:center;padding:100px 34px 105px;position:relative}.section-label.light{justify-content:center;color:#c4aefa}.section-label.light i{background:#6f6386}.contact-inner .mini-heading{margin-top:45px;color:#c5b3f0}.contact-inner h2{font-size:clamp(43px,5vw,62px)}.contact-inner h2 em{color:#c1a8ff}.contact-copy{font-size:12px;color:#c1bbce;margin:20px 0 25px}.button-light{background:#fff;color:#29233b}.email-note{display:block;margin-top:17px;color:#a9a1b8;font-size:9px}.contact-decoration{position:absolute;right:5%;top:50%;transform:translateY(-50%);font-family:"Playfair Display",serif;font-size:220px;color:#ffffff08;pointer-events:none}.contact-decoration span{color:#c1a8ff}.footer{max-width:1080px;margin:auto;min-height:95px;padding:22px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:14px}.footer-brand .brand-mark{width:25px;height:25px;font-size:15px}.footer p,.footer>span,.back-top{font-size:9px;color:#9993a6}.back-top{color:#746b85}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px;padding-bottom:95px}.hero-copy{max-width:600px}.hero-art{height:390px;margin-top:15px}.hero h1{font-size:60px}.scroll-cue{left:34px}.about-grid{gap:30px}.skill-grid{grid-template-columns:repeat(2,1fr)}.project-card{grid-template-columns:75px 1fr 25px}.project-main{grid-template-columns:160px 1fr;gap:18px}.project-visual{height:135px}.section-heading{align-items:start;flex-direction:column}.heading-side{max-width:450px}.footer{flex-wrap:wrap}.footer p{order:3;width:100%;margin:0}}@media(max-width:560px){.site-header{height:70px;padding:0 22px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:8px}.menu-toggle span{width:22px;height:2px;background:#29233b}.site-header nav{display:none;position:absolute;top:62px;left:18px;right:18px;background:#fff;padding:20px;border:1px solid #eeeaf4;border-radius:14px;box-shadow:0 15px 35px #392c5915;flex-direction:column;align-items:stretch;gap:18px}.site-header nav.open{display:flex}.nav-contact{text-align:center}.section-wrap{padding-left:22px;padding-right:22px}.hero{padding-top:52px}.hero h1{font-size:49px;letter-spacing:-1.8px}.hero-kicker{margin-top:30px}.hero-description{font-size:12px}.hero-art{height:340px;margin:0 -10px}.profile-card{width:210px;height:250px;padding:17px}.monogram{font-size:115px}.chip-code{left:0;top:65px}.chip-heart{right:0;bottom:50px}.floating-chip{padding:9px}.section-space{padding-top:80px;padding-bottom:80px}.about-grid{grid-template-columns:1fr;gap:20px;margin-top:38px}.about-heading h2,.section-heading h2{font-size:39px}.stats-row{margin-top:38px}.stats-row div{padding-left:13px}.stats-row strong{font-size:24px}.stats-row small{font-size:8px}.skills-section{padding-left:22px;padding-right:22px}.section-heading{margin:35px 0 25px}.skill-grid{gap:9px}.skill-card{padding:17px 14px;min-height:225px}.skill-card h3{font-size:12px}.skill-card p{font-size:9px}.project-card{grid-template-columns:1fr 25px;gap:8px;padding:22px 0}.project-number{grid-column:1/-1;padding:0}.project-main{grid-template-columns:1fr;gap:14px}.project-visual{height:155px}.project-info h3{font-size:21px}.project-info p{font-size:10px}.contact-inner{padding:80px 22px}.contact-decoration{font-size:150px;right:-10%}.footer{padding:22px;justify-content:space-between}.footer p{font-size:8px}.footer>span,.back-top{font-size:8px}}