/* Shared studio section and comparison-page styles, scoped away from the shop. */
.sp-standalone { margin:0; background:#fff; }
.sp-demo-header { max-width:1440px; padding:26px 5%; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; font:13px Arial,sans-serif; border-bottom:1px solid #e8e9ec; color:#66717d; }
.sp-demo-header a { text-decoration:none; color:#152024; }
.sp-demo-header .sp-logo { font:600 30px Georgia,serif; letter-spacing:6px; }
.sp-logo span { display:block; font:9px Arial,sans-serif; letter-spacing:2.5px; margin-top:6px; }
.studio-preview { --sp-ink:#172222; --sp-muted:#617070; --sp-blue:#1644ed; font:16px/1.6 Arial,Helvetica,sans-serif; color:var(--sp-ink); background:#fff; }
.studio-preview *, .studio-preview *::before, .studio-preview *::after { box-sizing:border-box; }
.studio-preview :is(h1,h2,h3,h4,p,figure) { margin:0; }
.studio-preview a { color:inherit; text-decoration:none; }
.studio-preview button { font:inherit; cursor:pointer; color:inherit; }
.studio-preview img { display:block; max-width:100%; }
.studio-preview [hidden] { display:none!important; }
.studio-preview :is(a,button):focus-visible { outline:3px solid #f18b38; outline-offset:5px; }
.studio-preview .sp-wrap { width:min(1200px,90%); margin-inline:auto; }
.studio-preview .sp-eyebrow { display:block; font-size:10px; line-height:1.5; letter-spacing:2px; text-transform:uppercase; font-weight:600; }
.studio-preview h1 { font:400 clamp(38px,5vw,70px)/1.05 Georgia,serif; letter-spacing:-2px; }
.studio-preview h2 { font:400 clamp(40px,5.2vw,72px)/1.04 Georgia,serif; letter-spacing:-2px; }
.studio-preview h3 { font:400 clamp(26px,3vw,40px)/1.15 Georgia,serif; letter-spacing:-.7px; }
.studio-preview h4 { font-size:18px; line-height:1.3; font-weight:600; }
.studio-preview p { color:var(--sp-muted); }
.studio-preview .sp-demo-intro { padding-block:64px 56px; }
.sp-demo-intro h1 { margin-top:18px; }
.sp-demo-intro p { max-width:690px; margin-top:24px; }
.sp-demo-nav { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.sp-demo-nav a { padding:10px 18px; border:1px solid #d7dede; border-radius:30px; font-size:13px; transition:background .2s,color .2s; }
.sp-demo-nav a:hover { background:var(--sp-ink); color:#fff; }
.studio-preview .sp-variant-label { display:flex; gap:24px; align-items:center; padding-block:32px 18px; font-size:13px; }
.sp-variant-label>span { background:#172222; color:#fff; border-radius:5px; padding:6px 12px; flex-shrink:0; }
.studio-preview .sp-section { scroll-margin-top:24px; padding-block:76px; }
.studio-preview .sp-link { display:inline-flex; gap:32px; border-bottom:1px solid currentColor; padding-bottom:7px; font-size:14px; }
.studio-preview .sp-button { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; padding:15px 24px; border-radius:7px; line-height:1.4; font-size:14px; font-weight:600; min-height:50px; transition:transform .2s,filter .2s; }
.studio-preview .sp-button:hover { transform:translateY(-2px); filter:brightness(.94); }
.studio-preview .sp-button-dark { background:#172222; color:#fff; }
.studio-preview .sp-button-blue { background:var(--sp-blue); color:#fff; }
.studio-preview .sp-button-white { background:#fff; color:#163dc5; }
.sp-editorial { background:#f2f0e9; }
.sp-editorial-hero { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.studio-preview .sp-editorial-copy h2 { font-size:clamp(54px,6.5vw,90px); margin-top:22px; }
.sp-editorial-copy h2 em,.sp-editorial-cta em { color:#a74226; font-weight:400; }
.sp-editorial-copy p { margin-top:28px; max-width:390px; }
.sp-editorial-copy .sp-link { margin-top:26px; }
.sp-editorial-figure { position:relative; padding-right:25px; }
.sp-editorial-figure img { width:100%; height:520px; object-fit:contain; background:#e5e0d6; }
.sp-editorial-figure figcaption { padding-top:13px; font:italic 14px Georgia,serif; }
.sp-editorial-mark { position:absolute; right:0; top:20px; writing-mode:vertical-rl; font-size:10px; line-height:1.5; letter-spacing:3px; }
.sp-editorial-services { display:grid; grid-template-columns:1fr 1.55fr; gap:70px; padding-block:80px; }
.sp-editorial-services h3 { margin-top:18px; }
.sp-service-list article { display:flex; gap:20px; align-items:baseline; padding:22px 0; border-bottom:1px solid #d4d4c9; }
.sp-service-list article:first-child { padding-top:0; }
.sp-list-number { color:#8d948d; font:12px Arial,sans-serif; }
.sp-service-list article>div { flex:1; }
.sp-service-list p { font-size:13px; line-height:1.5; margin-top:7px; }
.sp-section-heading { display:flex; align-items:end; justify-content:space-between; gap:60px; margin-bottom:32px; }
.sp-section-heading h3,.sp-section-heading h2 { margin-top:15px; }
.sp-section-heading>p { max-width:350px; font-size:14px; }
.sp-project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sp-project-open { display:block; width:100%; border:0; padding:0; text-align:left; background:none; }
.sp-project-picture { position:relative; overflow:hidden; background:#e6e8e4; }
.sp-project-picture img { width:100%; height:250px; object-fit:cover; transition:transform .4s; }
.sp-editorial-projects .sp-project-picture img { height:280px; }
.sp-editorial-projects .sp-project:first-child img { object-position:center 25%; }
.sp-project-open:hover .sp-project-picture img { transform:scale(1.035); }
.sp-project-open[data-sp-project="winkiki"] img { object-fit:contain; background:#ebece9; }
.sp-project-open[data-sp-project="frutto"] img { object-fit:contain; background:#d4c6b6; }
.sp-project-open[data-sp-project="cttn"] img { object-fit:contain; background:#a8d5d8; }
.sp-picture-arrow { position:absolute; bottom:14px; right:14px; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#fff; color:#172222; font-size:20px; }
.sp-project-info { padding-top:17px; }
.sp-project-info .sp-eyebrow { color:#73807a; font-size:9px; }
.sp-project-info h4 { margin-top:6px; }
.sp-editorial-cta { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:64px; padding-top:38px; border-top:1px solid #d4d4c9; }
.sp-structured { background:#f8faff; }
.sp-structured-heading>div:last-child { max-width:350px; }
.sp-structured-heading .sp-button { margin-top:24px; }
.sp-structured-heading { margin-bottom:44px; }
.sp-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:72px; }
.sp-service-card { position:relative; background:#fff; border:1px solid #e0e5f1; border-radius:12px; padding:30px; }
.sp-service-number { display:block; font:400 38px Georgia,serif; color:#ced7f3; margin-bottom:28px; }
.sp-service-card .sp-eyebrow { font-size:9px; color:#4566c1; }
.studio-preview .sp-service-card h3 { font:600 21px/1.25 Arial,sans-serif; letter-spacing:-.5px; margin-block:12px; }
.sp-service-card p { font-size:14px; line-height:1.6; }
.sp-filter { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
.sp-filter button { background:#fff; border:1px solid #dce2ee; border-radius:25px; padding:9px 18px; font-size:13px; }
.sp-filter button.is-active { background:var(--sp-blue); color:white; border-color:var(--sp-blue); }
.sp-filtered-projects { gap:28px 22px; }
.sp-filtered-projects .sp-project-picture { border-radius:10px; }
.sp-filtered-projects [data-sp-category="digital"] img { object-fit:contain; background:#e8e4dd; }
.sp-process { display:grid; grid-template-columns:1fr 2fr; gap:50px; margin-top:72px; padding-block:40px; border-top:1px solid #dce2ee; }
.sp-process h3 { margin-top:14px; }
.sp-process ol { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:0; margin:0; }
.sp-process li>span { font-size:12px; color:var(--sp-blue); }
.sp-process h4 { margin-top:20px; font-size:16px; }
.sp-process p { font-size:13px; margin-top:8px; }
.sp-blue-cta { background:var(--sp-blue); color:#fff; padding:40px; display:flex; align-items:center; justify-content:space-between; gap:30px; border-radius:14px; }
.sp-blue-cta h3 { margin-top:12px; }
.sp-blue-cta .sp-eyebrow { color:#c9d8ff; }
.studio-preview .sp-portfolio { background:#14201e; color:#f3f2e9; padding-block:86px; }
.sp-portfolio .sp-eyebrow { color:#b8bdb1; }
.sp-portfolio h2 em { color:#c1d8bd; }
.sp-portfolio p { color:#a9b5b0; }
.sp-portfolio-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:46px 34px; align-items:start; margin-top:45px; }
.sp-portfolio-grid .sp-project:nth-child(2) { padding-top:80px; }
.sp-portfolio-grid .sp-project-picture img { height:400px; }
.sp-portfolio-grid .sp-project:first-child .sp-project-picture img { height:470px; }
.sp-portfolio-grid .sp-project:last-child .sp-project-picture img { object-fit:contain; background:#d8cfbe; }
.sp-portfolio-packaging { position:relative; }
.sp-portfolio-packaging>img { width:100%; height:370px; object-fit:cover; }
.sp-portfolio-caption { padding-top:17px; }
.sp-portfolio-caption h4 { margin-top:6px; }
.sp-portfolio .sp-project-info .sp-eyebrow { color:#a9b5b0; }
.sp-dark-services { display:grid; grid-template-columns:1fr 1.6fr; gap:60px; padding-top:60px; margin-top:64px; border-top:1px solid #42504a; }
.sp-dark-services h3 { margin-top:16px; }
.sp-dark-services .sp-link { color:#d1e4bd; margin-top:28px; }
.sp-dark-service-list { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.sp-dark-service-list article>span { color:#829488; font-size:11px; }
.sp-dark-service-list h4 { font-size:17px; margin-top:8px; }
.sp-dark-service-list p { font-size:13px; margin-top:8px; }
.studio-preview .sp-demo-footer { padding-block:35px; display:flex; gap:50px; justify-content:space-between; font-size:12px; }
.sp-demo-footer p { max-width:730px; }
.sp-demo-footer a { flex-shrink:0; }
.studio-preview .sp-dialog { border:0; padding:0; border-radius:14px; color:var(--sp-ink); max-width:850px; width:90vw; max-height:90dvh; overflow:auto; background:#fff; }
.sp-dialog::backdrop { background:rgba(10,20,25,.7); }
.sp-dialog[open] { display:grid; grid-template-columns:1fr 1fr; }
.sp-dialog-image { width:100%; height:100%; min-height:370px; max-height:580px; object-fit:contain; background:#efeee9; }
.sp-dialog-copy { padding:60px 36px 36px; align-self:center; }
.studio-preview .sp-dialog h2 { font-size:36px; letter-spacing:-1px; margin-top:14px; overflow-wrap:anywhere; }
.sp-dialog-copy p { font-size:14px; margin-top:18px; }
.sp-dialog-copy .sp-button { margin-top:30px; }
.studio-preview .sp-dialog.sp-dialog-designer .sp-button-blue { background:linear-gradient(135deg,#171717,#080808); color:#fff; }
.sp-dialog-close { position:absolute; right:12px; top:12px; width:34px; height:34px; border:0; border-radius:50%; background:#f2f4f8; z-index:1; font-size:24px!important; }
@media (max-width:900px) {
    .sp-editorial-hero { gap:35px; }
    .sp-editorial-figure img { height:440px; }
    .sp-editorial-services { gap:35px; }
    .sp-service-card { padding:24px; }
    .sp-project-picture img,.sp-editorial-projects .sp-project-picture img { height:220px; }
    .sp-section-heading { gap:30px; }
    .sp-process { grid-template-columns:1fr; gap:25px; }
    .sp-dark-services { gap:30px; }
    .sp-portfolio-grid .sp-project-picture img { height:330px; }
}
@media (max-width:640px) {
    .sp-demo-header { padding:20px 5%; font-size:11px; }
    .sp-demo-header>span { display:none; }
    .studio-preview .sp-demo-intro { padding-block:38px 24px; }
    .studio-preview h1,.studio-preview h2 { letter-spacing:-1.2px; }
    .sp-demo-intro p { font-size:14px; }
    .sp-demo-nav { gap:6px; }
    .sp-demo-nav a { padding:8px 12px; font-size:11px; }
    .studio-preview .sp-variant-label { align-items:start; gap:12px; font-size:11px; }
    .studio-preview .sp-section { padding-block:42px; }
    .sp-editorial-hero,.sp-editorial-services,.sp-dark-services { grid-template-columns:1fr; gap:32px; }
    .studio-preview .sp-editorial-copy h2 { font-size:58px; }
    .sp-editorial-copy p { font-size:14px; margin-top:20px; }
    .sp-editorial-figure { padding-right:20px; }
    .sp-editorial-figure img { height:420px; }
    .sp-editorial-mark { top:auto; bottom:100px; }
    .sp-editorial-services { padding-block:42px; }
    .sp-service-list article { padding-block:18px; }
    .sp-section-heading { display:block; }
    .sp-section-heading>p,.sp-structured-heading>div:last-child { margin-top:20px; max-width:none; }
    .sp-project-grid { grid-template-columns:1fr; gap:26px; }
    .sp-project-picture img,.sp-editorial-projects .sp-project-picture img { height:290px; }
    .sp-editorial-projects .sp-project:first-child img,.sp-filtered-projects [data-sp-category="fashion"]:first-child img { height:350px; }
    .sp-editorial-cta { display:block; margin-top:38px; }
    .sp-editorial-cta .sp-button { margin-top:22px; }
    .sp-service-grid { grid-template-columns:1fr 1fr; gap:10px; margin-bottom:42px; }
    .sp-service-card { padding:18px; }
    .studio-preview .sp-service-card h3 { font-size:18px; }
    .sp-service-number { font-size:30px; margin-bottom:18px; }
    .sp-service-card p { font-size:12px; }
    .sp-service-card .sp-eyebrow { font-size:8px; letter-spacing:1px; }
    .sp-filter { gap:6px; }
    .sp-filter button { padding:8px 12px; font-size:12px; }
    .sp-process { margin-top:42px; padding-block:28px; }
    .sp-process ol { grid-template-columns:1fr; gap:18px; }
    .sp-process h4 { margin-top:6px; }
    .sp-blue-cta { display:block; padding:26px; }
    .sp-blue-cta .sp-button { margin-top:24px; }
    .sp-portfolio-grid { grid-template-columns:1fr; gap:30px; margin-top:28px; }
    .sp-portfolio-grid .sp-project:nth-child(2) { padding-top:0; }
    .sp-portfolio-grid .sp-project:first-child .sp-project-picture img { height:380px; }
    .sp-portfolio-grid .sp-project-picture img,.sp-portfolio-packaging>img { height:300px; }
    .sp-dark-services { margin-top:42px; padding-top:36px; }
    .sp-dark-service-list { gap:24px 18px; }
    .studio-preview .sp-demo-footer { display:block; padding-block:24px; }
    .sp-demo-footer a { display:inline-block; margin-top:15px; }
    .sp-dialog[open] { grid-template-columns:1fr; }
    .sp-dialog-image { height:260px; min-height:0; }
    .sp-dialog-copy { padding:26px; }
    .studio-preview .sp-dialog h2 { font-size:30px; }
}
/* 04 — supplied designer layout. Deliberately scoped to this direction. */
.studio-preview .sp-designer { background:#fafafa; color:#111; scroll-margin-top:20px; }
.sp-designer-container { width:94%; max-width:1380px; margin-inline:auto; }
.sp-designer-header { background:linear-gradient(110deg,#101010,#191919 60%,#101010); color:#fff; }
.sp-designer-header-inner { width:90%; max-width:1320px; margin-inline:auto; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; min-height:72px; }
.sp-designer-language { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:92px; padding:9px 16px; background:rgba(0,0,0,.15); border-radius:30px; font-size:13px; }
.sp-designer-flag { width:17px; height:11px; border-radius:2px; background:linear-gradient(to bottom,#fff 0 33.33%,#1759bc 33.33% 66.66%,#e52c24 66.66%); }
.sp-designer-nav { display:flex; align-items:center; gap:32px; font-size:13px; }
.studio-preview .sp-designer-logo { font:400 34px/1 Arial,sans-serif; letter-spacing:9px; padding-left:9px; }
.sp-designer-social { justify-self:end; display:flex; gap:10px; }
.sp-designer-social a { display:grid; place-items:center; width:40px; height:40px; border:1px solid #353535; border-radius:50%; }
.sp-designer-social a:hover { background:#303030; }
.sp-designer-social svg { width:21px; height:21px; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; fill:none; }
.studio-preview .sp-designer .sp-eyebrow { color:#b78661; font-size:10px; font-weight:400; letter-spacing:3px; }
.sp-designer-offer { background:linear-gradient(#f6f6f4,#fafafa); padding-bottom:40px; }
.sp-designer-hero { position:relative; isolation:isolate; min-height:420px; overflow:hidden; background:#ede7dd; }
.sp-designer-hero-art { position:absolute; height:100%; width:auto; aspect-ratio:701/360; right:0; top:0; z-index:-2; overflow:hidden; }
.sp-designer-hero-art .sp-designer-photo { width:100%; min-height:0; }
.sp-designer-hero::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,#fafafa 0%,rgba(250,250,250,.99) 23%,rgba(250,250,250,.75) 35%,rgba(250,250,250,0) 49%); }
.sp-designer-hero-copy { position:relative; max-width:370px; padding-block:48px 36px; margin-left:20px; }
.studio-preview .sp-designer h2 { font:600 clamp(42px,4.5vw,62px)/1.08 Arial,Helvetica,sans-serif; letter-spacing:-1.5px; margin-top:12px; }
.studio-preview .sp-designer-hero-copy p { font-size:16px; line-height:1.35; color:#585858; margin-top:20px; }
.studio-preview .sp-designer-contact { display:inline-flex; align-items:center; justify-content:space-between; gap:40px; min-width:240px; padding:13px 30px; margin-top:20px; border-radius:40px; background:linear-gradient(135deg,#171717,#080808); color:#fff; font-size:14px; line-height:1.4; }
.sp-designer-contact>span { font-size:21px; font-weight:400; }
.sp-designer-services { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.sp-designer-service { min-width:0; }
.sp-designer-service>button { display:grid; grid-template-columns:44% 1fr; gap:14px; align-items:stretch; padding:12px; width:100%; height:100%; border:1px solid #eceae6; border-radius:16px; background:linear-gradient(120deg,#f6f5f2,#f5f5f4); text-align:left; transition:box-shadow .2s; }
.sp-designer-service>button:hover { box-shadow:0 8px 25px rgba(30,25,20,.08); }
.sp-designer-photo { position:relative; display:block; overflow:hidden; width:100%; background:#e9e4dd; }
.studio-preview .sp-designer-photo>img { position:absolute; max-width:none; width:var(--sp-photo-width); height:auto; left:var(--sp-photo-left); top:var(--sp-photo-top); }
.sp-designer-service .sp-designer-photo { border-radius:9px; align-self:center; }
.sp-designer-service-copy { display:flex; flex-direction:column; justify-content:center; padding-top:12px; min-width:0; }
.sp-designer-service-title { font-size:15px; line-height:1.3; font-weight:600; letter-spacing:-.3px; }
.sp-designer-service-text { display:block; color:#777; font-size:13px; line-height:1.4; margin-top:10px; }
.sp-designer-service-arrow { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#eee8df; color:#b18761; font-size:22px; font-weight:400; align-self:end; margin-top:auto; margin-bottom:5px; }
.sp-designer-work { padding-block:38px 32px; border-top:1px solid #dfdfdb; background:linear-gradient(120deg,#faf9f7,#fafafa); }
.sp-designer-work-heading { display:grid; grid-template-columns:1.4fr 1fr; align-items:end; gap:36px; margin-bottom:26px; }
.studio-preview .sp-designer h3 { font:600 clamp(26px,3vw,42px)/1.15 Arial,Helvetica,sans-serif; letter-spacing:-1px; margin-top:12px; }
.studio-preview .sp-designer-work-heading p { color:#777; font-size:12px; line-height:1.4; }
.sp-designer-projects { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.sp-designer-case { min-width:0; }
.sp-designer-case>button { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; height:100%; width:100%; padding:0; background:none; border:1px solid #eceae6; border-radius:14px; overflow:hidden; text-align:left; transition:box-shadow .2s; }
.sp-designer-case-photo { display:block; width:100%; aspect-ratio:1/1; overflow:hidden; flex-shrink:0; background:#e9e4dd; }
.studio-preview .sp-designer-case-photo>img { width:100%; height:100%; object-fit:contain; }
.sp-designer-case>button:hover { box-shadow:0 8px 25px rgba(30,25,20,.08); }
.sp-designer-case-copy { display:flex; flex-direction:column; flex:1; padding:13px; }
.sp-designer-case-title { font-size:18px; font-weight:600; line-height:1.3; }
.sp-designer-case-text { display:block; color:#777; font-size:13px; line-height:1.4; min-height:38px; margin-top:8px; }
.sp-designer-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:auto; padding-top:13px; }
.sp-designer-tags>span { display:inline-flex; border-radius:30px; padding:6px 8px; background:#eee9e2; color:#6d645b; font-size:11px; line-height:1.3; }
@media (min-width:1400px) {
    .sp-designer-hero { min-height:480px; }
    .sp-designer-hero-copy { max-width:430px; padding-top:58px; }
    .studio-preview .sp-designer-hero-copy p { font-size:18px; }
    .sp-designer-service-title { font-size:18px; }
    .sp-designer-service-text { font-size:15px; }
    .sp-designer-service-arrow { margin-top:15px; }
}
@media (max-width:1100px) {
    .sp-designer-hero-copy { max-width:330px; margin-left:10px; }
    .sp-designer-service>button { gap:12px; padding:10px; grid-template-columns:42% 1fr; }
    .sp-designer-service-title { font-size:14px; }
    .sp-designer-service-text { font-size:12px; }
    .sp-designer-service-arrow { width:32px; height:32px; margin-top:10px; }
    .sp-designer-work-heading { grid-template-columns:1.4fr 1fr; gap:20px; }
    .sp-designer-work-heading>div { align-self:center; }
    .sp-designer-tags>span { font-size:10px; padding:6px 9px; }
}
@media (max-width:800px) {
    .sp-designer-header-inner { width:94%; grid-template-columns:auto 1fr auto; gap:12px; }
    .sp-designer-nav { justify-content:center; gap:18px; }
    .studio-preview .sp-designer-logo { font-size:26px; letter-spacing:6px; }
    .sp-designer-language { width:auto; padding:8px 12px; }
    .sp-designer-social { gap:6px; }
    .sp-designer-social a { width:34px; height:34px; }
    .sp-designer-hero-copy { max-width:310px; }
    .sp-designer-hero::after { background:linear-gradient(90deg,#fafafa 0%,rgba(250,250,250,.96) 25%,rgba(250,250,250,.6) 40%,transparent 65%); }
    .sp-designer-services { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .sp-designer-service-title { font-size:16px; }
    .sp-designer-service-text { font-size:13px; }
    .sp-designer-projects { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
    .sp-designer-work-heading { align-items:start; }
}
@media (max-width:540px) {
    .sp-designer-header-inner { min-height:62px; grid-template-columns:auto 1fr auto; }
    .sp-designer-nav>a:not(.sp-designer-logo) { display:none; }
    .studio-preview .sp-designer-logo { font-size:25px; }
    .sp-designer-language { font-size:11px; gap:5px; padding:8px; }
    .sp-designer-social { gap:5px; }
    .sp-designer-social a { width:29px; height:29px; }
    .sp-designer-social svg { width:16px; height:16px; }
    .sp-designer-container { width:92%; }
    .sp-designer-hero { display:flex; flex-direction:column; min-height:0; background:#fafafa; }
    .sp-designer-hero::after { display:none; }
    .sp-designer-hero-copy { padding:30px 0 20px; max-width:none; margin:0; }
    .studio-preview .sp-designer h2 { font-size:40px; }
    .studio-preview .sp-designer-hero-copy p { font-size:15px; max-width:370px; }
    .sp-designer-hero-art { position:relative; height:auto; width:100%; aspect-ratio:auto; order:2; z-index:0; }
    .sp-designer-hero-art .sp-designer-photo { min-height:0; }
    .studio-preview .sp-designer-contact { font-size:13px; min-width:230px; margin-top:18px; padding:12px 25px; }
    .sp-designer-services { grid-template-columns:1fr; gap:12px; margin-top:18px; }
    .sp-designer-service>button { grid-template-columns:38% 1fr; gap:18px; padding:12px; }
    .sp-designer-service-copy { padding-block:5px; }
    .sp-designer-service-title { font-size:17px; }
    .sp-designer-service-text { font-size:14px; }
    .sp-designer-service-arrow { margin-top:12px; }
    .sp-designer-offer { padding-bottom:28px; }
    .sp-designer-work { padding-top:28px; }
    .sp-designer-work-heading { display:flex; flex-direction:column; gap:18px; }
    .studio-preview .sp-designer h3 { font-size:30px; }
    .studio-preview .sp-designer-work-heading p { font-size:14px; }
    .sp-designer-projects { grid-template-columns:1fr; gap:18px; }
    .sp-designer-case-copy { padding:18px; }
    .sp-designer-case-title { font-size:20px; }
    .sp-designer-case-text { font-size:14px; min-height:0; }
    .sp-designer-tags { margin-top:15px; gap:7px; }
    .sp-designer-tags>span { font-size:12px; padding:7px 13px; }
}
@media (prefers-reduced-motion:reduce) {
    .studio-preview * { transition:none!important; }
}