:root{--display:'DM Sans',Arial,sans-serif;--paper:#fdfbf7;--ink:#30223e;--line:#807387;--red:#675178}html{scroll-snap-type:none;scroll-padding-top:120px}body{background:var(--paper)}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-1.5px}header{position:sticky;top:20px;max-width:1280px;width:calc(100% - 80px);margin:20px auto 0;padding:0 30px;height:76px;border:1px solid var(--line);border-radius:22px;background:#fffdf9ed;backdrop-filter:blur(18px)}nav a:last-child{border:0;color:var(--ink)}.wordmark{font-family:Playball,Georgia,cursive;color:var(--ink)}.wordmark span{color:#ed929c}.meeko-inspired .studio-hero{background:#e6d6f7;margin-top:-96px;padding:190px 30px 130px;text-align:center;border-bottom:1px solid var(--line);min-height:90svh;display:grid;place-items:center}.hero-inner{max-width:1140px;margin:auto}.studio-hero h1{font-size:clamp(46px,5.7vw,88px);line-height:1.16;letter-spacing:-4px;margin:22px 0 34px;font-weight:500}.hello-orbit{display:inline-grid;place-items:center;width:90px;height:90px;border:1px solid var(--ink);border-radius:50%;background:#ffc1b6;font-size:57px;vertical-align:middle;animation:orbit 14s linear infinite;color:#675178}.hero-description{font-size:clamp(17px,1.5vw,23px);max-width:800px;margin:0 auto 30px;line-height:1.6}.hero-description strong{font-weight:600}.studio-button{border:1px solid var(--ink);border-radius:999px;display:inline-flex;gap:28px;align-items:center;padding:13px 23px;background:var(--paper);font-size:14px;line-height:1.5;transition:box-shadow .2s,transform .2s}.studio-button span{font-size:21px;line-height:1}.studio-button:hover{transform:translateY(-3px);box-shadow:3px 4px 0 var(--ink)}.hero-tags{display:flex;justify-content:center;gap:20px;margin-top:28px;font-size:11px;letter-spacing:1px;text-transform:uppercase}.hero-tags span:before{content:'✦';margin-right:9px}.entry-cards{max-width:1280px;margin:-65px auto 0;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 25px}.entry{border:1px solid var(--line);border-radius:24px;padding:32px 20px;text-align:center;background:var(--paper);transition:transform .3s,box-shadow .3s}.entry:hover{transform:translateY(-7px);box-shadow:5px 6px 0 #30223e}.entry h2{font-size:25px;letter-spacing:-.6px;margin:15px 0 13px}.entry p{font-size:14px;line-height:1.6}.entry-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid var(--line);border-radius:18px;margin:auto;font-size:36px}.blue{--tile:#dce6f7}.sage{--tile:#d6ead4}.peach{--tile:#ffd6a5}.entry-icon,.pill-arrow{background:var(--tile)}.pill-arrow{display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:30px;width:48px;height:34px;font-size:23px}.studio-work{max-width:1280px;margin:auto;padding:110px 25px 80px}.studio-section-heading{text-align:center;max-width:700px;margin:0 auto 65px}.studio-section-heading h2{font-size:clamp(40px,4vw,60px);margin-bottom:22px}.studio-section-heading>p:last-child{font-size:18px}.studio-project{display:grid;grid-template-columns:.75fr 1.25fr;border:1px solid var(--line);border-radius:26px;overflow:hidden;margin:0 0 35px;background:var(--tile);min-height:510px;position:sticky;top:120px;box-shadow:0 -12px 30px #fdfbf730}.project-text{padding:55px 40px;display:flex;flex-direction:column;justify-content:center}.project-text h3{font-size:clamp(36px,3.5vw,54px);line-height:1.1;margin:12px 0 22px}.project-text p:not(.eyebrow){font-size:16px}.project-text .eyebrow{font-size:9px;letter-spacing:1.5px}.project-text .studio-button{align-self:start;margin-top:15px}.studio-image{position:relative;padding:45px 35px;display:flex;align-items:center;justify-content:center;background:#ffffff44;overflow:hidden;min-height:450px}.studio-image img{object-fit:contain;transition:transform .6s}.image-0 img:first-child{width:100%;border-radius:14px;transform:rotate(-3deg);box-shadow:0 12px 30px #30223e20}.image-0 img:nth-child(2){position:absolute;bottom:32px;right:25px;width:32%;border:6px solid var(--paper);border-radius:10px;transform:rotate(7deg)}.image-1 img{width:65%;margin:0 -12%;max-height:420px}.image-1 img:first-child{transform:rotate(-7deg)}.image-1 img:nth-child(2){transform:rotate(7deg)}.image-2 img:first-child{width:100%;transform:rotate(-2deg);box-shadow:0 12px 30px #30223e20}.image-2 img:nth-child(2){position:absolute;width:90px;bottom:25px;right:25px;border:6px solid white;border-radius:50%;transform:rotate(10deg)}.studio-image:hover img:first-child{transform:rotate(0deg) scale(1.025)}.studio-process{background:#f7e1e6;border-block:1px solid var(--line);padding:90px max(6%,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1fr 1fr;gap:75px}.studio-process h2{font-size:clamp(38px,4vw,55px);line-height:1.15;margin:20px 0}.studio-process>div>p:last-child{max-width:440px}.process-list article{padding:24px 0;border-bottom:1px solid #9f8e9c}.process-list article:first-child{padding-top:0}.process-list span{font-size:12px}.process-list h3{font-size:26px;letter-spacing:-.5px;margin:10px 0}.process-list p{font-size:14px;margin:0}.studio-about{max-width:1280px;margin:auto;padding:110px 25px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.studio-about h2{font-size:clamp(40px,4vw,60px);margin:15px 0 25px}.studio-about .lead{font-size:22px}.about-art{background:#ffd6a5;border:1px solid var(--line);border-radius:45% 45% 22px 22px;aspect-ratio:1;position:relative;display:grid;place-items:center}.about-script{font:90px Playball,Georgia,cursive;transform:rotate(-12deg)}.about-star{position:absolute;right:10%;top:15%;font-size:90px;color:#aa7195;animation:orbit 20s linear infinite}.art-caption{position:absolute;bottom:30px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.2px}.skills{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.skills span{padding:7px 12px;border:1px solid var(--line);border-radius:30px;font-size:12px;background:#e6d6f7}.skills span:nth-child(2n){background:#d6ead4}.studio-contact{text-align:center;background:#d6ead4;border-block:1px solid var(--line);padding:95px 25px}.studio-contact h2{font-size:clamp(43px,5vw,78px);line-height:1.1;margin:25px 0}.studio-contact p{font-size:17px}.email-address{display:block;font-size:13px;margin-top:25px;text-decoration:underline;text-underline-offset:4px}footer{background:var(--paper);max-width:1280px;margin:auto;padding:40px 25px}footer>div:nth-child(2)>a{font-size:22px}footer small{border-color:var(--line)}.about-heading h1{font-family:var(--display);font-size:clamp(65px,8vw,110px);font-weight:500}.case>h1{color:var(--ink)}.studio-project.revealed{opacity:1}.motion-ready .entry,.motion-ready .studio-section-heading,.motion-ready .studio-about{opacity:0;transform:translateY(25px);transition:opacity .65s,transform .65s}.motion-ready .revealed{opacity:1;transform:none}@keyframes orbit{to{transform:rotate(360deg)}}
@media(min-width:1700px){.meeko-inspired .studio-hero{min-height:900px}}
@media(max-width:900px){header{width:calc(100% - 40px);padding:0 22px;height:70px;top:12px;margin-top:12px}.meeko-inspired .studio-hero{margin-top:-82px;padding:160px 30px 120px;min-height:750px}.studio-hero h1{letter-spacing:-2px;font-size:56px}.hello-orbit{width:66px;height:66px;font-size:44px}.entry-cards{gap:16px;padding:0 20px}.entry{padding:25px 16px}.entry h2{font-size:21px}.entry p{font-size:12px}.studio-project{min-height:420px;grid-template-columns:.85fr 1.15fr;top:100px}.project-text{padding:35px 25px}.studio-image{padding:35px 20px;min-height:420px}.project-text h3{font-size:36px}.project-text p:not(.eyebrow){font-size:14px}.studio-process{gap:35px;padding:65px 6%}.studio-about{gap:40px}.about-script{font-size:65px}.about-star{font-size:60px}}
@media(max-width:600px){html{scroll-padding-top:100px}header{width:calc(100% - 28px);padding:0 17px;height:65px;border-radius:18px}.wordmark{font-size:32px}nav{gap:16px;font-size:11px}.meeko-inspired .studio-hero{padding:145px 22px 100px;min-height:calc(100svh + 20px);margin-top:-77px}.studio-hero h1{font-size:43px;letter-spacing:-1.8px;line-height:1.2}.hello-orbit{width:50px;height:50px;font-size:34px}.hero-description{font-size:16px}.hero-tags{gap:12px;font-size:8px}.entry-cards{grid-template-columns:1fr;margin-top:-40px;gap:16px;padding:0 22px}.entry{padding:25px;display:grid;grid-template-columns:62px 1fr 40px;gap:10px;text-align:left;align-items:center}.entry-icon{grid-row:1/3}.entry h2{margin:0;font-size:21px}.entry p{grid-column:2;margin:0;font-size:12px}.entry p br{display:none}.pill-arrow{grid-column:3;grid-row:1/3;width:36px}.studio-work{padding:75px 22px 45px}.studio-section-heading{margin-bottom:35px}.studio-section-heading h2{font-size:38px}.studio-section-heading>p:last-child{font-size:16px}.studio-project{position:relative;top:0;grid-template-columns:1fr}.project-text{padding:30px}.project-text h3{font-size:40px}.studio-image{min-height:300px;padding:35px}.image-1 img{max-height:300px}.studio-process,.studio-about{grid-template-columns:1fr;gap:35px;padding:60px 25px}.studio-about .lead{font-size:20px}.about-art{width:min(320px,100%);margin:auto}.about-script{font-size:80px}.studio-contact{padding:65px 25px}.studio-contact h2{font-size:44px}.studio-contact p{font-size:15px}.studio-contact p br{display:none}.studio-button{font-size:13px;padding:11px 20px}footer{padding:35px 25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .entry,.motion-ready .studio-section-heading,.motion-ready .studio-about{opacity:1;transform:none}.studio-project{position:relative;top:auto}}

.lilac{--tile:#e6d6f7}.blush{--tile:#f7e1e6}.image-new img{width:100%;max-height:460px;border-radius:14px;object-fit:contain;box-shadow:0 12px 30px #30223e15}.new-project-figure{margin:45px auto;text-align:center}.new-project-figure img{display:block;max-width:100%;width:auto;max-height:720px;margin:auto;object-fit:contain;border-radius:14px}.new-project-figure figcaption{max-width:720px;margin:18px auto 0;font-size:14px;line-height:1.6}.new-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.new-project-grid figure{min-width:0}.portrait-art img{max-height:800px}.case>h1{overflow-wrap:break-word}@media(max-width:600px){.new-project-grid{grid-template-columns:1fr;gap:0}.new-project-figure{margin:30px auto}}

/* Legible connected signature and interactive project gallery. */
.wordmark .logo-name{color:var(--ink);font:inherit;letter-spacing:-1px;display:inline-block}.wordmark .logo-rr{color:inherit;font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:.79em;letter-spacing:-.075em;margin-left:.015em;margin-right:.02em}.wordmark .logo-spark{color:#ed929c;margin-left:7px}.showcase-controls{display:none}.gallery-ready .showcase-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.project-tabs{display:flex;flex-wrap:wrap;gap:8px}.project-tabs button,.showcase-arrows button{font:inherit;color:var(--ink);border:1px solid #b9aebd;background:var(--paper);cursor:pointer;transition:background .2s,transform .2s}.project-tabs button{border-radius:30px;padding:12px 16px;font-size:13px}.project-tabs button span{font-size:10px;margin-right:6px;opacity:.65}.project-tabs button[aria-pressed=true]{background:#30223e;color:#fffdf9;border-color:#30223e}.project-tabs button:hover,.showcase-arrows button:hover{transform:translateY(-3px);background:#e6d6f7;color:#30223e}.showcase-arrows{display:flex;align-items:center;gap:14px;flex-shrink:0}.showcase-arrows button{width:44px;height:44px;border-radius:50%;font-size:22px}.showcase-count{font-size:12px;font-variant-numeric:tabular-nums}.studio-project{position:relative;top:auto}.gallery-ready .showcase-stage{position:relative;perspective:1400px;touch-action:pan-y}.gallery-ready .studio-project{margin:0;min-height:530px}.gallery-ready .studio-project[hidden]{display:none}.gallery-ready .studio-project.is-active{animation:projectEnter .65s cubic-bezier(.2,.7,.2,1) both}.gallery-ready .is-active .project-text{animation:copyEnter .6s ease both}.gallery-ready .is-active .studio-image{animation:artEnter .8s cubic-bezier(.2,.7,.2,1) both}.showcase-hint{font-size:12px;color:#65556c;margin:22px 0 0;text-align:center}.studio-image{transition:background .4s}.studio-image:hover{background:#ffffff70}.project-tabs button:focus-visible,.showcase-arrows button:focus-visible{outline:3px solid #675178;outline-offset:4px}@keyframes projectEnter{from{opacity:.3;transform:translateX(var(--entry-x,35px)) rotateY(-3deg) scale(.98)}to{opacity:1;transform:none}}@keyframes copyEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes artEnter{from{opacity:.3;transform:translateX(var(--entry-x,35px)) scale(.95)}to{opacity:1;transform:none}}@media(max-width:900px){.gallery-ready .showcase-controls{align-items:flex-start;flex-direction:column}.showcase-arrows{align-self:flex-end}}@media(max-width:600px){.project-tabs{gap:6px}.project-tabs button{padding:10px 12px;font-size:12px}.gallery-ready .studio-project{min-height:0}.gallery-ready .project-text{min-height:280px}.gallery-ready .studio-image{height:310px;min-height:310px}.showcase-hint{line-height:1.6}.gallery-ready .showcase-controls{gap:14px}.wordmark .logo-name{letter-spacing:-.5px}}@media(prefers-reduced-motion:reduce){.gallery-ready .studio-project,.gallery-ready .project-text,.gallery-ready .studio-image{animation:none!important}}
.wordmark .logo-name{margin-left:0;vertical-align:baseline}.wordmark .logo-rr{vertical-align:baseline}.wordmark .logo-spark{vertical-align:top}
