.studio-intro{padding:70px var(--pad) 45px}.studio-intro>.section-label{display:block}.studio-intro h1{font-size:clamp(44px,6.8vw,96px);font-weight:400;line-height:1.04;letter-spacing:-.055em;margin:23px 0;text-wrap:balance}.studio-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px}.studio-intro-bottom p{font-size:15px;line-height:1.8;max-width:440px;margin:0}.studio-intro-bottom button{padding:10px 0;background:none;font-size:11px;color:var(--muted);white-space:nowrap}.studio-main{position:relative;z-index:1}.studio-main svg,.card-teaser-grid svg{width:20px;height:20px;flex-shrink:0}.studio-main .cards{padding-top:45px}.studio-main .cards-heading h2{font-size:46px}.studio-main .cards-heading{padding-top:25px;border-top:1px solid var(--line)}.studio-details{padding:55px var(--pad) 70px}.studio-details h2,.plan-steps h2{font-size:40px;letter-spacing:-1.5px;font-weight:400;margin:23px 0 35px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 7%}.detail-grid>div{border-top:1px solid var(--line);padding:25px 0}.detail-grid h3{font-size:17px;font-weight:400;letter-spacing:-.4px;margin:0 0 13px}.detail-grid p{font-size:13px;color:var(--muted);line-height:1.9;margin:0;max-width:470px}.detail-grid a{text-decoration:underline;text-underline-offset:4px}.website-offer{margin:15px var(--pad) 0;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding:45px 0 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.website-offer h2{font-size:clamp(35px,4.3vw,62px);font-weight:400;letter-spacing:-2.7px;line-height:1.15;margin:23px 0}.website-offer h2>span{white-space:nowrap}.per-month{font-size:16px;letter-spacing:-.4px;color:var(--muted)}.website-offer>div>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:380px}.website-offer .project-button{margin-top:20px}.website-offer .offer-footnote{font-size:10px;margin-top:15px}.offer-inclusions{padding-top:5px}.offer-inclusions>div{display:flex;gap:25px;padding:20px 0;border-top:1px solid var(--line)}.offer-inclusions>div>span{font-size:10px;color:var(--muted);padding-top:4px}.offer-inclusions p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.offer-inclusions strong{font-size:15px;font-weight:400;color:var(--white)}.plan-steps{padding:25px var(--pad) 75px}.plan-steps>div{max-width:650px;margin-bottom:35px}.plan-steps p{display:flex;gap:30px;border-top:1px solid var(--line);padding:22px 0;margin:0;font-size:14px;line-height:1.7}.plan-steps p>span{color:var(--muted);font-size:11px;padding-top:3px}.plan-steps .text-link{display:inline-flex;margin-left:28px;gap:18px;font-size:12px}.card-teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:40px}.card-teaser-item{display:block;min-width:0}.card-teaser-item h3{font-size:23px;font-weight:400;letter-spacing:-.7px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:13px 0}.card-teaser-item p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.card-teaser-item .section-label{display:block;font-size:9px;margin:26px 0 0}.teaser-paper,.teaser-nfc{height:240px;padding:27px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s}.teaser-paper{background:#e9e7dc;color:#23241f;transform:rotate(-2deg);margin:0 10px}.teaser-nfc{background:linear-gradient(120deg,#dedfd8,#8b9488);color:#1e2c25;transform:rotate(2deg);margin:0 10px}.teaser-paper>span,.teaser-nfc>span{font-size:9px;letter-spacing:1px}.teaser-paper strong,.teaser-nfc strong{font-weight:400;font-size:33px;letter-spacing:-1px;line-height:1.08}.teaser-paper small,.teaser-nfc small{font-size:8px;letter-spacing:.7px}.card-teaser-item:hover .teaser-paper{transform:rotate(0)}.card-teaser-item:hover .teaser-nfc{transform:rotate(0)}.cards-teaser{border-top:1px solid var(--line)}.studio-page button,.studio-page a{touch-action:manipulation}@media(max-width:700px){.studio-intro{padding-top:38px;padding-bottom:32px}.studio-intro h1{font-size:43px}.studio-intro-bottom{display:block}.studio-intro-bottom p{font-size:13px}.studio-intro-bottom button{margin-top:15px}.studio-main .cards{padding-top:25px}.studio-main .cards-heading h2{font-size:37px}.studio-details{padding-top:35px;padding-bottom:35px}.studio-details h2,.plan-steps h2{font-size:35px}.detail-grid,.website-offer{grid-template-columns:1fr}.detail-grid>div{padding:22px 0}.website-offer{padding:35px 0;gap:30px}.website-offer h2{font-size:43px;letter-spacing:-2px}.per-month{font-size:14px}.offer-inclusions{padding-top:10px}.plan-steps{padding-bottom:50px}.plan-steps p{font-size:13px;gap:20px}.plan-steps .text-link{display:flex;width:max-content;margin:25px 0 0}.card-teaser-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.teaser-paper,.teaser-nfc{height:190px;padding:22px}.teaser-paper strong,.teaser-nfc strong{font-size:29px}.card-teaser-item h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.teaser-paper,.teaser-nfc{transition:none}.card-teaser-item:hover .teaser-paper,.card-teaser-item:hover .teaser-nfc{transform:none}}
.studio-main .card-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 8%}.studio-main .card-visual{max-width:440px;min-height:180px}.studio-main .card-visual strong{font-size:clamp(25px,3vw,39px)}.studio-main .card-visual span{font-size:9px}.studio-main .card-visual small{font-size:7px}.studio-main .cards-heading{align-items:start}.studio-main .cards-heading h2{font-size:35px}.studio-main .cards-heading .section-intro{margin-top:0}.studio-page .desktop-nav [aria-current=page]{border-bottom:1px solid currentColor}@media(max-width:700px){.studio-main .card-range{grid-template-columns:1fr;gap:45px;margin-top:35px}.studio-main .card-visual{width:100%;max-width:360px;min-height:180px;margin:0 auto 25px}.studio-main .card-visual strong{font-size:30px}.studio-main .card-product{padding-bottom:30px;border-bottom:1px solid var(--line)}.studio-main .cards-heading h2{font-size:32px}.studio-main .cards-heading .section-intro{margin-top:18px;max-width:350px}}
.studio-page .mobile-menu{overflow-y:auto;overscroll-behavior:contain}.studio-page .detail-grid>div{min-width:0}.studio-page .detail-grid p{overflow-wrap:anywhere}.studio-page :is(h1,h2,h3){text-wrap:balance}

/* Preserve physical card proportions at every viewport width. */
.inquiry-guidance,.inquiry-next p{font-size:12px;line-height:1.7;color:var(--muted)}
.inquiry-guidance{margin:-8px 0 20px}.inquiry-next{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.inquiry-next strong{font-size:13px;font-weight:500}
#inquiry-service{display:block;width:100%;padding:13px 12px;margin-top:9px;border:1px solid #65655f;border-radius:6px;background:#171717;color:var(--white);font:inherit;min-height:48px}
.project-capabilities{padding-left:18px;color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:24px}
.card-sample{border-top:1px solid var(--line);padding-block:60px}
.card-sample h2{font-weight:400;font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;margin:20px 0}
.card-sample>p{max-width:590px;color:var(--muted);font-size:13px;line-height:1.8}
.card-sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:32px 0}
.card-sample-grid figure{margin:0;min-width:0}
.card-sample-face{aspect-ratio:1.75;max-width:460px;border-radius:3px;padding:clamp(20px,3vw,30px);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 28px #0003;background:#e9e7dc;color:#23241f}
.card-sample-face>span{font-size:clamp(9px,1vw,12px);letter-spacing:.6px;line-height:1.7}
.card-sample-face>strong{font-size:clamp(24px,3vw,38px);font-weight:400;line-height:1.05;letter-spacing:-1px}
.card-sample-face small{font-size:13px;letter-spacing:0;color:#66665e}
.sample-back{background:#343a33;color:#f1f1ed}.sample-back small{color:#c5c8bd}.sample-back .sample-star{font-size:25px}
.card-sample-grid figcaption{margin-top:16px;color:var(--muted);font-size:11px;line-height:1.6}
.card-sample .card-sample-note{font-size:11px;margin-top:22px}
@media(max-width:700px){.card-sample-grid{grid-template-columns:1fr;gap:28px}.card-sample-face>strong{font-size:clamp(26px,6.8vw,36px)}.card-sample-face{width:100%;margin-inline:auto}.card-sample{padding-block:40px}}
.teaser-paper,.teaser-nfc{box-sizing:border-box;width:calc(100% - 20px);max-width:440px;height:auto;min-height:0;aspect-ratio:1.75;margin-inline:auto;padding:clamp(18px,3.4vw,27px)}
@media(max-width:700px){.teaser-paper strong,.teaser-nfc strong{font-size:clamp(23px,4.5vw,32px)}}
@media(hover:none),(pointer:coarse){
 .card-teaser-item:hover .teaser-paper{transform:rotate(-2deg)}
 .card-teaser-item:hover .teaser-nfc{transform:rotate(2deg)}
 .card-teaser-item:active .teaser-paper,.card-teaser-item:active .teaser-nfc{filter:brightness(.93)}
}