html:has(.portfolio-page){position:relative}.portfolio-page{--portfolio-bg: #080b0a;--portfolio-green: #a0ff80;--portfolio-line: #ffffff1a;--portfolio-muted: #96a199;position:relative;overflow-x:clip;color:#f0f3ee;background:var(--portfolio-bg)}.portfolio-container{width:min(100% - 112px,1248px);margin-inline:auto}.portfolio-page section{scroll-margin-top:110px}.portfolio-page a:focus-visible,.portfolio-page button:focus-visible{outline:2px solid var(--portfolio-green);outline-offset:6px}.portfolio-page button{-webkit-tap-highlight-color:transparent}.portfolio-mono,.portfolio-eyebrow{font:10px/1.7 Space Mono,monospace;letter-spacing:.055em;text-transform:uppercase}.portfolio-eyebrow{display:flex;align-items:center;gap:12px;color:#bbc6bd;font-size:11px}.portfolio-rule{display:inline-block;height:1px;width:28px;flex-shrink:0;background:var(--portfolio-green)}.portfolio-green{color:var(--portfolio-green)}.portfolio-outline{color:transparent;-webkit-text-stroke:1px #89918b}.portfolio-reading-track{position:fixed;z-index:65;inset:0 0 auto;height:2px;pointer-events:none}.portfolio-reading-track>div{height:100%;background:var(--portfolio-green);transform-origin:left}.portfolio-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:min(880px,100svh);padding-block:150px 85px}.portfolio-hero:before{content:"";position:absolute;width:78%;height:90%;top:0;right:-20%;background:radial-gradient(ellipse,#38533d1f,transparent 65%);pointer-events:none}.portfolio-hero-copy{position:relative;z-index:2}.portfolio-hero h1{font-size:clamp(72px,7.45vw,108px);font-weight:550;line-height:.99;letter-spacing:-.075em;margin-block:29px 27px}.portfolio-hero-description{color:#a4ada6;font-size:15px;line-height:1.9}.portfolio-explore{display:inline-flex;align-items:center;gap:35px;margin-top:28px;padding-block:13px;border-bottom:1px solid #a0ff8070;font-size:13px;font-weight:600;color:var(--portfolio-green)}.portfolio-explore svg{transition:transform .25s}.portfolio-explore:hover svg{transform:translateY(4px)}.portfolio-hero-art{position:relative;z-index:1;min-width:0}.portfolio-hero-bottom{position:absolute;bottom:28px;inset-inline:0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8c9c90;font-size:9px}.portfolio-hero-bottom>span{display:inline-flex;gap:12px;align-items:center}.portfolio-status-dot{width:5px;height:5px;background:var(--portfolio-green);border-radius:50%;box-shadow:0 0 12px #a0ff8050}.product-collage{position:relative;width:100%;height:485px;perspective:1100px}.collage-orbit{position:absolute;border:1px solid #b4d0b51b;border-radius:50%;width:520px;height:520px;top:-20px;left:0}.collage-orbit-two{width:400px;height:400px;top:40px;left:60px}.collage-coordinate{position:absolute;font:8px Space Mono,monospace;letter-spacing:.12em;color:#829086}.collage-coordinate-top{top:-10px;right:0}.collage-coordinate-bottom{bottom:-3px;right:12px}.collage-card{position:absolute;border-radius:5px;overflow:hidden;box-shadow:0 24px 60px #0007;transition:transform .6s cubic-bezier(.2,.65,.25,1)}.collage-rava{background:#eeeade;color:#23251c;width:70%;height:285px;top:25px;left:3%;transform:rotate(-12deg) rotateY(8deg);padding:24px}.rava-wordmark{display:inline-flex;align-items:center;gap:8px;font:600 23px Georgia,Times New Roman,serif;letter-spacing:-.04em;color:#18231d;white-space:nowrap}.rava-wordmark img{width:30px;height:30px;mix-blend-mode:multiply}.rava-wordmark>span>span{color:#c65431}.collage-rava .rava-wordmark{font-size:18px}.collage-rava .rava-wordmark img{width:25px;height:25px}.collage-rava>p{position:relative;z-index:1;font:41px/.98 Georgia,Times New Roman,serif;letter-spacing:-.055em;margin-top:35px}.collage-rava>p em{color:#476654}.trust-star{filter:drop-shadow(9px 17px 10px #623a2425)}.collage-rava .trust-star{position:absolute;right:7px;top:76px;width:155px;transform:rotate(12deg)}.collage-card-caption{position:absolute;inset:auto 24px 19px;display:flex;justify-content:space-between;align-items:center;font:8px Space Mono,monospace;letter-spacing:.07em}.collage-playmat{background:#058eec;width:69%;height:255px;top:214px;right:-2%;transform:rotate(10deg) rotateY(-9deg);border:1px solid #25a7ff}.collage-playmat-art{width:100%;height:100%;object-fit:cover;object-position:80% center}.collage-playmat:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 50%,#000c);pointer-events:none}.collage-playmat-logo{position:absolute;top:20px;left:21px;width:103px;z-index:1}.collage-playmat .collage-card-caption{color:#fff;z-index:1}.collage-stamp{position:absolute;z-index:3;top:197px;right:6%;display:grid;place-content:center;width:86px;height:86px;transform:rotate(9deg);background:var(--portfolio-green);color:#20301a;font:11px/1.5 Space Mono,monospace;border-radius:50%;text-align:center;box-shadow:0 4px 25px #0004}.collage-stamp>span{font-size:18px;line-height:1.2}.portfolio-page[data-motion=on] .collage-rava{animation:portfolio-card-in .9s cubic-bezier(.2,.65,.25,1) both}.portfolio-page[data-motion=on] .collage-playmat{animation:portfolio-card-in 1.1s cubic-bezier(.2,.65,.25,1) both}@keyframes portfolio-card-in{0%{translate:0 28px}to{translate:0 0}}.portfolio-index{display:grid;grid-template-columns:.6fr 1fr 1fr;border-block:1px solid var(--portfolio-line)}.portfolio-index>p{color:#a2afa5;display:flex;align-items:center;gap:17px}.portfolio-index>p>span{color:#d7e1d7;border:1px solid #ffffff25;padding:1px 6px;font-size:9px}.portfolio-index>a{display:flex;align-items:center;gap:20px;padding:30px;border-left:1px solid var(--portfolio-line);transition:background .2s}.portfolio-index>a:hover{background:#a0ff8007}.portfolio-index-number{color:#7c8f80;font:10px Space Mono,monospace}.portfolio-index>a>span:nth-child(2){font-size:17px;letter-spacing:-.03em}.portfolio-index small{display:block;margin-top:5px;color:#89988d;font-size:10px;letter-spacing:0}.portfolio-index svg{margin-left:auto;color:var(--portfolio-green);transition:transform .25s}.portfolio-index>a:hover svg{transform:translateY(4px)}.portfolio-project{padding-top:105px}.project-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9aa79f}.project-topline>span{color:#78877e;font-size:9px}.project-number{color:var(--portfolio-green);padding-right:17px}.project-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-block:29px 35px}.project-intro h2{font-size:clamp(44px,5vw,66px);line-height:1.1;font-weight:550;letter-spacing:-.065em}.reviews-period{color:#ef9168}.playmat-period{color:#4ba6ff}.project-tagline{font-size:14px;color:#9da9a1;margin-top:13px}.portfolio-live-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 0;border-bottom:1px solid #ffffff40;font-size:12px;transition:color .2s,border-color .2s;white-space:nowrap}.portfolio-live-link:hover{color:var(--portfolio-green);border-color:var(--portfolio-green)}.portfolio-live-link svg{transition:transform .2s}.portfolio-live-link:hover svg{transform:translate(3px,-3px)}.project-details{display:grid;grid-template-columns:1fr .8fr;gap:110px;padding:43px 0 12px}.project-description>.portfolio-mono{color:#87998d;font-size:9px}.project-description h3{font-weight:500;font-size:clamp(22px,2.4vw,29px);letter-spacing:-.045em;line-height:1.35;margin-block:17px}.project-description>p:last-child{font-size:13px;line-height:1.9;color:#99a49d;max-width:525px}.project-capabilities{padding-top:5px}.project-capabilities>div{padding-block:17px;border-bottom:1px solid var(--portfolio-line)}.project-capabilities dt{color:#d4ded5;font-size:12px}.project-capabilities dd{font-size:11px;color:#88998d;margin-top:7px;line-height:1.8}.showcase-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px}.showcase-topline>.portfolio-mono{font-size:8px;display:inline-flex;gap:9px;align-items:center}.showcase-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#37644f}.showcase-bottomline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:23px}.showcase-bottomline>.portfolio-mono{font-size:8px;display:inline-flex;align-items:center;gap:12px}.showcase-selector{display:flex;align-items:center;gap:5px}.showcase-selector button{font-size:11px;padding:11px 16px;border:1px solid transparent;border-radius:3px;transition:background .2s,border-color .2s,color .2s}.showcase-selector button>span{font:8px Space Mono,monospace;margin-right:8px;opacity:.55}.reviews-showcase{position:relative;overflow:hidden;padding:32px 42px 26px;border-radius:5px;color:#24382d;background:#eeeadf}.reviews-showcase:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.3' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}.reviews-showcase a:focus-visible,.reviews-showcase button:focus-visible{outline-color:#355a43;outline-offset:3px}.reviews-showcase .showcase-topline{padding-bottom:25px;border-bottom:1px solid #213f2d25}.reviews-showcase .showcase-topline>.portfolio-mono{color:#5a6b5e}.reviews-scene{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:436px;align-items:center;gap:20px}.reviews-scene-copy{position:relative;z-index:2;padding-block:48px}.reviews-scene-copy>.portfolio-mono{font-size:8px;color:#6b796b}.reviews-scene-headline{font:clamp(34px,4.4vw,60px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.045em;min-height:2.1em;margin-block:24px 23px}.reviews-scene-headline em{color:#476c53;font-weight:400}.reviews-scene-description{max-width:330px;color:#70776b;font-size:12px;line-height:1.9;min-height:69px}.reviews-mini-stars{display:flex;gap:3px;align-items:center;color:#c35832;margin-top:31px}.reviews-mini-stars>span{color:#76806e;font:italic 12px Georgia,serif;margin-left:12px}.reviews-object-stage{position:relative;width:100%;height:420px}.reviews-orbit{position:absolute;border:1px solid #78967b35;width:365px;height:365px;border-radius:50%;top:40px;left:-16px}.reviews-orbit:after{content:"";position:absolute;width:9px;height:9px;background:#426b50;border:3px solid #eeeadf;border-radius:50%;top:58px;left:35px}.reviews-hero-star{position:absolute;width:255px;top:29px;left:-23px;transform:rotate(-13deg);z-index:1}.review-feature-preview{position:absolute;width:235px;top:94px;right:0;z-index:2;border-radius:3px;background:#fffcf4;border:1px solid #ffffffc9;box-shadow:0 20px 35px #4b49351d,2px 3px 4px #65534113;transform:rotate(7deg)}.review-preview-content{height:281px}.reviews-seal{position:absolute;top:292px;left:17px;height:88px;width:88px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;color:#e9f0de;background:#264e3b;transform:rotate(-15deg);font:7px/1.2 Space Mono,monospace;letter-spacing:.08em;z-index:3;box-shadow:0 8px 20px #264e3b20}.reviews-seal br{display:none}.reviews-seal svg{margin-block:7px}.reviews-bottomline{border-top:1px solid #213f2d25;color:#5d6d5d}.reviews-bottomline .showcase-selector button:hover{background:#213f2d09}.reviews-bottomline .showcase-selector button[aria-pressed=true]{color:#fcfcf1;background:#294735}.preview-kicker{display:block;font:8px Space Mono,monospace;color:#7e8776;text-transform:uppercase;letter-spacing:.06em}.preview-footnote{display:block;text-align:center;font:7px Space Mono,monospace;color:#89907f;margin-top:14px}.preview-rating{display:flex;align-items:center;gap:4px;color:#bd5b35}.widget-preview-top{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;font-size:9px}.widget-proof-art{position:relative;height:96px;margin-inline:10px;overflow:hidden;background:#cbd1b8}.widget-proof-art>div{position:absolute;width:70px;height:110px;background:#e7ebd7;border:1px solid #f7f7e3;border-radius:45% 45% 3px 3px;transform:rotate(30deg);right:28px;top:10px;box-shadow:10px 10px 15px #2c4c2720}.widget-proof-art>div:nth-child(2){width:51px;height:78px;right:85px;top:30px;transform:rotate(-20deg);background:#6c8363;border-color:#a6b19a}.widget-proof-art>div:nth-child(3){width:22px;height:22px;right:15px;top:8px;border-radius:50%;background:#e2a580;border:none}.widget-proof-art>span{position:absolute;top:13px;left:11px;font:7px/1.5 Space Mono,monospace;color:#46503d}.widget-preview-body{padding:17px}.widget-preview-body>p{font:21px/1.05 Georgia,serif;margin-block:9px 10px;letter-spacing:-.04em}.widget-verified{display:flex;gap:5px;align-items:center;color:#657558;font-size:8px}.widget-preview-body .preview-footnote{margin-top:10px;font-size:6px}.collection-preview{text-align:center;padding:19px 20px}.preview-icon{display:grid;place-items:center;margin:0 auto 13px;width:36px;height:36px;background:#e8ecdf;border-radius:50%}.collection-preview>p,.automation-preview>p{font:29px/1.02 Georgia,serif;letter-spacing:-.045em;margin-block:12px 18px}.collection-preview .preview-rating{justify-content:center}.preview-upload{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;padding:11px 5px;border:1px dashed #8b9d7b60;color:#607454;font-size:9px}.automation-preview{padding:23px 19px}.automation-preview>p{font-size:27px}.preview-flow{display:flex;flex-direction:column;align-items:center;gap:5px;color:#6b8260}.preview-flow>span{width:100%;padding:9px;display:flex;align-items:center;gap:8px;background:#eff0e5;border:1px solid #8c9f741a;font-size:9px}.preview-flow>span>svg:last-child{margin-left:auto}.preview-flow>svg{width:10px;height:10px}.portfolio-page[data-motion=on] .review-preview-content,.portfolio-page[data-motion=on] .reviews-scene-headline{animation:portfolio-preview-in .35s ease both}@keyframes portfolio-preview-in{0%{opacity:.25;translate:0 6px}to{opacity:1;translate:0 0}}.playmat-showcase{position:relative;overflow:hidden;border-radius:5px;background:#116ae8;color:#fff;padding:29px 42px 26px}.playmat-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 20%,#49baff90,transparent 65%),linear-gradient(135deg,#1739b020,#021d761f);pointer-events:none}.playmat-showcase-logo{width:136px;height:auto}.playmat-showcase .showcase-topline>.portfolio-mono{color:#c5e1ff}.playmat-scene{min-height:530px;padding-block:73px 90px;position:relative;perspective:1400px}.playmat-backdrop-type{position:absolute;left:-15px;top:15px;font-size:113px;font-weight:800;line-height:.91;letter-spacing:-.07em;color:#fff;opacity:.11;transform:rotate(-5deg)}.playmat-backdrop-type>span{color:transparent;-webkit-text-stroke:1px #fff;white-space:nowrap}.playmat-stage-grid{position:absolute;width:180%;height:400px;left:-40%;bottom:-155px;transform:rotateX(65deg) rotate(-8deg);background-image:linear-gradient(#c3e4ff17 1px,transparent 1px),linear-gradient(90deg,#c3e4ff17 1px,transparent 1px);background-size:55px 55px;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 40%,transparent);mask-image:linear-gradient(transparent,#000 40%,transparent)}.playmat-desktop{position:relative;width:77%;background:#080c11;border:5px solid #16222f;border-radius:8px;overflow:hidden;transform:rotate(-6deg) rotateY(6deg);box-shadow:0 28px 45px #061e7260,2px 2px #8cacda}.mock-browser-bar{height:23px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:#182430;color:#99acbc;font:6px Space Mono,monospace}.mock-browser-bar>span:first-child{display:flex;gap:4px}.mock-browser-bar i{display:block;width:4px;height:4px;border-radius:50%;background:#4d606f}.playmat-desktop-nav{display:flex;align-items:center;justify-content:space-between;height:43px;padding-inline:13px}.playmat-desktop-nav img{width:86px;height:29px}.playmat-desktop-nav>span{display:flex;align-items:center;gap:12px}.playmat-desktop-art{width:100%;height:auto;display:block}.playmat-desktop-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;font-size:7px;color:#ebf4fd}.playmat-desktop-bottom>span:last-child{font:5px Space Mono,monospace;color:#7ca2ca}.playmat-desktop-bottom i{padding-inline:8px;font-style:normal;color:#1999fb}.playmat-mobile{position:absolute;width:205px;top:93px;right:14px;z-index:3;padding:21px 7px 12px;background:#070d18;border:3px solid #1e344c;border-radius:28px;transform:rotate(9deg);box-shadow:0 24px 36px #031d7659,1px 1px #a7c8f2}.mock-phone-speaker{position:absolute;top:8px;left:39%;width:22%;height:4px;border-radius:8px;background:#1f2c3c}.playmat-mobile-nav{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 7px 6px}.playmat-mobile-nav img{width:68px;height:auto}.playmat-collection-image{height:187px;position:relative;background:#0e2438;overflow:hidden}.playmat-collection-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .4s}.playmat-collection-image img[data-active=true]{opacity:1}.playmat-collection-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,#070d18c0);pointer-events:none}.playmat-collection-image>span{position:absolute;bottom:11px;left:10px;z-index:1;color:#c3d5e6;font-size:6px}.playmat-mobile-copy{padding:11px 8px 0;min-height:74px}.playmat-mobile-copy p{font-size:17px;letter-spacing:-.055em;font-weight:650}.playmat-mobile-copy>span{display:block;color:#8dabc1;margin-top:4px;font-size:8px;line-height:1.5;max-width:145px}.playmat-collection-link{display:flex;align-items:center;justify-content:space-between;margin:8px 7px 12px;padding:10px;background:#1a8bfb;color:#fff;font-size:9px;border-radius:2px;transition:background .2s}.playmat-collection-link:hover{background:#46a7ff}.mock-phone-bottom{display:block;width:34%;height:3px;border-radius:3px;background:#a9b6c7;margin-inline:auto}.playmat-scene-note{position:absolute;bottom:8px;left:18px;font-size:8px;color:#c4ddff;display:flex;align-items:center;gap:15px}.playmat-scene-note>span{font-size:24px;font-weight:400}.playmat-bottomline{border-top:1px solid #d6e9ff40;padding-top:20px;margin-top:15px}.playmat-bottomline .showcase-selector button{color:#c0d9fc}.playmat-bottomline .showcase-selector button:hover{background:#ffffff0d}.playmat-bottomline .showcase-selector button[aria-pressed=true]{color:#fff;background:#082c713b;border-color:#c3dcff55}.playmat-bottomline>.portfolio-mono{color:#c2dcff}.portfolio-colophon{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding-block:65px;border-top:1px solid var(--portfolio-line);margin-top:80px}.portfolio-colophon>svg{color:var(--portfolio-green)}.portfolio-colophon>p{font-size:24px;letter-spacing:-.04em;line-height:1.5}.portfolio-colophon>p>span{color:#89998e}.portfolio-colophon>.portfolio-mono{font-size:9px;color:#95a499;line-height:1.9;text-align:right}.portfolio-cta{background:var(--portfolio-green);color:#183010;padding-block:34px 30px}.portfolio-cta-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid #28442130;color:#36582d}.portfolio-cta-top>p{display:flex;align-items:center;gap:11px}.portfolio-cta-top .portfolio-rule{background:#36582d}.portfolio-cta-top>span{font-size:8px}.portfolio-cta-link{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:63px 68px}.portfolio-cta-link h2{font-size:clamp(42px,5.8vw,80px);letter-spacing:-.065em;line-height:1.05;font-weight:550}.portfolio-cta-link h2>span{color:#507d3f}.portfolio-cta-arrow{width:120px;height:120px;display:grid;place-items:center;border-radius:50%;border:1px solid #2c4e2855;flex-shrink:0;transition:transform .3s,color .3s,background .3s}.portfolio-cta-arrow>svg{width:65px;height:65px}.portfolio-cta-link:hover .portfolio-cta-arrow{transform:rotate(45deg);background:#213e18;color:var(--portfolio-green)}.portfolio-cta .portfolio-cta-link:focus-visible{outline-color:#284421}.portfolio-cta-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #28442130;padding-top:24px;color:#3c5e31;font-size:11px}.portfolio-cta-bottom>.portfolio-mono{font-size:9px}.portfolio-cta-bottom>span>span{padding-inline:10px}.portfolio-motion-toggle{position:fixed;z-index:45;right:22px;bottom:18px;display:flex;align-items:center;gap:9px;font:10px Space Mono,monospace;color:#afc1b4;background:#0b110eee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff20;border-radius:4px;padding:13px;box-shadow:0 3px 20px #0002}.portfolio-motion-toggle:disabled{color:#84968a}@media(hover:hover)and (pointer:fine){.portfolio-page[data-motion=on] .product-collage:hover .collage-rava{transform:translate(-7px,-8px) rotate(-15deg) rotateY(8deg)}.portfolio-page[data-motion=on] .product-collage:hover .collage-playmat{transform:translate(7px,8px) rotate(13deg) rotateY(-9deg)}}@media(min-width:1400px){.portfolio-hero{min-height:800px}.product-collage{height:530px}.collage-rava{height:305px}.collage-rava>p{font-size:49px}.collage-rava .trust-star{width:195px;right:10px;top:75px}.collage-playmat{top:246px;height:270px}.collage-stamp{top:225px}.collage-orbit{width:590px;height:590px}.collage-orbit-two{width:470px;height:470px}.reviews-scene{min-height:465px}.reviews-object-stage{height:440px}.review-feature-preview{right:40px;width:250px}.reviews-hero-star{width:285px;top:24px}.reviews-seal{left:53px;top:308px}.playmat-scene{min-height:590px;padding-top:82px}.playmat-mobile{right:42px;top:117px;width:228px}.playmat-collection-image{height:210px}}@media(max-width:1100px){.portfolio-container{width:calc(100% - 80px)}.portfolio-hero{min-height:735px}.portfolio-hero h1{font-size:8.5vw}.product-collage{height:430px}.collage-rava{height:255px;width:76%;left:2%;padding:20px}.collage-rava>p{font-size:35px;margin-top:32px}.collage-rava .trust-star{width:135px;top:94px;right:3px}.collage-playmat{width:75%;height:220px;top:201px}.collage-stamp{width:74px;height:74px;font-size:9px;top:183px;right:3%}.collage-coordinate-bottom{bottom:-24px}.collage-orbit{width:430px;height:430px;top:0;left:-20px}.collage-orbit-two{width:340px;height:340px;top:45px;left:25px}.portfolio-index{grid-template-columns:.55fr 1fr 1fr}.portfolio-index>a{padding:25px 20px;gap:13px}.portfolio-index>p{font-size:8px;gap:10px}.portfolio-index>a>span:nth-child(2){font-size:15px}.project-details{gap:65px}.reviews-showcase,.playmat-showcase{padding-inline:30px}.reviews-scene{grid-template-columns:1fr 1fr;min-height:420px}.reviews-scene-headline{font-size:4.5vw}.reviews-object-stage{height:400px}.review-feature-preview{width:210px;top:88px;right:0}.reviews-hero-star{width:215px;left:-13px;top:33px}.reviews-orbit{width:300px;height:300px;top:57px;left:-5px}.reviews-seal{left:-1px;top:286px;width:76px;height:76px}.playmat-scene{min-height:500px;padding-top:88px}.playmat-desktop{width:79%}.playmat-mobile{right:-4px;width:181px;top:84px;border-radius:24px}.playmat-collection-image{height:163px}.playmat-backdrop-type{font-size:99px;top:24px}.playmat-mobile-copy p{font-size:15px}.showcase-selector button{padding:10px 12px}.showcase-bottomline>.portfolio-mono{font-size:7px}.portfolio-cta-arrow{width:100px;height:100px}}@media(max-width:767px){.portfolio-container{width:calc(100% - 40px)}.portfolio-page section{scroll-margin-top:100px}.portfolio-hero{display:block;min-height:0;padding-top:127px;padding-bottom:67px}.portfolio-eyebrow{font-size:9px;gap:10px}.portfolio-hero h1{font-size:clamp(65px,14.5vw,106px);margin-block:25px 22px}.portfolio-hero-description{font-size:13px}.portfolio-explore{margin-top:18px;gap:26px;font-size:12px}.portfolio-hero-art{width:min(100%,450px);margin:18px auto 0}.product-collage{height:410px}.collage-rava{top:35px;width:71%;left:3%;height:235px;padding:21px}.collage-rava>p{font-size:34px;margin-top:28px}.collage-rava .rava-wordmark{font-size:15px}.collage-rava .rava-wordmark img{width:23px;height:23px}.collage-rava .trust-star{width:115px;top:92px;right:-1px}.collage-playmat{width:70%;top:202px;right:1%;height:203px}.collage-playmat-logo{width:90px}.collage-stamp{top:186px;right:6%;width:71px;height:71px}.collage-card-caption{inset-inline:20px;bottom:17px;font-size:6px}.collage-coordinate-top{top:11px;font-size:7px;right:4px}.collage-coordinate-bottom{bottom:-19px;right:11px;font-size:7px}.collage-orbit-one{width:385px;height:385px;left:0;top:30px}.collage-orbit-two{width:295px;height:295px;left:45px;top:75px}.portfolio-hero-bottom{bottom:22px;font-size:7px}.portfolio-hero-bottom>span:last-child{display:none}.portfolio-index{grid-template-columns:1fr 1fr}.portfolio-index>p{grid-column:1 / -1;justify-content:space-between;padding-block:16px;border-bottom:1px solid var(--portfolio-line);font-size:9px}.portfolio-index>a{padding:22px 12px 22px 0;gap:9px;border-left:0}.portfolio-index>a:last-child{padding-left:16px;padding-right:0;border-left:1px solid var(--portfolio-line)}.portfolio-index>a>span:nth-child(2){font-size:12px}.portfolio-index-number,.portfolio-index small{font-size:8px}.portfolio-index svg{width:14px}.portfolio-project{padding-top:66px}.project-topline{flex-wrap:wrap;row-gap:8px;font-size:9px}.project-topline>span{font-size:8px;padding-left:0}.project-intro{align-items:flex-start;flex-direction:column;gap:16px;margin-block:24px 28px}.project-intro h2{font-size:clamp(39px,9.5vw,61px)}.project-tagline{font-size:12px;margin-top:10px}.portfolio-live-link{font-size:11px;padding-block:11px;gap:22px}.project-details{grid-template-columns:1fr;gap:16px;padding-top:30px}.project-description h3{font-size:25px;margin-block:16px}.project-description>p:last-child{font-size:12px;line-height:1.95}.project-capabilities>div{padding-block:15px}.project-capabilities dt{font-size:11px}.project-capabilities dd{font-size:10px;margin-top:5px}.reviews-showcase,.playmat-showcase{padding:23px 22px 20px}.showcase-topline{gap:10px}.showcase-topline>.portfolio-mono{display:none}.rava-wordmark{font-size:23px}.reviews-showcase .showcase-topline{padding-bottom:20px}.reviews-scene{grid-template-columns:1fr;gap:0}.reviews-scene-copy{padding-block:30px 0}.reviews-scene-copy>.portfolio-mono{font-size:7px}.reviews-scene-headline{font-size:clamp(33px,8.5vw,48px);margin-block:16px}.reviews-scene-description{font-size:11px;line-height:1.8;min-height:60px;max-width:330px}.reviews-mini-stars{margin-top:20px}.reviews-mini-stars>svg{width:15px;height:15px}.reviews-mini-stars>span{font-size:11px}.reviews-object-stage{height:355px;width:min(100%,340px);margin-inline:auto}.reviews-hero-star{width:207px;top:7px;left:-14px}.review-feature-preview{top:48px;width:200px;right:0;transform:rotate(6deg)}.review-preview-content{height:270px}.widget-proof-art{height:89px}.reviews-orbit{top:24px;left:-16px;width:285px;height:285px}.reviews-seal{top:251px;width:71px;height:71px;left:-5px;font-size:6px}.reviews-bottomline{padding-top:17px}.showcase-selector{flex-wrap:wrap;gap:3px}.showcase-selector button{font-size:10px;padding:10px 11px;min-height:40px}.showcase-selector button>span{font-size:7px;margin-right:5px}.showcase-bottomline{flex-direction:column;align-items:flex-start;gap:14px}.showcase-bottomline>.portfolio-mono{font-size:7px}.playmat-showcase-logo{width:120px}.playmat-scene{height:clamp(480px,80vw,590px);min-height:0;padding:0}.playmat-backdrop-type{left:-4px;top:29px;font-size:clamp(56px,14vw,78px)}.playmat-desktop{position:absolute;width:97%;top:68px;left:-12px;border-width:3px;transform:rotate(-7deg);border-radius:5px}.mock-browser-bar{height:17px;font-size:5px}.mock-browser-bar i{width:3px;height:3px}.playmat-desktop-nav{height:27px;padding-inline:8px}.playmat-desktop-nav>svg,.playmat-desktop-nav>span>svg{width:9px;height:9px}.playmat-desktop-nav img{width:53px;height:18px}.playmat-desktop-bottom{font-size:5px;padding:9px}.playmat-desktop-bottom>span:last-child{display:none}.playmat-mobile{width:151px;top:158px;right:1px;border-radius:22px;border-width:2px;padding:15px 5px 9px;transform:rotate(8deg)}.mock-phone-speaker{top:6px;height:3px}.playmat-mobile-nav{height:27px;padding-inline:4px}.playmat-mobile-nav img{width:53px}.playmat-mobile-nav svg{width:10px;height:10px}.playmat-collection-image{height:135px}.playmat-collection-image>span{font-size:5px}.playmat-mobile-copy{padding:8px 5px 0;min-height:62px}.playmat-mobile-copy p{font-size:13px}.playmat-mobile-copy>span{font-size:7px;max-width:120px}.playmat-collection-link{font-size:8px;padding:9px 7px;margin:5px 4px 9px}.playmat-collection-link svg{width:12px}.playmat-scene-note{left:0;bottom:34px;max-width:110px;font-size:6px;gap:7px}.playmat-scene-note>span{font-size:20px}.playmat-bottomline{margin-top:8px}.playmat-bottomline .showcase-selector button{padding-inline:8px;font-size:9px}.playmat-bottomline .showcase-selector button>span{display:none}.portfolio-colophon{grid-template-columns:auto 1fr;gap:17px;padding-block:38px;margin-top:50px}.portfolio-colophon>svg{width:30px}.portfolio-colophon>p{font-size:18px}.portfolio-colophon>.portfolio-mono{display:none}.portfolio-cta{padding-block:26px}.portfolio-cta-top{font-size:8px;padding-bottom:21px}.portfolio-cta-top>span{display:none}.portfolio-cta-link{align-items:flex-end;gap:15px;padding-block:38px}.portfolio-cta-link h2{font-size:clamp(31px,7.2vw,53px)}.portfolio-cta-arrow{width:50px;height:50px}.portfolio-cta-arrow>svg{width:32px;height:32px}.portfolio-cta-bottom{font-size:9px;gap:20px}.portfolio-cta-bottom>span:first-child{max-width:160px;line-height:1.8}.portfolio-cta-bottom>.portfolio-mono{font-size:7px;text-align:right}.portfolio-cta-bottom>span>span{padding-inline:3px}.portfolio-motion-toggle{font-size:8px;right:14px;bottom:14px;padding:11px}}@media(max-width:374px){.portfolio-container{width:calc(100% - 32px)}.portfolio-hero h1{font-size:64px}.product-collage{height:361px}.collage-rava{height:218px;padding:15px}.collage-rava>p{font-size:30px}.collage-rava .trust-star{width:95px;top:103px}.collage-playmat{height:177px;top:187px}.collage-stamp{top:174px;width:61px;height:61px;font-size:8px}.reviews-showcase,.playmat-showcase{padding-inline:17px}.reviews-scene-headline{font-size:31px}.review-feature-preview{width:181px}.reviews-hero-star{width:175px}.reviews-seal{left:-3px}.showcase-selector button{padding-inline:8px;font-size:9px}.preview-upload{font-size:8px}.widget-preview-body>p{font-size:19px}.widget-preview-body .preview-footnote{font-size:5px}.playmat-scene-note{max-width:90px}.portfolio-colophon>p{font-size:16px}.portfolio-cta-link{flex-wrap:wrap}.portfolio-cta-link h2{font-size:35px}}.portfolio-page[data-motion=off] *,.portfolio-page[data-motion=off] *:before,.portfolio-page[data-motion=off] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.portfolio-page *,.portfolio-page *:before,.portfolio-page *:after{animation:none!important;transition:none!important}}
