/* SALKA INVEST — unified design system, 2 November 2026. */
@font-face{font-family:Inter;src:url('/assets/inter-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--sans:Inter,Arial,sans-serif;--serif:Inter,Arial,sans-serif;--navy:#102c3a;--navy-deep:#0b202b;--ink:#152f3c;--muted:#576a75;--gold:#cdb887;--gold-dark:#7b632f;--surface:#f3f6f6;--line:#dfe6e8;--wrap:1240px}
body{font-family:var(--sans);font-size:15px;line-height:1.7}h1,h2,h3{font-family:var(--sans);font-weight:550;letter-spacing:-.045em;line-height:1.14;text-wrap:balance}h1{font-size:clamp(36px,4vw,58px)}h2{font-size:clamp(28px,3vw,40px)}h3{font-size:23px;letter-spacing:-.025em}p{max-width:75ch}.wrap{width:min(var(--wrap),calc(100% - 80px))}.section{padding-block:80px}.section-first{padding-top:40px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:650;margin-bottom:18px}.large-copy{font-size:21px;line-height:1.6}.lead{font-size:18px;line-height:1.65;max-width:650px;margin-top:24px}
.preview-bar{background:#f0f3f4;color:#536671;min-height:25px;font-size:9px;letter-spacing:.03em}.header-inner{height:84px;gap:20px}.brand img{width:118px;height:54px}.header nav{gap:18px}.header nav>a{font-size:11px;font-weight:550}.header nav .nav-contact{border-radius:6px;padding:11px 15px;gap:14px}.button{border-radius:6px;min-height:50px;padding:14px 21px;font-size:13px;gap:25px}.button:hover{transform:translateY(-1px)}.button-gold{background:#ddcda9}.button-outline{background:#112c3a44;backdrop-filter:blur(8px)}.text-link{font-size:13px;border-bottom:0;gap:20px;min-height:44px}.text-link span{display:inline-grid;place-items:center;border:1px solid #c7d1d5;border-radius:50%;width:28px;height:28px}.text-link:hover{gap:27px}
.home-hero-basel{margin:18px 20px 0;border-radius:14px;overflow:hidden;min-height:570px}.home-hero-basel .hero-copy{min-height:570px;padding:75px max(40px,calc((100vw - var(--wrap))/2 - 20px));justify-content:center}.home-hero-basel h1{font-size:clamp(40px,4.3vw,63px);font-weight:550;line-height:1.07;letter-spacing:-.05em;max-width:750px;margin-bottom:24px}.home-hero-basel .hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:490px;color:#f2f5f7;margin-bottom:28px}.home-hero-basel .hero-image:after{background:linear-gradient(90deg,rgba(6,27,40,.88),rgba(6,27,40,.5) 44%,rgba(6,27,40,.06) 78%)}.home-hero-basel .hero-image>img{object-position:center 53%}.home-hero-basel .hero-footnote{margin-top:35px;font-size:11px}.home-hero-basel .hero-image figcaption{bottom:26px;right:30px;font-size:9px}.focus-strip{padding-block:27px;grid-template-columns:.55fr 1fr .7fr 1.2fr;font-size:12px}.focus-strip>a{min-height:30px}.focus-strip small{background:#edf1f2;padding:4px 7px;border-radius:4px}.intro-split,.approach,.split,.strategy-layout,.risk-grid,.project-detail{gap:80px}.section-heading{gap:40px;margin-bottom:32px}.section-heading>p{font-size:14px}.project-grid,.company-grid{gap:24px}.project-card,.company-card{border-radius:12px;overflow:hidden;border-color:#e0e7e9;box-shadow:0 3px 10px #0b2a3604;transition:box-shadow .2s,transform .2s}.project-card:hover,.company-card:hover{box-shadow:0 12px 28px #0b2a3610;transform:translateY(-3px)}.card-image{aspect-ratio:1.5}.card-body{padding:27px}.card-body h3{font-size:24px;min-height:0;line-height:1.2}.card-body>p:not(.eyebrow){font-size:13px;line-height:1.75}.image-label{border-radius:5px;font-size:9px}.card-facts{font-size:11px}.company-logo{height:180px;background:white!important}.company-body{padding:27px}.company-body h2{font-size:24px;letter-spacing:-.03em}.company-body>p:not(.eyebrow){font-size:13px}.company-body .eyebrow{font-size:9px}.steps h3{font-size:23px}.steps li{grid-template-columns:40px 1fr}.steps p{font-size:14px}.step-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d5dfe1;border-radius:50%;font-size:10px}.audience-section{background:#f3f6f6}.audience-grid{padding-block:64px;gap:60px}.audience-grid article+article{padding-left:60px}.audience-grid h2{font-size:34px}.audience-grid p:not(.eyebrow){font-size:14px}.cta-inner{padding-block:64px}.cta h2{font-size:clamp(30px,3vw,42px)}.cta p:not(.eyebrow){font-size:14px}.footer{padding-top:55px}.footer-grid{gap:40px}.footer p,.footer address,.footer-grid>div>a:not(.footer-brand a){font-size:12px}
.page-intro{padding-block:64px 56px;background:linear-gradient(120deg,#edf3f4,#f8f9f7);border-bottom:1px solid #e3e9ea}.page-intro h1{max-width:850px;font-size:clamp(36px,4vw,56px)}.page-intro .lead{max-width:710px;font-size:17px}.about-hero.about-hero-plain{height:auto;min-height:320px;padding-block:72px;background:var(--navy)}.about-hero h1{font-size:clamp(36px,4vw,56px);max-width:900px}.team-card{border-radius:12px;overflow:hidden}.team-card h3{font-size:28px}.values-grid h3{font-size:24px}.values-grid p{font-size:14px}.contact-grid{gap:80px}.form-panel{border-radius:14px;padding:36px;box-shadow:0 8px 30px #102c3a05;background:white}.form-panel>h2{font-size:28px}.contact-details h2{font-size:32px}.field input,.field textarea,.field select{border-radius:6px;background:#fbfcfc}.form-preview-notice,.notice,.information-panel,.facts-panel{border-radius:8px}.form-preview-notice{padding:16px 18px}.attachment-field{border-radius:8px}.detail-heading h1{font-size:clamp(34px,4vw,54px)}.detail-image img{border-radius:12px;height:380px}.project-narrative h2,.risk-grid h2{font-size:30px}.legal-copy h2{letter-spacing:-.025em}.placeholder{border-radius:0 5px 5px 0;background:#f6f2e8;color:#6e5a32}.filter-row button{border-radius:100px}.filter-row button:hover{border-color:var(--navy)}
.strategy-editorial{background:#f3f6f6;padding:54px 0}.strategy-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.strategy-editorial h1{font-size:clamp(36px,4vw,54px);max-width:570px}.strategy-editorial .lead{font-size:18px;margin-block:24px 16px}.strategy-editorial p:not(.lead):not(.eyebrow){font-size:14px;max-width:500px}.strategy-editorial .button{margin-top:28px}.strategy-editorial figure{position:relative;overflow:hidden;border-radius:12px}.strategy-editorial img{width:100%;height:390px;object-fit:cover}.strategy-editorial figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 24px 20px;background:linear-gradient(transparent,#102c3acc);color:white;font-size:11px}.strategy-principles{gap:30px;padding-block:38px}.strategy-principles article+article{padding-left:30px}.strategy-principles h2{font-size:22px;margin:12px 0}.strategy-principles span{font-size:10px}.strategy-principles p{font-size:13px}.strategy-page .section{padding-block:72px}.strategy-orientation,.strategy-selection,.strategy-responsibility>.wrap{gap:80px}.strategy-orientation h2,.strategy-selection h2,.strategy-responsibility h2{font-size:36px}.strategy-focus strong{font-family:var(--sans);font-size:24px;font-weight:500}.strategy-questions summary{font-size:16px}.strategy-questions details p{font-size:14px}.strategy-responsibility{padding:54px 0}.strategy-responsibility p:not(.eyebrow){font-size:14px}
@media(max-width:1180px){.header nav{gap:12px}.header nav>a{font-size:10px}.wrap{width:calc(100% - 64px)}.brand img{width:105px}.strategy-editorial-grid{gap:40px}.intro-split,.approach,.split,.project-detail,.contact-grid{gap:45px}.company-body{padding:24px}}
@media(max-width:1020px){.menu-toggle{display:flex}.header nav{display:none;position:absolute;left:0;right:0;top:84px;background:white;padding:20px 32px;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 84px);overflow:auto;border-bottom:1px solid var(--line)}.header nav.is-open{display:flex}.header nav>a{font-size:15px;padding:12px}.header nav .nav-contact{margin-top:10px}.home-hero-basel .hero-copy{padding:65px 40px}.strategy-editorial img{height:360px}.strategy-editorial-grid{gap:30px}.strategy-orientation,.strategy-selection,.strategy-responsibility>.wrap{gap:40px}.section{padding-block:64px}.home-hero-basel h1{font-size:48px}.home-hero-basel,.home-hero-basel .hero-copy{min-height:540px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header-inner{height:72px}.header nav{top:72px;max-height:calc(100dvh - 72px)}.brand img{width:105px;height:48px}.home-hero-basel{margin:10px 10px 0;border-radius:10px}.home-hero-basel,.home-hero-basel .hero-copy{min-height:570px}.home-hero-basel .hero-copy{padding:58px 22px 70px}.home-hero-basel h1{font-size:clamp(35px,8.7vw,48px);max-width:480px}.home-hero-basel .hero-copy>p:not(.eyebrow){font-size:16px;max-width:340px}.home-hero-basel .hero-image>img{object-position:60% center}.home-hero-basel .hero-image:after{background:linear-gradient(90deg,#061b28db,#061b2870),linear-gradient(0deg,#061b2855,transparent)}.home-hero-basel .hero-copy .button-row{flex-direction:column;align-items:flex-start;gap:10px}.home-hero-basel .hero-image figcaption{left:22px;bottom:18px}.home-hero-basel .hero-footnote{margin-top:26px;font-size:10px}.focus-strip{grid-template-columns:1fr;gap:10px;padding-block:22px}.focus-strip>a{justify-content:flex-start}.section,.strategy-page .section{padding-block:48px}.section-first{padding-top:28px}.intro-split,.approach,.split,.contact-grid,.project-detail,.risk-grid{grid-template-columns:1fr;gap:28px}.section-heading{display:block}.section-heading>p{margin-top:17px}.project-grid,.company-grid{grid-template-columns:1fr}.project-grid .project-card:last-child{display:flex;grid-column:auto}.project-grid .project-card:last-child .card-image{aspect-ratio:1.5;min-height:0}.card-body{padding:24px}.audience-grid{padding-block:44px;gap:32px}.audience-grid article+article{padding:30px 0 0;border-left:0;border-top:1px solid var(--line)}.audience-grid h2{font-size:29px}.page-intro{padding-block:42px 36px}.page-intro h1{font-size:36px}.page-intro .lead{font-size:16px}.cta-inner{padding-block:45px;gap:26px}.cta h2{font-size:30px}.form-panel{padding:24px 20px}.strategy-editorial{padding:36px 0}.strategy-editorial-grid{grid-template-columns:1fr;gap:30px}.strategy-editorial h1{font-size:38px}.strategy-editorial .lead{font-size:17px}.strategy-editorial img{height:245px}.strategy-principles{gap:22px}.strategy-principles article+article{padding:22px 0 0}.strategy-principles h2{font-size:23px}.strategy-orientation,.strategy-selection,.strategy-responsibility>.wrap{grid-template-columns:1fr;gap:30px}.strategy-orientation h2,.strategy-selection h2,.strategy-responsibility h2{font-size:30px}.strategy-focus strong{font-size:22px}.strategy-responsibility{padding:42px 0}.about-hero.about-hero-plain{min-height:260px;padding-block:48px}.about-hero h1{font-size:36px}.detail-image img{height:250px}.detail-heading{align-items:flex-start;flex-direction:column}.footer-grid{gap:28px}.team-card h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}