:root{--pink:#f553ce;--hot-pink:#ff64d5;--yellow:#ffd905;--sky:#8dc5f8;--paper:#fffefa;--ink:#252225;--display:'Bebas Neue',Impact,sans-serif;--script:'Mr De Haviland',cursive;--sans:'DM Sans',Arial,sans-serif;--hand:'Rock Salt',cursive}body{background:var(--sky);font-family:var(--sans);font-weight:400}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:0}.serif{font-family:var(--script);font-size:1.35em;font-style:normal;font-weight:400;letter-spacing:0}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:78px;padding:12px 3.2%;background:transparent;border:0;gap:24px;transition:background .25s,box-shadow .25s}.site-header.scrolled{background:var(--hot-pink);box-shadow:0 3px 0 #d64cb32b}.site-header .brand{display:flex;align-items:center;width:204px;gap:8px;flex:none}.logo-badge{position:relative;display:block;width:38px;height:40px;flex:none}.logo-badge>img{width:100%;height:100%;object-fit:contain}.logo-badge>img.logo-domino{position:absolute;left:35%;top:22%;width:30%;height:58%}.wordmark{width:160px;height:auto;filter:none}.site-header nav{gap:6px;margin-left:0;display:flex;flex:1}.site-header nav a{border:1px solid #ffffffc7;border-radius:100px;color:#fff;padding:10px 15px;font-size:14px;font-weight:500;white-space:nowrap;line-height:1.2}.site-header nav a:hover,.site-header nav a[aria-current=page]{background:#ffffff28}.site-header nav a:after{display:none}.site-header .header-contact{color:#27221e;background:var(--yellow);border:0;font-size:15px;font-weight:500;padding:12px 24px;min-height:44px;box-shadow:0 3px 0 #d6b800}.header-contact .button-dot{display:none}.menu-button,.mobile-contact{display:none!important}.button,.paper-button,.raised-button{font-family:var(--display);letter-spacing:.01em;font-size:23px;color:#262220;border:0;border-radius:4px;display:inline-flex;justify-content:center;align-items:center;gap:14px;line-height:1.1;transition:transform .25s,background .25s}.raised-button{background:var(--yellow);padding:21px 27px;border:7px solid #ffdf20;box-shadow:6px 7px 0 #b5a6008a,inset 2px 2px 3px #fff367,inset -3px -3px 0 #cdb300;transform:rotate(-1deg);min-height:72px}.raised-button:hover{transform:translateY(-3px) rotate(1deg);background:#ffe548}.paper-button{padding:14px 20px;background:var(--yellow);box-shadow:3px 3px 0 #b4a00b;transform:rotate(-2deg)}.paper-button:hover{transform:rotate(1deg) translateY(-2px)}.button.dark{background:var(--yellow);color:#252225;box-shadow:3px 4px 0 #c3a900}.button-dot{background:var(--pink)}.sky-scene{position:relative;background-color:var(--sky);background-image:url('/assets/cloud-sky.webp');background-size:cover;background-position:center;isolation:isolate}.yellow-scene{background:var(--yellow);position:relative}.collage-hero{height:min(1060px,77vw);min-height:850px;overflow:hidden;padding-top:135px}.hero-heading-paper{width:76%;max-width:1240px;margin:0 auto;position:relative;z-index:5;transform:rotate(-1deg);text-align:center;padding:28px 20px 35px;filter:drop-shadow(0 3px 1px #57628013)}.hero-heading-paper:before{content:'';position:absolute;inset:0;z-index:-1;background:#fffefa;clip-path:polygon(2% 26%,19% 24%,33% 25%,45% 3%,53% 0,62% 4%,67% 24%,87% 25%,96% 11%,99% 43%,95% 65%,80% 65%,81% 95%,66% 98%,50% 96%,29% 100%,23% 87%,22% 66%,6% 65%,0 53%);background-image:linear-gradient(104deg,transparent 45%,#d5d0c426 45.2%,#fffefa 45.8%,transparent 46.2%),linear-gradient(12deg,transparent 30%,#e0d8d01c 30.2%,transparent 30.8%)}.hero-heading-paper h1{font-family:var(--display);font-size:clamp(78px,8.6vw,160px);line-height:1.13;color:var(--pink);-webkit-text-stroke:1px #353035;text-shadow:1px 1px 0 #353035;letter-spacing:-.025em}.headline-first{display:flex;align-items:baseline;justify-content:center;gap:12px;white-space:nowrap}.headline-first em{font-family:var(--script);font-size:1.85em;color:var(--yellow);font-weight:400;letter-spacing:-.035em;line-height:.9;-webkit-text-stroke:1px #716306;transform:rotate(-4deg);margin-left:-7px}.headline-second{display:block;margin-top:-6px;font-size:.88em;white-space:nowrap}.pixel-letter{font-family:'Pixelify Sans',monospace;letter-spacing:-.12em;padding-right:.09em}.headline-spark{position:absolute;color:var(--yellow);font-size:57px;-webkit-text-stroke:1px #353035;left:58%;top:54%;transform:rotate(10deg)}.paper-words{position:relative;z-index:6;max-width:none;text-align:center;line-height:2.1;margin:16px auto 0;font-size:clamp(20px,2.2vw,33px);font-weight:500;color:var(--pink)}.paper-words>span{display:inline-block;background:#fffdf9;padding:0 9px;line-height:1.5;transform:rotate(-3deg);box-shadow:1px 1px 1px #60759012;margin:1px 4px}.paper-words>span:nth-child(2n){transform:rotate(3deg)}.paper-words>span:nth-child(3n){transform:rotate(-5deg)}.paper-words>span.pink-word{background:var(--pink);color:white}.floating-cutout{position:absolute;z-index:7;display:block;filter:drop-shadow(6px 0 0 #fff) drop-shadow(-6px 0 0 #fff) drop-shadow(0 6px 0 #fff) drop-shadow(0 -6px 0 #fff);transform-origin:50% 12%;transition:filter .3s}.floating-cutout img{width:100%;height:100%;object-fit:contain}.cutout-cherry{left:1%;bottom:-55px;width:26%;height:440px;transform:rotate(-19deg);animation:swing-cherry 7s ease-in-out infinite}.cutout-zukae{right:4%;bottom:-40px;width:24%;height:300px;transform:rotate(15deg);animation:swing-zukae 8s ease-in-out infinite}.cutout-caption{position:absolute;top:22%;right:-55%;font-family:var(--hand);font-size:15px;color:#fff;filter:none;transform:rotate(10deg);text-shadow:1px 1px #5d74a0}.cutout-caption em{font-style:normal;background:var(--pink);padding:3px 8px}.hero-project-sticker{position:absolute;left:37%;bottom:-150px;width:180px;background:#fff;padding:10px 10px 40px;transform:rotate(12deg);z-index:3;box-shadow:2px 5px 9px #315a8730}.hero-project-sticker img{aspect-ratio:1;object-fit:cover}.hero-project-sticker span{font:14px var(--hand);display:block;text-align:center;margin-top:10px}.hero-note{position:absolute;right:5%;top:57%;border:0;background:#ffb2df;width:180px;padding:25px 14px 22px;text-align:center;transform:rotate(15deg);z-index:5;box-shadow:2px 3px 2px #6e95bf18}.hero-note:before{content:'';position:absolute;width:75px;height:21px;top:-8px;left:51px;background:var(--yellow);transform:rotate(-31deg)}.hero-note>span{font-family:var(--script);font-size:32px;color:white;line-height:1;background:var(--pink)}.hero-note p{font:11px/1.8 var(--hand);margin-top:12px}.hero-doodle{color:#fff;position:absolute;z-index:6;font-size:67px;font-weight:400}.doodle-one{top:59%;left:15%;transform:rotate(20deg)}.doodle-two{right:18%;top:71%}.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-family:var(--display);font-size:22px;letter-spacing:.03em;text-align:center;z-index:9;color:#fff}.hero-scroll span{display:block;font:30px var(--sans);line-height:1.2}.scribble{font-family:var(--hand);font-size:17px;line-height:1.8;font-weight:400;letter-spacing:-.06em}.book-section{padding:100px 8% 60px;min-height:830px;overflow:hidden}.studio-book{width:min(850px,87%);min-height:570px;margin:30px auto 0;display:grid;grid-template-columns:1fr 1fr;background:#fffdf7;transform:rotate(-3deg);box-shadow:3px 13px 22px #8f79072a;position:relative}.studio-book:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:28px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#89857a20,#fff9,transparent);pointer-events:none}.book-left,.book-right{padding:45px 34px}.book-left{border-right:1px solid #d6d2c8}.book-small{font:14px var(--hand)}.book-left h2{font-size:58px;line-height:1.05;transform:rotate(1deg);margin:24px 0}.book-left h2 span{color:#fff;background:#367fdc;padding:0 7px}.book-left p{font-family:var(--hand);font-size:12px;line-height:2;max-width:300px;margin-bottom:28px}.book-left .paper-button{font-size:22px}.book-right{display:flex;flex-direction:column;align-items:center;justify-content:center}.founder-polaroid{padding:10px 10px 20px;background:#fff;box-shadow:2px 4px 8px #34303030;transform:rotate(5deg)}.founder-polaroid img{width:270px;height:220px;object-fit:cover;object-position:center}.founder-polaroid>span{display:block;font:13px var(--hand);text-align:center;margin-top:14px}.book-right>p{color:var(--pink);font-size:15px;margin:25px 0 0;transform:rotate(-5deg)}.book-stamp{position:absolute;right:4%;bottom:4%;border:2px solid #2b762c;color:#2b762c;font-family:var(--display);padding:9px;transform:rotate(9deg);border-radius:50%;width:88px;height:88px;text-align:center;line-height:1.15;font-size:19px}.book-scribble{position:absolute;left:12%;top:37px;color:var(--pink);transform:rotate(-8deg)}.book-page-number{display:block;text-align:center;margin-top:38px;font-family:var(--display);font-size:18px}.paper-title{font-family:var(--display);font-size:clamp(48px,5.5vw,95px);text-align:center;line-height:1.05;max-width:1100px;margin:0 auto;position:relative;color:var(--pink);text-shadow:1px 1px #534152;-webkit-text-stroke:.5px #514050;letter-spacing:-.02em}.paper-title>span,.paper-title>em{display:inline;background:#fffdfa;padding:3px 9px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.paper-title>em{font-family:var(--script);font-weight:400;font-size:1.5em;font-style:normal;color:var(--yellow);text-shadow:1px 1px #6e6308;-webkit-text-stroke:.6px #6e6308;line-height:.8}.hanging-section{padding:100px 0 85px;overflow:hidden;min-height:800px}.hanging-section>.paper-title{max-width:90%;transform:rotate(-2deg)}.hanging-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:40px 0 10px;position:relative;z-index:4}.hanging-filter-button{background:#fffdf8;color:#d235ad;border:0;padding:5px 10px;font-size:16px;transform:rotate(-2deg);cursor:pointer}.hanging-filter-button:nth-child(even){transform:rotate(3deg)}.hanging-filter-button[aria-pressed=true]{color:white;background:var(--pink)}.hanging-rail{display:flex;gap:70px;overflow-x:auto;align-items:flex-start;padding:65px 7% 50px;scrollbar-width:thin;scrollbar-color:#fff9 transparent;position:relative;scroll-snap-type:x mandatory;min-height:420px}.hanging-rail:before{content:'';position:absolute;top:65px;left:0;right:0;height:2px;background:#fff;box-shadow:0 1px 2px #35384750;z-index:2}.hanging-project{flex:0 0 230px;position:relative;margin-top:18px;scroll-snap-align:center;transform:rotate(var(--angle,-4deg));transform-origin:50% -15px;transition:transform .4s}.hanging-project:hover{transform:rotate(0deg) translateY(-8px)}.hanging-project:before{content:'';position:absolute;top:-34px;left:47%;width:13px;height:40px;border-radius:3px;background:var(--pin,#f34bca);border:1px solid #863669;box-shadow:2px 2px 1px #7e679d80;transform:rotate(-8deg);z-index:3}.hanging-photo{padding:9px 9px 25px;background:#fff;box-shadow:1px 3px 4px #32426b25}.hanging-photo img{height:225px;width:100%;object-fit:cover}.hanging-photo strong{display:block;margin-top:11px;font-family:var(--display);font-size:25px;color:#333;line-height:1.1}.hanging-photo small{font-size:12px;color:#666}.hanging-section>.raised-button{display:flex;width:max-content;margin:20px auto 0}.vibe-section{height:790px;overflow:hidden}.vibe-tag{background:var(--pink);padding:25px 40px;display:block;position:absolute;top:55px;left:50%;transform:translateX(-50%) rotate(-7deg);z-index:6;box-shadow:5px 5px 1px #a73b96;border:1px dashed white;outline:9px solid var(--pink)}.vibe-tag h2{font-size:61px;color:white;text-shadow:2px 2px #373139;line-height:1}.vibe-tag h2 span{color:var(--yellow)}.vibe-photographs{position:absolute;left:0;right:0;bottom:140px;height:330px;z-index:3}.vibe-photo{position:absolute;bottom:0;width:280px;box-shadow:0 0 0 10px white,4px 9px 10px #6d87a040;transition:transform .5s}.vibe-photo img{width:100%;height:300px;object-fit:cover}.vibe-photo-one{left:8%;transform:rotate(-15deg)}.vibe-photo-two{left:40%;transform:rotate(6deg);bottom:-30px}.vibe-photo-three{right:7%;transform:rotate(17deg)}.vibe-photo:hover{transform:rotate(0deg) translateY(-25px)}.vibe-caption{position:absolute;right:9%;top:180px;color:white;transform:rotate(9deg);width:190px;z-index:8}.flower-border{background-image:url('/assets/flower-border.webp');background-repeat:repeat-x;background-size:auto 100%;height:220px;position:absolute;bottom:0;left:0;right:0;z-index:5;pointer-events:none}.folder-section{padding:95px 5% 65px;overflow:hidden}.section-handwritten{text-align:center;max-width:none;font-size:14px;margin:28px 0 70px;color:#342326}.folder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:100px 8%;max-width:1050px;margin:0 auto;padding:30px 0}.service-folder{position:relative;min-height:320px;isolation:isolate}.service-folder:nth-child(2n){transform:translateY(40px) rotate(3deg)}.service-folder:nth-child(odd){transform:rotate(-3deg)}.folder-top{background:#cb32a5;height:260px;position:absolute;bottom:0;left:0;right:0;z-index:-1;border-radius:10px 15px 2px 2px;box-shadow:4px 4px #a8309b1a}.folder-top:before{content:'';position:absolute;top:-22px;left:0;width:48%;height:50px;background:#cb32a5;border-radius:10px 12px 0 0}.folder-cover{position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(115deg,#ed49c2,#ed54c5);z-index:3;border-radius:3px 3px 5px 5px;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:inset 0 1px #fff4,1px 4px #be38a51a}.folder-cover h3{font-family:var(--hand);background:var(--label,#68b955);color:white;padding:4px 12px;transform:rotate(-5deg);font-size:20px;letter-spacing:-.08em;text-shadow:1px 1px #3d5f46}.service-folder .folder-trigger{list-style:none;position:absolute;left:0;right:0;bottom:0;height:265px;z-index:5;cursor:pointer}.service-folder .folder-trigger::-webkit-details-marker{display:none}.folder-summary-text{position:absolute;bottom:14px;right:18px;color:#fff;font-size:13px}.folder-art{width:72%;height:240px;object-fit:cover;position:absolute;bottom:70px;left:15%;border:9px solid white;transform:translateY(40px) rotate(8deg);transition:transform .4s;z-index:1;box-shadow:3px 5px #5c47751a}.service-folder:hover .folder-art,.service-folder.is-open .folder-art{transform:translateY(-90px) rotate(-7deg)}.folder-description{background:#fffcf3;padding:26px;position:absolute;left:8%;right:8%;bottom:230px;box-shadow:3px 4px #3332;transform:rotate(-5deg);z-index:7;min-height:175px}.folder-description h4{font:27px var(--display);margin:0 0 10px}.folder-description p{font-size:14px;line-height:1.6}.folder-description a{font-size:14px;display:inline-block;margin-top:12px;text-decoration:underline;color:#a0197e}.folder-hint{text-align:center;font:18px var(--display);margin:60px auto 0}.collage-projects{display:grid;grid-template-columns:1fr 1.15fr;min-height:1100px;overflow:hidden;padding:90px 6%;gap:7%}.projects-message{position:sticky;top:180px;align-self:start;padding-top:70px;z-index:3}.projects-message .paper-title{text-align:left;font-size:67px;max-width:540px;transform:rotate(-3deg)}.projects-message .paper-title>span{display:block;width:fit-content}.projects-message .paper-title em{font-size:1.9em;display:block;margin:-6px 0 -10px 90px;position:relative;z-index:2}.pink-label{color:var(--pink);background:#fffdf8;padding:8px 12px;font-style:italic;transform:rotate(-3deg);margin:30px 0 40px;font-size:16px;max-width:330px}.project-photo-wall{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-content:start}.wall-photo{border:10px solid white;display:block;box-shadow:3px 4px #45628930;transform:rotate(var(--angle,-5deg));background:white;transition:transform .4s}.wall-photo:nth-child(even){margin-top:90px}.wall-photo:hover{transform:rotate(0) scale(1.035)}.wall-photo img{width:100%;height:260px;object-fit:cover}.wall-photo span{font:24px var(--display);display:block;padding-top:8px}.process-receipts{padding:75px 6% 100px}.process-receipts>.paper-title{font-size:72px}.receipt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:75px auto 0;max-width:1160px}.process-receipt{background:#fffdfa;position:relative;padding:45px 32px 35px;border-top:7px solid #f9f9f6;box-shadow:7px 6px #fff4;min-height:465px;transform:rotate(-2deg);clip-path:polygon(0 0,100% 0,100% 98%,97% 100%,94% 98%,91% 100%,88% 98%,85% 100%,82% 98%,79% 100%,76% 98%,73% 100%,70% 98%,67% 100%,64% 98%,61% 100%,58% 98%,55% 100%,52% 98%,49% 100%,46% 98%,43% 100%,40% 98%,37% 100%,34% 98%,31% 100%,28% 98%,25% 100%,22% 98%,19% 100%,16% 98%,13% 100%,10% 98%,7% 100%,4% 98%,0 100%)}.process-receipt:nth-child(2){transform:rotate(2deg)}.receipt-number{font:18px var(--display);border-bottom:1px dashed #bbb;padding-bottom:10px;display:block}.process-receipt h3{font-size:46px;margin:25px 0 16px}.process-receipt h3 em{font-family:var(--script);font-size:1.4em;color:#c8ae00;font-style:normal}.process-receipt p{font-size:15px}.process-receipt ul{padding:18px 0 20px 17px;font-size:14px;line-height:1.85;min-height:127px}.receipt-bottom{font:20px var(--display);color:#be279b;background:#ffd9f6;padding:8px 5px;display:block;text-align:center}.collage-contact{min-height:840px;padding:50px 6% 170px;overflow:hidden}.contact-letter{position:relative;width:min(570px,75%);padding:42px 40px;text-align:center;background:#fffdfa;box-shadow:13px 18px 0 #f455c7;transform:rotate(-8deg);margin:15px auto;z-index:4}.green-label{font:16px var(--hand);color:white;background:#58b441;padding:6px 12px;display:inline-block;transform:rotate(-5deg)}.contact-letter h2{font-size:67px;line-height:1.03;margin:30px 0;color:#28252a}.contact-letter h2 em{font-family:var(--script);font-size:1.6em;color:var(--pink);font-style:normal}.contact-letter h2>span{color:var(--pink)}.contact-letter p{font-size:17px;margin:0 auto 25px}.contact-letter .raised-button{font-size:30px}.contact-note{position:absolute;right:9%;top:120px;width:150px;transform:rotate(14deg);color:var(--pink);z-index:5;background:#fff6;padding:5px}.collage-testimonials{padding:80px 6% 100px;text-align:center}.testimonial-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1200px;margin:60px auto}.client-note{margin:0;background:#fffdf9;border:1px solid #484149;padding:30px;text-align:left;box-shadow:5px 6px #da95d980;transform:rotate(-3deg)}.client-note:nth-child(2){transform:rotate(3deg);margin-top:40px}.client-note:nth-child(3){transform:rotate(-2deg);margin-top:10px}.client-note blockquote{font-size:18px;line-height:1.5;margin:20px 0}.client-note figcaption{font-weight:600;font-size:16px}.client-note figcaption span{display:block;font-size:13px;font-weight:400}.client-note a{font-size:14px;color:#b72790;text-decoration:underline}.client-note .note-star{font-size:24px;color:#dac100;-webkit-text-stroke:1px #4f4438}.site-footer{display:block;background:var(--hot-pink);padding:45px 5% 25px;color:#fff}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px}.footer-email{text-decoration:underline;text-underline-offset:6px;font-size:20px}.footer-links{display:flex;gap:26px;flex-wrap:wrap;margin:30px 0 65px;font-size:15px}.footer-links a:hover{text-decoration:underline}.footer-signature{display:flex;align-items:center;gap:5%;margin-bottom:35px}.footer-signature>img{width:82%;height:auto}.footer-signature .logo-badge{width:9%;height:auto;aspect-ratio:1}.footer-bottom{border-top:1px solid #ffffff70;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:13px}.footer-bottom a{text-decoration:underline}.page-heading,.case-heading{padding-top:160px;background:transparent url('/assets/cloud-sky.webp') center/cover}.page-heading h1{font-size:clamp(72px,8vw,140px);color:var(--pink);text-shadow:1px 1px #392734;-webkit-text-stroke:.7px #392734;line-height:1.02;margin:30px 0}.page-heading h1 .serif{color:var(--yellow)}.page-heading p{font-size:20px;background:#fffdf5;padding:12px 20px;display:inline-block;transform:rotate(-2deg)}.page-heading-top{display:flex;justify-content:space-between;color:#fff;font-size:14px}.work-index{padding-top:20px}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:55px}.filter{border:0;color:#b52391;background:#fffdf9;padding:9px 15px;transform:rotate(-2deg);cursor:pointer;font-size:16px}.filter[aria-pressed=true]{background:var(--pink);color:white}.filter span{margin-left:8px}#project-count{margin-left:auto;font-size:14px;color:white}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 6%}.project-card{background:#fff;padding:12px 12px 24px;box-shadow:5px 6px #6885b350;transform:rotate(-2deg);align-self:start}.project-card:nth-child(even){transform:rotate(3deg);margin-top:70px}.project-card[hidden]{display:none}.project-image{position:relative;overflow:hidden}.project-image img{width:100%;aspect-ratio:1.15;object-fit:cover;transition:transform .5s}.project-card:hover img{transform:scale(1.035)}.project-status{position:absolute;left:12px;top:12px;font-size:12px;background:var(--yellow);color:#232126;padding:5px 9px;transform:rotate(-4deg)}.project-open{position:absolute;bottom:14px;right:14px;background:var(--pink);color:white;padding:8px 12px;font-size:15px;opacity:0;transition:opacity .2s}.project-card:hover .project-open,.project-card:focus-within .project-open{opacity:1}.project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:18px 8px 7px}.project-caption h3{font-size:36px;line-height:1.1}.project-caption>span{font-size:12px;color:#555}.project-services{font-size:13px;color:#626063;margin:0 8px}.contact-cta{padding:85px 6%;display:flex;justify-content:space-between;align-items:center;background:var(--yellow);gap:40px}.contact-cta h2{font-size:72px;color:#262226;margin-top:20px}.contact-cta h2 .serif{color:#bd1c98;font-size:1.3em}.contact-cta .button{background:var(--pink);color:white;box-shadow:4px 5px #b33497}.case-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.case-top>span{font-size:15px;color:white}.case-top .case-status{background:var(--yellow);color:#333;padding:7px 12px;transform:rotate(-3deg)}.case-heading h1{font-size:clamp(80px,10vw,170px);margin:32px 0;color:var(--pink);text-shadow:2px 2px #4c3c4a;-webkit-text-stroke:1px #4c3c4a;line-height:1.05}.case-heading-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:start}.case-heading-bottom p{font-size:24px;background:#fff;padding:15px 20px;transform:rotate(-2deg)}.case-heading-bottom ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.case-heading-bottom li{background:#fff;padding:5px 10px;font-size:14px;color:#b22996;transform:rotate(2deg)}.case-cover{margin:0 5%;border:15px solid white;box-shadow:8px 9px #6686b74a;transform:rotate(-1deg)}.case-cover img{width:100%;max-height:850px;object-fit:cover}.case-story{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;background:var(--yellow);margin-top:100px}.case-story h2{font-size:68px;margin-top:20px}.case-story h3{font-size:32px;margin:30px 0 14px}.case-story p{font-size:18px;line-height:1.7}.case-disclosure{font-size:14px!important;border-top:1px solid #bba514;padding-top:18px;margin-top:25px}.case-gallery{max-width:1250px;padding:80px 5%;margin:auto}.case-figure{margin:0 0 65px;border:14px solid white;box-shadow:6px 7px #6080ad40;transform:rotate(1deg)}.case-figure:nth-child(even){transform:rotate(-2deg)}.case-figure img{width:100%;height:auto}.next-case>span{font-size:17px}.next-case>a{display:flex;justify-content:space-between;align-items:center;margin-top:20px;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:25px 0}.next-case h2{font-size:64px;color:#fff}.next-case a>span{color:#fff;font-size:18px}.founder-section{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;background:var(--yellow)}.founder-photo{padding:15px;background:white;transform:rotate(-4deg);box-shadow:7px 8px #94840535}.founder-photo img{width:100%;aspect-ratio:1;object-fit:cover}.founder-copy h2{font-size:90px;margin:20px 0;color:#b92093}.founder-copy h3{font-size:24px;margin-bottom:25px}.founder-copy p{font-size:17px;margin:20px 0}.team-section .section-intro h2{color:var(--pink);background:#fff;padding:20px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.team-grid article{padding:30px;background:white;transform:rotate(-3deg);box-shadow:5px 5px #715d9235}.team-grid article:nth-child(2){transform:rotate(3deg)}.team-initial{font:150px var(--script);color:var(--pink)}.team-grid h3{font-size:42px;margin-top:15px}.team-grid p{font-size:16px}.studio-principles{display:grid;grid-template-columns:.5fr 1.5fr;background:var(--yellow);gap:10%}.studio-principles h2{font-size:60px}.studio-principles p{font-size:19px;margin:30px 0}.studio-principles .text-link{color:#ad167e}.contact-page{padding-top:170px;display:grid;grid-template-columns:1fr 1fr;gap:8%;background:transparent url('/assets/cloud-sky.webp') center/cover}.contact-heading h1{font-size:95px;line-height:1;color:var(--pink);text-shadow:1px 1px #453145;-webkit-text-stroke:.7px #453145;margin:25px 0}.contact-heading h1 .serif{color:var(--yellow)}.contact-heading>p{font-size:19px;background:#fff;padding:15px 20px;transform:rotate(-3deg);max-width:410px}.contact-direct{font-size:20px;color:#fff;display:inline-block;margin-top:30px;text-decoration:underline}.contact-domino{display:none}.brief-form{background:#fffdf5;padding:40px;box-shadow:10px 12px var(--pink);transform:rotate(1deg)}.brief-form h2{font-size:44px;margin:0 0 30px}.brief-form>label,.form-row>label{display:flex;flex-direction:column;gap:7px;font-size:15px;font-weight:500;margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.brief-form input:not([type=checkbox]),.brief-form textarea{width:100%;border:0;border-bottom:1px solid #c4bdc2;background:transparent;padding:10px 0;font-size:16px;border-radius:0;color:#302630}.brief-form input:focus,.brief-form textarea:focus{outline:2px solid #b92197;outline-offset:4px}.brief-form textarea{resize:vertical;min-height:100px}.brief-form fieldset{border:0;padding:0;margin:0 0 28px}.brief-form legend{font-size:15px;font-weight:500;margin-bottom:12px}.service-options{display:flex;flex-wrap:wrap;gap:8px}.service-options label{position:relative;cursor:pointer}.service-options input{position:absolute;opacity:0;width:1px;height:1px}.service-options span{display:block;padding:8px 11px;font-size:13px;border:1px solid #dccbd7;background:#fff}.service-options input:checked+span{background:#ffd4f3;border-color:#a52086;color:#961877}.service-options input:focus-visible+span{outline:2px solid #126ecb;outline-offset:3px}.brief-form>.button{font-size:25px}.form-note{font-size:13px;color:#6a5b67;margin-top:18px}.email-ready{margin-top:24px;padding:20px;background:#ffe6f8}.email-ready p{font-size:14px;margin:10px 0}.email-ready[hidden]{display:none}.email-ready textarea{font-size:13px;min-height:150px}.reveal{opacity:1}.motion-ready .reveal{opacity:0;translate:0 20px;transition:opacity .8s,translate .8s}.motion-ready .reveal.is-visible{opacity:1;translate:0 0}.text-link{font-size:16px}.section{padding:95px 6%}.section-intro h2{font-size:66px}.eyebrow{font-size:14px}.page-heading .eyebrow,.contact-heading>.eyebrow{color:#fff}.skip:focus{z-index:200}a,button,summary{-webkit-tap-highlight-color:transparent}.link-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor}[hidden]{display:none!important}
@keyframes swing-cherry{0%,100%{transform:rotate(-19deg) translateY(0)}50%{transform:rotate(-14deg) translateY(-8px)}}@keyframes swing-zukae{0%,100%{transform:rotate(15deg)}50%{transform:rotate(9deg) translateY(-12px)}}
@media(min-width:1700px){.collage-hero{padding-top:150px;height:1030px}.hero-heading-paper{padding-top:32px}.paper-words{margin-top:20px}.cutout-cherry{bottom:-40px;height:510px}.hero-note{top:62%;right:8%}.cutout-zukae{height:350px}.hanging-project{flex-basis:270px}.hanging-photo img{height:260px}}
@media(max-width:1150px){.site-header{gap:14px;padding:12px 2.5%}.site-header .brand{width:168px}.wordmark{width:128px}.site-header nav a{font-size:13px;padding:9px 11px}.header-contact{padding:10px 16px!important}.collage-hero{min-height:800px;height:82vw;padding-top:140px}.hero-heading-paper{width:87%;padding:28px 8px 35px}.hero-heading-paper h1{font-size:9.3vw}.paper-words{font-size:27px}.cutout-cherry{width:25%;height:350px;bottom:0}.cutout-zukae{height:270px;right:2%}.hero-note{top:57%;right:3%;width:145px;padding:20px 10px}.hero-note>span{font-size:26px}.hero-note p{font-size:9px}.hero-note:before{left:39px;width:62px}.cutout-caption{display:none}.hero-project-sticker{width:150px;left:40%;bottom:-125px}.studio-book{width:95%}.book-left,.book-right{padding:35px 25px}.book-left h2{font-size:52px}.vibe-photo{width:220px}.vibe-photo img{height:270px}.vibe-caption{display:none}.folder-grid{gap:90px 7%}.folder-cover h3{font-size:17px}.collage-projects{gap:4%;padding:70px 5%;min-height:1040px}.projects-message .paper-title{font-size:55px}.wall-photo img{height:220px}.process-receipt{padding:30px 22px}.process-receipt h3{font-size:38px}.contact-note{right:3%;font-size:14px}.testimonial-notes{gap:20px}.client-note{padding:22px}.client-note blockquote{font-size:16px}.contact-page{gap:5%;padding-top:140px}.contact-heading h1{font-size:80px}.brief-form{padding:30px}.form-row{grid-template-columns:1fr}.contact-cta h2{font-size:60px}}
@media(max-width:760px){.site-header{height:70px;padding:12px 5%;justify-content:space-between}.site-header .brand{width:182px}.wordmark{width:145px}.logo-badge{width:31px;height:34px}.site-header .header-contact{display:none}.menu-button{display:inline-flex!important;align-items:center;justify-content:center;gap:14px;padding:9px 15px;border:1px solid white;border-radius:100px;background:transparent;color:#fff;font:14px var(--sans)}.menu-button span{font-size:22px;line-height:1}.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;flex-direction:column;background:var(--hot-pink);padding:22px 5% 28px;box-shadow:0 6px 8px #67335430}.site-header nav a{font-size:20px;padding:13px 18px}.site-header nav .mobile-contact{display:block!important;background:var(--yellow);color:#2a2429;border-color:var(--yellow)}.menu-open .site-header{background:var(--hot-pink)}.menu-open .site-header nav{display:flex}.collage-hero{min-height:750px;height:105vh;max-height:900px;padding-top:135px}.hero-heading-paper{width:97%;padding:18px 2px 27px}.hero-heading-paper:before{clip-path:polygon(1% 26%,25% 23%,38% 10%,57% 0,69% 10%,74% 25%,98% 23%,100% 59%,92% 70%,81% 68%,87% 94%,53% 99%,17% 94%,18% 70%,0 61%)}.hero-heading-paper h1{font-size:11.7vw;line-height:1.3;-webkit-text-stroke:.6px #343039;text-shadow:none}.headline-first{gap:2px}.headline-first em{font-size:1.68em;margin-left:0;-webkit-text-stroke:.6px #6b6119}.headline-second{font-size:.9em;margin-top:-8px}.headline-spark{font-size:25px;top:57%}.paper-words{font-size:20px;line-height:2;margin:23px auto 0}.paper-words>span{padding:0 6px;margin:1px 2px}.cutout-cherry{left:-9%;bottom:45px;width:50%;height:285px}.cutout-zukae{right:-9%;bottom:-10px;width:49%;height:245px}.hero-note{top:auto;bottom:230px;right:5%;width:123px;padding:20px 10px 14px;transform:rotate(11deg)}.hero-note>span{font-size:23px}.hero-note p{font-size:8px;line-height:1.7}.hero-note:before{width:48px;left:39px;height:15px;top:-6px}.hero-project-sticker{width:120px;left:39%;bottom:-120px;padding:7px 7px 23px}.hero-scroll{bottom:72px;font-size:18px;left:48%}.doodle-one{font-size:38px;top:53%;left:13%}.doodle-two{font-size:42px;top:77%;right:41%}.book-section{padding:90px 5% 45px;min-height:640px}.book-scribble{top:30px;font-size:14px}.studio-book{width:100%;margin-top:0;min-height:450px;transform:rotate(-2deg)}.book-left,.book-right{padding:24px 13px}.book-small{font-size:8px;line-height:1.8;display:block}.book-left h2{font-size:34px;margin:19px 0}.book-left p{font:11px/1.8 var(--sans);margin-bottom:20px}.book-left .paper-button{font-size:15px;padding:10px}.founder-polaroid{padding:6px 6px 13px}.founder-polaroid img{width:100%;height:155px;object-position:50%}.founder-polaroid>span{font-size:8px;margin-top:11px}.book-right>p{font-size:10px;margin-top:25px}.book-stamp{font-size:11px;width:55px;height:55px;padding:7px;bottom:30px;right:18px}.book-page-number{font-size:15px}.paper-title{font-size:43px;line-height:1.25}.paper-title>em{font-size:1.6em}.paper-title>span,.paper-title>em{padding:2px 5px}.hanging-section{padding:75px 0 65px;min-height:760px}.hanging-section>.paper-title{max-width:93%}.hanging-filter{gap:9px;margin:30px 3% 0}.hanging-filter-button{font-size:13px;padding:4px 7px}.hanging-rail{padding:65px 14% 35px;gap:45px;min-height:365px}.hanging-project{flex-basis:200px}.hanging-photo img{height:210px}.hanging-photo strong{font-size:25px}.hanging-section>.raised-button{font-size:22px;padding:17px 20px;min-height:58px}.vibe-section{height:690px}.vibe-tag{top:35px;padding:20px 25px}.vibe-tag h2{font-size:45px;white-space:nowrap}.vibe-photographs{bottom:150px;height:250px}.vibe-photo{width:40%;border-width:7px}.vibe-photo img{height:200px}.vibe-photo-one{left:-8%;bottom:-3px}.vibe-photo-two{left:30%;bottom:-35px}.vibe-photo-three{right:-11%;bottom:10px}.flower-border{height:160px}.folder-section{padding:70px 6% 50px}.section-handwritten{font-size:10px;margin:24px auto 65px;max-width:320px}.folder-grid{grid-template-columns:1fr;gap:85px;max-width:380px;padding-top:20px}.service-folder{min-height:260px}.service-folder:nth-child(even){transform:rotate(3deg)}.folder-top{height:235px}.folder-cover{height:210px}.folder-cover h3{font-size:17px}.folder-art{height:215px;bottom:55px}.folder-description{bottom:195px;padding:20px}.folder-description h4{font-size:24px}.folder-description p{font-size:13px}.folder-summary-text{font-size:12px}.folder-hint{margin-top:36px;font-size:16px}.collage-projects{display:block;padding:70px 6%;min-height:auto}.projects-message{position:relative;top:auto;padding:0;text-align:center}.projects-message .paper-title{font-size:53px;text-align:center;max-width:390px;margin:auto}.projects-message .paper-title>span{margin:auto}.projects-message .paper-title em{margin:-5px auto;font-size:1.7em;width:max-content}.pink-label{font-size:14px;margin:28px auto}.projects-message .raised-button{font-size:22px}.project-photo-wall{margin-top:55px;gap:25px}.wall-photo{border-width:7px}.wall-photo img{height:190px}.wall-photo:nth-child(even){margin-top:50px}.wall-photo span{font-size:20px}.process-receipts{padding:70px 7%}.process-receipts>.paper-title{font-size:48px}.receipt-grid{grid-template-columns:1fr;gap:45px;margin-top:55px;max-width:410px}.process-receipt{min-height:390px;padding:32px}.process-receipt h3{font-size:47px}.process-receipt p{font-size:16px}.process-receipt ul{font-size:15px;min-height:auto;margin-bottom:28px}.collage-contact{min-height:710px;padding:55px 8% 150px}.contact-letter{width:95%;padding:30px 18px;margin-top:0;transform:rotate(-5deg)}.green-label{font-size:10px;padding:4px 7px}.contact-letter h2{font-size:51px;margin:25px 0}.contact-letter p{font-size:16px}.contact-letter .raised-button{font-size:26px;min-height:65px;padding:16px 25px}.contact-note{display:none}.collage-testimonials{padding:60px 8% 85px}.testimonial-notes{grid-template-columns:1fr;gap:30px;margin:45px auto}.client-note,.client-note:nth-child(2),.client-note:nth-child(3){margin-top:0;padding:26px;max-width:430px}.client-note blockquote{font-size:18px}.client-note figcaption{font-size:16px}.collage-testimonials .paper-button{font-size:24px}.site-footer{padding:35px 6% 25px}.footer-top{display:block}.footer-top>.eyebrow{font-size:12px}.footer-email{display:block;font-size:18px;margin-top:13px}.footer-links{gap:17px;font-size:14px;margin:30px 0 45px}.footer-signature{gap:3%;margin-bottom:25px}.footer-signature>img{width:84%}.footer-signature .logo-badge{width:13%}.footer-bottom{flex-direction:column;gap:10px;font-size:12px}.page-heading,.case-heading{padding-top:125px}.page-heading h1{font-size:66px;margin-top:25px}.page-heading p{font-size:17px}.page-heading-top{display:block}.page-heading-top>span:last-child{display:none}.section{padding:65px 6%}.page-heading.section,.case-heading.section,.contact-page.section{padding-top:130px}.project-grid{grid-template-columns:1fr;gap:45px}.project-card:nth-child(even){margin-top:0}.project-image img{aspect-ratio:1}.project-caption{display:block;margin:16px 6px 9px}.project-caption h3{font-size:34px}.project-caption>span{font-size:13px}.filter-row{gap:9px;margin-bottom:40px}.filter{font-size:14px;padding:7px 10px}#project-count{width:100%;margin:15px 0 0}.project-open{opacity:1;font-size:13px}.contact-cta{display:block;padding:65px 7%}.contact-cta h2{font-size:53px}.contact-cta .button{margin-top:30px;font-size:25px}.case-top{flex-wrap:wrap;gap:17px}.case-top>span{font-size:13px}.case-heading h1{font-size:76px;overflow-wrap:anywhere}.case-heading-bottom{display:block}.case-heading-bottom p{font-size:20px}.case-heading-bottom ul{margin-top:30px}.case-heading-bottom li{font-size:13px}.case-cover{border-width:8px;margin:0 5%}.case-cover img{max-height:600px;object-fit:contain;background:#fff}.case-story{display:block;margin-top:70px}.case-story h2{font-size:53px;margin-bottom:35px}.case-story p{font-size:17px}.case-gallery{padding:60px 5% 20px}.case-figure{border-width:7px;margin-bottom:45px}.next-case h2{font-size:39px}.next-case>a{gap:20px}.next-case a>span{font-size:14px}.founder-section{grid-template-columns:1fr;gap:55px}.founder-photo img{aspect-ratio:1.1}.founder-copy h2{font-size:75px}.founder-copy h3{font-size:25px}.founder-copy p{font-size:17px}.team-section .section-intro h2{font-size:53px;padding:10px}.team-grid{grid-template-columns:1fr;gap:30px;margin-top:40px}.team-grid article{padding:30px}.team-initial{font-size:100px;float:right;margin-top:-15px}.team-grid h3{font-size:45px}.studio-principles{display:block}.studio-principles h2{font-size:46px;margin-top:30px}.studio-principles p{font-size:17px}.contact-page{display:block}.contact-heading h1{font-size:78px}.contact-heading>p{font-size:17px}.contact-direct{font-size:18px;margin:28px 0 45px}.brief-form{padding:28px 22px;transform:rotate(0);box-shadow:7px 8px var(--pink)}.brief-form h2{font-size:38px}.service-options span{font-size:13px;padding:7px 9px}.form-row{grid-template-columns:1fr}.section-intro{display:block}.section-intro h2{margin-top:20px;font-size:51px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;translate:none}.projects-message{position:relative;top:auto}}

/* Match the reference opening scene to the visible viewport. */
@media(min-width:761px){.collage-hero{height:110svh;min-height:735px;max-height:990px;padding-top:115px}.hero-heading-paper{width:70%;padding:22px 12px 28px}.hero-heading-paper h1{font-size:7.7vw}.paper-words{margin-top:14px;font-size:2.05vw}.hero-project-sticker img{height:auto;aspect-ratio:1}.hero-project-sticker{bottom:-100px;left:43%;width:145px}.cutout-cherry{bottom:-50px;left:0%;height:400px;width:26%}.cutout-zukae{bottom:-55px;height:300px}.hero-note{top:62%;right:6%}.hero-scroll{bottom:25px}.cutout-caption{display:none}.headline-spark{font-size:42px}}
@media(min-width:1700px){.collage-hero{padding-top:145px;min-height:900px}.hero-heading-paper h1{font-size:145px}.cutout-cherry{height:500px}.cutout-zukae{height:350px}}
.hero-project-sticker img{height:auto;aspect-ratio:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

.folder-trigger{border:0;background:transparent;text-align:left;color:white;font-family:var(--sans)}.folder-trigger:focus-visible{outline:3px solid #135bb7;outline-offset:7px}.folder-trigger:focus-visible .folder-summary-text{text-decoration:underline}.folder-description[hidden]{display:none}.hanging-project{animation:gentle-hang 7s ease-in-out infinite;animation-delay:calc(var(--angle) / 1deg * -.3s)}.hanging-project:hover,.hanging-project:focus-within{animation-play-state:paused}@keyframes gentle-hang{0%,100%{rotate:-2deg}50%{rotate:2deg}}.motion-pause{display:block;margin:14px auto 0;background:#ffffffa6;border:1px solid white;border-radius:100px;padding:5px 12px;color:#604457;font-size:12px;cursor:pointer}.motion-paused .floating-cutout,.motion-paused .hanging-project{animation-play-state:paused}.motion-paused .project-photo-wall{translate:none!important}@media(prefers-reduced-motion:reduce){.hanging-project{animation:none}.motion-pause{display:none}}

.book-left p{font:16px/1.65 var(--sans)}.book-small{font:12px/1.7 var(--hand)}.book-left h2{margin:23px 0}.wall-status{display:block!important;font:13px var(--sans)!important;color:#a02984}.cutout-status{position:absolute;bottom:15%;left:0;white-space:nowrap;background:#fff;color:#9d2380;font:13px var(--sans);padding:3px 7px;transform:rotate(12deg);filter:none}.vibe-photo .concept-label{position:absolute;bottom:10px;left:10px;background:white;color:#a32985;font:13px var(--sans);padding:4px 7px}@media(max-width:760px){.studio-book{grid-template-columns:1fr;max-width:390px}.studio-book:after{left:0;right:0;top:50%;width:100%;height:15px;transform:none;background:linear-gradient(#6662,#fff8,transparent)}.book-left,.book-right{padding:30px}.book-left{border-right:0;border-bottom:1px solid #ddd}.book-left h2{font-size:48px}.book-left p{font:16px/1.65 var(--sans);max-width:none}.book-small{font-size:11px}.book-left .paper-button{font-size:22px}.founder-polaroid img{height:230px}.founder-polaroid>span{font-size:11px}.book-right>p{font-size:13px}.book-stamp{bottom:35px;right:30px}.cutout-status{font-size:11px}}

.site-header{display:flex;align-items:center;justify-content:space-between}
@media(max-width:760px){.collage-hero{min-height:860px;max-height:none}.hero-project-sticker{display:none}.hero-note{bottom:190px}.hero-scroll{position:relative;display:table;left:auto;bottom:auto;margin:24px auto 0;background:#fffdf5;color:#ba278f;font-size:20px;padding:6px 12px;transform:rotate(-3deg)}.hero-scroll span{display:none}}

/* Paper folders: artwork is sandwiched behind the front panel, not framed as a photo. */
.folder-section{padding-bottom:90px}
.folder-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:160px 3%;max-width:1200px;margin:150px auto 0;padding:0;align-items:start}
.service-folder{min-height:0;grid-column:1/span 6;z-index:1}
.service-folder:nth-child(1){transform:rotate(-3deg)}
.service-folder:nth-child(2){grid-column:8/span 5;margin-top:120px;transform:rotate(4deg)}
.service-folder:nth-child(3){grid-column:2/span 4;margin-top:20px;transform:rotate(-5deg)}
.service-folder:nth-child(4){grid-column:7/span 6;margin-top:60px;transform:rotate(2deg)}
.service-folder:is(:hover,:focus-within,.is-open,.is-peeking){z-index:2}
.folder-object{position:relative;aspect-ratio:1.5;isolation:isolate}
.folder-top{height:100%;inset:0;background:transparent url('/assets/folder-back.svg') center bottom/100% 100% no-repeat;border-radius:0;box-shadow:none;z-index:0}
.folder-top:before{display:none}
.folder-cover{height:88%;background:transparent url('/assets/folder-front.svg') center bottom/100% 100% no-repeat;border-radius:0;box-shadow:none;padding-top:12%;transform-origin:50% 100%;transition:transform .4s}
.folder-cover h3{font-size:clamp(14px,1.45vw,23px);line-height:1.65;padding:2px 15px 4px;max-width:94%;text-align:center;clip-path:polygon(2% 4%,97% 0,100% 89%,75% 95%,28% 90%,0 100%);transform:rotate(-4deg);text-shadow:none;letter-spacing:-.07em}
.service-folder:nth-child(2) .folder-cover h3{transform:rotate(-2deg)}
.service-folder:nth-child(3) .folder-cover h3{font-size:clamp(14px,1.25vw,20px)}
.service-folder .folder-trigger{height:90%;bottom:0}
.folder-summary-text{bottom:16px;right:20px;font-size:12px;letter-spacing:.02em}
.folder-art{position:absolute;width:80%;height:112%;left:10%;bottom:8%;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 2px #812d7430);transform:translateY(0) rotate(4deg) scale(.9);transform-origin:50% 85%;transition:transform .55s cubic-bezier(.2,.7,.2,1);z-index:1;pointer-events:none}
.service-folder:nth-child(even) .folder-art{transform:translateY(0) rotate(-5deg) scale(.9)}
.service-folder:is(:hover,:focus-within,.is-open,.is-peeking) .folder-art{transform:translateY(-5%) rotate(-6deg) scale(1)}
.service-folder:nth-child(even):is(:hover,:focus-within,.is-open,.is-peeking) .folder-art{transform:translateY(-5%) rotate(7deg) scale(1)}
.service-folder:is(:hover,:focus-within,.is-open,.is-peeking) .folder-cover{transform:skewX(-2deg) scaleY(.97)}
.folder-description{position:relative;inset:auto;margin:26px 3% 0;padding:28px;min-height:0;transform:rotate(1deg);box-shadow:3px 5px 0 #b59d0033;z-index:6}
.folder-description h4{font-size:28px}
.folder-description p{font-size:15px}
.folder-description a{min-height:44px;display:inline-flex;align-items:center}
.folder-hint{margin-top:85px}
.folder-motion-pause{border-color:#b29b0060;background:#fff8;color:#493d20}
@media(min-width:761px) and (max-width:960px){.site-header{gap:12px;padding-inline:2%}.site-header .brand{width:180px}.wordmark{width:140px}.site-header nav a{font-size:12px;padding:9px 10px}.site-header .header-contact{font-size:13px;padding:11px 16px}.folder-grid{gap:120px 3%;margin-top:110px}.folder-summary-text{font-size:10px;right:13px;bottom:12px}}
@media(max-width:760px){.folder-section{padding:70px 8%}.folder-grid{display:block;max-width:430px;margin:95px auto 0;padding:0}.service-folder,.service-folder:nth-child(n){margin:0 0 155px;transform:rotate(-3deg);width:100%}.service-folder:nth-child(even){transform:rotate(3deg);width:92%;margin-left:8%}.service-folder:last-child{margin-bottom:0}.folder-cover h3,.service-folder:nth-child(3) .folder-cover h3{font-size:17px}.folder-summary-text{font-size:11px;bottom:13px;right:16px}.folder-art{height:112%;transform:translateY(0) rotate(4deg) scale(.9)}.service-folder:nth-child(even) .folder-art{transform:translateY(0) rotate(-5deg) scale(.9)}.folder-description{margin:22px 0 0;padding:25px}.folder-description h4{font-size:29px}.folder-description p{font-size:15px}.folder-hint{margin-top:55px}.folder-motion-pause{display:none}}
@media(prefers-reduced-motion:reduce){.folder-art,.folder-cover{transition:none}.folder-motion-pause{display:none}}

/* Desktop composition: scale and foreground depth follow the reference's visual rhythm. */
.header-manifesto{display:none}
.hero-service-cutout,.book-margin-note{display:none}
.hero-motion-pause{position:absolute;bottom:20px;left:3%;z-index:12;margin:0;color:white;background:#438de059;border-color:#fff9}
@media(min-width:1280px){.header-manifesto{display:inline-flex;align-items:center;gap:14px;border:1px solid #ffffffc7;border-radius:100px;padding:10px 14px;color:white;white-space:nowrap;font-size:13px}.header-manifesto>span{font-size:20px;line-height:1}.site-header{gap:18px}}
@media(min-width:1100px){
  .collage-hero{height:110svh;min-height:920px;max-height:1200px;padding-top:112px}
  .hero-heading-paper{width:78%;max-width:1480px;padding:26px 16px 30px}
  .hero-heading-paper h1{font-size:clamp(105px,9.3vw,185px);line-height:1.14}
  .paper-words{font-size:clamp(28px,2.2vw,40px);margin-top:22px}
  .cutout-cherry{top:56svh;bottom:auto;height:clamp(490px,36vw,680px);width:30%;left:-1.5%}
  .cutout-zukae{top:80svh;bottom:auto;right:0;width:28%;height:clamp(310px,24vw,440px)}
  .hero-note{top:65svh;right:5%;width:175px;transform:rotate(13deg)}
  .hero-project-sticker{top:90svh;bottom:auto;left:37%;width:190px;transform:rotate(-9deg)}
  .hero-service-cutout{display:block;position:absolute;z-index:3;filter:drop-shadow(3px 4px 2px #31517222)}
  .hero-service-cutout img{height:100%;width:100%;object-fit:contain}
  .hero-service-cutout>span{position:absolute;bottom:7%;left:12%;background:var(--yellow);font:15px var(--display);padding:4px 10px;white-space:nowrap;transform:rotate(-3deg)}
  .hero-identity{left:2%;top:20svh;width:clamp(140px,12vw,190px);height:250px;transform:rotate(-14deg);z-index:2}
  .hero-identity>span{bottom:0;font-size:13px;left:0;background:white;color:#a62885}
  .hero-collateral{left:59%;top:82svh;width:25%;height:350px;transform:rotate(13deg)}
  .doodle-one{top:57%;left:25%}.doodle-two{top:76%;right:28%}
  .book-margin-note{display:block;position:absolute;color:#253c9b;font:17px/1.6 var(--hand);transform:rotate(-10deg);width:140px;z-index:2}
  .book-margin-note strong{font:65px/1 var(--display);display:block;color:#ec42b9;margin-top:8px}
  .note-think{left:3.5%;top:220px}.note-think svg{width:120px;height:90px}.note-make{right:2.5%;bottom:150px;transform:rotate(8deg)}
}
@media(min-width:1700px){.collage-hero{padding-top:140px}.hero-note{width:200px}.hero-project-sticker{width:220px}.hero-identity{top:25svh}.hero-collateral{height:400px}}
.collage-projects{overflow:clip}
.receipt-printer{position:relative;padding-top:15px;transform:rotate(-2deg)}
.receipt-printer:nth-child(2){transform:rotate(2deg)}
.receipt-printer:before{content:'';position:absolute;left:0;right:0;top:0;height:15px;border-radius:9px;background:#e9e4da;box-shadow:inset 0 4px 2px #7778,0 3px 0 #fff9;z-index:3}
.receipt-feed{overflow:hidden;padding:7px 5px 12px}
.receipt-feed .process-receipt{transform:none;min-height:465px}
.collage-contact:before{content:'';position:absolute;z-index:-1;left:13%;right:13%;height:420px;bottom:100px;background:#ef53bc;clip-path:polygon(0 32%,48% 0,100% 32%,98% 100%,2% 100%);transform:rotate(-5deg)}
.collage-contact:after{content:'';position:absolute;z-index:2;left:14%;right:14%;height:210px;bottom:105px;pointer-events:none;background:linear-gradient(28deg,#fc75cc 49.7%,transparent 50%),linear-gradient(-28deg,#f76ac7 49.7%,transparent 50%);transform:rotate(-5deg)}
.contact-letter{position:relative;z-index:3}
@media(min-width:761px){
  .scene-motion .hero-heading-paper{translate:0 calc(var(--hero-drift,0)*-35px)}
  .scene-motion .cutout-cherry{translate:0 calc(var(--hero-drift,0)*-95px)}
  .scene-motion .cutout-zukae{translate:0 calc(var(--hero-drift,0)*-40px)}
  .scene-motion .hero-identity{translate:0 calc(var(--hero-drift,0)*-65px)}
  .scene-motion .hero-collateral{translate:0 calc(var(--hero-drift,0)*-110px)}
  .scene-motion .hero-note{translate:0 calc(var(--hero-drift,0)*25px)}
  .scene-motion .studio-book{translate:0 calc((.5 - var(--book-progress,.5))*48px);rotate:calc((var(--book-progress,.5) - .5)*5deg)}
  .scene-motion .collage-projects .wall-photo:nth-child(odd){translate:0 calc((var(--gallery-progress,.5) - .5)*-140px)}
  .scene-motion .collage-projects .wall-photo:nth-child(even){translate:0 calc((var(--gallery-progress,.5) - .5)*140px)}
  .scene-motion .process-receipt{translate:0 calc((var(--print-progress,1) - 1)*70%)}
  .scene-motion .contact-letter{translate:0 calc((1 - var(--letter-progress,1))*65px);rotate:calc((1 - var(--letter-progress,1))*5deg)}
  .scene-motion .collage-contact .flower-border{translate:0 calc((1 - var(--letter-progress,1))*25px)}
}
@media(max-width:760px){.hero-motion-pause{left:5%;bottom:16px;font-size:11px}.receipt-grid{gap:45px}.receipt-feed .process-receipt{min-height:390px}.collage-contact:before{left:5%;right:5%;height:330px;bottom:85px}.collage-contact:after{display:none}}

/* Original product studies bring the agency's identity and packaging services into the scene. */
.vibe-section{height:860px}
.vibe-products{position:absolute;left:0;right:0;bottom:85px;height:520px;z-index:3}
.vibe-product{position:absolute;display:block;transform-origin:50% 85%;filter:drop-shadow(5px 5px 2px #34507523)}
.vibe-product img{width:100%;height:100%;object-fit:contain}
.product-goodkind{left:3%;width:30%;height:490px;bottom:30px;transform:rotate(-12deg)}
.product-forme{left:31%;width:21%;height:445px;bottom:10px;transform:rotate(10deg)}
.product-cherry{right:21%;width:23%;height:510px;bottom:40px;transform:rotate(-9deg)}
.product-zukae{right:-2%;width:29%;height:395px;bottom:0;transform:rotate(13deg)}
.product-study-caption{position:absolute;top:305px;left:50%;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;background:#fffdf6;color:#a72a85;padding:5px 12px;font-size:13px;z-index:7}
@media(min-width:1100px){.hero-collateral{left:57%;width:27%;height:390px;top:81svh;transform:rotate(13deg)}.hero-collateral>span{bottom:19%;font-size:13px;left:22%}}
@media(min-width:761px){.scene-motion .product-goodkind,.scene-motion .product-cherry{translate:0 calc((var(--vibe-progress,.5) - .5)*-75px)}.scene-motion .product-forme,.scene-motion .product-zukae{translate:0 calc((var(--vibe-progress,.5) - .5)*50px)}}
@media(max-width:760px){.vibe-section{height:780px}.vibe-products{bottom:70px;height:390px}.vibe-tag h2{font-size:42px}.product-study-caption{top:252px;font-size:11px;padding:5px 8px}.product-goodkind{left:-13%;width:69%;height:410px;bottom:0;transform:rotate(-9deg)}.product-forme{left:51%;width:48%;height:380px;bottom:-5px;transform:rotate(12deg)}.product-cherry,.product-zukae{display:none}}

/* Layout corrections: hero collisions, Work index crop, mobile title wrapping and folder spacing. */
.hero-scroll{position:relative;display:table;left:auto;bottom:auto;margin:26px auto 0;background:#fffdf5;color:#ba278f;font-size:20px;padding:6px 14px;transform:rotate(-2deg);z-index:6}
.hero-scroll span{display:inline;font:inherit;margin-left:4px}
@media(min-width:761px){.cutout-cherry .cutout-status{bottom:34%}}
@media(max-width:760px){.hero-note{bottom:225px;padding:16px 8px 10px;z-index:8}.cutout-zukae{bottom:-30px;height:235px}.process-receipts>.paper-title>em,.collage-testimonials>.paper-title>em{display:block;width:max-content;max-width:100%;margin:6px auto 0;font-size:1.25em;line-height:1}.folder-grid{margin-top:80px}.service-folder,.service-folder:nth-child(n){margin-bottom:80px}.service-folder:last-child{margin-bottom:0}}

/* Client garden: overlapping speech bubbles framed by foreground flowers, after the reference's client letters scene. */
.collage-testimonials{position:relative;overflow:hidden;padding:80px 6% 0}
.testimonial-garden{position:relative;max-width:1180px;margin:50px auto 0;padding:0 0 300px}
.garden-bubbles{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:start;z-index:3}
.client-note{position:relative;margin:0;background:#fffdf9;border:2px solid #2b2528;border-radius:18px;padding:26px 30px 24px;text-align:left;box-shadow:none;transform:rotate(var(--tilt,0deg));z-index:1}
.client-note:before,.client-note:after{content:'';position:absolute;left:11%;bottom:-20px;border-style:solid;border-width:20px 15px 0 15px;border-color:#2b2528 transparent transparent}
.client-note:after{left:calc(11% + 3px);bottom:-16px;border-width:16px 12px 0 12px;border-color:#fffdf9 transparent transparent}
.client-note:nth-child(1){grid-column:3/span 6;grid-row:1;margin-top:110px;--tilt:-2deg;z-index:3}
.client-note:nth-child(2){grid-column:8/span 5;grid-row:1;margin-top:0;--tilt:2deg;z-index:2}
.client-note:nth-child(3){grid-column:4/span 6;grid-row:2;margin-top:-20px;--tilt:-1deg;z-index:4}
.client-note.star-note{grid-column:1/span 3;grid-row:1;margin:30px 0 0;padding:14px 20px 12px;width:max-content;justify-self:start;--tilt:-5deg;z-index:5;display:grid;justify-items:center;gap:2px}
.client-note.star-note:before,.client-note.star-note:after{left:auto;right:16%}
.client-note.star-note:after{right:calc(16% + 3px)}
.client-note.star-note .note-star{font-size:34px;line-height:1;color:#f2d400;-webkit-text-stroke:1px #4f4438;letter-spacing:.08em}
.client-note.star-note .scribble{color:#b72790;font-size:15px;line-height:1.2}
.client-note figcaption{display:grid;grid-template-columns:52px 1fr;column-gap:14px;align-items:center;font-weight:400;font-size:15px}
.note-avatar{grid-row:1/span 2;width:52px;height:52px;border-radius:50%;background:var(--avatar,#ff64d5);color:#fff;font:26px/50px var(--display);text-align:center;border:2px solid #2b2528}
.client-note figcaption strong{grid-column:2;font:600 23px/1.1 var(--sans);color:#201c1f}
.client-note figcaption span:not(.note-avatar){grid-column:2;font-size:13px;color:#5b535a}
.client-note blockquote{font-size:18px;line-height:1.5;margin:18px 0 12px}
.client-note a{font-size:14px;color:#b72790;text-decoration:underline}
.motion-ready .client-note.reveal{scale:.9;transition:opacity .8s,translate .8s,scale .8s}
.motion-ready .client-note.reveal.is-visible{scale:1}
.testimonial-garden .paper-button{position:relative;z-index:7;margin-top:60px}
.garden-flowers{position:absolute;bottom:-10px;width:44%;height:560px;background:url('/assets/flower-border.webp') no-repeat;background-size:auto 100%;z-index:6;pointer-events:none}
.flowers-left{left:-8%;background-position:left bottom}
.flowers-right{right:-8%;background-position:left bottom;transform:scaleX(-1)}
.garden-border{z-index:5}
@media(min-width:761px){.scene-motion .garden-flowers{translate:0 calc((var(--garden-progress,.5) - .5)*-90px)}.scene-motion .garden-border{translate:0 calc((var(--garden-progress,.5) - .5)*-30px)}}
@media(max-width:1150px){.garden-flowers{height:440px}.client-note:nth-child(1){margin-top:90px}}
@media(max-width:760px){.testimonial-garden{margin-top:35px;padding-bottom:210px}.garden-bubbles{display:flex;flex-direction:column;gap:30px;align-items:center}.client-note,.client-note:nth-child(1),.client-note:nth-child(2),.client-note:nth-child(3){margin:0;width:100%;max-width:430px;padding:22px 22px 20px}.client-note.star-note{align-self:flex-start;margin:0 0 0 4%;width:max-content;padding:12px 18px 10px}.client-note blockquote{font-size:17px}.client-note figcaption strong{font-size:20px}.garden-flowers{display:none}.testimonial-garden .paper-button{margin-top:40px}}

/* Consultation paper, service ticker, opening envelope, receipt details and paper scraps, after the reference's mid-page rhythm. */
.meet-section{padding:90px 6% 120px;overflow:visible;z-index:2}
.meet-paper{position:relative;max-width:1180px;margin:0 auto;background:#fbfaf6;padding:70px 64px 66px;text-align:center;-webkit-mask:radial-gradient(circle at 0 50%,#0000 11px,#000 11.6px) 0 0/26px 30px repeat-y,radial-gradient(circle at 100% 50%,#0000 11px,#000 11.6px) 100% 0/26px 30px repeat-y,linear-gradient(#000 0 0) 50%/calc(100% - 52px) 100% no-repeat;mask:radial-gradient(circle at 0 50%,#0000 11px,#000 11.6px) 0 0/26px 30px repeat-y,radial-gradient(circle at 100% 50%,#0000 11px,#000 11.6px) 100% 0/26px 30px repeat-y,linear-gradient(#000 0 0) 50%/calc(100% - 52px) 100% no-repeat}
.meet-title{font-family:var(--display);font-size:clamp(54px,6.5vw,110px);line-height:1;color:var(--pink);text-shadow:1px 1px #534152;-webkit-text-stroke:.6px #514050;letter-spacing:-.02em;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .2em}
.meet-title em{font-family:var(--script);font-style:normal;font-weight:400;font-size:1.55em;color:var(--yellow);text-shadow:1px 1px #6e6308;-webkit-text-stroke:.6px #6e6308;line-height:.8;margin-top:-.18em}
.pink-raised{display:flex;width:100%;max-width:1000px;margin:48px auto 0;background:#ffbbec;border-color:#ffc9f0;box-shadow:6px 8px 0 #c7369f,inset 2px 2px 3px #ffe3f7,inset -3px -3px 0 #ef8fd4;font-size:clamp(18px,2.1vw,30px);padding:22px 30px;transform:none;text-align:center}
.pink-raised:hover{background:#ff9ee1;transform:translateY(-3px)}
.service-ticker{position:absolute;left:-2%;right:-2%;bottom:-34px;height:68px;background:#ffe31a;transform:rotate(-1.2deg);overflow:hidden;z-index:6;box-shadow:0 4px 0 #c7b705;clip-path:polygon(0 4%,3% 0,7% 5%,12% 0,18% 4%,25% 0,31% 5%,38% 0,45% 4%,52% 0,58% 5%,65% 0,72% 4%,79% 0,86% 5%,93% 0,100% 4%,100% 96%,95% 100%,89% 95%,82% 100%,75% 96%,68% 100%,60% 95%,53% 100%,46% 96%,39% 100%,32% 95%,25% 100%,18% 96%,11% 100%,5% 95%,0 100%)}
.ticker-track{display:flex;align-items:center;height:100%;width:max-content;animation:ticker-run 40s linear infinite}
.ticker-track span{font:27px var(--hand);color:#1f1b1c;letter-spacing:-.04em;white-space:nowrap;padding:0 24px}
.ticker-track i{font-style:normal;font-size:22px;color:#1f1b1c}
@keyframes ticker-run{to{translate:-50% 0}}
.motion-paused .ticker-track,.motion-paused .paper-scrap{animation-play-state:paused}
.envelope-flap-wrap{position:absolute;left:14%;right:14%;bottom:105px;height:120px;transform:rotate(-5deg);perspective:1100px;z-index:3;pointer-events:none}
.envelope-flap{position:absolute;left:0;right:0;top:0;height:200px;background:linear-gradient(180deg,#ff86d6,#f25fc1);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transform:rotateX(180deg);filter:drop-shadow(0 3px 2px #9b2b7c40)}
.collage-contact{padding-top:130px}
.collage-contact:after{z-index:4;height:120px}
.receipt-barcode{display:block;height:34px;margin:4px 0 16px;background:repeating-linear-gradient(90deg,#1f1b1c 0 2px,transparent 2px 4px,#1f1b1c 4px 5px,transparent 5px 8px,#1f1b1c 8px 11px,transparent 11px 13px);opacity:.85}
.receipt-button{display:flex;justify-content:center;align-items:center;min-height:54px;margin:0 0 16px;background:var(--yellow);border:5px solid #ffdf20;border-radius:4px;box-shadow:4px 5px 0 #b5a6008a,inset 2px 2px 3px #fff367,inset -3px -3px 0 #cdb300;font:22px var(--display);color:#262220;transition:transform .25s,background .25s}
.receipt-button:hover{transform:translateY(-2px);background:#ffe548}
.process-receipt ul{border-bottom:1px dashed #bbb;padding-bottom:22px}
.paper-scrap{position:absolute;width:34px;height:20px;background:#fff;border-radius:2px;box-shadow:1px 2px 2px #4a6a9a30;z-index:2;pointer-events:none;animation:scrap-drift 9s ease-in-out infinite}
.scrap-a{left:14%;top:24%;rotate:25deg}.scrap-b{right:12%;top:34%;width:26px;height:16px;rotate:-30deg;animation-delay:-3s}.scrap-c{left:58%;top:68%;width:22px;height:14px;rotate:60deg;animation-delay:-6s}
@keyframes scrap-drift{0%,100%{translate:0 0}50%{translate:8px -14px}}
.vibe-tag:before,.vibe-tag:after{content:'✦';position:absolute;width:26px;height:26px;background:#ffe31a;color:#c7369f;font-size:14px;line-height:26px;text-align:center;border:1px solid #d7bd00;top:-22px;left:-22px;transform:rotate(-8deg)}
.vibe-tag:after{top:auto;left:auto;right:-22px;bottom:-22px;transform:rotate(10deg)}
@media(min-width:761px){.contact-letter{translate:0 -100px}.scene-motion .envelope-flap{transform:rotateX(calc(var(--letter-progress,1)*180deg))}.scene-motion .contact-letter{translate:0 calc(-100px + (1 - var(--letter-progress,1))*480px);scale:calc(.42 + var(--letter-progress,1)*.58);rotate:calc((1 - var(--letter-progress,1))*6deg);opacity:calc(var(--letter-progress,1)*1.4)}}
@media(max-width:760px){.meet-section{padding:60px 5% 90px}.meet-paper{padding:44px 20px 40px;-webkit-mask:radial-gradient(circle at 0 50%,#0000 7px,#000 7.6px) 0 0/16px 20px repeat-y,radial-gradient(circle at 100% 50%,#0000 7px,#000 7.6px) 100% 0/16px 20px repeat-y,linear-gradient(#000 0 0) 50%/calc(100% - 32px) 100% no-repeat;mask:radial-gradient(circle at 0 50%,#0000 7px,#000 7.6px) 0 0/16px 20px repeat-y,radial-gradient(circle at 100% 50%,#0000 7px,#000 7.6px) 100% 0/16px 20px repeat-y,linear-gradient(#000 0 0) 50%/calc(100% - 32px) 100% no-repeat}.meet-title{font-size:46px}.pink-raised{font-size:17px;padding:16px 18px;margin-top:30px}.service-ticker{height:52px;bottom:-26px}.ticker-track span{font-size:20px;padding:0 14px}.ticker-track{animation-duration:28s}.envelope-flap-wrap{display:none}.collage-contact{padding-top:70px}.paper-scrap{display:none}.vibe-tag:before,.vibe-tag:after{width:20px;height:20px;line-height:20px;font-size:11px;top:-16px;left:-16px}.vibe-tag:after{top:auto;left:auto;right:-16px;bottom:-16px}}

/* Footer scene: yellow field, paper labels, floating marks, keycap buttons and a sticky reveal, after the reference's closing scene. */
main#main{position:relative;z-index:1;background:#fff}
.site-footer{position:sticky;bottom:0;z-index:0;background:var(--yellow);color:#1f1b1c;padding:70px 5% 22px;overflow:hidden}
.footer-scene{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(320px,1.4fr) auto;gap:30px 4%;align-items:start;max-width:1400px;margin:0 auto;min-height:430px}
.footer-wordmark{width:190px;height:auto;filter:brightness(0);margin-bottom:26px}
.footer-eyebrow{display:block;font-size:14px;letter-spacing:.03em;color:#4a4115}
.site-footer .footer-email{display:inline-block;font:500 22px/1.2 var(--sans);color:#1f1b1c;text-decoration:underline;text-underline-offset:6px;margin:10px 0 36px}
.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:14px 12px;margin:0;font:500 22px/1 var(--sans)}
.site-footer .footer-links a{background:#fffdf7;color:var(--pink);padding:9px 16px 11px;box-shadow:2px 3px 0 #c7b705;transform:rotate(var(--r,-1.5deg));transition:transform .2s}
.site-footer .footer-links a:nth-child(2n){--r:1.5deg}.site-footer .footer-links a:nth-child(3){--r:-2.5deg}
.site-footer .footer-links a:hover{transform:rotate(0) translateY(-2px);text-decoration:none}
.footer-centre{position:relative;min-height:430px}
.float-icon{position:absolute;display:grid;place-items:center;background:#fffdf7;padding:12px;box-shadow:2px 3px 0 #c7b705;animation:icon-sway 5s ease-in-out infinite}
.float-icon img{width:100%;height:auto}
.icon-badge{left:6%;top:0;width:96px;rotate:-6deg}
.icon-domino{left:34%;top:18px;width:62px;padding:12px 16px;rotate:7deg;animation-delay:-1.2s}
.icon-spark{left:56%;top:0;width:78px;height:78px;font-size:44px;color:var(--pink);rotate:5deg;animation-delay:-2.4s}
.icon-star{left:76%;top:30px;width:70px;height:70px;font-size:40px;color:#1f1b1c;rotate:-9deg;animation-delay:-3.6s}
.icon-pixel{left:20%;top:118px;width:64px;height:64px;font-size:40px;color:#367fdc;rotate:4deg;animation-delay:-1.8s}
@keyframes icon-sway{0%,100%{translate:0 0}50%{translate:0 -4px}}
.footer-polaroid{position:absolute;left:30%;bottom:0;width:min(300px,60%);background:#fffdf7;padding:11px 11px 34px;box-shadow:4px 6px 0 #c7b705;rotate:-4deg}
.footer-polaroid img{width:100%;aspect-ratio:1.25;object-fit:cover}
.footer-polaroid span{position:absolute;left:0;right:0;bottom:8px;text-align:center;font:15px var(--hand);color:#1f1b1c}
.footer-note{position:absolute;right:0;bottom:70px;width:170px;background:#b7e86c;color:#1f1b1c;font:14px/1.5 var(--hand);padding:16px 14px 14px;rotate:8deg;box-shadow:2px 3px 0 #7fa83f}
.footer-note>span{display:block;font-family:var(--script);font-size:30px;line-height:.9;color:#1f1b1c;margin-bottom:6px}
.footer-right{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;min-height:430px}
.keycaps{display:grid;grid-template-columns:repeat(2,66px);gap:14px;justify-content:end}
.keycaps .keycap:first-child{grid-column:2}
.keycap{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:12px;background:#ffb4e8;color:#1f1b1c;box-shadow:0 7px 0 #d338a8,inset 0 -3px 0 #f58ad6,inset 2px 2px 0 #ffd9f4;transition:transform .15s,box-shadow .15s,background .15s}
.keycap-text{font:700 24px/1 var(--sans)}
.keycap:hover{transform:translateY(3px);box-shadow:0 4px 0 #d338a8,inset 0 -3px 0 #f58ad6,inset 2px 2px 0 #ffd9f4;background:#ffa6e3}
.keycap-up{background:#ffe85a;font:28px/1 var(--sans);box-shadow:0 7px 0 #c7b705,inset 0 -3px 0 #f1d400,inset 2px 2px 0 #fff6a8}
.keycap-up:hover{transform:translateY(3px);box-shadow:0 4px 0 #c7b705,inset 0 -3px 0 #f1d400,inset 2px 2px 0 #fff6a8;background:#ffe031}
.site-footer .footer-bottom{border-top:1px solid #1f1b1c33;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#4a4115}
.motion-paused .float-icon{animation-play-state:paused}
@media(max-width:1150px){.footer-scene{grid-template-columns:1fr 1fr;row-gap:50px}.footer-right{grid-column:1/-1;flex-direction:row;align-items:center;min-height:0}.keycaps{grid-template-columns:repeat(3,66px)}.keycaps .keycap:first-child{grid-column:auto}}
@media(max-width:760px){.site-footer{padding:50px 6% 20px}.footer-scene{grid-template-columns:1fr;row-gap:40px;min-height:0}.footer-wordmark{width:160px}.site-footer .footer-email{font-size:19px;margin-bottom:26px}.site-footer .footer-links{font-size:18px}.footer-centre{min-height:380px}.icon-badge{width:76px}.icon-domino{width:50px;left:36%}.icon-spark{width:62px;height:62px;font-size:34px;left:60%}.icon-star{width:56px;height:56px;font-size:32px;left:80%;top:20px}.icon-pixel{width:52px;height:52px;font-size:32px;top:96px}.footer-polaroid{left:4%;width:62%}.footer-note{width:140px;bottom:40px;font-size:13px}.footer-note>span{font-size:26px}.footer-right{flex-direction:row;justify-content:space-between;min-height:0}.keycaps{grid-template-columns:repeat(3,58px);gap:10px}.keycaps .keycap:first-child{grid-column:auto}.keycap{width:58px;height:58px}.site-footer .footer-bottom{flex-direction:column;gap:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.site-footer{position:static}}

/* Popup brief and blank-to-branded product reveal, after the reference's contact panel and packaging playground. */
.brief-dialog{border:0;padding:0;background:transparent;width:min(680px,94vw);max-height:92vh;overflow:visible;margin:auto}
.brief-dialog::backdrop{background:#5ea4f24d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.dialog-paper{position:relative;background:#ffbbec;padding:26px;box-shadow:10px 12px 0 #c7369f;max-height:92vh;overflow:auto;transform:rotate(-1deg)}
.dialog-paper .brief-form{transform:none;box-shadow:none;padding:30px 30px 26px}
.dialog-paper .brief-form h2{font-size:38px;margin-bottom:22px}
.dialog-close{position:sticky;top:0;float:right;z-index:3;width:50px;height:50px;border:0;border-radius:50%;background:var(--yellow);font:600 20px/1 var(--sans);color:#1f1b1c;box-shadow:3px 4px 0 #b4a00b;cursor:pointer;margin:-12px -12px 0 0}
.dialog-close:hover{background:#ffe548}
.brief-dialog[open]{animation:dialog-in .3s ease-out}
@keyframes dialog-in{from{opacity:0;translate:0 24px}}
.vibe-product img{position:absolute;inset:0;transition:opacity .25s}
.vibe-product .product-blank{filter:grayscale(1) brightness(1.72) contrast(.34)}
.vibe-products{transition:translate 1.2s cubic-bezier(.2,.7,.2,1);translate:calc(var(--px,0)*-30px) calc(var(--py,0)*-20px)}
@media(hover:hover) and (pointer:fine){body.motion-ready:not(.motion-paused) .vibe-product:not(:hover):not(:focus-visible):not(.is-active) .product-brand{opacity:0}}
@media(max-width:760px){.brief-dialog{width:96vw}.dialog-paper{padding:14px}.dialog-paper .brief-form{padding:22px 18px}.dialog-paper .brief-form h2{font-size:30px}}
/* Keep the tilted ticker from widening the page while still letting it overlap the next section. */
.meet-section{clip-path:inset(0 0 -90px 0)}

/* Clothesline cutouts and sketchbook booklet spreads, after the reference's pegged products and animated booklet. */
.hanging-cutout .hanging-photo{background:transparent;box-shadow:none;padding:0;text-align:center}
.hanging-cutout .hanging-photo img{height:295px;width:auto;max-width:100%;margin:0 auto;object-fit:contain;filter:drop-shadow(5px 0 0 #fff) drop-shadow(-5px 0 0 #fff) drop-shadow(0 5px 0 #fff) drop-shadow(0 -5px 0 #fff)}
.hanging-cutout .hanging-photo strong,.hanging-cutout .hanging-photo small{display:inline-block;background:#fff;padding:2px 9px;transform:rotate(-2deg)}
.hanging-cutout .hanging-photo strong{margin-top:14px}
.hanging-cutout .hanging-photo small{margin-top:4px;transform:rotate(2deg)}
.hanging-cutout:before{top:-24px}
.book-left{position:relative}
.sketch-target{position:absolute;right:26px;top:22px;width:64px;height:64px;rotate:8deg}
.book-right{position:relative}
.spread{transition:opacity .2s}
.spread-a{display:flex;flex-direction:column;align-items:center;justify-content:center}
.spread-b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;opacity:0;pointer-events:none}
.sketch-monitor{width:min(260px,80%);height:auto}
.sketch-label{display:inline-block;background:#367fdc;color:#fff;font:600 20px/1.2 var(--hand);padding:8px 14px;transform:rotate(-3deg);margin:18px 0 14px}
.sketch-copy{font:16px/1.7 var(--hand);color:#1f1b1c;max-width:300px}
@media(min-width:761px){.scene-motion .spread-a{opacity:clamp(0,calc((.57 - var(--book-progress,.5))*9),1)}.scene-motion .spread-b{opacity:clamp(0,calc((var(--book-progress,.5) - .49)*9),1)}}
@media(max-width:760px){.hanging-cutout .hanging-photo img{height:205px}.sketch-target{width:48px;height:48px;right:14px;top:14px}}

/* Footer crew: the studio's own illustrated characters as paper cutouts. */
.footer-crew{position:absolute;left:4%;right:4%;bottom:0;height:330px;pointer-events:none}
.crew{position:absolute;bottom:0;width:auto;height:300px;filter:drop-shadow(5px 0 0 #fffdf7) drop-shadow(-5px 0 0 #fffdf7) drop-shadow(0 5px 0 #fffdf7) drop-shadow(0 -5px 0 #fffdf7) drop-shadow(4px 6px 0 #c7b705);animation:icon-sway 6s ease-in-out infinite}
.crew-swathi{left:4%;height:270px;z-index:1;rotate:-3deg;animation-delay:-2s}
.crew-raj{left:30%;height:320px;z-index:3}
.crew-tia{left:58%;height:250px;z-index:2;rotate:4deg;animation-delay:-4s}
.crew-label{position:absolute;left:36%;bottom:-6px;background:#fffdf7;padding:5px 12px;font:15px var(--hand);color:#1f1b1c;box-shadow:2px 3px 0 #c7b705;rotate:-3deg;z-index:4}
.footer-note{bottom:150px}
.motion-paused .crew{animation-play-state:paused}
@media(max-width:760px){.footer-crew{left:0;right:0;height:250px}.crew-swathi{left:0;height:190px}.crew-raj{left:28%;height:230px}.crew-tia{left:60%;height:180px}.crew-label{left:30%;font-size:13px}.footer-note{bottom:auto;top:150px;right:0;width:120px;font-size:12px}.footer-note>span{font-size:22px}}

/* Header stays above the sticky footer; sticky note moves beside the crew instead of over Tia. */
.site-header{z-index:100}
.footer-note{left:-6%;right:auto;top:175px;bottom:auto;width:160px;z-index:0}
.crew-swathi{left:10%}
@media(max-width:760px){.footer-note{left:auto;right:0;top:120px;width:120px;z-index:0}}

/* The sticky footer reveal only works when the footer fits the viewport; below tablet width it scrolls normally. */
@media(max-width:1150px){.site-footer{position:static}}

/* Seamless flower strip, clothesline drift, footer crew spacing and hover lift. */
.flower-border{background-image:url('/assets/flower-border-seamless.webp')}
@media(min-width:761px){.scene-motion .hanging-rail .hanging-project{translate:calc((.5 - var(--hang-progress,.5))*240px) 0;transition:translate .15s linear}}
.footer-crew{left:0;right:-8%;pointer-events:none}
.crew{pointer-events:auto;cursor:default;transition:translate .35s cubic-bezier(.2,.7,.2,1)}
.crew:hover{translate:0 -16px;z-index:6;animation-play-state:paused}
.crew-swathi{left:0;height:265px;z-index:1}
.crew-raj{left:27%;height:300px;z-index:3}
.crew-tia{left:62%;height:250px;z-index:4;rotate:5deg}
.crew-label{left:32%}
@media(max-width:1150px){.footer-crew{right:0}.crew-swathi{left:2%}.crew-raj{left:30%}.crew-tia{left:66%}}
@media(max-width:760px){.footer-crew{left:0;right:0;height:250px}.crew-swathi{left:0;height:185px}.crew-raj{left:27%;height:230px}.crew-tia{left:64%;height:175px}.crew-label{left:28%}}