/* Physical paper, quieter sky, and deliberate scale. Keep the content real. */
:root{--paper-texture:url('/assets/gpt/paper-crumple-tile.webp');--pink-texture:url('/assets/gpt/pink-crumpled-paper.webp');--quiet-sky:url('/assets/gpt/soft-sky-backdrop.webp')}
html{scroll-padding-top:110px;overflow-x:clip}body{overflow-x:clip}.sky-scene{background:#99cafd var(--quiet-sky) center top/cover;background-attachment:fixed}
.hero-heading-paper:before,.paper-words>span,.paper-title>span,.contact-letter,.meet-paper,.footer-links a{background-image:var(--paper-texture);background-size:700px}
.hero-heading-paper h1,.paper-title,.meet-title,.vibe-tag h2{text-shadow:none;paint-order:stroke fill}.hero-heading-paper h1,.paper-title>span,.meet-title{-webkit-text-stroke:1px #522243}.hero-heading-paper h1 em,.paper-title em,.meet-title em{text-shadow:none;paint-order:stroke fill}
.site-header{height:88px;gap:16px}.site-header nav a{padding:14px 18px;font-size:16px;border-width:1.5px}.site-header .header-contact{border-radius:100px;font:500 16px/1.2 var(--sans);padding:15px 25px}.header-manifesto{font-size:14px;padding:14px 16px}.site-header.scrolled{background:#f04dcc;box-shadow:0 3px 0 #bc40a52b}
.paper-scrap{border-radius:0;clip-path:polygon(0 35%,100% 0,94% 100%,4% 78%);height:13px;width:44px}
.collage-hero{height:1380px;min-height:0;max-height:none;padding-top:145px}
.hero-heading-paper{width:70%;max-width:1340px;padding:24px 14px 34px}.hero-heading-paper h1{font-size:clamp(88px,8.4vw,166px);line-height:1.08}.paper-words{font-size:clamp(26px,2.1vw,38px);margin-top:25px}.paper-words .pink-word{background-color:var(--pink);background-blend-mode:multiply}
.floating-cutout,.hero-service-cutout{filter:drop-shadow(0 8px 10px #25496726)}.floating-cutout img{filter:none}
.cutout-cherry{top:530px;bottom:auto;left:2.5%;width:29%;height:610px}.cutout-zukae{top:840px;bottom:auto;right:1.5%;width:27%;height:415px}.hero-collateral{display:block;left:62%;top:665px;width:24%;height:420px;transform:rotate(9deg)}.cutout-orya{top:900px;left:33%;width:30%;height:390px;transform:rotate(-8deg)}
.hero-collateral>span{bottom:10%;left:10%;font-size:14px}.cutout-cherry .cutout-status{bottom:18%}.cutout-orya .cutout-status{bottom:0;transform:rotate(3deg);font-size:13px}.cutout-caption{display:none}
.hero-note{top:490px;bottom:auto;right:4%;width:205px;padding:45px 18px 30px;background:transparent url('/assets/gpt/sticky-note-pink.webp') center/100% 100%;box-shadow:none;font-size:13px}.hero-note p{font-size:13px;line-height:1.9}.hero-note>span{font-size:15px}.hero-note:before{top:15px}
.product-note{position:absolute;z-index:4;width:205px;min-height:180px;padding:42px 20px 24px;font:13px/1.8 var(--hand);text-align:center;background:center/100% 100% no-repeat;filter:drop-shadow(2px 5px 3px #26456320)}.product-note strong{display:inline;background:#ec5bbc;color:#fff;font-size:13px;line-height:1.6}.product-note>span{display:block;margin-top:12px}.note-cherry{left:20%;top:1120px;rotate:-7deg;background-image:url('/assets/gpt/sticky-note-yellow.webp')}.note-orya{left:7%;top:790px;rotate:8deg;background-image:url('/assets/gpt/sticky-note-lime.webp');z-index:2}.hero-scroll{margin-top:25px}.hero-motion-pause{color:#243e63;background:#fff9;border-color:#fff}
.book-section{height:1600px;min-height:1600px;padding:0;display:block;overflow:visible}.book-stage{height:100svh;min-height:800px;position:sticky;top:0;display:grid;align-content:center;justify-items:center;padding:100px 0 35px;gap:18px;overflow:hidden}.studio-book{width:min(1160px,75vw);max-width:none;aspect-ratio:1.5;height:auto;display:block;position:relative;background:transparent url('/assets/gpt/booklet-paper-spread.webp') center/100% 100%;padding:0;box-shadow:none;filter:drop-shadow(0 7px 8px #7b681820);transform:rotate(-.6deg);margin:0}.studio-book:after{display:none}
.book-spread{position:absolute;inset:0;padding:6% 7%;display:flex;text-align:center;font-family:var(--hand);color:#242124}.book-spread.spread-a{flex-direction:column;align-items:center;justify-content:flex-start;opacity:1}.book-tape{display:inline-block;background:#ed60c5 url('/assets/gpt/tape-pink.webp') center/100% 100%;color:#fff;padding:7px 20px;font:18px/1.6 var(--hand);rotate:-2deg}.book-intro{font:clamp(15px,1.05vw,20px)/1.7 var(--hand);margin:28px 0 0}.book-team{height:52%;width:70%;object-fit:contain;margin-top:10px}.book-spread.spread-b{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:8%;opacity:0;pointer-events:none}.book-spread.spread-b>div{display:flex;flex-direction:column;align-items:center}.book-spread.spread-b p{font:16px/1.9 var(--hand);margin-top:20px}.book-tape.blue{background:#4285da url('/assets/gpt/tape-blue.webp') center/100% 100%;font-size:23px}.book-target{width:40%;height:120px;object-fit:contain;margin-bottom:24px}.book-monitor{width:100%;max-height:280px;object-fit:contain}.book-flip{position:absolute;top:4%;bottom:4%;left:50%;width:45%;background:#fff var(--paper-texture) center/cover;transform-origin:left;backface-visibility:hidden;opacity:0;pointer-events:none}.book-link{font-size:24px;margin:0}
@media(min-width:761px){.scene-motion .studio-book{translate:0 0;rotate:calc((var(--book-progress,.25) - .5)*2deg)}.scene-motion .book-spread.spread-a{opacity:clamp(0,calc((.52 - var(--book-progress,.25))*16),1)}.scene-motion .book-spread.spread-b{opacity:clamp(0,calc((var(--book-progress,.25) - .48)*16),1)}.scene-motion .book-flip{opacity:clamp(0,calc(1 - abs(var(--book-progress,.25) - .5)*24),.55);transform:perspective(1600px) rotateY(calc(clamp(0,(var(--book-progress,.25) - .42)*6.25,1)*-180deg))}}
.hanging-section{padding-top:120px;padding-bottom:95px}.hanging-section .paper-title{max-width:1150px;margin:0 auto 35px;font-size:clamp(55px,5.4vw,94px)}.hanging-filter{gap:22px;margin-top:30px}.hanging-filter button{font-size:21px;padding:8px 13px;background-image:var(--paper-texture);background-size:cover}.hanging-rail{gap:clamp(100px,10vw,200px);padding:150px 7% 60px;min-height:655px;align-items:flex-start;scrollbar-width:thin}.hanging-project{flex:0 0 300px;transform:rotate(var(--angle));margin-top:calc(var(--drop,0px) + 10px)}.hanging-project:before{width:48px;height:132px;left:50%;top:-105px;background:var(--pin-img) center/contain no-repeat;box-shadow:none;border:0;translate:-50% 0;transform:rotate(4deg);z-index:4}.hanging-cutout .hanging-photo{background:none;box-shadow:none;padding:0}.hanging-cutout .hanging-photo img{height:360px;width:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 7px 7px #3b659029)}.hanging-photo strong{font-size:24px}.hanging-photo small{font-size:14px}.hanging-section>.motion-pause{color:#344359;background:#fffb}.hanging-rail:before{height:4px;background:#edece2;top:85px;box-shadow:0 2px 1px #53729545}
.vibe-section{height:980px;overflow:hidden}.vibe-tag{width:560px;min-height:365px;padding:60px 50px;background:var(--pink) var(--pink-texture) center/cover;top:75px;left:50%;transform:translateX(-50%) rotate(-8deg);z-index:5;border:0}.vibe-tag h2{font-size:112px;line-height:.94;text-align:center;-webkit-text-stroke:1.8px #3d2436;color:#fff}.vibe-tag h2 small{display:block;font-size:34px;line-height:1.4;margin-bottom:12px}.vibe-tag h2>span{color:var(--yellow)}.vibe-tag:before,.vibe-tag:after{display:none}.vibe-products{height:600px;bottom:65px;z-index:3}.vibe-product{filter:drop-shadow(0 10px 14px #30477328)}.vibe-product img{position:static;display:block}.vibe-product>span{position:absolute;bottom:20%;left:20%;background:#fff;color:#81305f;padding:4px 9px;font:14px var(--sans);rotate:4deg;white-space:nowrap}.product-goodkind{width:30%;height:530px;left:-2%;bottom:-20px;transform:rotate(-24deg)}.product-forme{width:24%;height:420px;left:19%;bottom:-90px;transform:rotate(22deg)}.product-cherry{right:11%;width:24%;height:560px;bottom:-35px;transform:rotate(-18deg)}.product-zukae{right:-9%;width:32%;height:400px;bottom:-70px;transform:rotate(26deg)}.product-study-caption{top:auto;bottom:225px;left:50%;font-size:15px;padding:8px 15px}.vibe-meadow-back{position:absolute;inset:auto 0 0;height:370px;background:url('/assets/gpt/meadow-back-a.webp') center bottom/cover;z-index:2;pointer-events:none}.vibe-section .flower-border{height:220px;z-index:4;pointer-events:none}
.folder-section{padding:110px 4% 80px;overflow:hidden}.folder-section>.paper-title{font-size:clamp(64px,7vw,125px);line-height:1.15;margin-bottom:40px}.folder-section>.section-handwritten{position:relative;font-size:21px;max-width:900px;margin:25px auto 0;z-index:3}.folder-grid{max-width:1700px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:130px 5%;padding:0;margin:120px auto 0;align-items:start}.service-folder,.service-folder:nth-child(n){transform:none;margin:0}.service-folder:nth-child(1){grid-column:1/span 6}.service-folder:nth-child(2){grid-column:8/span 5;margin-top:150px}.service-folder:nth-child(3){grid-column:2/span 4;margin-top:40px}.service-folder:nth-child(4){grid-column:7/span 6;margin-top:140px}.folder-object{aspect-ratio:1.55}.folder-top{background-image:var(--pink-texture);background-size:cover;clip-path:polygon(0 8%,31% 8%,34% 0,61% 0,65% 8%,100% 8%,100% 100%,0 100%);background-color:#ce2cab;background-blend-mode:multiply}.folder-cover{background:#ed4ac8 var(--pink-texture) center/cover;clip-path:polygon(0 8%,31% 8%,36% 0,100% 0,100% 100%,0 100%);height:84%;transform:none!important}.folder-art{height:120%;width:78%;left:11%;bottom:5%;transform:translateY(4%) rotate(-3deg) scale(.85)}.service-folder:nth-child(even) .folder-art{transform:translateY(4%) rotate(3deg) scale(.85)}.service-folder:is(:hover,:focus-within,.is-open,.is-peeking) .folder-art{transform:translateY(-25%) rotate(-7deg) scale(1)}.service-folder:nth-child(even):is(:hover,:focus-within,.is-open,.is-peeking) .folder-art{transform:translateY(-25%) rotate(7deg) scale(1)}.folder-cover h3,.service-folder:nth-child(3) .folder-cover h3{font-size:clamp(17px,1.55vw,27px);letter-spacing:-.05em;line-height:1.6;max-width:92%}.folder-description{transform:none;margin-top:22px;z-index:8;font-size:17px}.folder-description p{font-size:17px}.folder-hint{font-size:15px;margin-top:100px}
.collage-projects{min-height:1650px;display:grid;grid-template-columns:43% 57%;padding:100px 4%;gap:1%;overflow:clip}.projects-message{position:sticky;top:190px;align-self:start;padding-top:110px}.projects-message .paper-title{font-size:clamp(57px,4.6vw,90px);line-height:1.1;transform:none}.projects-message .paper-title em{display:inline-block;margin:0 0 0 20px}.projects-message .pink-label{background:none;color:#b92996;font-size:23px;margin:35px 0;transform:none}.projects-message .raised-button{min-height:105px;padding:25px 35px;max-width:360px;font-size:31px;border-radius:13px}.collage-projects>.paper-scrap{display:none}.project-photo-wall{display:flex;align-items:flex-start;gap:5%;height:1450px;overflow:visible;grid-template-columns:none;padding:0;margin:0}.wall-column{width:30%;display:flex;flex-direction:column;gap:70px;flex:none;will-change:translate}.wall-column:nth-child(2){padding-top:140px}.wall-photo{display:block;background:none;padding:0;box-shadow:none;border:0;margin:0;transform:rotate(var(--angle,-3deg));filter:drop-shadow(0 7px 8px #36567926)}.wall-photo img{height:265px;width:100%;object-fit:contain;aspect-ratio:auto}.wall-photo>span{font-size:17px;display:table;margin:6px auto 0;background:#fff;padding:4px 9px;color:#ad2786}.wall-status{font-size:13px!important;text-align:center;line-height:1.7}.scene-motion .collage-projects .wall-photo:nth-child(n){translate:none}.scene-motion .wall-column:nth-child(odd){translate:0 calc((var(--gallery-progress,.5) - .5)*-360px)}.scene-motion .wall-column:nth-child(2){translate:0 calc((var(--gallery-progress,.5) - .5)*360px)}
.process-receipts{padding:70px 4% 110px}.receipt-grid{max-width:1680px;gap:28px;margin-top:75px}.receipt-printer,.receipt-printer:nth-child(2){transform:none;padding-top:55px}.receipt-printer:before{height:85px;top:0;left:-3%;right:-3%;background:transparent url('/assets/gpt/receipt-printer-slot.webp') center/100% 100% no-repeat;box-shadow:none;border-radius:0;z-index:5}.receipt-feed{padding:0 9% 15px}.receipt-feed .process-receipt{min-height:735px;padding:50px 30px 35px;display:flex;flex-direction:column;background:linear-gradient(#e1e1e1,#fcfcfc 20%,#f2f2f2 72%,#fff);box-shadow:none;border:0}.process-receipt h3{text-align:center;font-size:50px;margin:0 0 24px}.process-receipt h3 em{color:var(--yellow);-webkit-text-stroke:1px #30262c;paint-order:stroke fill;display:block;font-size:1.55em;margin-top:-5px}.process-receipt p,.process-receipt li{font-size:17px;line-height:1.8}.process-receipt ul{border-bottom:2px dashed #444;padding-bottom:25px}.process-receipt li{margin-bottom:11px}.receipt-number{font-size:16px}.receipt-finale{display:block;margin-top:auto;text-align:right;border-top:2px dashed #444;padding:20px 0 10px;font:15px var(--sans)}.receipt-finale b{font:64px var(--display);color:var(--pink);-webkit-text-stroke:1px #31242b;paint-order:stroke fill}.receipt-barcode{flex:none;height:34px}.receipt-button{min-height:67px;font-size:28px;border-radius:10px;flex:none}.receipt-bottom{font-size:12px;line-height:1.8}
.meet-section{padding:60px 4% 115px}.meet-paper{max-width:1660px;padding:90px 60px 100px}.meet-title{font-size:clamp(56px,6.6vw,122px)}.pink-raised{max-width:none;min-height:120px;border-radius:15px;background:linear-gradient(#ffd3f5,#f7a8e6 48%,#e046c3);border:0;box-shadow:inset 5px 0 7px #fff9,inset -5px 0 7px #c42fa680,0 6px 0 #c135a5;font-size:clamp(21px,2.4vw,42px);padding:25px 35px}.pink-raised:hover{background:#ee84d5;transform:none}.service-ticker{transform:rotate(-.4deg);height:72px}.ticker-track span{font-size:26px;padding:0 55px}
.collage-contact{height:1160px;min-height:0;padding:0;overflow:hidden}.collage-contact:before,.collage-contact:after{display:none}.envelope-scene{position:absolute;width:min(1020px,65vw);height:850px;left:50%;bottom:-50px;transform:translateX(-50%) rotate(-10deg);isolation:isolate}.envelope-layer{position:absolute;bottom:0;left:0;width:100%;height:auto;object-fit:contain;pointer-events:none}.envelope-back{z-index:1}.envelope-front{z-index:4}.envelope-scene .envelope-flap{inset:auto 0 0;width:100%;height:auto;clip-path:none;background:none;z-index:1;filter:none;transform-origin:50% 20%;transform:rotateX(180deg)}.contact-letter{position:absolute;width:66%;height:760px;aspect-ratio:auto;max-width:none;left:17%;bottom:105px;padding:65px 40px 190px;z-index:3;transform:rotate(-5deg);rotate:0;translate:0 0;scale:1;opacity:1;background:#fafafa var(--paper-texture) center/cover;box-shadow:none;filter:drop-shadow(0 10px 12px #80286625)}.contact-letter h2{font-size:58px;line-height:1.07;margin:28px 0}.contact-letter p{font:16px/1.9 var(--hand);margin:25px 0}.contact-letter .raised-button{font-size:28px;min-height:76px;position:relative;z-index:5}.green-label{font-size:14px;padding:8px}.scene-motion .contact-letter{translate:0 calc((1 - var(--letter-progress,1))*190px);scale:1;rotate:0;opacity:1}.scene-motion .envelope-scene .envelope-flap{transform:rotateX(calc(var(--letter-progress,1)*180deg))}
.collage-testimonials{padding:70px 4% 0;overflow:hidden}.collage-testimonials>.paper-title{font-size:clamp(64px,7vw,125px);position:relative;z-index:7}.testimonial-garden{max-width:1600px;margin:90px auto 0;padding:0 0 290px}.garden-bubbles{grid-template-columns:repeat(12,minmax(0,1fr));gap:60px 35px;padding:0 3%;align-items:start}.client-note:nth-child(1){grid-column:1/span 6;grid-row:1;margin:70px 0 0;--tilt:0deg}.client-note:nth-child(2){grid-column:7/span 6;grid-row:1;margin:0;--tilt:0deg}.client-note:nth-child(3){grid-column:4/span 6;grid-row:2;margin:0;--tilt:0deg}.client-note{padding:35px;border-radius:16px;background:#fff var(--paper-texture) center/cover;z-index:3}.client-note blockquote{font-size:clamp(19px,1.35vw,25px);line-height:1.5}.client-note figcaption strong{font-size:27px}.client-note figcaption span:not(.note-avatar){font-size:15px}.client-note a{font-size:16px}.client-note.star-note{display:none}.garden-flowers{bottom:0;height:500px;width:37%;background-size:auto 100%;z-index:2}.flowers-left{left:-9%}.flowers-right{right:-9%}.garden-border,.flower-border{background-image:url('/assets/flower-border-seamless.webp');background-repeat:repeat-x;background-size:auto 100%}.garden-border{height:260px;z-index:1}.testimonial-garden .paper-button{font-size:25px}
.site-footer{position:relative;min-height:calc(100svh - 88px);padding:80px 4% 25px;display:flex;flex-direction:column;overflow:hidden}.footer-scene{max-width:none;width:100%;flex:1;grid-template-columns:30% 50% 14%;gap:3%;min-height:650px}.footer-centre{height:100%;min-height:650px}.footer-wordmark{width:170px}.site-footer .footer-links{font-size:28px;gap:18px 12px}.footer-links a{clip-path:polygon(2% 0,98% 3%,100% 95%,1% 100%);box-shadow:none}.site-footer .footer-email{font-size:21px}.footer-computer{position:absolute;left:-10%;bottom:-100px;width:57%;z-index:1;rotate:-5deg}.footer-computer>img:first-child{width:100%;height:auto;filter:drop-shadow(5px 0 0 white) drop-shadow(-5px 0 0 white)}.computer-mark{position:absolute;left:41%;top:26%;height:19%;width:12%;object-fit:contain;rotate:5deg}.footer-crew{left:35%;right:-7%;height:450px;bottom:-35px;z-index:3}.crew{filter:drop-shadow(6px 0 0 #fffdf7) drop-shadow(-6px 0 0 #fffdf7) drop-shadow(0 6px 0 #fffdf7)}.crew-raj{height:400px;left:20%}.crew-swathi{height:325px;left:-4%}.crew-tia{height:310px;left:58%}.crew-label{bottom:35px;left:28%;font-size:15px}.footer-note{top:auto;bottom:305px;left:4%;z-index:2;rotate:-10deg;width:145px;font-size:13px}.float-icon{top:0;width:75px;height:75px}.icon-badge{left:10%}.icon-domino{left:31%;width:65px}.icon-spark{left:51%}.icon-star{left:72%}.icon-pixel{left:28%;top:110px}.footer-right{min-height:650px}.keycap{width:96px;height:96px;border-radius:16px;font-size:31px;box-shadow:0 10px 0 #d338a8,inset 5px 5px 7px #ffdcf5,inset -5px -5px 5px #eb7acb}.keycaps{grid-template-columns:repeat(2,96px);gap:18px}.keycap-up{box-shadow:0 10px 0 #c7b705,inset 5px 5px 7px #fff59f,inset -5px -5px 5px #e1c700}.site-footer .footer-bottom{border:0;font-size:15px;margin-top:28px;padding-top:0;position:relative;z-index:4}
.dialog-paper{background:#ffb8e7 var(--pink-texture) center/cover}.brief-form input,.brief-form textarea{background:#fff var(--paper-texture) center/cover}
@media(min-width:761px) and (max-width:1399px){.header-manifesto{display:none!important}.collage-hero{height:1300px}.cutout-cherry{top:520px;height:540px}.cutout-orya{top:850px}.cutout-zukae{top:800px}.hero-collateral{top:635px;height:365px}.hero-note{top:455px;width:180px}.note-cherry{top:1090px}.note-orya{top:810px;left:3%}.book-stage{min-height:700px}.studio-book{width:85vw}.book-section{height:1400px;min-height:1400px}.folder-cover h3{font-size:20px}.receipt-feed{padding-inline:4%}.receipt-feed .process-receipt{padding:42px 22px 28px}.process-receipt h3{font-size:43px}.footer-scene{grid-template-columns:29% 50% 15%;min-height:550px}.footer-centre,.footer-right{min-height:550px}.keycap{width:75px;height:75px}.keycaps{grid-template-columns:repeat(2,75px)}.site-footer .footer-links{font-size:23px}.footer-crew{height:380px}.crew-raj{height:335px}.crew-swathi{height:285px}.crew-tia{height:270px}.footer-note{bottom:255px}}
@media(max-width:760px){
 .sky-scene{background-attachment:scroll;background-size:auto 100%;background-position:center top}.site-header{height:76px;padding:10px 5%;gap:10px}.site-header .brand{width:180px}.site-header .wordmark{width:137px}.site-header nav a{font-size:20px;padding:16px}.header-manifesto{display:none!important}
 .collage-hero{height:1040px;min-height:0;max-height:none;padding-top:115px}.hero-heading-paper{width:96%;padding:23px 4px}.hero-heading-paper h1{font-size:clamp(43px,10.4vw,74px);line-height:1.15}.paper-words{font-size:20px;margin-top:24px}.hero-scroll{font-size:19px;margin-top:23px}.cutout-cherry{left:-8%;top:470px;height:355px;width:67%;bottom:auto}.cutout-zukae{right:-7%;top:740px;width:58%;height:245px;bottom:auto}.cutout-orya{display:none}.hero-collateral{display:block;left:52%;top:530px;width:48%;height:265px;transform:rotate(10deg)}.hero-collateral img{width:100%;height:100%;object-fit:contain}.hero-collateral>span{font-size:11px;bottom:0;left:0}.hero-note{top:380px;right:6%;width:140px;padding:27px 13px 20px;transform:rotate(7deg)}.hero-note p{font-size:10px}.hero-note>span{font-size:12px}.hero-note:before{display:none}.product-note{display:none}.hero-motion-pause{bottom:12px}.cutout-cherry .cutout-status{font-size:12px;left:9%;bottom:18%}
 .book-section{height:auto;min-height:0;padding:65px 3% 70px}.book-stage{position:static;min-height:0;height:auto;padding:0;overflow:visible;gap:24px}.studio-book{width:100%;height:690px;aspect-ratio:auto;background-size:100% 100%;transform:none;filter:none}.book-spread{padding:55px 27px}.book-spread.spread-a{justify-content:flex-start;opacity:1}.book-intro{font-size:13px;line-height:2;margin-top:30px}.book-team{width:100%;height:52%;margin-top:28px}.book-tape{font-size:14px;padding:7px 12px}.book-spread.spread-b,.book-flip{display:none}.book-link{font-size:23px}
 .hanging-section{padding:65px 0 60px}.hanging-section .paper-title{font-size:48px;max-width:92%;line-height:1.2}.hanging-filter{gap:12px;padding:0 6%;margin:28px 0;flex-wrap:wrap}.hanging-filter button{font-size:16px}.hanging-rail{padding:115px 13% 45px;min-height:470px;gap:60px}.hanging-project{flex-basis:225px;margin-top:var(--drop)}.hanging-cutout .hanging-photo img{height:265px}.hanging-project:before{width:36px;height:105px;top:-83px}.hanging-photo strong{font-size:20px}.hanging-photo small{font-size:13px}.hanging-rail:before{top:65px}.hanging-section>.raised-button{font-size:24px}
 .vibe-section{height:790px}.vibe-tag{top:75px;width:300px;min-height:245px;padding:42px 24px;transform:translateX(-50%) rotate(-7deg)}.vibe-tag h2{font-size:65px;-webkit-text-stroke:1px #432737}.vibe-tag h2 small{font-size:20px;margin-bottom:14px}.vibe-products{height:350px;bottom:70px}.product-goodkind{left:-16%;width:70%;height:380px;bottom:-20px;transform:rotate(-17deg)}.product-forme{left:47%;width:57%;height:350px;bottom:-50px;transform:rotate(20deg)}.product-cherry,.product-zukae{display:none}.vibe-product>span{font-size:12px;left:20%;bottom:28%}.product-study-caption{bottom:195px;font-size:12px;white-space:normal;text-align:center;max-width:170px}.vibe-meadow-back{height:180px}.vibe-section .flower-border{height:150px}
 .folder-section{padding:70px 6% 55px}.folder-section>.paper-title{font-size:58px;margin-bottom:28px;line-height:1.2}.folder-section>.section-handwritten{font-size:15px;line-height:1.9;max-width:290px;margin:20px auto 0}.folder-grid{display:block;margin:105px auto 0;max-width:430px}.service-folder,.service-folder:nth-child(n){margin:0 0 120px;width:100%;transform:none}.service-folder:nth-child(even){width:90%;margin-left:10%}.service-folder:last-child{margin-bottom:0}.folder-cover h3,.service-folder:nth-child(3) .folder-cover h3{font-size:17px}.folder-art{height:110%}.service-folder:is(:hover,:focus-within,.is-open,.is-peeking) .folder-art{transform:translateY(-17%) rotate(-5deg)}.folder-description p{font-size:16px}.folder-hint{font-size:13px;margin-top:50px}
 .collage-projects{display:block;min-height:0;padding:65px 6% 30px;overflow:hidden}.projects-message{position:relative;top:auto;padding-top:0}.projects-message .paper-title{font-size:58px;max-width:100%}.projects-message .pink-label{font-size:18px;margin:28px 0}.projects-message .raised-button{font-size:25px;min-height:85px;width:100%;max-width:none}.project-photo-wall{margin:60px -7% 0;gap:6%;height:900px}.wall-column{width:47%;gap:45px}.wall-column:nth-child(3){display:none}.wall-column:nth-child(2){padding-top:90px}.wall-photo img{height:205px}.wall-photo>span{font-size:15px}.wall-status{font-size:12px!important}
 .process-receipts{padding:55px 5% 65px}.process-receipts>.paper-title{font-size:48px}.receipt-grid{display:grid;grid-template-columns:1fr;gap:40px;max-width:400px;margin-top:45px}.receipt-printer{padding-top:45px}.receipt-printer:before{height:65px}.receipt-feed{padding-inline:9%}.receipt-feed .process-receipt{min-height:670px;padding:35px 23px 25px}.process-receipt h3{font-size:43px}.process-receipt p,.process-receipt li{font-size:16px}.receipt-finale b{font-size:58px}
 .meet-section{padding:35px 4% 100px}.meet-paper{padding:60px 23px 55px}.meet-title{font-size:46px;line-height:1.2}.pink-raised{min-height:95px;font-size:21px;padding:20px 16px;line-height:1.25}.service-ticker{height:52px}.ticker-track span{font-size:19px;padding:0 25px}
 .collage-contact{height:900px;padding:0}.envelope-scene{width:115%;height:710px;bottom:-5px;transform:translateX(-50%) rotate(-5deg)}.contact-letter{width:72%;left:14%;height:650px;padding:47px 22px 130px;bottom:50px;transform:rotate(-3deg)}.contact-letter h2{font-size:39px;margin:27px 0}.contact-letter p{font-size:13px;line-height:1.9}.green-label{font-size:11px;line-height:1.5;padding:6px 4px}.contact-letter .raised-button{font-size:25px;min-height:70px;padding:12px 20px}.envelope-scene .envelope-flap{transform:rotateX(180deg)}
 .collage-testimonials{padding:60px 5% 0}.collage-testimonials>.paper-title{font-size:52px}.testimonial-garden{margin:50px auto 0;padding-bottom:160px}.garden-bubbles{display:flex;gap:30px;padding:0}.client-note,.client-note:nth-child(n){width:100%;max-width:none;margin:0;padding:26px 23px;--tilt:0deg}.client-note.star-note{display:none}.client-note blockquote{font-size:18px}.client-note figcaption strong{font-size:23px}.client-note figcaption span:not(.note-avatar){font-size:14px}.garden-flowers{display:none}.garden-border{height:160px}.testimonial-garden .paper-button{font-size:22px;line-height:1.3;max-width:90%}
 .site-footer{position:relative;min-height:0;padding:50px 6% 24px}.footer-scene{display:flex;flex-direction:column;gap:38px;min-height:0}.footer-left{width:100%}.footer-wordmark{width:160px}.site-footer .footer-email{font-size:19px}.site-footer .footer-links{font-size:21px}.footer-centre{width:100%;height:450px;min-height:450px}.footer-computer{width:61%;bottom:0;left:-10%}.footer-crew{left:29%;right:-10%;height:270px;bottom:0}.crew-raj{height:230px;left:18%}.crew-swathi{height:195px;left:-9%}.crew-tia{height:185px;left:58%}.crew-label{font-size:10px;bottom:9px;left:12%}.footer-note{width:108px;font-size:10px;left:3%;bottom:235px;top:auto;padding:10px}.footer-note>span{font-size:23px}.float-icon{width:52px;height:52px;padding:9px}.icon-badge{left:8%}.icon-domino{left:31%;width:42px}.icon-spark{left:54%;font-size:30px}.icon-star{left:77%;font-size:30px}.icon-pixel{top:77px;width:45px;height:45px;font-size:25px;left:45%}.footer-right{min-height:0;width:100%;flex-direction:row;align-items:center}.keycap{width:66px;height:66px;font-size:26px}.keycaps{display:flex;gap:13px}.site-footer .footer-bottom{font-size:12px;line-height:1.6;margin-top:35px}
}
@media(prefers-reduced-motion:reduce){.book-section{height:auto;min-height:0}.book-stage{position:relative}.book-spread.spread-a{opacity:1}.book-spread.spread-b,.book-flip{display:none}.wall-column{translate:none!important}.contact-letter{translate:0 0!important}.sky-scene{background-attachment:scroll}.vibe-products{translate:none!important}}
.motion-paused .wall-column{translate:none!important}.motion-paused .book-spread.spread-a{opacity:1}.motion-paused .book-spread.spread-b{opacity:0}
.footer-apps{position:absolute;left:4%;right:0;top:-18px;display:grid;grid-template-columns:repeat(3,110px);gap:24px 30px;z-index:4;width:max-content}.app-sticker{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 4px 1px #ba9e0033);transform:rotate(-12deg)}.app-illustrator{transform:rotate(-17deg)}.app-after-effects{transform:rotate(15deg)}.app-photoshop{transform:rotate(14deg);margin-left:25px}.app-xd{transform:rotate(-17deg);margin-left:25px}.footer-note{z-index:5}
@media(max-width:1399px) and (min-width:761px){.footer-apps{grid-template-columns:repeat(3,90px);gap:18px 20px}.app-sticker{width:90px;height:90px}}
@media(max-width:760px){.footer-apps{left:10%;top:0;grid-template-columns:repeat(3,65px);gap:12px 15px}.app-sticker{width:65px;height:65px}.app-photoshop,.app-xd{margin-left:20px}}
.hero-note{min-height:230px;padding:47px 22px 30px}.hero-note p{font:13px/1.85 var(--sans);font-weight:600}.product-note{min-height:210px;padding:38px 20px 30px;font:14px/1.7 var(--sans);font-weight:500}.product-note strong{font:16px/1.2 var(--display);padding:3px}.note-cherry{top:1085px}.folder-section>.section-handwritten{margin-top:55px}.folder-grid{margin-top:155px}.service-folder:nth-child(1){margin-top:55px}
@media(max-width:760px){.hero-note{min-height:165px;padding:33px 16px 25px}.hero-note p{font-size:10px;line-height:1.7}.folder-section>.section-handwritten{margin-top:40px}.folder-grid{margin-top:120px}.service-folder:nth-child(1){margin-top:0}}

/* Pass 1: native meadow cover transition and physical folder inserts. */
.vibe-services-scene{position:relative;isolation:isolate;overflow:visible}
.vibe-services-scene>.vibe-section{position:sticky;top:min(0px,calc(100svh - 980px));height:max(980px,100svh);z-index:1}
.vibe-services-scene>.folder-section{position:relative;z-index:2;background:var(--yellow)}
#services .service-folder:nth-child(n) .folder-art{width:86%;left:7%;height:120%;bottom:5%;transform:translateY(10%) scale(.2);transform-origin:50% 85%;transition:transform .38s cubic-bezier(.22,.7,.25,1);filter:drop-shadow(0 5px 3px #5c29421a)}
#services .service-folder:nth-child(n):is(.is-open,.is-peeking) .folder-art,
#services .service-folder:nth-child(n) .folder-trigger:focus-visible~.folder-art{transform:translateY(-30%) scale(1)}
#services .folder-trigger:focus-visible{outline:3px solid #181818;outline-offset:7px;border-radius:12px}
@media(hover:hover) and (pointer:fine){
 #services .service-folder:nth-child(n):hover .folder-art{transform:translateY(-30%) scale(1)}
}
@media(max-width:760px){
 .vibe-services-scene>.vibe-section{height:max(790px,100svh);top:min(0px,calc(100svh - 790px))}
 #services .service-folder:nth-child(n) .folder-art{height:115%}
 #services .service-folder:nth-child(n):is(.is-open,.is-peeking) .folder-art,
 #services .service-folder:nth-child(n) .folder-trigger:focus-visible~.folder-art{transform:translateY(-26%) scale(1)}
}
@media(prefers-reduced-motion:reduce){
 .vibe-services-scene>.vibe-section{position:relative;top:auto}
 #services .service-folder:nth-child(n) .folder-art{transition:none}
}
.motion-paused #services .service-folder:nth-child(n) .folder-art{transition:none}

/* Hero fix for screens below 1100px: the GOOD KIND pouch was left in the page flow (only wider screens positioned it),
   so it pushed the "Get to know us" tag under the Cherry can and its label ran off the left edge. */
@media(max-width:1099px){
  .hero-collateral{position:absolute;z-index:6}
  .hero-collateral img{width:100%;height:100%;object-fit:contain}
  .hero-collateral>span{position:absolute;white-space:nowrap;background:var(--yellow);color:#1f1b1c;font:13px var(--display);padding:4px 10px;transform:rotate(-3deg)}
  .hero-scroll{z-index:9}
}
@media(max-width:760px){
  .collage-hero{height:1130px}
  .cutout-cherry{left:-6%;top:455px;width:56%;height:350px}
  .hero-collateral{left:auto;right:-3%;top:470px;width:47%;height:280px;transform:rotate(9deg)}
  .hero-collateral>span{left:14%;bottom:8%;font-size:12px}
  .hero-note{top:840px;left:4%;right:auto;width:150px;transform:rotate(-6deg)}
  .cutout-zukae{right:-6%;top:800px;width:56%;height:280px}
}
@media(min-width:761px) and (max-width:1099px){
  .collage-hero{height:1430px}
  .cutout-cherry{left:3%;top:650px;width:28%;height:400px}
  .hero-collateral{left:36%;top:700px;width:26%;height:330px;transform:rotate(9deg)}
  .cutout-zukae{right:2%;top:745px;width:30%;height:380px}
  .cutout-orya{left:32%;top:1040px;width:30%;height:330px}
  .note-cherry{left:4%;top:1075px}
  .note-orya{left:64%;top:1170px;z-index:4}
}
/* Pass 2 — composition, reading rhythm, and project context. */
@media(min-width:1100px){
 .collage-hero{height:1240px;padding-top:125px}
 .hero-heading-paper{width:72%;max-width:1240px}
 .hero-heading-paper h1{font-size:clamp(90px,7.8vw,148px)}
 .paper-words{margin-top:12px;font-size:clamp(25px,2vw,34px)}
 .hero-scroll{margin-top:20px}
 .cutout-cherry{left:2%;top:470px;width:29%;height:510px}
 .hero-collateral{left:auto;right:2%;top:470px;width:26%;height:405px;transform:rotate(8deg)}
 .cutout-zukae{right:8%;top:860px;width:27%;height:320px;transform:rotate(12deg)}
 .cutout-orya{left:33%;top:785px;width:31%;height:365px;transform:rotate(-5deg)}
 .hero-note{left:7%;right:auto;top:995px;width:190px;min-height:180px;padding:36px 20px 24px;transform:rotate(-5deg)}
 .hero-note p{font-size:12px;line-height:1.65}
 .product-note{display:none}
 .collage-hero .paper-scrap{animation:none}
}
.hanging-photo .hanging-services{display:block;margin:10px auto 4px;max-width:26ch;font:500 15px/1.6 var(--sans);color:#222a35;background:#fffdf4;padding:5px 10px;width:fit-content}
.hanging-photo .hanging-view{display:block;margin:9px auto 0;font:600 13px/1.5 var(--sans);color:#25364c;text-decoration:underline;text-underline-offset:4px}
.hanging-photo strong{display:table!important;margin:10px auto 0!important}
.hanging-photo small{max-width:26ch;line-height:1.5}
.hanging-rail{min-height:740px;padding-bottom:55px;scroll-padding-inline:7%;scroll-snap-type:x proximity}
.hanging-project{scroll-snap-align:start;animation-duration:11s}
.hanging-rail:is(:hover,:focus-within) .hanging-project{animation-play-state:paused}
.hanging-project:focus-visible{outline:3px solid #243848;outline-offset:12px;border-radius:4px}
.wall-service{display:block;text-align:center;font:500 12px/1.6 var(--sans);color:#222a35;margin-top:5px}
.wall-status:empty{display:none}
.scene-motion .wall-column:nth-child(odd){translate:0 calc((var(--gallery-progress,.5) - .5)*-120px)}
.scene-motion .wall-column:nth-child(2){translate:0 calc((var(--gallery-progress,.5) - .5)*120px)}
.vibe-products{translate:calc(var(--px,0)*-12px) calc(var(--py,0)*-8px);transition:translate .65s ease-out}
.vibe-product img{opacity:1;filter:none}
.vibe-product:focus-visible{outline:3px dashed #fff;outline-offset:6px}
@media(min-width:761px){
 .vibe-tag{width:470px;min-height:310px;padding:48px 38px;top:65px;transform:translateX(-50%) rotate(-6deg)}
 .vibe-tag h2{font-size:94px}.vibe-tag h2 small{font-size:29px}
 .vibe-section .product-study-caption{bottom:auto;top:395px;max-width:400px;white-space:normal;text-align:center;z-index:6}
 .product-goodkind{left:-1%;width:29%;height:510px;bottom:0;transform:rotate(-15deg)}
 .product-forme{left:25%;width:23%;height:405px;bottom:-10px;transform:rotate(13deg)}
 .product-cherry{right:18%;width:23%;height:515px;bottom:0;transform:rotate(-9deg)}
 .product-zukae{right:-2%;width:29%;height:390px;bottom:-20px;transform:rotate(15deg)}
 .vibe-meadow-back{height:280px;opacity:.92}
 .vibe-section .flower-border{height:185px}
 .vibe-product>span{bottom:26%;font-size:13px}
}
@media(max-width:760px){
 .hanging-rail{min-height:560px;padding-bottom:45px;gap:55px}
 .hanging-photo .hanging-services{font-size:13px;max-width:25ch}
 .hanging-photo .hanging-view{font-size:12px}
 .wall-service{font-size:11px}
 .vibe-products{translate:none}
}
@media(prefers-reduced-motion:reduce){.vibe-products{translate:none!important;transition:none}.hanging-rail{scroll-behavior:auto}}
.motion-paused .vibe-products{translate:none!important;transition:none}
.vibe-meadow-back{mask-image:linear-gradient(to bottom,transparent,#000 35%)}
@media(min-width:761px){.vibe-section .product-goodkind{left:1%;width:28%;height:485px;transform:rotate(-12deg)}.vibe-section .product-zukae{right:1%;width:27%;height:365px;transform:rotate(12deg)}}
/* Keep the rope continuous after horizontal browsing or filtering. */
.hanging-rail:before{right:auto;width:var(--rail-length,100%)}
.scene-motion .hanging-rail .hanging-project{translate:none;transition:none}
/* Receipts: the fixed slot masks a single, measured paper feed. */
.process-receipts .receipt-grid{align-items:start;gap:clamp(22px,3vw,48px)}
.process-receipts .receipt-printer{padding-top:43px;isolation:isolate}
.process-receipts .receipt-printer:before{inset:0 0 auto;height:86px;background-size:100% 100%;z-index:3;pointer-events:none}
.process-receipts .receipt-feed{position:relative;padding:0 8% 18px;overflow:hidden}
.process-receipts .receipt-feed:after{content:'';position:absolute;top:0;left:8%;right:8%;height:26px;background:linear-gradient(#211c2538,transparent);pointer-events:none;z-index:2}
.process-receipts .receipt-feed .process-receipt{translate:0 0;transform:none;min-height:760px;padding:48px 26px 35px;background:linear-gradient(90deg,#f1efeb,#fffdf9 5%,#fffdf9 95%,#eceae6);transition:none}
.process-receipts .receipt-ready:not(.receipt-printed) .process-receipt{translate:0 calc(-100% + 18px)}
.process-receipts .receipt-ready.receipt-printed .process-receipt{translate:0 0;transition:translate 1.25s cubic-bezier(.2,.65,.25,1);transition-delay:calc(var(--receipt-order,0)*.12s)}
.process-receipts .receipt-number{font:500 13px/1.5 var(--sans);letter-spacing:.12em;color:#5b5559;margin-bottom:24px}
.process-receipts .process-receipt h3{font-size:clamp(36px,3.4vw,51px);line-height:1.1;margin:0 0 23px}
.process-receipts .process-receipt h3 em{margin-top:4px;line-height:1.15}
.process-receipts .process-receipt p,.process-receipts .process-receipt li{font:16px/1.7 var(--sans);color:#302b2e}
.process-receipts .process-receipt ul{margin:0 0 22px;padding:18px 0 22px 18px;min-height:0;border-bottom:1px dashed #8b8288}
.process-receipts .process-receipt li{margin-bottom:10px;padding-left:2px}
.process-receipts .receipt-finale{border-top:0;padding-top:0;font-size:12px;color:#5b5559}
.process-receipts .receipt-finale b{font-size:54px}
.process-receipts .receipt-button{font-size:25px;min-height:58px;border-radius:5px}
.process-receipts .receipt-bottom{font:500 11px/1.6 var(--sans);letter-spacing:.035em;background:#f8e4f1;color:#712652;padding:9px 5px}
.process-receipts .receipt-printer:focus-within .process-receipt{translate:0 0;transition:none}
@media(min-width:761px) and (max-width:1050px){
 .process-receipts .receipt-grid{grid-template-columns:1fr;max-width:470px;gap:55px}
 .process-receipts .receipt-feed .process-receipt{min-height:690px;padding:45px 30px 35px}
 .process-receipts .process-receipt h3{font-size:46px}
 .process-receipts .receipt-ready.receipt-printed .process-receipt{transition-delay:0s}
}
@media(max-width:760px){
 .process-receipts{padding:55px 5% 55px}
 .process-receipts .receipt-grid{gap:40px;margin-top:38px}
 .process-receipts .receipt-printer{padding-top:32px}
 .process-receipts .receipt-printer:before{height:64px}
 .process-receipts .receipt-feed{padding:0 7% 16px}
 .process-receipts .receipt-feed:after{left:7%;right:7%;height:20px}
 .process-receipts .receipt-feed .process-receipt{min-height:640px;padding:36px 22px 30px}
 .process-receipts .receipt-ready.receipt-printed .process-receipt{transition-duration:.85s;transition-delay:0s}
 .process-receipts .process-receipt h3{font-size:40px}
 .process-receipts .process-receipt p,.process-receipts .process-receipt li{font-size:15px;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){.process-receipts .receipt-ready .process-receipt{translate:0 0!important;transition:none!important}}
.motion-paused .process-receipts .receipt-ready .process-receipt{translate:0 0;transition:none}

/* Pinkage wordmark: sized by height so its capitals match the old wordmark's letter height at every breakpoint. */
.site-header .brand{width:auto}
.wordmark{width:auto!important;height:30px}
@media(max-width:1150px){.wordmark{height:24px}}
@media(min-width:761px) and (max-width:960px){.wordmark{height:26px}}
@media(max-width:760px){.site-header .wordmark{height:25px}}
.footer-wordmark{width:auto!important;height:31px;filter:brightness(0)}
@media(max-width:760px){.footer-wordmark{height:30px}}

/* Footer: keep the gap under the eyebrow line when no email address is shown. */
.footer-eyebrow + .footer-links{margin-top:32px}
@media(max-width:760px){.footer-eyebrow + .footer-links{margin-top:24px}}

/* Footer keys sit above the team figures, whose hover lift makes them catch clicks. */
.footer-right{position:relative;z-index:8}
/* Desktop: group the back-to-top key with the social keys at the bottom, so it is never hidden under the header on short laptop screens. */
@media(min-width:1151px){.footer-right{justify-content:flex-end;gap:18px}}
/* Sticky note sits on the computer screen (top-left) and the P tile on its lower right. The note is sized in
   container units of the computer (cqw), so both scale together and never overlap at any width. */
.footer-computer{container-type:inline-size}
.footer-computer .footer-note{left:6%;top:20%;bottom:auto;right:auto;width:40cqw;padding:3.6cqw 3.2cqw 3.2cqw;font-size:clamp(8px,3.4cqw,15px);line-height:1.45;rotate:-5deg;z-index:3}
.footer-computer .footer-note>span{font-size:clamp(14px,7.6cqw,32px);margin-bottom:1.4cqw}
.footer-computer .computer-mark{left:57%;top:29%}
@media(max-width:760px){
 .footer-computer .footer-note{left:19%;top:13%;width:36cqw;padding:3cqw 2.8cqw 2.6cqw}
 .footer-computer .computer-mark{left:62%;top:30%}
}