@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Shrikhand&display=swap');
:root{--pink:#f477a6;--hot:#e94888;--cream:#fff6df;--ink:#372035;--yellow:#f5d557;--lilac:#bca4ec;--coral:#ff8b7a;--paper:#fffaf0;--line:3px solid var(--ink);--shadow:7px 7px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}.nav-wrap{position:sticky;top:0;z-index:10;background:rgba(255,246,223,.92);border-bottom:2px solid var(--ink);backdrop-filter:blur(10px)}.nav{max-width:1180px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:'Shrikhand',serif;text-decoration:none;color:var(--ink);font-size:21px;display:flex;align-items:center;gap:10px}.logo span{display:grid;place-items:center;background:var(--pink);border:2px solid var(--ink);border-radius:50%;width:42px;height:42px;transform:rotate(-7deg)}.nav-links{display:flex;gap:28px}.nav-links a,.text-link{color:var(--ink);font-weight:700;text-decoration:none}.nav-links a:hover,.text-link:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.section{max-width:1180px;margin:auto;padding:100px 24px}.hero{text-align:center;min-height:690px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.eyebrow{font-weight:800;font-size:13px;letter-spacing:.18em;margin:0 0 20px}.hero h1,.section h2{font-family:'Shrikhand',serif;font-weight:400;line-height:1.04;margin:0}.hero h1{font-size:clamp(56px,8vw,102px);max-width:1050px}.hero h1 em,.contact h2 em{color:var(--hot);font-style:normal;text-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:1px var(--ink)}.hero-copy{font-size:20px;line-height:1.6;max-width:700px;margin:30px auto}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:center}.pill{display:inline-block;background:var(--pink);color:var(--ink);border:var(--line);border-radius:999px;padding:16px 25px;font-weight:800;text-decoration:none;box-shadow:4px 4px 0 var(--ink);transition:.18s transform,.18s box-shadow}.pill:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.pill.small{padding:10px 17px;font-size:13px}.pill.dark{background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--pink)}.spark{position:absolute;font-family:'Shrikhand';font-size:60px;color:var(--pink);animation:float 3s ease-in-out infinite}.s1{left:8%;top:25%}.s2{right:9%;bottom:25%;font-size:50px;color:var(--yellow);animation-delay:-1.2s}.ticker{position:absolute;bottom:0;width:100vw;overflow:hidden;background:var(--pink);border-block:var(--line);padding:13px 0;transform:rotate(-1deg)}.ticker div{white-space:nowrap;font-weight:900;letter-spacing:.14em;animation:marquee 22s linear infinite}.projects{padding-top:120px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.section h2{font-size:clamp(42px,6vw,70px)}.doodle{font-size:90px;color:var(--pink);transform:rotate(-10deg)}.featured-card{display:grid;grid-template-columns:1.05fr .95fr;background:var(--paper);border:var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.project-image{background:var(--lilac);padding:42px;position:relative;display:grid;place-items:center}.project-image img{width:min(100%,470px);aspect-ratio:4/5;object-fit:cover;border:var(--line);box-shadow:10px 10px 0 rgba(55,32,53,.45);transform:rotate(-2deg)}.tape{position:absolute;top:30px;right:18px;background:var(--yellow);border:2px solid var(--ink);padding:10px 19px;font-family:'Shrikhand';transform:rotate(7deg)}.project-copy{padding:58px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.tag{font-size:11px;font-weight:900;letter-spacing:.12em;border:2px solid var(--ink);border-radius:99px;padding:7px 11px;background:var(--yellow)}.project-copy h3,.product-card h3{font-family:'Shrikhand';font-weight:400;line-height:1.12}.project-copy h3{font-size:42px;margin:22px 0 12px}.project-copy p,.project-copy li{font-size:17px;line-height:1.55}.project-copy ul{padding-left:20px;margin:10px 0 30px}.shop{max-width:none;background:var(--pink);border-block:var(--line)}.shop>.section-heading,.shop>.product-grid{max-width:1132px;margin-left:auto;margin-right:auto}.heading-note{max-width:330px;font-weight:600;line-height:1.5}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-card{border:var(--line);border-radius:22px;padding:22px;background:var(--paper);box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column}.mini-art{height:210px;border:2px solid var(--ink);border-radius:14px;margin-bottom:23px;position:relative;overflow:hidden}.yellow{background:#fff3b2}.lavender{background:#ddd0f8}.coral{background:#ffc1b7}.browser{padding:45px 20px 20px;background:repeating-linear-gradient(0deg,#fff3b2 0 24px,#efca39 25px 26px)}.browser:before{content:'●  ●  ●';position:absolute;top:10px;left:14px;letter-spacing:5px}.browser b{display:block;font-family:'Shrikhand';font-size:28px;transform:rotate(-3deg)}.browser i{display:inline-block;background:#70cf9b;border:2px solid var(--ink);padding:10px;margin-top:25px;font-weight:700}.stack{display:flex;align-items:center;justify-content:center}.stack span{width:90px;height:110px;display:grid;place-items:center;border:2px solid var(--ink);background:var(--paper);font-family:'Shrikhand';font-size:28px;margin:-8px;box-shadow:4px 4px 0 var(--ink)}.stack span:nth-child(1){transform:rotate(-12deg);background:#fff3b2}.stack span:nth-child(3){transform:rotate(12deg);background:var(--pink)}.slides{padding:25px;background:#ffc1b7}.slides span{font-family:'Shrikhand';font-size:29px}.slides i{display:grid;place-items:center;font-size:70px}.slides b{position:absolute;bottom:18px;right:20px;font-size:26px}.product-card .tag{align-self:flex-start}.product-card h3{font-size:29px;margin:18px 0 8px}.product-card p{line-height:1.55;flex:1}.card-bottom{border-top:2px solid var(--ink);padding-top:18px;margin-top:15px;display:flex;justify-content:space-between;align-items:center}.card-bottom a{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--ink);border-radius:50%;background:var(--pink);color:var(--ink);font-size:23px;text-decoration:none}.about{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px}.portrait{height:470px;border:var(--line);border-radius:50% 50% 40% 40%;background:var(--yellow);position:relative;display:grid;place-items:center;box-shadow:var(--shadow)}.portrait div{font-family:'Shrikhand';font-size:150px;transform:rotate(-6deg)}.portrait span,.portrait i{position:absolute;border:2px solid var(--ink);background:var(--pink);padding:9px 15px;font-weight:900}.portrait span{top:30px;left:-25px;transform:rotate(-9deg)}.portrait i{right:-35px;bottom:55px;background:var(--lilac);transform:rotate(8deg)}.about>div:last-child>p:not(.eyebrow){font-size:19px;line-height:1.65}.values{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.values span{border:2px solid var(--ink);border-radius:99px;padding:9px 13px;font-weight:700}.contact{max-width:none;text-align:center;background:var(--lilac);border-top:var(--line);padding:100px 24px}.contact h2{font-size:clamp(48px,7vw,84px)}.contact>p:not(.eyebrow){font-size:19px}.contact small{display:block;margin-top:28px}footer{padding:30px max(24px,calc((100vw - 1132px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--ink);color:#fff}footer .logo{color:#fff}footer p{font-size:13px}
@keyframes float{50%{transform:translateY(-14px) rotate(8deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:800px){.nav-links{display:none}.nav .pill{display:none}.section{padding:75px 20px}.hero{min-height:650px;padding-top:90px}.hero h1{font-size:52px}.hero-copy{font-size:17px}.spark{font-size:35px}.s1{top:17%;left:2%}.featured-card,.about{grid-template-columns:1fr}.project-image{padding:30px}.project-copy{padding:35px 26px}.project-copy h3{font-size:34px}.product-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.heading-note{margin:0}.about{gap:45px}.portrait{height:350px;width:min(100%,390px);margin:auto}.portrait div{font-size:110px}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spark,.ticker div{animation:none}}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}.work-card{position:relative;border:var(--line);border-radius:22px;padding:26px;box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column;min-height:370px;transition:.18s transform,.18s box-shadow}.work-card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--ink)}.work-card .tag{align-self:flex-start;background:var(--paper)}.work-card h3{font-family:'Shrikhand';font-size:31px;font-weight:400;line-height:1.12;margin:18px 0 10px}.work-card p{line-height:1.55;margin:0 0 22px}.work-icon{width:74px;height:74px;display:grid;place-items:center;align-self:flex-end;margin-bottom:-38px;border:2px solid var(--ink);border-radius:50%;background:var(--paper);font-family:'Shrikhand';font-size:30px;transform:rotate(7deg)}.work-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.work-meta span{font-size:11px;font-weight:800;border:2px solid var(--ink);border-radius:99px;padding:6px 8px;background:rgba(255,255,255,.45)}.blue-card{background:#98d9f4}.green-card{background:#9ddcae}.yellow-card{background:#f7dc68}.lilac-card{background:#c9b8ef}.pink-card{background:#f5a6c5}.coral-card{background:#ffad99}
@media(max-width:950px){.work-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.work-grid{grid-template-columns:1fr}.work-card{min-height:340px}}
.portrait{overflow:visible}.portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:65% 68%;border-radius:inherit}.portrait:after{content:'✿';position:absolute;right:16px;top:18px;width:54px;height:54px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--pink);font-size:28px;transform:rotate(9deg)}
.travel{max-width:none;background:#f9d6e2;border-top:var(--line);padding-left:max(24px,calc((100vw - 1132px)/2));padding-right:max(24px,calc((100vw - 1132px)/2))}.travel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.travel-grid article{background:var(--paper);border:var(--line);border-radius:18px;padding:22px;box-shadow:5px 5px 0 var(--ink);min-height:155px}.travel-grid b{font-size:36px}.travel-grid h3{font-family:'Shrikhand';font-size:26px;font-weight:400;margin:10px 0 5px}.travel-grid p{line-height:1.45;margin:0}.travel-note{text-align:center;font-family:'Shrikhand';font-size:25px;margin:42px 0 0}.nav-links a[href="#travel"]{display:inline-block}@media(max-width:800px){.travel-grid{grid-template-columns:1fr}.travel-grid article{min-height:auto}}