.pp{--pp-ink:#19203a;--pp-paper:#f4f0e7;--pp-blue:#3043c2;--pp-orange:#e96640;--pp-lime:#e0ed70;box-sizing:border-box;background:var(--pp-paper);color:var(--pp-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}.pp *{box-sizing:border-box}.pp a{color:inherit}.pp button{font:inherit;cursor:pointer}.pp :focus-visible{outline:2px solid var(--pp-orange);outline-offset:4px}.pp h1,.pp h2,.pp h3,.pp p{margin:0}.pp-wrap{width:min(100% - 8vw,1450px);margin-inline:auto}.pp-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;min-height:96px;padding:16px 4vw;border-bottom:1px solid #c8c7bc}.pp-brand{display:flex;align-items:center;gap:10px;width:max-content;text-decoration:none;font-size:12px;font-weight:800;line-height:.95;letter-spacing:-.06em;text-transform:uppercase}.pp-brand-mark{position:relative;display:grid;place-items:center;width:45px;height:45px;border:2px solid var(--pp-ink);border-radius:50%;font-size:14px;letter-spacing:-.12em}.pp-brand-mark span{position:absolute;top:-9px;right:-5px;color:var(--pp-orange);font-size:19px}.pp-header nav{display:flex;gap:clamp(17px,3vw,50px);align-items:center}.pp-header nav a,.pp-contact-link{font-size:11px;font-weight:700;letter-spacing:.04em;text-decoration:none}.pp-header nav a:hover,.pp-contact-link:hover{color:var(--pp-orange)}.pp-header nav a sup{margin-left:2px;color:var(--pp-orange);font-size:8px}.pp-contact-link{display:flex;align-items:center;justify-self:end;gap:30px;padding:10px 0;border-bottom:1px solid var(--pp-ink)}.pp-contact-link span{font-size:17px;line-height:1}
.pp-hero{display:grid;grid-template-columns:59% 41%;min-height:700px}.pp-hero-copy{display:flex;flex-direction:column;justify-content:center;min-height:700px;padding:60px 4vw 50px}.pp-kicker,.pp-section-top,.pp-section-label,.pp-project-number{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.pp-kicker{margin-bottom:35px!important;color:#5c5e65}.pp-hero h1{font-size:clamp(75px,8.6vw,145px);font-weight:700;letter-spacing:-.105em;line-height:.91}.pp-hero h1 span{white-space:nowrap}.pp-hero h1 em,.pp h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-.08em}.pp-hero h1 em{color:var(--pp-blue)}.pp-title-stop{color:var(--pp-orange)}.pp-hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:55px}.pp-hero-bottom p{max-width:330px;color:#54585e;font-size:13px;line-height:1.7}.pp-hero-bottom a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:195px;padding-bottom:10px;border-bottom:1px solid var(--pp-ink);font-size:10px;font-weight:800;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.pp-hero-bottom a:hover{color:var(--pp-orange)}.pp-hero-bottom a span{font-size:18px;line-height:1}.pp-hero-art{position:relative;min-height:700px;overflow:hidden;background:#dfe86b}.pp-art-index,.pp-hero-art-footer{position:absolute;left:26px;z-index:3;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.pp-art-index{top:26px}.pp-hero-art-footer{bottom:26px}.pp-hero-shape--circle{position:absolute;top:4%;right:-22%;width:92%;aspect-ratio:1;border-radius:50%;background:#f0a681}.pp-hero-shape--card{position:absolute;top:22%;left:10%;display:flex;flex-direction:column;justify-content:space-between;width:76%;height:57%;padding:30px;background:var(--pp-blue);box-shadow:20px 20px 0 #24359c;color:#f7f0d9;transform:rotate(-7deg)}.pp-hero-shape--card>span{font-size:clamp(63px,6.5vw,116px);font-weight:900;letter-spacing:-.12em;line-height:.83}.pp-card-dot{color:var(--pp-orange)}.pp-hero-shape--card small{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pp-hero-scribble{position:absolute;right:8%;bottom:10%;z-index:3;color:#19203a;font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,3vw,48px);font-style:italic;line-height:.9;transform:rotate(-8deg)}.pp-ticker{display:flex;justify-content:space-between;gap:20px;overflow:hidden;padding:14px 4vw;background:var(--pp-blue);color:#f6f1e6;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.14em}.pp-ticker span:nth-child(even){color:var(--pp-lime)}
.pp-work{padding-top:100px;padding-bottom:110px}.pp-section-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid #bcbdb4;color:#525764}.pp-work-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;padding:50px 0 65px}.pp h2{font-size:clamp(70px,8.2vw,130px);font-weight:700;letter-spacing:-.105em;line-height:.94}.pp h2 em{color:var(--pp-blue)}.pp-work-heading>p{max-width:330px;margin-bottom:9px;color:#54585e;font-size:14px;line-height:1.7}.pp-project{display:grid;grid-template-columns:57% 43%;min-height:575px;border-top:1px solid #bbbdb4}.pp-project:last-child{border-bottom:1px solid #bbbdb4}.pp-project--reverse{grid-template-columns:43% 57%}.pp-project--reverse .pp-project-art{order:2}.pp-project--reverse .pp-project-copy{order:1;padding-left:0;padding-right:5vw}.pp-project-art{position:relative;min-height:560px;overflow:hidden}.pp-project-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:60px 0 60px 5vw}.pp-project-number{color:#636972}.pp-project-copy h3{margin:25px 0 23px;font-size:clamp(55px,6vw,92px);font-weight:700;letter-spacing:-.09em;line-height:.91}.pp-project-copy h3 span{color:var(--pp-orange)}.pp-project-copy>p{max-width:360px;color:#5b5e62;font-size:14px;line-height:1.75}.pp-project details{width:min(100%,360px);margin-top:33px;border-top:1px solid #acafa8;border-bottom:1px solid #acafa8}.pp-project summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;list-style:none;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pp-project summary::-webkit-details-marker{display:none}.pp-project summary:hover{color:var(--pp-blue)}.pp-project summary span{font-size:18px;line-height:1}.pp-project details[open] summary span{transform:rotate(45deg)}.pp-project details p{padding:0 0 18px;color:#5b5e62;font-size:12px;line-height:1.65}.pp-art-corner{position:absolute;right:23px;bottom:19px;z-index:6;font-size:10px;font-weight:800;letter-spacing:.13em}
.pp-project-art--mono{display:grid;place-items:center;background:#e9bca7}.pp-mono-disc{position:absolute;right:-8%;bottom:-27%;width:70%;aspect-ratio:1;border-radius:50%;background:#e5e86c}.pp-mono-card{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;width:70%;height:68%;padding:25px 30px;background:#f7eedf;box-shadow:22px 25px 0 #d68b76;transform:rotate(-7deg)}.pp-mono-top,.pp-mono-bottom{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pp-mono-word{font-size:clamp(85px,10vw,170px);font-weight:900;letter-spacing:-.13em;line-height:.85}.pp-mono-word span{color:var(--pp-orange)}.pp-project-art--playhouse{background:#dbe976}.pp-playhouse-sheet{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:52%;height:67%;padding:25px;box-shadow:12px 15px 0 #86934166}.pp-playhouse-sheet span{font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.pp-playhouse-sheet strong{font-size:clamp(43px,5.4vw,82px);letter-spacing:-.1em;line-height:.9}.pp-playhouse-sheet--back{top:13%;left:11%;background:#eb6a49;color:#171e36;transform:rotate(-11deg)}.pp-playhouse-sheet--front{top:19%;right:11%;background:#293bb3;color:#f5eeda;transform:rotate(8deg)}.pp-project-art--sundial{background:#253bb3;color:#f5eedb}.pp-sundial-orbit{position:absolute;top:11%;left:12%;width:76%;height:75%;border:2px solid #b3bce9;border-radius:50%;transform:rotate(25deg)}.pp-sundial-sun{position:absolute;top:12%;right:14%;width:45%;aspect-ratio:1;border-radius:50%;background:#ee7049;box-shadow:0 0 0 26px #ec70492b}.pp-sundial-word{position:absolute;left:8%;bottom:16%;z-index:1;font-size:clamp(110px,13vw,210px);font-weight:900;letter-spacing:-.13em;line-height:.73}.pp-sundial-word span{color:#dcea72;font-size:.37em;vertical-align:top}.pp-sundial-small{position:absolute;left:9%;bottom:7%;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.pp-about{padding:105px 0 115px;background:#e2e3d4}.pp-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.pp-section-label{display:block;margin-bottom:45px!important;color:#555d59}.pp-about h2{font-size:clamp(75px,8.5vw,135px)}.pp-about-copy{align-self:end;padding-bottom:8px}.pp-about-copy>p{max-width:525px;margin-bottom:25px;color:#40494b;font-size:clamp(17px,1.6vw,22px);line-height:1.6}.pp-skill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.pp-skill-list span{padding:9px 13px;border:1px solid #9ca69c;border-radius:40px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pp-process{padding-top:100px;padding-bottom:130px}.pp-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:65px}.pp-process h2{font-size:clamp(75px,8.5vw,135px)}.pp-process-grid>div:last-child{border-top:1px solid #b7b9b1}.pp-process-step{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid #b7b9b1}.pp-process-step>span{padding-top:5px;color:var(--pp-blue);font-size:10px;font-weight:800}.pp-process-step h3{margin:0 0 7px;font-size:24px;letter-spacing:-.05em}.pp-process-step p{max-width:340px;color:#5b6263;font-size:13px;line-height:1.6}
.pp-contact{padding:100px 0 25px;background:#1d2954;color:#f4f0e7}.pp-contact .pp-wrap>p{margin-bottom:35px;color:#c3cae3;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.pp-contact h2{max-width:1260px;font-size:clamp(72px,9.5vw,155px)}.pp-contact h2 em{color:var(--pp-lime)}.pp-contact button{display:flex;justify-content:space-between;align-items:center;gap:65px;margin:48px 0 95px;padding:17px 22px;border:1px solid #d2d7e8;border-radius:50px;background:none;color:#f4f0e7;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;transition:background .2s,color .2s}.pp-contact button:hover{background:var(--pp-lime);border-color:var(--pp-lime);color:var(--pp-ink)}.pp-contact button span{font-size:21px;line-height:1}.pp-contact-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #626d92;color:#b9c2dc;font-size:10px;letter-spacing:.06em}.pp-contact-bottom a{text-decoration:none}.pp-contact-bottom a:hover{color:var(--pp-lime)}.pp-footer{display:flex;justify-content:space-between;gap:20px;padding:19px 4vw;background:#1d2954;color:#929fc3;font-size:9px;letter-spacing:.04em}
@media(max-width:1000px){.pp-hero{grid-template-columns:57% 43%}.pp-hero h1{font-size:clamp(67px,8vw,100px)}.pp-hero-shape--card{width:80%;left:5%}.pp-hero-shape--card>span{font-size:clamp(60px,7vw,90px)}.pp-hero-bottom{display:block}.pp-hero-bottom a{width:max-content;margin-top:24px}.pp-project-copy h3{font-size:clamp(55px,6vw,75px)}.pp-project-art{min-height:480px}.pp-playhouse-sheet strong{font-size:clamp(40px,5vw,65px)}}
@media(max-width:800px){.pp-header{grid-template-columns:1fr auto;padding:14px 6vw;min-height:75px}.pp-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;border-top:1px solid #c8c7bc;padding-top:12px}.pp-contact-link{gap:10px}.pp-hero{display:flex;flex-direction:column}.pp-hero-copy{min-height:550px;padding:65px 6vw 50px}.pp-kicker{margin-bottom:30px!important;font-size:9px}.pp-hero h1{font-size:clamp(67px,13vw,100px)}.pp-hero-bottom{margin-top:40px}.pp-hero-art{min-height:0;height:105vw;max-height:600px}.pp-hero-shape--card{top:17%;left:14%;width:67%;height:62%}.pp-hero-shape--card>span{font-size:clamp(65px,12vw,105px)}.pp-ticker{gap:12px;font-size:8px}.pp-ticker span:nth-child(n+6){display:none}.pp-work{padding-top:70px;padding-bottom:75px}.pp-section-top{font-size:9px}.pp-section-top span:last-child{display:none}.pp-work-heading{display:block;padding:45px 0 50px}.pp h2{font-size:clamp(68px,12vw,100px)}.pp-work-heading>p{margin-top:25px}.pp-project,.pp-project--reverse{display:flex;flex-direction:column;min-height:0}.pp-project--reverse .pp-project-art,.pp-project--reverse .pp-project-copy{order:initial}.pp-project-art{min-height:0;height:95vw;max-height:570px}.pp-project-copy,.pp-project--reverse .pp-project-copy{padding:45px 0 55px}.pp-project-copy h3{font-size:clamp(60px,12vw,85px)}.pp-mono-word{font-size:clamp(100px,20vw,150px)}.pp-playhouse-sheet strong{font-size:clamp(45px,10vw,75px)}.pp-sundial-word{font-size:clamp(110px,21vw,170px)}.pp-about{padding:75px 0 80px}.pp-about-grid,.pp-process-grid{display:block}.pp-section-label{margin-bottom:25px!important}.pp-about h2,.pp-process h2{font-size:clamp(75px,13vw,105px)}.pp-about-copy{margin-top:30px}.pp-process{padding-top:75px;padding-bottom:85px}.pp-process-grid{padding-top:45px}.pp-process-grid>div:last-child{margin-top:40px}.pp-contact{padding-top:75px}.pp-contact h2{font-size:clamp(68px,12vw,110px)}.pp-contact button{margin-bottom:70px}.pp-contact-bottom{font-size:9px}.pp-footer{flex-direction:column;gap:7px;padding:18px 6vw}}
@media(max-width:800px){.pp-hero-shape--card>span{font-size:clamp(43px,10vw,70px)}.pp-mono-card{width:85%}.pp-mono-word{font-size:clamp(70px,17vw,120px)}.pp-playhouse-sheet{width:60%;padding:18px}.pp-playhouse-sheet strong{font-size:clamp(38px,9vw,60px)}}
@media(max-width:400px){.pp-hero h1{font-size:clamp(53px,14vw,65px)}.pp-hero-shape--card>span{font-size:clamp(42px,12.5vw,50px)}.pp-hero-shape--card{padding:20px}.pp-contact h2{font-size:65px}}
@media(prefers-reduced-motion:reduce){.pp *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}