/* Bundled creative apps, Games and built-in management — October 2026. */
.v18-nav { gap:16px; }
.v18-nav a[aria-current=page] { color:var(--pf-blue); }
.studio-page { color:var(--pf-ink); background:var(--pf-paper); }
.studio-overview,.studio-section,.management-section { padding-block:70px; }
.studio-overview { border-bottom:1px solid var(--pf-line); }
.studio-heading { max-width:760px; margin-bottom:34px; }
.studio-heading h2,.studio-split h2,.studio-crosslink h2 { font-size:clamp(33px,4vw,50px); font-weight:550; line-height:1.1; letter-spacing:-.045em; margin:0 0 23px; }
.studio-heading p:not(.pf-kicker),.studio-split p:not(.pf-kicker),.studio-crosslink>p:not(.pf-kicker) { font-size:16px; line-height:1.85; color:var(--pf-muted); }
.studio-heading strong,.studio-steps strong { font-weight:600; }
.studio-pair { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.studio-card { background:#eee9f1; border:1px solid #dfd8e4; border-radius:9px; overflow:hidden; display:flex; flex-direction:column; }
.studio-card-flow { background:#e8f0f3; border-color:#d6e3e8; }
.studio-card-copy { padding:32px; flex:1; }
.studio-card h3 { font-size:36px; line-height:1.12; letter-spacing:-.04em; font-weight:550; margin:16px 0; }
.studio-card-copy>p:not(.pf-kicker) { color:var(--pf-muted); font-size:14px; line-height:1.8; max-width:420px; }
.studio-card-copy>span { display:inline-block; margin-top:22px; font-size:13px; color:var(--pf-blue); }
.studio-card>img { width:100%; aspect-ratio:16/9; object-fit:cover; object-position:top; border-top:1px solid #ffffff; }
.studio-card:hover .studio-card-copy>span { text-decoration:underline; text-underline-offset:4px; }
.studio-hero { padding-top:60px; }
.studio-hero h1 { font-size:clamp(44px,6.6vw,84px); line-height:1.02; letter-spacing:-.065em; font-weight:550; margin:24px 0 30px; }
.studio-hero h1 em { font-style:normal; color:#644574; }
.flow-hero h1 em { color:#267c88; }
.studio-hero-bottom { display:grid; grid-template-columns:1.2fr 1fr; gap:46px; align-items:center; margin-bottom:38px; }
.studio-hero-bottom>p { font-size:17px; line-height:1.8; color:var(--pf-muted); margin:0; max-width:660px; }
.studio-hero-bottom .pf-actions { align-items:flex-start; justify-content:flex-end; gap:12px; }
.studio-hero .pf-button { white-space:normal; text-align:center; }
.app-screenshot { margin:0; min-width:0; }
.app-screenshot>a { display:block; border:1px solid #d5dce3; border-radius:8px; overflow:hidden; background:#f4f6f9; box-shadow:0 14px 40px #172c4410; }
.app-screenshot img { width:100%; height:auto; display:block; object-position:top; }
.app-screenshot figcaption { font-size:11px; color:var(--pf-muted); line-height:1.7; display:flex; flex-wrap:wrap; gap:8px 18px; justify-content:space-between; padding-top:13px; }
.app-screenshot figcaption a { color:var(--pf-blue); }
.flow-screenshot img { aspect-ratio:16/9; object-fit:contain; }
.studio-requirement { font-size:12px; color:var(--pf-muted); line-height:1.8; margin:23px 0 0; }
.process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:38px; }
.process-grid article { border-top:2px solid #ccc2d3; padding-top:24px; }
.process-grid span,.film-heading>span { font:500 10px/1.5 var(--font-geist-mono),monospace; letter-spacing:.09em; color:#716079; }
.process-grid h3 { font-size:25px; line-height:1.2; letter-spacing:-.03em; font-weight:550; margin:20px 0 14px; }
.process-grid p { color:var(--pf-muted); font-size:14px; line-height:1.85; }
.process-grid p.process-tags { font-size:11px; color:#426a73; margin-top:20px; }
.studio-band { padding-block:66px; margin-block:20px; }
.flow-band { background:#e6f0f0; }
.show-band { background:#eee9f1; }
.studio-split { display:grid; grid-template-columns:1fr 1fr; gap:75px; }
.studio-facts article+article { border-top:1px solid #182c4520; padding-top:22px; margin-top:22px; }
.studio-facts h3 { font-size:21px; font-weight:550; letter-spacing:-.025em; margin:0 0 8px; }
.studio-facts p { font-size:14px!important; margin:0; }
.studio-steps { list-style:none; padding:0; margin:40px 0; }
.studio-steps li { display:grid; grid-template-columns:65px 1fr; gap:22px; border-top:1px solid var(--pf-line); padding:25px 0; }
.studio-steps li>span { color:var(--pf-blue); font:500 12px/1.5 var(--font-geist-mono),monospace; padding-top:5px; }
.studio-steps h3 { font-size:23px; font-weight:550; line-height:1.3; letter-spacing:-.025em; margin:0 0 9px; }
.studio-steps p { color:var(--pf-muted); font-size:15px; line-height:1.85; max-width:850px; margin:0; }
.studio-note { background:#eaf0fc; padding:25px 28px; border-radius:5px; margin-bottom:30px; }
.studio-note strong { font-size:18px; font-weight:550; }
.studio-note p { color:var(--pf-muted); font-size:14px; line-height:1.8; margin:8px 0 0; }
.studio-crosslink { border-top:1px solid var(--pf-line); padding-block:50px 75px; }
.studio-crosslink>p { max-width:750px; }
.app-inline-link { display:inline-block; font-size:13px; color:var(--pf-blue); margin-top:16px; text-underline-offset:4px; }
.app-inline-link:hover { text-decoration:underline; }
.film-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.film { min-width:0; border-top:1px solid var(--pf-line); padding-top:24px; }
.film h3 { font-size:28px; font-weight:550; letter-spacing:-.035em; line-height:1.2; margin:14px 0 12px; }
.film-heading>p { font-size:12px; color:var(--pf-muted); margin-bottom:20px; }
.film video { display:block; width:100%; aspect-ratio:16/9; background:#101622; object-fit:contain; border-radius:6px; }
.film-footer p { font-size:13px; color:var(--pf-muted); line-height:1.8; margin:15px 0 8px; }
.film-footer a { font-size:12px; color:var(--pf-blue); }
.management-section { border-top:1px solid var(--pf-line); }
.management-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:45px; align-items:start; }
.management-layout h3 { font-size:27px; line-height:1.2; font-weight:550; letter-spacing:-.035em; margin:0 0 15px; }
.management-layout p,.management-layout li { font-size:14px; color:var(--pf-muted); line-height:1.85; }
.management-layout ul { padding-left:20px; list-style:disc; margin:20px 0; }
.management-layout li+li { margin-top:9px; }
.management-layout .pf-small { font-size:12px; margin-top:24px; }
.management-layout a:not(.pf-button) { color:var(--pf-blue); }
.install-four-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.install-four-grid .install-option-card { min-width:0; }
.manager-release-note { color:#526078; font-size:11px!important; line-height:1.75; margin:16px 0 0; }
.app-location-note { margin-top:12px; background:#eaf0fc; border-radius:6px; padding-block:22px; }
.app-location-note p { font-size:14px; color:var(--pf-muted); line-height:1.85; margin:0; }
.app-location-note strong { color:var(--pf-ink); font-weight:550; }
.app-location-note a { color:var(--pf-blue); text-decoration:underline; text-underline-offset:3px; }
.standard-plugins { display:grid; grid-template-columns:1fr 1fr; gap:35px; }
.standard-plugins .standard-plugin { display:flex; flex-direction:column; gap:24px; padding-block:0 35px; margin:0; border-top:0; align-items:stretch; }
.standard-plugin .plugin-copy { padding:0; flex:1; }
.standard-plugin .plugin-media { min-width:0; }
.standard-plugin .plugin-copy h3 { font-size:32px; }
@media(max-width:1100px) {
 .film-grid { grid-template-columns:1fr; gap:40px; }
 .v18-header-inner { flex-wrap:wrap; gap:14px 20px; }
 .v18-nav { flex:1; justify-content:center; gap:14px; }
 .v18-version { display:none; }
 .studio-split { gap:40px; }
 .studio-hero-bottom { grid-template-columns:1fr; gap:22px; }
 .studio-hero-bottom .pf-actions { justify-content:flex-start; }
}
@media(max-width:800px) {
 .studio-overview,.studio-section,.management-section { padding-block:45px; }
 .studio-card-copy { padding:25px; }
 .studio-card h3 { font-size:30px; }
 .studio-split,.management-layout { grid-template-columns:1fr; gap:30px; }
 .studio-hero { padding-top:38px; }
 .studio-hero h1 { font-size:56px; }
 .process-grid { gap:22px; }
 .process-grid h3 { font-size:23px; }
 .film-grid { grid-template-columns:1fr; gap:40px; }
 .standard-plugins { gap:25px; }
}
@media(max-width:600px) {
 .v18-header-inner { align-items:center; }
 .v18-nav { flex-basis:100%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 8px; text-align:center; }
 .v18-nav a { white-space:nowrap; font-size:11px; padding-block:10px; }
 .studio-pair,.process-grid,.standard-plugins,.install-four-grid { grid-template-columns:1fr; }
 .studio-hero h1 { font-size:clamp(40px,10vw,56px); }
 .studio-hero-bottom>p { font-size:16px; }
 .studio-card h3 { font-size:34px; }
 .studio-band { padding-block:42px; }
 .studio-steps li { grid-template-columns:32px 1fr; gap:12px; }
 .studio-note { padding:22px; }
 .app-location-note { width:calc(100% - 32px); padding:20px; }
 .studio-heading h2 br { display:none; }
 .studio-requirement { font-size:11px; }
 .studio-hero .pf-actions { flex-direction:column; align-items:stretch; }
}