:root{--paper:#fff9f0;--paper2:#fff3e2;--card:#fff;--ink:#2a2b3a;--muted:#66677e;--sky:#cde8ff;--aqua:#a8dadc;--mint:#cdebc5;--peach:#ffd9c0;--pink:#ffc9d6;--lilac:#dcd2ff;--lemon:#fff0a6;--blue:#3e8fe0;--coral:#ff7a7a;--grape:#7c6ff0;--leaf:#2fa79d;--teal:#2fa79d;--line:#2a2b3a;--radius:22px;--shadow:5px 5px 0 var(--ink)}[data-theme=dark]{--paper:#17171f;--paper2:#1e1e2c;--card:#222232;--ink:#f5f3ff;--muted:#c9c7e2;--sky:#cde8ff;--aqua:#a8dadc;--mint:#cdebc5;--peach:#ffd9c0;--pink:#ffc9d6;--lilac:#dcd2ff;--lemon:#fff0a6;--blue:#8ec5ff;--coral:#ff9ebb;--grape:#b7a6ff;--leaf:#7ee0c3;--teal:#7ed9c8;--line:#3d3d58;--shadow:5px 5px 0 #000}[data-theme=dark] .btn-blue,[data-theme=dark] .btn-pink,[data-theme=dark] .btn-mint,[data-theme=dark] .sticker,[data-theme=dark] .kicker,[data-theme=dark] .eyebrow,[data-theme=dark] .tag,[data-theme=dark] .cloud span,[data-theme=dark] .btn-primary,[data-theme=dark] .brand-face{color:#23232f}[data-theme=dark] .hero h1 em{background:linear-gradient(90deg,var(--sky),var(--lilac),var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text}[data-theme=dark] .polaroid .ph{color:#23232f}[data-theme=dark] .polaroid .ph .meta{color:#4a4a63}[data-theme=dark] a{color:#8ad9cc}[data-theme=dark] a:hover{color:#c2f0e2}a{color:var(--teal)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(700px 320px at 8% -40px,var(--sky),transparent), radial-gradient(700px 320px at 95% 0%,var(--pink),transparent), radial-gradient(800px 360px at 50% 110%,var(--mint),transparent), var(--paper);margin:0;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.65}h1,h2,.serif{letter-spacing:-.01em;font-family:Georgia,Times New Roman,serif;line-height:1.08}.container{max-width:1060px;margin:0 auto;padding:0 20px}.topbar{z-index:50;justify-content:center;padding:0 12px;display:flex;position:sticky;top:12px}.topbar-inner{background:var(--card);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:12px;width:100%;max-width:1060px;padding:8px 10px 8px 14px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.brand-face{background:linear-gradient(135deg,var(--sky),var(--pink),var(--lemon));border:2px solid var(--line);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;transition:transform .3s;display:grid}.brand:hover .brand-face{transform:rotate(-12deg)scale(1.08)}.nav-links{gap:12px;margin-left:auto;display:flex}.nav-links a{color:var(--ink);opacity:.8;font-size:.92rem;text-decoration:none}.nav-links a:hover{opacity:1;-webkit-text-decoration:underline wavy var(--coral);text-decoration:underline wavy var(--coral)}.btn{border:2px solid var(--line);background:var(--card);color:var(--ink);box-shadow:3px 3px 0 var(--line);border-radius:999px;padding:9px 16px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.btn:hover{box-shadow:5px 5px 0 var(--line);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--line);transform:translate(1px,1px)}.btn-primary{background:var(--lemon)}.btn-blue{background:var(--sky)}.btn-pink{background:var(--pink)}.btn-mint{background:var(--mint)}.icon-btn{background:var(--card);border:2px solid var(--line);cursor:pointer;color:var(--ink);border-radius:999px;padding:7px 11px;font-weight:700;transition:transform .2s}.icon-btn:hover{transform:scale(1.06)}.hero{padding:38px 0 10px}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:26px;display:grid}.kicker{background:var(--lilac);border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:700;display:inline-block}.hero h1{margin:14px 0 10px;font-size:clamp(2.1rem,5vw,3.4rem)}.hero h1 em{background:linear-gradient(90deg,var(--blue),var(--grape),var(--coral));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.lead{color:var(--muted);max-width:60ch;font-size:1.05rem}.stickers{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.sticker{border:2px solid var(--line);box-shadow:2px 2px 0 var(--line);border-radius:999px;padding:4px 12px;font-size:.82rem;font-weight:700;transition:transform .25s}.sticker:hover{transform:rotate(0)scale(1.1)}.sticker:nth-child(4n+1){background:var(--sky);transform:rotate(-2deg)}.sticker:nth-child(4n+2){background:var(--pink);transform:rotate(1.5deg)}.sticker:nth-child(4n+3){background:var(--mint);transform:rotate(-1deg)}.sticker:nth-child(4n+4){background:var(--lemon);transform:rotate(2deg)}.art-stack{gap:14px;display:grid}.polaroid{background:var(--card);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:12px;transition:transform .35s;transform:rotate(1.5deg)}.polaroid:nth-child(2){transform:rotate(-1.5deg)}.polaroid:hover{transform:rotate(0)scale(1.015)}.polaroid .ph{border:2px dashed var(--line);text-align:center;background:linear-gradient(135deg,var(--sky),var(--paper2),var(--pink));border-radius:12px;place-items:center;min-height:150px;padding:18px;display:grid}.polaroid figcaption{color:var(--muted);padding-top:8px;font-size:.82rem}section{padding:36px 0;scroll-margin-top:84px}.eyebrow{background:var(--lemon);border:2px solid var(--line);box-shadow:2px 2px 0 var(--line);border-radius:8px;margin-bottom:8px;padding:2px 10px;font-size:.85rem;font-weight:800;display:inline-block}h2{margin:0 0 6px;font-size:clamp(1.6rem,3.4vw,2.3rem)}.sub{color:var(--muted);max-width:72ch}.cloud{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.cloud span{border:2px solid var(--line);background:var(--card);box-shadow:2px 2px 0 var(--line);border-radius:14px;padding:6px 12px;font-size:.88rem;font-weight:600;transition:transform .2s}.cloud span:hover{transform:translateY(-3px)}.cloud span:nth-child(3n){background:var(--sky)}.cloud span:nth-child(3n+1){background:var(--mint)}.cloud span:nth-child(3n+2){background:var(--peach)}.cards3{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.cards2{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-3px)}.card.sun{background:linear-gradient(180deg,var(--card),var(--paper2))}.tag{border:2px solid var(--line);background:var(--lemon);color:var(--ink);border-radius:999px;margin:2px 4px 2px 0;padding:2px 10px;font-size:.78rem;display:inline-block}.tag.b{background:var(--sky)}.tag.g{background:var(--mint)}.tag.p{background:var(--pink)}.tag.l{background:var(--lilac)}.proj{margin-top:18px}.ficha{background:var(--paper2);border:2px dashed var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:12px;padding:12px 14px;font-size:.93rem;display:grid}.shots{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.shots figure{background:var(--card);border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);border-radius:16px;margin:0;overflow:hidden}.shots img{aspect-ratio:16/10;object-fit:cover;object-position:top;background:var(--paper2);width:100%;height:auto;display:block}.shot-fallback{text-align:center;color:var(--muted);padding:22px;text-decoration:none;display:block}.meta{color:var(--muted);font-size:.9rem}.contact-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}footer{border-top:2px solid var(--line);background:var(--paper2);margin-top:20px;padding:26px 0}.reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.22,.7,.2,1);transform:translateY(16px)}.reveal.visible{opacity:1;transform:none}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.animate-in{opacity:0;animation:.7s cubic-bezier(.22,.7,.2,1) forwards riseIn;animation-delay:var(--d,0s)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none;opacity:1!important;transform:none!important}.animate-in{animation:none;opacity:1!important}.btn,.card,.sticker,.polaroid,.icon-btn,.cloud span{transition:none!important}.btn:hover,.card:hover{transform:none}}@media (width<=880px){.hero-grid,.cards3,.cards2,.ficha,.shots{grid-template-columns:1fr}.nav-links{display:none}}
