:root{--bg:#fff;--text:#1a1a1a;--text-light:#888;--border:#e5e5e5;--pill-bg:#f5f5f3;--hero-faded:silver;--pill-status:#4a7c4f}*{box-sizing:border-box}html{scroll-behavior:smooth;overscroll-behavior:none}body{background:var(--bg);min-height:100vh;color:var(--text);overscroll-behavior:none;margin:0;font-family:DM Sans,sans-serif}#root{min-height:100vh}.nav{z-index:100;justify-content:flex-end;align-items:center;padding:18px 32px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex;position:absolute;top:24px;left:24px}.nav-brand img{object-fit:contain;width:112px;height:112px;display:block}.nav-links{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text);border-radius:100px;padding:8px 18px;font-size:14px;font-weight:400;text-decoration:none;transition:background .2s}.nav-links a:hover,.nav-links a.active{background:var(--pill-bg)}h1,h2,h3,h4,h5,h6{font-family:DynaPuff,cursive}.hero{min-height:100vh;display:flex}.hero-left{flex-shrink:0;width:53%;margin:12px 0 12px 12px}.image-card{background:#6b8a8e;border-radius:18px;width:100%;min-height:calc(100vh - 24px);position:relative;overflow:hidden}.gallery-panel{background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background 1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.gallery-overlay{background:radial-gradient(circle at 70% 20%,#ffffff24,#0000 36%),radial-gradient(circle at 18% 72%,#0000002e,#0000 42%);position:absolute;inset:0}.gallery-content{z-index:5;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;bottom:28px;left:32px;right:32px}.gallery-content h3{margin:0;line-height:1.08}.gallery-content .sub{margin-top:2px;line-height:1.15;display:block}.card-logo{z-index:5;color:#fff;font-family:DynaPuff,cursive;font-size:24px;font-style:italic;position:absolute;top:28px;left:32px}.card-bottom{z-index:5;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:28px;left:32px;right:32px}.card-bottom h3{color:#fff;margin:0;font-size:18px}.card-bottom .sub{color:#ffffffb3;font-size:13px}.arrow-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;width:42px;height:42px;transition:background .2s}.arrow-btn:hover{background:#fff3}.card-dots{z-index:5;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#ffffff5c;border:none;border-radius:999px;width:22px;height:10px;transition:all .42s cubic-bezier(.22,1,.36,1)}.dot.active{background:#fff;width:34px}.reveal{opacity:0;filter:blur(6px);animation:1.1s cubic-bezier(.22,1,.36,1) forwards reveal-in;transform:translateY(22px)scale(.995)}.reveal-delay-1{animation-delay:.18s}.reveal-delay-2{animation-delay:.34s}.reveal-delay-3{animation-delay:.5s}@keyframes reveal-in{to{opacity:1;filter:blur();transform:translateY(0)}}.hero-right{flex-direction:column;flex:1;justify-content:center;padding:0 48px 0 64px;display:flex}.status-pill{border:1px solid var(--border);border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 12px;font-size:13px;display:inline-flex}.green-dot{background:#4caf50;border-radius:50%;width:8px;height:8px}.hero-heading{margin-bottom:28px;font-family:DynaPuff,cursive;font-size:clamp(57px,6vw,93px)}.hero-heading .faded{color:silver}.hero-subtitle{color:#4b4b52;max-width:42ch;margin:0 0 40px;font-size:22px;line-height:1.45}.logo-marquee{width:100%;max-width:640px;margin:2px 0 18px;position:relative;overflow:hidden}.logo-marquee:before,.logo-marquee:after{content:"";z-index:2;pointer-events:none;width:72px;position:absolute;top:0;bottom:0}.logo-marquee:before{background:linear-gradient(to right, var(--bg) 0%, #fff0 100%);left:0}.logo-marquee:after{background:linear-gradient(to left, var(--bg) 0%, #fff0 100%);right:0}.logo-track{align-items:center;gap:24px;width:max-content;animation:24s linear infinite scroll-logos;display:flex}.logo-item{color:#1c1c236b;white-space:nowrap;align-items:center;gap:6px;font-size:28px;font-weight:600;display:inline-flex}.logo-icon{opacity:.6;font-size:22px}.home-bottom-row{justify-content:space-between;align-items:center;width:100%;margin-top:12px;display:flex;transform:translateY(140px)}.home-meta{color:#6f6f78;letter-spacing:.01em;align-items:center;gap:10px;font-size:12px;display:inline-flex}.linkedin-mini{color:#0a66c2;border:1px solid #0a66c280;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.linkedin-mini:hover{color:#084a8c;border-color:#0a66c2}@keyframes scroll-logos{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.reveal,.reveal-delay-1,.reveal-delay-2,.reveal-delay-3{opacity:1;filter:none;animation:none;transform:none}.gallery-panel,.dot{transition:none}}.cta-row{justify-content:flex-end;gap:12px;width:auto;margin-top:0;padding-bottom:0;display:flex;transform:none}.btn-dark,.btn-outline{cursor:pointer;border-radius:100px;padding:14px 26px;font-size:14px}.btn-dark{background:var(--text);color:#fff;border:none}.btn-outline{color:#1a1a1aeb;letter-spacing:.01em;background:0 0;border:none;border-bottom:1px solid #1a1a1a47;border-radius:0;padding:10px 0;font-weight:500}.btn-outline:hover{color:var(--text);border-bottom-color:#1a1a1acc}.about-layout{gap:40px;min-height:100vh;padding:0;display:flex}.about-visual{background:radial-gradient(circle at 14% 20%,#ff7a1899,#0000 42%),linear-gradient(120deg,#2a1008 0%,#b74315 48%,#f06b22 100%);border-radius:18px;flex-shrink:0;width:53%;min-height:calc(100vh - 24px);margin:12px 0 12px 12px;position:relative;overflow:hidden}.visual-overlay{background:linear-gradient(#0003,#00000085);position:absolute;inset:0}.service-pill{z-index:2;color:#fff;background:#ffffff47;border-radius:999px;padding:7px 14px;font-size:13px;position:absolute}.pill-websites{top:52%;left:24%}.pill-animation{top:69%;left:6%}.pill-branding{top:64%;left:64%}.visual-caption{z-index:2;color:#ffffffeb;font-family:DynaPuff,cursive;font-size:35px;font-style:italic;position:absolute;bottom:56px;left:22px}.about-content,.projects-content,.contact-content{flex-direction:column;flex:1;justify-content:center;padding:0 48px 0 64px;display:flex}.about-content{gap:18px}.about-content h1{margin:0;font-size:clamp(52px,4vw,72px)}.about-content p{color:#4b4b52;margin:0;font-size:20px;line-height:1.45}.about-signature{align-self:flex-end;font-family:DynaPuff,cursive;font-size:42px}.projects-layout{gap:40px;min-height:100vh;padding:0;display:flex}.projects-visual{background:radial-gradient(circle at 46% 24%,#ffc9598c,#0000 24%),linear-gradient(120deg,#8f9175 0%,#a6a58b 38%,#8f8d75 100%);border-radius:18px;flex-shrink:0;width:53%;min-height:calc(100vh - 24px);margin:12px 0 12px 12px;position:relative;overflow:hidden}.project-brand{z-index:2;color:#fff;font-family:DynaPuff,cursive;font-size:34px;font-style:italic;position:absolute;top:20px;left:22px}.flower-glow{filter:blur(12px);background:#ff8c2366;border-radius:50%;width:220px;height:260px;position:absolute;top:80px;left:180px}.flower-head{background:#eb7a1ebf;border-radius:68% 32% 67% 33%/45% 56% 44% 55%;width:170px;height:150px;position:absolute;top:120px;left:210px}.flower-stem{background:#365329;border-radius:6px;width:6px;height:360px;position:absolute;bottom:64px;left:258px}.projects-content{gap:20px}.projects-content h1{margin:0;font-size:clamp(52px,4vw,64px)}.projects-content p{color:#4b4b52;margin:0;font-size:22px}.projects-list{border-top:1px solid var(--border);margin-top:10px}.project-row-wrap{border-bottom:1px solid var(--border)}.project-row{text-align:left;cursor:default;background:0 0;border:none;grid-template-columns:1fr auto;align-items:center;gap:16px;width:100%;padding:18px 0;display:grid}.project-name{align-items:center;gap:10px;display:inline-flex}.new-pill{color:#2c7a46;background:#49a05f24;border-radius:999px;padding:2px 8px;font-size:12px}.coming-soon-pill{color:#8a6a1a;background:#e3be5c38;border-radius:999px;padding:2px 8px;font-size:12px}.project-year{color:#64646d}.project-year a{color:#2d5b9a;text-decoration:none}.project-year a:hover{text-decoration:underline}.contact-layout{gap:40px;min-height:100vh;padding:0;display:flex}.contact-visual{background:linear-gradient(130deg,#9e5b22 0%,#8b4217 36%,#5f2611 100%);border-radius:18px;flex-shrink:0;width:53%;min-height:calc(100vh - 24px);margin:12px 0 12px 12px;position:relative;overflow:hidden}.visual-brand{z-index:2;color:#fff;font-family:DynaPuff,cursive;font-size:34px;font-style:italic;line-height:1;position:absolute;top:20px;left:22px}.arch-frame{z-index:4;background:radial-gradient(circle at 42% 28%,#6d1b0a2e,#2d0f0759),linear-gradient(#7f2e13 0%,#62210f 100%);border:14px solid #f5bc88b8;border-bottom:none;border-radius:220px 220px 0 0;width:430px;height:550px;position:absolute;top:26px;left:68px}.desk-table{z-index:6;background:linear-gradient(#d8bf95 0%,#c2a274 100%);height:18px;position:absolute;bottom:128px;left:0;right:0;box-shadow:0 5px #00000024}.desk-laptop{z-index:7;background:linear-gradient(160deg,#2f231f,#191313);border-radius:3px 3px 0 0;width:58px;height:68px;position:absolute;bottom:146px;left:26px;transform:skew(-16deg)}.desk-lamp{z-index:7;background:radial-gradient(circle at 40% 24%,#f3b43d 0%,#d5841b 58%,#a95d11 100%);border-radius:50% 50% 8px 8px;width:70px;height:108px;position:absolute;bottom:146px;left:220px}.desk-plant{z-index:7;background:radial-gradient(circle at 40% 70%,#2d391cd6 0%,#1b2413f0 100%);border-radius:50% 50% 12px 12px;width:90px;height:130px;position:absolute;bottom:146px;right:120px}.contact-content{gap:20px}.contact-content h1{letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(52px,4vw,64px);line-height:1.04}.contact-content p{color:#4b4b52;max-width:58ch;margin:0;font-size:22px;line-height:1.38}.contact-form{grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:8px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field span{color:#2f2f38;font-size:14px}.field input,.field select,.field textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;outline:none;padding:12px;font-size:14px}.field input::placeholder,.field textarea::placeholder{color:#8c8c95}.field select{color:#6f6f78}.field textarea{resize:vertical;min-height:84px}.field-full{grid-column:1/-1}.form-footer{grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:6px;display:flex}.submit-btn{color:#fff;cursor:pointer;background:#1c1d2a;border:none;border-radius:999px;padding:12px 26px;font-size:14px;font-weight:500}.response-time{color:#64646d;font-size:13px}.visual-meta{z-index:8;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid;position:absolute;bottom:16px;left:20px;right:20px}.meta-label{color:#ffffffc7;margin-bottom:4px;font-size:12px;display:block}.meta-value{color:#fff;font-size:14px;display:block}button{font:inherit;padding:0}.cookie-notice{z-index:120;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#4b4b52;background:#ffffffeb;border-radius:999px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:inline-flex;position:fixed;bottom:20px;left:20px;box-shadow:0 6px 18px #0000000f}.cookie-notice button{color:#fff;cursor:pointer;background:#1c1d2a;border:none;border-radius:999px;padding:6px 10px;font-size:12px}@media (width<=900px){.hero,.about-layout,.projects-layout,.contact-layout{flex-direction:column;gap:24px;padding:10px}.hero-left,.about-visual,.projects-visual,.contact-visual{width:100%;min-height:64vh}.hero-right,.about-content,.projects-content,.contact-content{width:100%;margin-top:72px;padding:0 12px 40px}.hero-heading,.about-content h1,.projects-content h1,.contact-content h1{font-size:clamp(38px,10vw,56px)}.about-content p,.projects-content p,.contact-content p{font-size:17px}.project-row,.contact-form{grid-template-columns:1fr!important}.project-row{padding:14px 0}.cta-row{transform:translateY(0)}.home-bottom-row{flex-wrap:wrap;gap:12px;transform:translateY(0)}.nav{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px}.nav-brand{top:16px;left:16px}.nav-brand img{width:88px;height:88px}.visual-meta{grid-template-columns:1fr;gap:10px}.cookie-notice{justify-content:space-between;bottom:10px;left:10px;right:10px}}