/* Каталог: единая серия обложек, настоящие экраны и типографика. */
.catalog-cover { --cover-paper:#dfdbd1; --cover-ink:#28322e; --cover-line:#b1b6aa; position:relative; isolation:isolate; display:flex; flex-direction:column; gap:22px; padding:24px 28px 18px; aspect-ratio:1.48; flex-shrink:0; overflow:hidden; background:var(--cover-paper); color:var(--cover-ink); text-decoration:none; border-bottom:1px solid var(--cover-line); }
.catalog-cover--own { --cover-paper:#d4ded5; --cover-line:#a4b5a8; }
.catalog-cover--partner { --cover-paper:#e2d7c4; --cover-line:#b8ad99; }
.catalog-cover--studio { --cover-paper:#dedbd4; --cover-line:#b8b2a5; }
.catalog-cover-top,.catalog-cover-bottom { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-shrink:0; }
.catalog-cover-top { font-size:14px; line-height:1.4; min-height:40px; }
.catalog-cover-top > span:first-child { max-width:28ch; }
.catalog-cover-number { font:12px/1.4 'JetBrains Mono',monospace; border:1px solid var(--cover-line); border-radius:50%; width:32px; height:32px; display:grid; place-items:center; flex-shrink:0; }
.catalog-cover-screen { position:relative; flex:1; min-height:0; overflow:hidden; background:#181b19; border:1px solid #6e746b; border-radius:6px; box-shadow:0 12px 22px #28322e20; transition:transform 220ms ease; }
.catalog-cover-chrome { display:flex; align-items:center; gap:4px; height:18px; padding:0 9px; background:#2a302b; border-bottom:1px solid #42493f; }
.catalog-cover-chrome > span { width:4px; height:4px; border-radius:50%; background:#a6ad9f; }
.catalog-cover-screen img { display:block; width:100%; height:calc(100% - 18px); object-fit:cover; object-position:top; }
.catalog-cover-type { position:relative; display:flex; align-items:center; flex:1; min-height:0; padding:12px 0; }
.catalog-cover-type strong { position:relative; z-index:1; max-width:10ch; font-weight:500; font-size:clamp(32px,4.3vw,64px); line-height:1.02; letter-spacing:-.055em; overflow-wrap:break-word; }
.catalog-cover-orbit { position:absolute; width:220px; height:220px; right:-58px; top:50%; transform:translateY(-50%); border:1px solid var(--cover-line); border-radius:50%; }
.catalog-cover-orbit::before,.catalog-cover-orbit::after { content:''; position:absolute; border:1px solid var(--cover-line); border-radius:50%; }
.catalog-cover-orbit::before { inset:32px; }
.catalog-cover-orbit::after { inset:64px; }
.catalog-cover-rule { position:absolute; height:1px; background:var(--cover-line); left:0; right:0; bottom:0; }
.catalog-cover-bottom { min-height:30px; font-size:12px; line-height:1.5; }
.catalog-cover-bottom > span:first-child { max-width:36ch; }
.catalog-cover-arrow { font-size:23px; line-height:1; flex-shrink:0; transition:transform 220ms ease; }
.catalog-cover:focus-visible { outline:3px solid #745a31; outline-offset:-5px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .catalog-cover:hover .catalog-cover-screen { transform:translateY(-4px); }
  .catalog-cover:hover .catalog-cover-arrow { transform:translate(2px,-2px); }
}
@media(min-width:768px) and (max-width:1023px) {
  .catalog-cover { padding:20px; gap:16px; aspect-ratio:1.25; }
  .catalog-cover-type strong { font-size:40px; }
}
@media(max-width:767px) {
  .catalog-cover { padding:18px 20px 14px; gap:15px; aspect-ratio:1.12; }
  .catalog-cover-top { font-size:14px; }
  .catalog-cover-type strong { font-size:clamp(36px,10vw,56px); }
  .catalog-cover-orbit { width:180px; height:180px; }
  .catalog-cover-bottom { font-size:12px; }
  .catalog-cover-number { width:28px; height:28px; }
}
@media(prefers-reduced-motion:reduce) { .catalog-cover-screen,.catalog-cover-arrow { transition:none; } }

/* Портфолио: общая типографика, реальные интерфейсы и схемы процессов. */
.experience-proof { display:flex!important; gap:38px!important; padding-top:22px!important; }
.experience-proof > div { display:grid; gap:5px; }
.experience-proof strong { font-size:30px; font-weight:500; line-height:1.1; letter-spacing:-.04em; color:#e8e5de; }
.experience-proof span { font-size:13px; line-height:1.5; color:#b0b0b6; }
.portfolio-featured { padding:100px 24px; border-top:1px solid #26272b; background:#090a0c; }
.portfolio-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px 32px; }
.portfolio-card { min-width:0; border:1px solid #292b30; background:#111316; border-radius:14px; overflow:hidden; display:flex; flex-direction:column; }
.portfolio-card-body { padding:28px 30px 24px; display:flex; flex-direction:column; flex:1; }
.portfolio-overline { color:#bcb09a; font:12px/1.6 "JetBrains Mono",monospace; letter-spacing:.04em; }
.portfolio-card h3 { font-size:clamp(23px,2.3vw,32px); line-height:1.2; font-weight:500; letter-spacing:-.045em; margin:12px 0; color:#f1eee7; }
.portfolio-card h3 a { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.portfolio-card h3 a span { color:#d8b26e; font-size:22px; transition:transform 180ms ease; }
.portfolio-card h3 a:hover span { transform:translate(3px,-3px); }
.portfolio-card-summary { color:#c0c0c2; font-size:16px; line-height:1.65; max-width:54ch; }
.portfolio-role { color:#a9a8ae; font-size:13px; line-height:1.5; margin-top:18px; padding-top:16px; border-top:1px solid #2b2c31; }
.portfolio-card-impact { margin:18px 0 0; }
.portfolio-card-impact > span { color:#d8b26e; font:12px/1.5 "JetBrains Mono",monospace; }
.portfolio-card-impact > p { color:#dbd8d0; margin-top:6px; font-size:15px; line-height:1.65; }
.portfolio-link { min-height:44px; display:inline-flex; align-items:center; gap:18px; font-size:15px; line-height:1.4; color:#d8b26e; text-decoration:none; width:fit-content; padding:10px 0; }
.portfolio-link:hover { color:#f1d49f; text-decoration:underline; text-underline-offset:5px; }
.portfolio-card .portfolio-link { margin-top:auto; padding-top:24px; }
.portfolio-visual { margin:0; min-width:0; position:relative; min-height:290px; }
.portfolio-card > .portfolio-visual { height:320px; min-height:0; aspect-ratio:auto; }
.portfolio-screen { background:#e7e3db; aspect-ratio:1.64; overflow:hidden; }
.portfolio-screen img { width:100%; height:100%; display:block; object-fit:cover; object-position:top; }
.portfolio-screen figcaption { position:absolute; bottom:0; left:0; right:0; color:#deddd7; background:#111316f5; font:11px/1.5 "JetBrains Mono",monospace; padding:9px 16px; border-top:1px solid #292b30; }
.portfolio-diagram { padding:28px 30px; display:flex; flex-direction:column; gap:22px; justify-content:space-between; background:#e7e1d6; color:#282c2b; }
.portfolio-diagram .portfolio-overline { color:#655742; }
.portfolio-diagram ol { display:flex; list-style:none; padding:0; margin:0; gap:10px; }
.portfolio-diagram li { flex:1; font-size:13px; line-height:1.4; border-top:1px solid #918978; padding-top:10px; position:relative; }
.portfolio-diagram li > span { font:11px/1.5 "JetBrains Mono",monospace; color:#746a58; display:block; margin-bottom:5px; }
.portfolio-diagram li:not(:last-child)::after { content:'→'; position:absolute; right:0; top:9px; color:#756f61; }
.diagram-caption { font:10px/1.5 "JetBrains Mono",monospace; letter-spacing:.08em; color:#655742; }
.portfolio-metric { display:flex; align-items:center; gap:20px; margin:0; }
.portfolio-metric strong { display:block; font-weight:400; font-size:clamp(56px,6vw,90px); line-height:1; letter-spacing:-.065em; white-space:nowrap; }
.portfolio-metric > span { font-size:15px; line-height:1.5; max-width:20ch; }
.portfolio-visual--email { background:#cfdcd2; }
.portfolio-visual--email .portfolio-overline,.portfolio-visual--email .diagram-caption { color:#405849; }
.portfolio-word { display:flex; flex-direction:column; justify-content:center; padding:30px; gap:28px; background:#1b2523; color:#dce4dc; overflow:hidden; }
.portfolio-word > span { font-size:clamp(32px,4.6vw,60px); line-height:1.05; letter-spacing:-.055em; max-width:100%; overflow-wrap:anywhere; }
.portfolio-word > small { font-size:12px; line-height:1.5; opacity:.8; }
.portfolio-word--partner { background:#dfd2bf; color:#3b2f2a; }
.portfolio-word--studio { background:#d4d5df; color:#343441; }
.portfolio-word--own { background:#1e3430; color:#d3e6db; }
.portfolio-intro { padding:158px 24px 48px; border-bottom:1px solid #2b2c31; }
.portfolio-intro h1,.portfolio-detail-intro h1 { font-weight:400; font-size:clamp(38px,5.6vw,80px); line-height:1.08; letter-spacing:-.055em; max-width:1000px; margin:22px 0 28px; color:#efede5; }
.portfolio-intro h1 span { color:#9d9fa4; }
.portfolio-intro > div > p:not(.portfolio-count),.portfolio-lead { font-size:clamp(17px,1.65vw,22px); line-height:1.6; color:#bdbcb9; max-width:720px; }
.portfolio-filters { display:flex; flex-wrap:wrap; gap:8px; margin-top:36px; }
.portfolio-filters[hidden],.portfolio-group[hidden] { display:none; }
.portfolio-filters button { padding:12px 18px; border-radius:30px; border:1px solid #414248; color:#c4c4c6; background:transparent; min-height:46px; font-size:14px; cursor:pointer; transition:background 180ms,color 180ms; }
.portfolio-filters button[aria-pressed="true"] { color:#191b1c; background:#e7e1d6; border-color:#e7e1d6; }
.portfolio-filters button:hover:not([aria-pressed="true"]) { background:#23262a; color:#fff; }
.portfolio-count { font:12px/1.6 "JetBrains Mono",monospace; color:#aaa7a2; margin-top:20px; }
.portfolio-catalog { padding:12px 24px 100px; }
.portfolio-group { padding-top:62px; }
.portfolio-group-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:28px; }
.portfolio-group-heading h2 { font-size:clamp(28px,3vw,42px); font-weight:400; line-height:1.15; letter-spacing:-.04em; }
.portfolio-group-heading h2 > span { font:13px/1 "JetBrains Mono",monospace; color:#b6a077; vertical-align:top; margin-left:8px; }
.portfolio-group-heading > p { color:#afafaf; font-size:15px; line-height:1.6; max-width:360px; }
.portfolio-catalog .portfolio-visual { min-height:235px; }
.portfolio-catalog .portfolio-word { min-height:205px; }
.portfolio-catalog .portfolio-card > .portfolio-visual { height:270px; min-height:0; }
.portfolio-closing { padding:90px 24px; background:#e7e1d6; color:#252724; }
.portfolio-closing .section-kicker { color:#675b43; }
.portfolio-closing h2 { font-size:clamp(34px,5vw,64px); line-height:1.1; font-weight:400; letter-spacing:-.045em; margin:22px 0; }
.portfolio-closing p { font-size:18px; line-height:1.6; color:#575751; max-width:550px; margin-bottom:26px; }
.portfolio-closing .hero-primary { background:#222923; color:#f1eee5; border-color:#222923; }
.portfolio-closing .hero-primary:hover { background:#3b443b; }
.portfolio-detail-intro { padding:120px 24px 0; }
.portfolio-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; color:#a9a6a0; font-size:13px; margin-bottom:42px; }
.portfolio-breadcrumb a { min-height:44px; display:inline-flex; align-items:center; text-decoration:underline; text-underline-offset:4px; }
.portfolio-breadcrumb > span { align-self:center; }
.portfolio-meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; padding:30px 0; margin:32px 0; border-top:1px solid #343437; border-bottom:1px solid #343437; }
.portfolio-meta dt { font:12px/1.5 "JetBrains Mono",monospace; color:#a9a6a0; margin-bottom:10px; }
.portfolio-meta dd { font-size:17px; line-height:1.5; color:#ede8df; }
.portfolio-detail-intro > .portfolio-visual { border-radius:12px; min-height:320px; }
.portfolio-detail-intro > .portfolio-screen { aspect-ratio:1.9; max-height:620px; }
.portfolio-detail-intro > .portfolio-screen img { object-fit:cover; }
.portfolio-detail-intro > .portfolio-word { min-height:340px; padding:50px; }
.portfolio-detail-intro > .portfolio-word > span { font-size:clamp(42px,8vw,100px); }
.portfolio-detail-intro > .portfolio-diagram { padding:40px 50px; }
.portfolio-detail-story { padding:60px 24px 90px; }
.portfolio-story-row { display:grid; grid-template-columns:1fr 2fr; gap:40px; padding:30px 0; border-top:1px solid #333438; }
.portfolio-story-row > span { font:13px/1.6 "JetBrains Mono",monospace; color:#c2ac86; }
.portfolio-story-row p,.portfolio-story-row li { color:#d0cdc7; font-size:18px; line-height:1.75; max-width:64ch; }
.portfolio-story-row ul { list-style:none; padding:0; margin:0; }
.portfolio-story-row li { padding-left:22px; position:relative; margin-bottom:14px; }
.portfolio-story-row li::before { content:'+'; position:absolute; left:0; color:#d8b26e; }
.portfolio-result { padding-top:38px; }
.portfolio-result .portfolio-metric { color:#e5c88f; margin-bottom:24px; }
.portfolio-footnote { font-size:13px!important; line-height:1.6!important; color:#9e9e9c!important; margin-top:18px; max-width:66ch; }
.portfolio-service-link { margin-left:32px; }
.portfolio-related { padding:0 24px 90px; }
.portfolio-related h2 { font-size:32px; letter-spacing:-.04em; margin-bottom:30px; }
.portfolio-related > .portfolio-link { margin-top:20px; }
.portfolio-about { padding:80px 24px; display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:start; }
.portfolio-about figure { border-radius:12px; overflow:hidden; }
.portfolio-about img { display:block; width:100%; height:auto; }
.portfolio-about h2 { font-size:clamp(30px,3.4vw,46px); line-height:1.2; letter-spacing:-.035em; margin:18px 0 28px; }
.portfolio-about p { color:#bfbcb6; font-size:17px; line-height:1.8; margin-bottom:20px; }
.portfolio-principles { padding:10px 24px 90px; }
.portfolio-principles h2 { font-size:36px; letter-spacing:-.035em; margin-bottom:38px; }
.portfolio-principles ol { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; padding:0; }
.portfolio-principles li { border-top:1px solid #605439; padding-top:22px; }
.portfolio-principles li > span { font:13px "JetBrains Mono",monospace; color:#d8b26e; }
.portfolio-principles h3 { font-size:23px; line-height:1.3; margin:20px 0 14px; }
.portfolio-principles p { color:#bfbcb6; font-size:16px; line-height:1.7; }
@media(min-width:1600px) { .portfolio-featured { padding-top:120px; padding-bottom:120px; } }
@media(max-width:767px) {
  .experience-proof { gap:24px!important; padding-top:18px!important; }
  .experience-proof strong { font-size:27px; }
  .experience-proof span { font-size:12px; }
  .portfolio-featured { padding:58px 20px; }
  .portfolio-grid { grid-template-columns:minmax(0,1fr); gap:26px; }
  .portfolio-card-body { padding:22px 20px 18px; }
  .portfolio-card h3 { font-size:27px; }
  .portfolio-card-impact { display:none; }
  .portfolio-overline { font-size:11px; }
  .portfolio-card-summary { font-size:16px; }
  .portfolio-role { font-size:13px; margin-top:14px; padding-top:12px; }
  .portfolio-card .portfolio-link { padding-top:16px; }
  .portfolio-visual,.portfolio-catalog .portfolio-visual { min-height:200px; }
  .portfolio-card > .portfolio-visual,.portfolio-catalog .portfolio-card > .portfolio-visual { height:220px; min-height:0; }
  .portfolio-diagram { padding:22px 20px; gap:20px; }
  .portfolio-metric { gap:16px; }
  .portfolio-metric strong { font-size:60px; }
  .portfolio-metric > span { font-size:14px; }
  .portfolio-diagram li { font-size:12px; }
  .portfolio-screen { aspect-ratio:1.5; }
  .portfolio-screen figcaption { font-size:10px; }
  .portfolio-intro { padding:115px 20px 30px; }
  .portfolio-intro h1 { font-size:clamp(34px,8.4vw,55px); }
  .portfolio-intro > div > p:not(.portfolio-count) { font-size:17px; }
  .portfolio-filters { margin-top:26px; gap:8px; }
  .portfolio-filters button { padding:10px 14px; font-size:13px; }
  .portfolio-catalog { padding:0 20px 55px; }
  .portfolio-group { padding-top:38px; }
  .portfolio-group-heading { display:block; margin-bottom:20px; }
  .portfolio-group-heading h2 { font-size:29px; }
  .portfolio-group-heading > p { font-size:15px; margin-top:12px; }
  .portfolio-catalog .portfolio-word { min-height:145px; padding:24px 20px; gap:16px; }
  .portfolio-catalog .portfolio-card > .portfolio-word { height:155px; }
  .portfolio-word > span { font-size:38px; }
  .portfolio-closing { padding:56px 20px; }
  .portfolio-closing p { font-size:17px; }
  .portfolio-detail-intro { padding:100px 20px 0; }
  .portfolio-breadcrumb { margin-bottom:24px; gap:8px; font-size:12px; }
  .portfolio-detail-intro h1 { font-size:clamp(32px,8.2vw,48px); }
  .portfolio-meta { grid-template-columns:1fr; gap:18px; padding:24px 0; margin:26px 0; }
  .portfolio-meta > div { display:grid; grid-template-columns:95px 1fr; gap:16px; }
  .portfolio-meta dt { margin:3px 0 0; }
  .portfolio-meta dd { font-size:16px; }
  .portfolio-detail-intro > .portfolio-visual { min-height:210px; }
  .portfolio-detail-intro > .portfolio-screen { aspect-ratio:1.35; }
  .portfolio-detail-intro > .portfolio-word,.portfolio-detail-intro > .portfolio-diagram { padding:26px 20px; }
  .portfolio-detail-intro > .portfolio-word > span { font-size:44px; }
  .portfolio-detail-story { padding:36px 20px 55px; }
  .portfolio-story-row { grid-template-columns:1fr; gap:14px; padding:24px 0; }
  .portfolio-story-row p,.portfolio-story-row li { font-size:17px; line-height:1.7; }
  .portfolio-service-link { margin:0; }
  .portfolio-related { padding:0 20px 55px; }
  .portfolio-related .portfolio-visual { display:none; }
  .portfolio-about { padding:45px 20px; grid-template-columns:1fr; gap:30px; }
  .portfolio-about figure { max-width:320px; }
  .portfolio-about p { font-size:17px; }
  .portfolio-principles { padding:20px 20px 55px; }
  .portfolio-principles ol { grid-template-columns:1fr; gap:24px; }
}
@media(prefers-reduced-motion:reduce) { .portfolio-card a span,.portfolio-filters button { transition:none; } }

/* Избранные кейсы: единая серия обложек с реальными экранами проектов. */
.project-cover { display:block; position:relative; overflow:hidden; padding:27px 30px 19px; background:#ddd8cd; color:#262a28; border-bottom:1px solid #b8b1a3; text-decoration:none; }
.project-cover-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.project-cover-heading > span:first-child { font-size:clamp(22px,2.1vw,30px); line-height:1.15; font-weight:500; letter-spacing:-.045em; }
.project-cover-arrow { display:grid; place-items:center; width:32px; height:32px; border:1px solid #a5a194; border-radius:50%; font-size:19px; flex-shrink:0; }
.project-cover-label { font-size:13px; line-height:1.5; margin:5px 0 23px; color:#595c54; }
.project-cover-window { width:100%; background:#151719; border:1px solid #464741; border-radius:7px; overflow:hidden; box-shadow:0 15px 28px #2e2e2926; transform:translateY(0); transition:transform 260ms ease,box-shadow 260ms ease; }
.project-cover-toolbar { display:flex; align-items:center; height:23px; gap:4px; padding:0 10px; border-bottom:1px solid #363835; background:#252824; }
.project-cover-toolbar i { width:4px; height:4px; border-radius:50%; background:#93988a; }
.project-cover-toolbar > span { margin-left:auto; margin-right:auto; padding-right:20px; font-size:9px; line-height:1; letter-spacing:.04em; color:#c3c6bb; }
.project-cover-window img { display:block; width:100%; height:auto; aspect-ratio:1.75; object-fit:cover; object-position:top; }
.project-cover-caption { display:block; margin-top:18px; font-size:12px; line-height:1.5; color:#555950; }
.project-cover:focus-visible,.studio-feature a:focus-visible { outline:3px solid #d8b26e; outline-offset:-4px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .project-cover:hover .project-cover-window { transform:translateY(-4px); box-shadow:0 20px 34px #2e2e2933; } }
/* Студия: самостоятельный акцент, визуально связанный с её настоящим сайтом. */
.studio-feature { scroll-margin-top:110px; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:40px 60px; margin-top:90px; padding-top:65px; border-top:1px solid #3d3c36; }
.studio-feature-copy { min-width:0; }
.studio-feature h3 { margin:20px 0 22px; font-size:clamp(54px,6.4vw,92px); line-height:.94; font-weight:500; letter-spacing:-.07em; color:#eae6db; }
.studio-feature h3 > span { color:#d8b26e; }
.studio-feature-copy > p { font-size:16px; line-height:1.7; color:#b8b7b1; max-width:40ch; }
.studio-feature-copy > .studio-feature-lead { color:#e3dfd6; font-size:21px; line-height:1.4; margin-bottom:18px; max-width:25ch; }
.studio-feature-cta { display:flex; align-items:center; justify-content:space-between; gap:24px; width:fit-content; min-height:52px; padding:14px 22px; margin-top:28px; background:#e6e1d5; color:#20231f; font-size:15px; font-weight:500; border:1px solid #e6e1d5; border-radius:4px; transition:background 180ms ease; }
.studio-feature-cta:hover { background:#f7f0de; }
.studio-feature-visual { min-width:0; }
.studio-feature-visual > a { display:block; border:1px solid #454640; border-radius:9px; overflow:hidden; background:#0b0b0b; box-shadow:0 24px 60px #0005; }
.studio-preview-bar { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 18px; border-bottom:1px solid #343631; color:#c4c4ba; background:#191b18; font-size:12px; }
.studio-preview-bar > span:last-child { font-size:18px; }
.studio-feature-visual img { display:block; width:100%; height:auto; }
.studio-preview-caption { margin-top:14px; color:#aaa99f; font-size:13px; line-height:1.6; }
@media(min-width:768px) and (max-width:1023px) { .studio-feature { gap:30px; grid-template-columns:.9fr 1.1fr; } .studio-feature h3 { font-size:60px; } .project-cover { padding:23px 22px 17px; } }
@media(max-width:767px) {
 .project-cover { padding:22px 20px 16px; }
 .project-cover-heading > span:first-child { font-size:clamp(21px,5.8vw,28px); }
 .project-cover-label { font-size:13px; margin-bottom:18px; max-width:26ch; }
 .project-cover-toolbar { height:19px; }
 .project-cover-caption { font-size:12px; margin-top:14px; }
 .project-cover-arrow { width:28px; height:28px; }
 .studio-feature { grid-template-columns:minmax(0,1fr); gap:26px; margin-top:48px; padding-top:36px; scroll-margin-top:90px; }
 .studio-feature h3 { margin:18px 0 22px; }
 .studio-feature h3 br { display:none; }
 .studio-feature h3 { font-size:clamp(40px,11vw,62px); }
 .studio-feature-copy > .studio-feature-lead { font-size:21px; max-width:26ch; }
 .studio-feature-copy > p { font-size:16px; }
 .studio-feature-cta { width:100%; margin-top:24px; }
 .studio-preview-bar { padding:10px 14px; font-size:12px; }
 .studio-preview-caption { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .project-cover-window,.studio-feature-cta { transition:none; } }