@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:#17132c;--paper:#faf9ff;--accent:#a78bfa;--muted:#66637c}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
.header{height:82px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(245,243,236,.95);backdrop-filter:blur(15px);border-bottom:1px solid #ece7fa}
.logo{font-weight:700;font-size:26px;letter-spacing:-1.8px;white-space:nowrap}
.logo span{color:#8054f7;margin-left:3px}
.nav{display:flex;gap:32px;font-size:14px;font-weight:600}
.nav a:hover,.text-link:hover,.underline-link:hover{color:#8054f7}
.button{display:inline-flex;align-items:center;gap:36px;padding:17px 24px;background:var(--ink);color:#fff;border-radius:4px;font-size:14px;font-weight:700;transition:transform .25s,background .25s}
.button:hover{transform:translateY(-3px);background:#5f3dc4}
.button.small{padding:12px 19px;gap:15px}
.button.light{background:var(--accent);color:var(--ink)}
.button.light:hover{background:#c4b5fd}
.menu{display:none;border:0;background:none;font-size:28px;cursor:pointer}
.hero{text-align:center;padding:100px 0 0;overflow:hidden}
.eyebrow,.section-label{font-size:12px;letter-spacing:2px;font-weight:700}
.pulse{display:inline-block;width:8px;height:8px;background:#9a75ff;border-radius:50%;margin-right:9px;box-shadow:0 0 0 5px #ede5ff}
h1,h2{font-weight:600;letter-spacing:-.065em;line-height:1.07}
h1{font-size:clamp(52px,8vw,122px);margin:28px auto}
h2{font-size:clamp(43px,6vw,82px)}
h1 em,h2 em{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.06em;font-style:normal;background:linear-gradient(110deg,#8054f7,#fa5cb5,#27c6ef);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero>p{max-width:590px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.8;padding:0 20px}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin:32px 0 75px}
.text-link,.underline-link{font-weight:700;font-size:14px}
.gallery-strip{width:100%;overflow:hidden;padding:0 0 70px}
.gallery-track{display:flex;align-items:center;justify-content:center;gap:18px;width:max-content;position:relative;left:50%;transform:translateX(-50%)}
.tile{position:relative;width:270px;height:330px;overflow:hidden;flex-shrink:0;background:#e6e0f4}
.tile.tall{height:390px}
.tile img,.project-image img{transition:transform .6s}
.tile:hover img,.project-card:hover img{transform:scale(1.06)}
.tile span,.project-image span{position:absolute;bottom:16px;left:16px;color:white;font-size:11px;letter-spacing:1px;font-weight:700;text-shadow:0 2px 8px #000}
.marquee{background:linear-gradient(90deg,#bca5ff,#ffb4db,#a7e9ff);overflow:hidden;padding:19px 0;font-size:15px;font-weight:700;letter-spacing:3px;white-space:nowrap}
.marquee div{width:max-content;animation:slide 22s linear infinite}
@keyframes slide{to{transform:translateX(-40%)}}
.section{padding:120px 7%}
.section-label{margin-bottom:48px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.about-photo{height:550px;overflow:hidden;background:#e6e0f4}
.about-copy p,.philosophy p{max-width:540px;color:var(--muted);font-size:17px;line-height:1.85;margin:25px 0}
.underline-link{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:9px;margin-top:10px}
.skills{background:#f0ecff}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}
.section-heading p{max-width:300px;color:var(--muted);line-height:1.7}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature{background:var(--paper);padding:42px 35px;min-height:265px}
.feature-icon{font-size:36px;margin-bottom:35px}
.feature h3{font-size:24px;letter-spacing:-1px;margin-bottom:14px}
.feature p{color:var(--muted);line-height:1.7}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.project-image{position:relative;height:400px;overflow:hidden;background:#e6e0f4}
.project-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0}
.project-meta h3{font-size:19px}
.project-meta span{font-size:12px;color:var(--muted)}
.philosophy{background:linear-gradient(135deg,#211a47,#392565,#172b59);color:white}
.philosophy-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.philosophy p{color:#d5cdef}
.philosophy .button{margin-top:18px}
.philosophy-image{height:500px}
.contact{text-align:center;background:linear-gradient(120deg,#d9c8ff,#ffd6eb,#c6f3ff);padding-top:135px;padding-bottom:125px}
.contact .section-label{margin-bottom:30px}
.contact p{font-size:17px;margin:30px 0}
.contact .button{background:var(--ink);color:white}
.social-links{display:flex;justify-content:center;gap:30px;margin-top:48px;font-size:14px;font-weight:700}
.social-links a:hover{text-decoration:underline}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 5%;font-size:13px}
footer .logo{font-size:23px}
@media(max-width:900px){.header{height:72px}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:24px 5%;flex-direction:column;border-bottom:1px solid #e6e0f4}.nav.show{display:flex}.header-cta{display:none}.menu{display:block}.hero{padding-top:75px}.about-grid,.philosophy-layout{gap:40px}.about-photo,.philosophy-image{height:400px}.feature-grid,.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.hero{padding-top:65px}.hero-actions{flex-direction:column;gap:22px;margin-bottom:50px}.gallery-track{gap:12px}.tile{width:190px;height:245px}.tile.tall{height:290px}.section{padding:80px 6%}.section-label{margin-bottom:30px}.about-grid,.philosophy-layout,.feature-grid,.project-grid{grid-template-columns:1fr}.about-photo,.philosophy-image{height:340px}.section-heading{display:block}.section-heading p{margin-top:20px}.project-image{height:350px}.contact{padding:90px 6%}.social-links{gap:17px;flex-wrap:wrap}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.tile img,.project-image img,.button{transition:none}}

.hero{background:radial-gradient(circle at 15% 10%,#efe7ff 0,transparent 38%),radial-gradient(circle at 90% 45%,#e2f7ff 0,transparent 38%)}
.button{border-radius:999px}.feature,.project-image,.about-photo,.philosophy-image{border-radius:20px;overflow:hidden}.tile{border-radius:16px}.feature{box-shadow:0 10px 35px rgba(82,57,150,.07)}.header{background:rgba(250,249,255,.92)}.nav{font-weight:700}.section-label{color:#7952d8}