.playroom-home-page{--playroom-navy:#102442;--playroom-red:#d93822;--playroom-yellow:#ffd43c;--playroom-blue:#2469c7;color:var(--playroom-navy)}.playroom-container{width:min(1240px,90%);margin-inline:auto}.playroom-home-page h1,.playroom-home-page h2,.playroom-home-page h3{font-family:var(--playroom-display,"Kalam","Fredoka",cursive);letter-spacing:-.045em;font-weight:700;line-height:1.05}.playroom-hero{isolation:isolate;max-width:1600px;min-height:660px;margin-inline:auto;position:relative;overflow:hidden}.playroom-workshop{z-index:-1;object-fit:cover;object-position:right bottom;pointer-events:none;width:88%;height:100%;position:absolute;bottom:0;right:0}.playroom-hero-inner{width:min(1240px,90%);margin:auto;padding:65px 0 150px;position:relative}.playroom-introduction{width:56%;max-width:700px}.playroom-introduction h1{text-wrap:balance;margin:0 0 24px;font-size:clamp(4.5rem,7.7vw,7.6rem);line-height:.98;transform:rotate(-2deg)}.playroom-introduction h1>span{color:var(--playroom-red);letter-spacing:-.045em;white-space:nowrap;margin-top:13px;padding-bottom:8px;font-size:.53em;line-height:1.2;display:block;position:relative}.playroom-introduction h1>span:after{content:"";background:var(--playroom-yellow);clip-path:polygon(0 35%,96% 0,100% 70%,15% 100%);width:67%;height:8px;display:block;position:absolute;bottom:-2px;left:23%;transform:rotate(-2deg)}.playroom-introduction p{max-width:460px;margin:28px 0 25px;font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.5}.playroom-button{background:var(--playroom-yellow);color:#102442;border-radius:999px;justify-content:center;align-items:center;gap:28px;min-height:52px;padding:13px 27px;font-weight:800;line-height:1.3;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 2px #cba427}.playroom-button:hover{background:#ffe06a;transform:translateY(-2px)}.playroom-button:active{transform:translateY(1px)}.playroom-button svg{width:23px;height:23px;transform:rotate(45deg)}.playroom-projects{padding-top:32px;padding-bottom:18px;scroll-margin-top:90px}.playroom-section-title{justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;display:flex}.playroom-section-title h2,.playroom-services h2{text-wrap:balance;margin:0;font-size:clamp(2.5rem,4.2vw,4rem)}.playroom-section-title h2:after{content:"";vertical-align:middle;background:linear-gradient(115deg,#0000 35%,#ffd43c 37% 65%,#0000 67%);width:34px;height:34px;margin-left:20px;display:inline-block;transform:rotate(14deg)}.playroom-all-projects{white-space:nowrap;align-items:center;gap:13px;padding-bottom:6px;font-size:.95rem;font-weight:800;display:flex;position:relative}.playroom-all-projects:after{content:"";background:var(--playroom-red);height:3px;position:absolute;bottom:0;left:0;right:25px;transform:rotate(-2deg)}.playroom-all-projects svg{width:20px;height:20px;transform:rotate(45deg)}.playroom-featured-projects{grid-template-columns:1fr 1fr;gap:6%;display:grid}.playroom-featured-project{min-width:0;display:block;position:relative}.playroom-featured-art{isolation:isolate;aspect-ratio:1.15;place-items:center;margin:0 0 22px;display:grid;position:relative}.playroom-featured-art img{object-fit:contain;width:auto;max-width:100%;height:100%;transition:transform .24s}.playroom-featured-project:hover .playroom-featured-art img{transform:translateY(-5px)rotate(-1deg)}.playroom-project-pieceperfect .playroom-featured-art{clip-path:polygon(0 2%,18% 0,51% 1%,77% 0,98% 2%,100% 35%,99% 72%,100% 98%,73% 100%,40% 98%,1% 100%,0 68%,1% 32%);background:#f64a2c;padding:19px}.playroom-project-pieceperfect .playroom-featured-art img{aspect-ratio:1;border-radius:15%;height:100%;max-height:100%}.playroom-project-copycat-expansion .playroom-featured-art:before{content:"";z-index:-1;clip-path:polygon(2% 23%,15% 16%,20% 0,37% 8%,48% 4%,66% 13%,80% 5%,94% 15%,89% 38%,100% 51%,91% 63%,99% 77%,81% 88%,67% 80%,56% 100%,38% 88%,19% 97%,15% 77%,0 69%,8% 49%);background:linear-gradient(90deg,#ffd43c 0 25%,#f64a2c 25% 50%,#bad3df 50% 75%,#4280a4 75%);position:absolute;inset:10% 1%;transform:rotate(8deg)}.playroom-project-copycat-expansion .playroom-featured-art img{filter:drop-shadow(0 5px 3px #10244216);width:94%;height:100%}.playroom-featured-caption{justify-content:space-between;align-items:center;gap:18px;display:flex}.playroom-featured-caption h3{text-wrap:balance;margin:0 0 4px;font-size:clamp(1.9rem,2.5vw,2.6rem)}.playroom-featured-caption p{margin:0;font-size:1.05rem;line-height:1.5}.playroom-featured-caption>svg{flex:none;width:26px;height:26px;transform:rotate(45deg)}.playroom-other-projects{border-block:1px solid #10244235;justify-content:space-between;align-items:center;gap:15px;margin:38px 0 0;padding:17px 0;font-size:1rem;font-weight:700;display:flex}.playroom-other-projects a{border-left:1px solid #10244235;align-items:center;gap:18px;padding-inline:12px;display:flex}.playroom-other-projects a svg{width:18px;height:18px;transform:rotate(45deg)}.playroom-other-projects a:hover,.playroom-project-link:hover strong{color:var(--playroom-red)}.playroom-project-index{border-bottom:1px solid #10244235;margin:0}.playroom-project-index summary{cursor:pointer;justify-content:space-between;align-items:center;padding:17px 0;font-size:.98rem;font-weight:700;list-style:none;display:flex}.playroom-project-index summary::-webkit-details-marker{display:none}.playroom-project-index summary>span{font-size:1.8rem;font-weight:400;line-height:1}.playroom-project-index[open] summary>span{transform:rotate(45deg)}.playroom-index-content{padding:0 0 20px}.playroom-filters{flex-wrap:wrap;justify-content:flex-start!important;gap:8px!important;margin:7px 0 20px!important;display:flex!important}.playroom-filters[hidden]{display:none!important}.playroom-filters button{font:700 .9rem/1.5 var(--body);border-radius:99px;min-height:40px;padding:7px 15px;color:var(--playroom-navy)!important;box-shadow:none!important;background:0 0!important;border:1px solid #10244255!important}.playroom-filters button[aria-pressed=true]{background:var(--playroom-navy)!important;color:#fff8e8!important}.playroom-filters .filter-count{opacity:.7;margin-left:6px}.playroom-project-list{grid-template-columns:1fr 1fr;gap:0 32px;display:grid}.playroom-project-link{border-top:1px solid #10244225;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;display:flex}.playroom-project-link strong{font:700 1.1rem/1.4 var(--body);display:block}.playroom-project-link small{color:var(--muted);margin-top:3px;font-size:.8rem;display:block}.playroom-project-link svg{flex:none;width:20px;height:20px;transform:rotate(45deg)}.playroom-index-note{color:var(--muted);margin:15px 0 0;font-size:.8rem;line-height:1.5}.playroom-category-links{gap:20px;margin-bottom:20px;font-weight:700;display:flex}.playroom-services{padding-top:38px;padding-bottom:82px;scroll-margin-top:100px}.playroom-services h2{margin-bottom:32px}.playroom-service-links{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.playroom-service{isolation:isolate;align-items:center;gap:20px;min-height:139px;padding:24px 23px;transition:transform .18s;display:flex;position:relative}.playroom-service:before{content:"";background:var(--service-paint);z-index:-1;clip-path:polygon(0 3%,20% 1%,45% 2%,76% 0,100% 4%,98% 48%,100% 95%,75% 99%,47% 97%,15% 100%,1% 96%,2% 46%);position:absolute;inset:0}.playroom-service:first-child{--service-paint:#ffd43c;transform:rotate(-2deg)}.playroom-service:nth-child(2){--service-paint:#e84129;color:#fff8e8;transform:rotate(1deg)}.playroom-service:nth-child(3){--service-paint:#2569c6;color:#fff8e8;transform:rotate(-1.5deg)}.playroom-service:hover{transform:translateY(-5px)rotate(0)}.playroom-service>svg:first-child{flex:none;width:49px;height:49px}.playroom-service>span{font:700 clamp(1.5rem,2.05vw,2rem)/1.1 var(--playroom-display,"Kalam","Fredoka",cursive);letter-spacing:-.035em}.playroom-service>svg:last-child{display:none}.playroom-contact{color:#fff8e8;isolation:isolate;background:#102442;margin-top:8px;padding:42px 0 38px;position:relative}.playroom-contact:before{content:"";clip-path:polygon(0 45%,4% 30%,8% 49%,13% 23%,18% 55%,24% 35%,30% 60%,35% 20%,40% 40%,47% 25%,54% 55%,63% 30%,70% 60%,78% 20%,86% 55%,93% 30%,100% 50%,100% 100%,0 100%);background:#102442;height:19px;position:absolute;inset:-10px 0 auto}.playroom-contact-inner{align-items:center;gap:35px;min-height:100px;padding-right:170px;display:flex;position:relative}.playroom-contact h2{color:#fff8e8;margin:0 0 10px;font-size:clamp(2.8rem,4.2vw,4.1rem)}.playroom-contact p{margin:0;font-size:1.07rem;line-height:1.5}.playroom-contact .playroom-button{white-space:nowrap;margin-left:auto}.playroom-house{color:#fff8e8;opacity:.85;width:140px;height:140px;position:absolute;bottom:-20px;right:0}.playroom-house svg{width:100%;height:100%}:root[data-theme=dark] .playroom-home-page{--playroom-navy:#f5e8cd;--playroom-red:#ff8e69;--playroom-yellow:#ffd43c;color:var(--playroom-navy)}:root[data-theme=dark] .playroom-workshop{opacity:.8}:root[data-theme=dark] .playroom-button{color:#102442}:root[data-theme=dark] .playroom-other-projects,:root[data-theme=dark] .playroom-project-index,:root[data-theme=dark] .playroom-project-link,:root[data-theme=dark] .playroom-other-projects a{border-color:#f5e8cd40}:root[data-theme=dark] .playroom-filters button{color:#f5e8cd!important;border-color:#f5e8cd70!important}:root[data-theme=dark] .playroom-filters button[aria-pressed=true]{color:#102442!important;background:#f5e8cd!important}@media (width>=1600px){.playroom-hero{min-height:730px}.playroom-hero-inner{padding-top:90px}.playroom-introduction h1{font-size:7.8rem}}@media (width<=1000px){.playroom-hero{min-height:610px}.playroom-hero-inner{padding-top:55px}.playroom-introduction{width:63%}.playroom-introduction h1{font-size:clamp(4.3rem,8.6vw,6.2rem)}.playroom-workshop{object-position:65% bottom;width:100%}.playroom-featured-caption h3{font-size:2rem}.playroom-service{gap:14px;min-height:126px;padding-inline:15px}.playroom-service>svg:first-child{width:37px;height:37px}.playroom-service>span{font-size:1.55rem}.playroom-contact-inner{gap:20px;padding-right:125px}.playroom-house{width:110px;height:110px}}@media (width<=760px){.playroom-hero{min-height:700px}.playroom-hero-inner{padding-top:26px;padding-bottom:0}.playroom-introduction{width:100%;max-width:none}.playroom-introduction h1{max-width:620px;font-size:clamp(4rem,11.5vw,5.7rem)}.playroom-introduction h1>span{white-space:normal;font-size:.52em}.playroom-introduction p{margin:22px 0;font-size:1.16rem}.playroom-workshop{object-fit:cover;object-position:right bottom;width:100%;height:420px}.playroom-projects{padding-top:25px}.playroom-section-title{gap:10px;margin-bottom:24px}.playroom-section-title h2,.playroom-services h2{font-size:2.7rem}.playroom-section-title h2:after{display:none}.playroom-featured-projects{gap:5%}.playroom-featured-caption h3{font-size:1.7rem}.playroom-featured-caption p{font-size:.92rem}.playroom-featured-caption>svg{width:20px;height:20px}.playroom-other-projects{flex-wrap:wrap;justify-content:flex-start;gap:12px 18px;margin-top:28px}.playroom-other-projects>span{width:100%}.playroom-other-projects a{border:0;gap:10px;padding:0;font-size:.95rem}.playroom-service-links{grid-template-columns:1fr;gap:15px}.playroom-service{gap:22px;min-height:92px;padding:20px 25px}.playroom-service>span{font-size:1.9rem}.playroom-service>svg:first-child{width:42px;height:42px}.playroom-service>svg:last-child{flex:none;width:22px;height:22px;margin-left:auto;display:block;transform:rotate(45deg)}.playroom-services{padding-top:33px;padding-bottom:55px}.playroom-contact-inner{padding-right:110px;display:block}.playroom-contact .playroom-button{margin:23px 0 0}.playroom-contact p{font-size:1rem}.playroom-house{bottom:-10px}.playroom-contact h2{font-size:2.9rem}.playroom-project-list{gap:0 20px}}@media (width<=540px){.playroom-hero{min-height:670px}.playroom-hero-inner{padding-top:20px}.playroom-introduction h1{max-width:100%;font-size:clamp(3.7rem,14vw,4.8rem);line-height:1.02;transform:rotate(-2deg)}.playroom-introduction h1>span{white-space:nowrap;font-size:.52em}.playroom-introduction p{max-width:320px;margin:24px 0 20px;font-size:1.07rem;line-height:1.5}.playroom-desktop-break{display:none}.playroom-workshop{object-position:75% bottom;width:115%;max-width:none;height:365px;right:-7%}.playroom-button{min-height:48px;padding:12px 23px;font-size:.95rem}.playroom-section-title h2,.playroom-services h2{font-size:2.5rem}.playroom-all-projects{gap:6px;font-size:.8rem}.playroom-all-projects svg{width:16px;height:16px}.playroom-featured-projects{grid-template-columns:1fr;gap:34px}.playroom-featured-art{aspect-ratio:1.18;margin-bottom:16px}.playroom-project-pieceperfect .playroom-featured-art{padding:17px}.playroom-featured-caption h3{font-size:2rem}.playroom-featured-caption p{font-size:1rem}.playroom-featured-caption>svg{width:24px;height:24px}.playroom-project-list{grid-template-columns:1fr}.playroom-service>span{font-size:1.8rem}.playroom-contact-inner{padding-right:65px}.playroom-house{width:80px;height:105px;bottom:-15px;right:-4px}.playroom-contact h2{font-size:2.7rem}.playroom-contact p{max-width:230px}}@media (prefers-reduced-motion:reduce){.playroom-home-page *{scroll-behavior:auto!important;transition:none!important}.playroom-featured-project:hover .playroom-featured-art img,.playroom-button:hover,.playroom-service:hover{transform:none}}.playroom-home-page .playroom-contact h2{color:#fff8e8}.playroom-workshop{width:100%;mask-image:linear-gradient(90deg,#0000 0%,#000 13% 100%)}.playroom-service.design,:root[data-theme=dark] .playroom-service.design{color:#102442}:root[data-theme=dark] .playroom-workshop{opacity:1;mask-image:linear-gradient(90deg,#0000 25%,#000 65%)}@media (width<=760px){.playroom-workshop{mask-image:linear-gradient(#0000 0%,#000 12% 90%,#0000 100%)}:root[data-theme=dark] .playroom-workshop{mask-image:linear-gradient(#0000 0%,#000 18% 88%,#0000 100%)}}@media (width<=540px){.playroom-all-projects{display:none}.playroom-section-title h2,.playroom-services h2{font-size:2.15rem}.playroom-workshop{width:115%}}:root[data-theme=dark] .playroom-service-design,.playroom-service-design{color:#102442}.playroom-project-link .playroom-index-thumbnail{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex:0 0 76px;place-items:center;width:76px;height:76px;display:grid;overflow:hidden}.playroom-project-link .playroom-index-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.playroom-project-link .playroom-index-document{border-radius:10px;padding:0}.playroom-project-link .playroom-index-label{flex:1;min-width:0}.playroom-project-link .playroom-index-label strong{overflow-wrap:anywhere}@media (width<=540px){.playroom-project-link .playroom-index-thumbnail{flex-basis:60px;width:60px;height:60px}.playroom-project-link .playroom-index-document{padding:0}}.playroom-introduction h1{text-align:center;letter-spacing:0;width:fit-content;max-width:100%;font-size:clamp(5rem,9.4vw,9rem);transform:rotate(-3deg)}.playroom-hero-word{font-style:normal;font-weight:400;display:block}.playroom-introduction h1>span{text-align:left;letter-spacing:0;font-family:Caveat Brush,cursive;font-size:.46em;font-weight:400}.playroom-service>span{font-family:var(--display);letter-spacing:0;font-weight:400}@media (width<=760px){.playroom-introduction h1{text-align:left;font-size:clamp(4rem,11vw,6.4rem);transform:rotate(-2deg)}.playroom-hero-word{display:inline}.playroom-introduction h1>span{font-size:.52em}}@media (width<=540px){.playroom-introduction h1{font-size:clamp(3.2rem,14vw,4.8rem)}.playroom-introduction h1>span{white-space:normal}}.playroom-word-games{font-weight:400}@media (width<=760px){.playroom-word-games{display:block}.playroom-introduction h1{font-size:clamp(4rem,17vw,6rem);line-height:.98}}.playroom-service-icon{width:49px;height:49px;mask:var(--service-icon) center/contain no-repeat;-webkit-mask:var(--service-icon) center/contain no-repeat;background:currentColor;flex:none;display:block}.playroom-service-icon-pencil{--service-icon:url(/icons/uicons/pencil.svg)}.playroom-service-icon-gear{--service-icon:url(/icons/uicons/settings.svg)}.playroom-service-icon-wrench{--service-icon:url(/icons/uicons/wrench.svg)}@media (width<=1000px){.playroom-service-icon{width:37px;height:37px}}@media (width<=760px){.playroom-service-icon{width:42px;height:42px}}.playroom-index-document{position:relative}.playroom-index-document img{max-width:none;transform:translate(var(--thumb-x,-50%),var(--thumb-y,-50%));object-fit:cover;position:absolute;top:50%;left:50%;width:var(--thumb-size,100%)!important;height:var(--thumb-size,100%)!important}.playroom-thumb-aliens-against-peasants img{object-position:50% 40%}.playroom-thumb-dragons-the-three-kingdoms img{object-position:50% 43%}.playroom-thumb-space-snail-apocalypse{--thumb-size:180%;--thumb-y:-30%}.playroom-house{background:currentColor;-webkit-mask:url(/icons/flaticon/cottage-520776.png) 50%/contain no-repeat;mask:url(/icons/flaticon/cottage-520776.png) 50%/contain no-repeat}.playroom-introduction h1>span{width:fit-content;max-width:100%;padding-bottom:.36em}.playroom-introduction h1>span:after{background:var(--playroom-yellow);clip-path:none;width:78%;height:.32em;bottom:-.04em;left:22%;transform:rotate(-2deg);-webkit-mask:url(/decor/playroom/byline-brush.svg) 50%/100% 100% no-repeat;mask:url(/decor/playroom/byline-brush.svg) 50%/100% 100% no-repeat}.playroom-contact-inner{padding-right:0}.playroom-contact-action{flex:none;align-items:center;gap:32px;margin-left:auto;display:flex}.playroom-contact-action .playroom-house{flex:none;align-self:center;position:static;inset:auto;transform:none}.playroom-contact .playroom-contact-action .playroom-button{margin:0}@media (width<=760px){.playroom-contact-inner{padding-right:0}.playroom-contact-action{justify-content:space-between;gap:20px;margin:23px 0 0}.playroom-contact-action .playroom-house{width:80px;height:80px}}@media (width>=761px) and (width<=1000px){.playroom-contact-action{gap:20px}}
