/* The Studio within KSIG: creative identity, shared engagement context. */
.studio-bridge{--navy:#eeede7;--mid:#e5e4dc;--text:#20211e;--muted:#5e615a;--line:#c5c4bb;--brass:#b23a24;--brass2:#a93421;--display:Arial,Helvetica,sans-serif;--body:Arial,Helvetica,sans-serif;--mono:Arial,Helvetica,sans-serif;background:#eeede7;color:#20211e}
.studio-bridge .nav{background:#101820;border-bottom:1px solid #485251;color:#edece8}
.studio-bridge .nav .brand{color:#edece8;font-family:Arial,Helvetica,sans-serif;letter-spacing:.01em}
.studio-bridge .nav .brand:before{color:#cba96d;border-color:#b8965a}
.studio-bridge .nav .service-nav a{color:#d7c49b;font-size:.8rem;text-decoration:none}
.studio-bridge .nav .service-nav a.studio-nav-link{color:#f19454}
.studio-bridge .shell{width:min(1200px,calc(100% - 80px))}
.studio-bridge .hero{background:#eeede7;padding:55px 0 70px;border-color:#20211e}
.studio-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:6%;align-items:center}
.studio-hero-copy{min-width:0}.studio-bridge .crumb{font-size:.65rem;letter-spacing:.12em;line-height:1.8;margin:0 0 34px;color:#5e615a}
.studio-bridge .crumb a{color:#373d38}
.studio-bridge .eyebrow,.studio-bridge .kicker{font-size:.65rem;letter-spacing:.13em;color:#a93421}
.studio-bridge h1{font-size:clamp(3.4rem,6.7vw,6.3rem);font-weight:500;line-height:.99;letter-spacing:-.065em;margin:22px 0 28px;max-width:14ch}
.studio-bridge h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;color:#b23a24}
.studio-hero-copy>p:not(.eyebrow):not(.crumb){max-width:490px;color:#5e615a;font-size:1.03rem;line-height:1.7}
.studio-bridge-art{position:relative;display:grid;place-items:center;min-height:480px;overflow:hidden;background:#b53b25;color:#f8e9cc;isolation:isolate}
.studio-bridge-art:before{content:'S / KSIG';position:absolute;left:22px;top:20px;font:10px Arial,sans-serif;letter-spacing:.14em}
.studio-bridge-art i{position:absolute;width:89%;height:36%;border:1px solid #f8e9ccbd;border-radius:50%;transform:rotate(-35deg)}
.studio-bridge-art i:nth-child(2){transform:rotate(35deg)}
.studio-bridge-art i:nth-child(3){transform:rotate(90deg)}
.studio-bridge-art .studio-initial{font:italic 130px/1 Georgia,"Times New Roman",serif;letter-spacing:-.1em;z-index:1;padding-right:.12em}
.studio-art-caption{position:absolute;bottom:22px;left:22px;right:22px;border-top:1px solid #f8e9cc80;padding-top:12px;font:10px/1.6 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.studio-bridge section{padding:80px 0;border-color:#c5c4bb}
.studio-bridge h2{font-size:clamp(2.4rem,4.1vw,4.3rem);line-height:1.04;font-weight:500;letter-spacing:-.055em;max-width:21ch}
.studio-bridge h3{font-size:1.5rem;line-height:1.15;font-weight:500;letter-spacing:-.03em}
.studio-bridge .creative-lead,.studio-bridge .service-intro{max-width:790px;margin-top:24px;font-size:1rem;line-height:1.75;color:var(--muted)}
.studio-bridge .button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid currentColor;border-radius:0;color:var(--text);font:500 .78rem/1.5 Arial,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;padding:12px 17px}
.studio-bridge .button:hover{background:var(--text);color:var(--navy)}
.studio-bridge a{color:var(--brass2);text-underline-offset:4px}
.studio-bridge :focus-visible{outline:3px solid #b23a24;outline-offset:4px}
.studio-bridge .service-cards{counter-reset:studio-service;gap:0 48px;margin-top:44px;background:transparent;border:0}
.studio-bridge .service-cards .card{position:relative;background:transparent;border:0;border-top:1px solid #777c72;padding:26px 0 32px 42px;counter-increment:studio-service}
.studio-bridge .service-cards .card:before{content:counter(studio-service,decimal-leading-zero);position:absolute;left:0;top:30px;color:#a93421;font:11px Arial,sans-serif}
.studio-bridge .service-cards .card p{font-size:.95rem;line-height:1.7;margin-top:14px;margin-bottom:18px;max-width:490px}
.studio-bridge .service-cards .button{font-size:.74rem;margin-top:auto}
.studio-bridge main>section:nth-of-type(2){--navy:#101c24;--mid:#1b2b33;--text:#eeede7;--muted:#bdc8ca;--line:#45545a;--brass2:#dfbf85;background:#101c24;color:#eeede7;border-color:#45545a}
.studio-bridge main>section:nth-of-type(2) .kicker,.studio-bridge .creative-model .step{color:#dfbf85}
.studio-bridge main>section:nth-of-type(2) h2{max-width:17ch}
.studio-bridge .creative-callout{background:#1b2b33;border-left-color:#b8965a;padding:22px 26px}
.studio-bridge .creative-model article{padding:25px;background:transparent;border:1px solid #45545a}
.studio-bridge .creative-model p,.studio-bridge .service-process li{font-size:.96rem}
.studio-bridge .creative-credentials{gap:48px;margin-top:40px}
.studio-bridge .creative-credentials article{border-top-color:#777c72}
.studio-bridge .creative-credentials h3{font-size:1.35rem}
.studio-bridge .service-request{max-width:800px}
.studio-bridge #request{background:#e5e4dc}
.studio-bridge .service-request h2{max-width:18ch}
.studio-bridge .service-request>p{color:#53584f}
.studio-bridge .service-option{background:#eeede7;border-color:#a1a499;border-radius:0;min-height:58px;color:#20211e;font-size:.95rem;line-height:1.45}
.studio-bridge .service-option input{accent-color:#a93421}
.studio-bridge .service-option:has(input:checked){border-color:#a93421;background:#f6eee2;box-shadow:inset 3px 0 #a93421}
.studio-bridge .service-request textarea{background:#f5f4ee;color:#20211e;border-color:#8f9488;font-size:1rem}
.studio-bridge textarea::placeholder{color:#64695e}
.studio-bridge .service-request .button{font-size:.9rem;background:#20211e;color:#eeede7;border-color:#20211e}
.studio-bridge .service-request .button:hover{background:#a93421;border-color:#a93421;color:#fff}
.studio-bridge .service-note{color:#565c52}
.studio-bridge .service-status{color:#20211e}
.studio-bridge .draft-preview{background:#f5f4ee;border-color:#8f9488;color:#20211e;font-size:.95rem}
.studio-bridge footer{background:#101820;color:#e8e4dc;padding:28px 0}
.studio-bridge footer .foot{color:#b9c4c6}
.studio-bridge footer a,.studio-bridge .studio-footer-link a{color:#e8e4dc}
.studio-bridge .skip-link{background:#20211e;color:#eeede7}
.studio-bridge .studio-footer-link{margin-bottom:16px}
@media(max-width:1000px){.studio-bridge .shell{width:calc(100% - 48px)}.studio-bridge-art{min-height:400px}.studio-bridge h1{font-size:clamp(3.4rem,7vw,5.5rem)}.studio-hero-grid{gap:4%}}
@media(max-width:760px){.studio-bridge .shell{width:calc(100% - 40px)}.studio-bridge .hero{padding:34px 0 40px}.studio-hero-grid{grid-template-columns:1fr;gap:36px}.studio-bridge .crumb{margin-bottom:26px}.studio-bridge h1{font-size:clamp(3.4rem,15vw,4.9rem);max-width:13ch;margin-top:18px}.studio-hero-copy>p:not(.eyebrow):not(.crumb){font-size:.98rem}.studio-bridge-art{min-height:330px}.studio-bridge-art .studio-initial{font-size:110px}.studio-bridge section{padding:58px 0}.studio-bridge h2{font-size:2.6rem}.studio-bridge .service-cards{grid-template-columns:1fr;gap:0}.studio-bridge .service-cards .card{padding-left:34px}.studio-bridge .service-cards .card:before{top:29px}.studio-bridge .creative-credentials{gap:25px}.studio-bridge .service-options{grid-template-columns:1fr}.studio-bridge .service-nav{gap:0 .8rem}.studio-bridge .nav .service-nav a{font-size:.75rem}.studio-bridge .creative-model{gap:15px}}
@media(prefers-reduced-motion:reduce){.studio-bridge *{scroll-behavior:auto}}

/* Align the engagement list and keep its heading on two deliberate lines. */
.studio-bridge main>section>.shell.grid .studio-engagement-title{font-size:clamp(2rem,3vw,3rem)}
.studio-engagement-title span{white-space:nowrap}
.studio-bridge .service-process{padding:0;margin:0 0 1.5rem;list-style-position:inside}
@media(max-width:900px){.studio-bridge main>section>.shell.grid .studio-engagement-title{font-size:clamp(1.6rem,7vw,3rem)}}