@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#211638;--muted:#675f73;--paper:#fbf9ff;--white:#fff;--deep:#271070;--purple:#4827b2;--violet:#9027b6;--blue:#3c8aea;--sky:#47bcf2;--peach:#fc8f52;--coral:#e75867;--yellow:#fdc23d;--line:#e3dded;--soft:#f2eefb;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(251,249,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(72,39,178,.12)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:54px;height:54px;object-fit:contain}.nav-links{display:flex;gap:30px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.09em}.nav-links a{padding:8px 0;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a.active{border-color:var(--peach)}.menu-btn{display:none;background:none;border:0;font-size:28px;color:var(--deep)}
.hero{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;padding:75px 0 90px}.eyebrow,.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--purple)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.03;margin:0 0 20px}h1{font-size:clamp(54px,7vw,96px);letter-spacing:-.06em}h1 span{background:linear-gradient(100deg,var(--purple),var(--violet),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:clamp(38px,5vw,62px);letter-spacing:-.045em}h3{font-size:26px}.hero p{font-size:20px;max-width:610px;color:var(--muted);margin:0 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;font-weight:700;font-size:14px}.btn-primary{background:linear-gradient(135deg,var(--deep),var(--purple));color:white;box-shadow:0 10px 24px rgba(72,39,178,.2)}.btn-primary:hover{background:linear-gradient(135deg,var(--purple),var(--violet))}.btn-secondary{border:1px solid var(--line);background:white}.btn.outline{border:1px solid var(--line);background:white}.hero-art{min-height:500px;position:relative;display:grid;place-items:center}.hero-photo{width:min(430px,82%);aspect-ratio:4/5;object-fit:cover;border-radius:34px 34px 120px 34px;position:relative;z-index:2;box-shadow:22px 28px 70px rgba(39,16,112,.22);border:8px solid white}.hero-art:before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:linear-gradient(135deg,var(--peach),var(--coral));right:1%;top:2%;opacity:.95}.hero-art:after{content:'';position:absolute;width:190px;height:190px;border-radius:50%;background:linear-gradient(135deg,var(--sky),var(--blue));left:2%;bottom:0}.hero-badge{position:absolute;z-index:3;right:0;bottom:42px;background:white;border-radius:22px;padding:16px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 45px rgba(39,16,112,.18);border:1px solid var(--line);font-weight:700}.hero-badge img{width:38px;height:38px;object-fit:contain}
.section{padding:95px 0}.section.alt{background:linear-gradient(135deg,#f0ebfb,#f6f1fc)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.section-intro{max-width:420px;color:var(--muted);margin:0}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 10px 35px rgba(39,16,112,.04)}.panel p{color:var(--muted)}
.project{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.2s}.project:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(72,39,178,.12)}.project-media{aspect-ratio:16/9;background:linear-gradient(135deg,var(--deep),var(--blue));position:relative;overflow:hidden;display:grid;place-items:center}.project-media img{width:100%;height:100%;object-fit:cover;opacity:.92}.project-media.logo-media img{width:58%;height:78%;object-fit:contain;opacity:1}.type{position:absolute;z-index:2;left:16px;top:16px;background:rgba(255,255,255,.94);color:var(--deep);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.project-body{padding:24px}.project-body p{color:var(--muted);margin:0 0 18px}.project-tags,.chips{display:flex;gap:8px;flex-wrap:wrap}.tag,.chip{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;background:#eee9fa;color:var(--deep);padding:6px 9px;border-radius:999px}
.contact-box{background:linear-gradient(135deg,var(--deep),var(--purple) 60%,var(--violet));color:white;border-radius:30px;padding:54px;position:relative;overflow:hidden}.contact-box:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;bottom:-130px;background:rgba(71,188,242,.25)}.contact-box .kicker{color:var(--yellow)}.contact-box .btn-secondary{color:var(--deep);background:white;border-color:white}.contact-box .btn-secondary:hover{background:var(--yellow);border-color:var(--yellow)}.contact-box p{color:#e9e4f3;max-width:680px;font-size:18px}.contact-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px}.contact-links a{border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:4px}.site-footer{border-top:1px solid var(--line);padding:30px 0}.footer-row{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink)}.footer-brand img{width:28px;height:28px}
.page-hero{padding:90px 0 55px}.page-hero p{max-width:720px;color:var(--muted);font-size:19px}.split{display:grid;grid-template-columns:1fr 1fr;gap:26px}.portrait-panel{background:linear-gradient(135deg,var(--deep),var(--purple));border-radius:30px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end}.portrait-panel figure{margin:0}.portrait-panel img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:20px}.portrait-panel figcaption{color:#fff;font-size:12px;margin:10px 4px 2px;opacity:.82}.project-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;padding:40px 0 55px}.project-detail.reverse{grid-template-columns:.95fr 1.05fr}.project-detail .visual{border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#e9e3f8,#dceffc);min-height:340px}.project-detail .visual img{width:100%;height:100%;object-fit:cover}.project-detail .project-logo{max-width:220px;max-height:130px;object-fit:contain;margin:0 0 20px}.project-detail .project-logo.dark-pad{background:#050505;border-radius:18px;padding:12px}.project-detail .visual.logo-visual{display:grid;place-items:center;padding:28px}.project-detail .visual.logo-visual img{width:82%;height:82%;object-fit:contain}.meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.video-section{margin-top:18px}.video-section h3{font-size:30px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:20px}.video-card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(39,16,112,.06)}.video-frame{aspect-ratio:16/9;background:#140b28}.video-frame iframe{width:100%;height:100%;border:0;display:block}.video-caption{padding:14px 17px;color:var(--muted);font-size:13px}.gallery{columns:3 260px;column-gap:16px}.gallery img{width:100%;margin:0 0 16px;border-radius:16px;break-inside:avoid}.resume-frame{width:100%;height:850px;border:1px solid var(--line);border-radius:20px;background:white}.list{padding-left:18px}.list li{margin:9px 0;color:var(--muted)}.quote{border-left:4px solid var(--peach);padding-left:20px;font-size:24px;font-family:'Space Grotesk',sans-serif;margin:30px 0}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.social-card{padding:22px;border:1px solid var(--line);background:white;border-radius:18px}.social-card strong{display:block;margin-bottom:5px}.small{font-size:13px;color:var(--muted)}.about-photo{width:100%;max-width:470px;aspect-ratio:4/5;object-fit:cover;border-radius:30px 30px 100px 30px;box-shadow:18px 24px 60px rgba(39,16,112,.16);border:8px solid white}.about-photo-wrap{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#ede7fa,#e5f6ff);border-radius:30px;padding:26px;min-height:100%}
@media(max-width:800px){.container{width:min(var(--max),calc(100% - 30px))}.nav-links{display:none}.menu-btn{display:block}.nav-links.open{display:flex;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:20px 24px;flex-direction:column;gap:15px;border-bottom:1px solid var(--line)}.hero,.project-detail,.project-detail.reverse,.split{grid-template-columns:1fr;gap:35px}.hero{padding-top:50px}.hero-art{min-height:420px}.hero-photo{width:min(390px,82%)}.hero-badge{right:4%;bottom:18px}.section-head{display:block}.section-intro{margin-top:15px}.work-grid,.video-grid{grid-template-columns:1fr}.footer-row{display:block}.footer-row>div+div{margin-top:10px}.social-grid{grid-template-columns:1fr}.resume-frame{height:650px}.contact-box{padding:35px 25px}.portrait-panel{grid-template-columns:1fr 1fr;padding:12px;gap:12px}}