.piyo{--case-accent:#352547;--case-deep:#352547;--case-bg:#ede5f5}
.piyo .sample-peek,.piyo .sample-pages{display:none}.piyo .sample-caption h3::after{content:' ↗';font-size:.8em;white-space:nowrap}
.piyo .sample-hero{min-height:740px;gap:5%;padding-block:35px 65px}
.piyo .sample-hero h1{font-size:clamp(48px,5.8vw,84px);line-height:1.02}
.piyo .sample-hero h1 em{color:#684a85}
.piyo .sample-art{background:#e7ddf5;border-radius:48% 48% 16px 16px;min-height:570px}
.piyo .cover-0{width:51%;left:-2%;top:8%;transform:rotate(-8deg)}
.piyo .cover-1{width:47%;right:0;top:3%;transform:rotate(8deg)}
.piyo .cover-2{width:43%;right:10%;bottom:3%;transform:rotate(4deg)}
.piyo-ring{position:absolute;width:48%;aspect-ratio:1;border:25px solid #d8f36a;border-radius:50%;bottom:5%;left:1%;transform:rotate(-20deg)}
.piyo-intention{display:grid;grid-template-columns:1fr 1fr;gap:20px 8%;align-items:center;padding-block:44px;border-block:1px solid var(--f90-line)}
.piyo-intention h2{font-size:clamp(30px,3.1vw,44px);margin:0 0 14px}.piyo-intention p{margin:0;line-height:1.7}.piyo-intention>p{max-width:520px}
.piyo-colours{display:flex;gap:8px;grid-column:1/-1}.piyo-colours i{display:block;width:45px;height:12px;border-radius:10px;background:#352547}.piyo-colours i:nth-child(2){background:#d8f36a}.piyo-colours i:nth-child(3){background:#bba9ed}.piyo-colours i:nth-child(4){background:#ff8559}.piyo-colours i:nth-child(5){background:#f8f3e8;border:1px solid #cbc4d2}
.piyo .sample-section{padding-top:75px}.piyo .sample-image.instagram{aspect-ratio:4/5}.piyo .sample-grid{gap:38px 24px}.piyo .sample-image{border-radius:10px}.piyo .sample-image img{object-fit:contain}.piyo .sample-section-head h2{max-width:670px}.piyo .sample-caption h3{max-width:100%}.piyo-gallery-note{margin-top:35px;font-size:13px;color:var(--f90-muted)}
.piyo-cta{background:#352547;color:#f8f3e8;padding:75px 0}.piyo-cta h2{font-size:clamp(38px,4.7vw,66px);line-height:1.08;max-width:950px}.piyo-cta h2 em{font-style:normal;color:#d8f36a}.piyo-cta p{font-size:18px;max-width:650px;line-height:1.7}.piyo-cta .btn{background:#d8f36a;color:#352547;border-color:#d8f36a}.piyo-other{display:inline-block;margin:22px 0 0 26px;text-decoration:underline;text-underline-offset:5px;font-size:14px}
.case-visual.piyo-tile,.f90-case-art.piyo-tile{background:#bba9ed}.piyo-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.piyo-case-grid .case-visual{height:340px;padding:25px 20px;gap:16px}.piyo-case-grid .case-info{gap:10px;align-items:start}.piyo-case-grid .circle-arrow{flex-shrink:0;width:36px;height:36px}.piyo-home-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.piyo-home-cases .f90-case-art{padding:30px 18px;gap:14px;min-height:290px}.piyo-home-cases .f90-case-copy{flex-wrap:wrap;gap:10px}
@media(max-width:1050px){.piyo .sample-art{min-height:480px}.piyo-case-grid .case-visual{height:280px;padding:20px 12px}.piyo-home-cases .f90-case-art{min-height:250px}.piyo-case-grid .case-info h3{font-size:24px}}
@media(max-width:720px){.piyo-page .wrap{padding-inline:24px}.piyo .sample-hero{min-height:0;padding-block:24px 44px;gap:22px}.piyo .sample-hero h1{font-size:clamp(42px,11.5vw,70px)}.piyo .sample-art{min-height:0;aspect-ratio:1/1.1;width:100%;max-width:480px;margin:5px auto 0}.piyo .sample-cover{border-radius:4px}.piyo .cover-0{left:1%}.piyo .cover-1{right:1%}.piyo .cover-2{right:10%;bottom:5%}.piyo .sample-back{margin-bottom:24px}.piyo-intention{grid-template-columns:1fr;padding-block:32px;gap:20px}.piyo-intention h2{font-size:32px}.piyo-intention p{font-size:15px}.piyo .sample-section{padding-block:45px}.piyo .sample-section-head h2{font-size:36px}.piyo .sample-grid{grid-template-columns:1fr;gap:32px}.piyo .sample-caption h3{font-size:21px}.piyo .sample-tabs{gap:6px}.piyo .sample-tabs button{padding:12px 17px}.piyo-cta{padding:45px 0}.piyo-cta h2{font-size:38px}.piyo-cta p{font-size:17px}.piyo-other{display:block;margin:24px 0 0}.piyo-case-grid,.piyo-home-cases{grid-template-columns:1fr}.piyo-case-grid .case-visual{height:360px;padding:25px;gap:20px}.piyo-home-cases .f90-case-art{min-height:0;padding:30px 20px}.piyo .sample-peek{width:35px;height:35px;font-size:20px;right:12px;top:12px}}