/*
Theme Name: Sutter Solutions
Theme URI: https://sutter-solutions.ch
Author: Sutter Solutions GmbH
Description: Individuelles WordPress Block-Theme für Sutter Solutions GmbH.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: sutter-solutions
*/

:root{
  --ss-navy:#061c34;
  --ss-navy-2:#0c2b4b;
  --ss-ink:#17202a;
  --ss-muted:#66707b;
  --ss-paper:#ffffff;
  --ss-paper-light:#ffffff;
  --ss-white:#ffffff;
  --ss-line:#e2e7ec;
  --ss-accent:#35688f;
  --ss-shadow:0 24px 75px rgba(6,28,52,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:#ffffff;color:var(--ss-ink);margin:0}
a{text-underline-offset:.18em}
.ss-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,231,236,.92)}
.ss-header-inner{min-height:88px}
.ss-brand{display:block;width:250px;max-width:39vw;height:58px;background:url("assets/images/logo.png") left center/contain no-repeat}
.ss-nav .wp-block-navigation-item__content{font-size:14px;color:#4e5862!important;text-decoration:none!important}
.ss-nav .wp-block-navigation-item__content:hover{color:var(--ss-navy)!important}
.ss-header-cta .wp-block-button__link{background:var(--ss-navy)!important;color:#fff!important;border-radius:11px!important;padding:12px 17px!important;font-weight:700!important;white-space:nowrap}
.ss-hero{min-height:700px;background:radial-gradient(circle at 81% 20%,rgba(6,28,52,.045),transparent 29rem),#ffffff;border-bottom:1px solid var(--ss-line)}
.ss-hero-grid{min-height:700px}
.ss-eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--ss-accent);font-weight:800}
.ss-eyebrow:before{content:"";width:28px;height:1px;background:var(--ss-accent);display:inline-block}
.ss-display,.ss-h2,.ss-statement{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;color:var(--ss-navy)!important}
.ss-display{font-size:clamp(52px,6.1vw,88px)!important;line-height:.99!important;letter-spacing:-.05em!important;margin:22px 0 24px!important}
.ss-hero-copy{font-size:19px;line-height:1.68;color:var(--ss-muted);max-width:700px}
.ss-focus-card{background:rgba(255,255,255,.66);border:1px solid var(--ss-line);border-radius:26px;padding:34px!important;box-shadow:var(--ss-shadow)}
.ss-mini{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ss-muted);font-weight:700}
.ss-statement{font-size:34px!important;line-height:1.22!important;letter-spacing:-.03em!important;margin:18px 0!important}
.ss-focus-card p:last-child{font-size:15px;line-height:1.66;color:var(--ss-muted)}
.ss-section{padding-top:105px!important;padding-bottom:105px!important;border-bottom:1px solid var(--ss-line)}
.ss-section-alt{background:#ffffff}
.ss-kicker{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--ss-accent);font-weight:800;margin-top:10px}
.ss-h2{font-size:clamp(40px,4.7vw,62px)!important;line-height:1.04!important;letter-spacing:-.04em!important;margin:0 0 18px!important}
.ss-lead{font-size:17px;line-height:1.72;color:var(--ss-muted);max-width:760px}
.ss-service,.ss-ref,.ss-profile-card,.ss-contact-light{background:#ffffff;border:1px solid var(--ss-line);border-radius:20px;padding:25px!important}
.ss-service{min-height:250px;display:flex;flex-direction:column}
.ss-num{font-size:12px;font-weight:800;color:var(--ss-accent);margin:0}
.ss-service h3{font-size:18px;color:var(--ss-navy);margin-top:auto;margin-bottom:10px}
.ss-service p{font-size:14px;line-height:1.63;color:var(--ss-muted);margin-bottom:0}
.ss-ref{min-height:150px;border-radius:17px}
.ss-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#edf1f5;color:var(--ss-navy);font-size:12px;font-weight:800;margin:0 0 15px}
.ss-ref h3{font-size:16px;color:var(--ss-navy);margin:0 0 7px}
.ss-ref p{font-size:13px;line-height:1.58;color:var(--ss-muted);margin:0}
.ss-about-dark{background:var(--ss-navy);color:white;border-radius:24px;padding:34px!important;box-shadow:var(--ss-shadow)}
.ss-about-dark .ss-statement{color:white!important;font-size:31px!important;margin-top:0!important}
.ss-about-dark p{color:#cbd5df;line-height:1.68}
.ss-profile-card{border-radius:17px;margin-bottom:12px!important}
.ss-profile-card h3{color:var(--ss-navy);font-size:16px;margin:0 0 8px}
.ss-profile-card p{color:var(--ss-muted);font-size:14px;line-height:1.68;margin:0}
.ss-contact-dark{background:var(--ss-navy);color:#fff;border-radius:22px;padding:31px!important}
.ss-contact-dark h3{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:500;margin-top:0}
.ss-contact-dark p{color:#d7e0e8;line-height:1.72}
.ss-contact-dark a{color:#fff}
.ss-contact-light h3{color:var(--ss-navy);font-size:21px;margin-top:0}
.ss-contact-light p{color:var(--ss-muted);line-height:1.72}
.wp-block-button.ss-primary .wp-block-button__link{background:var(--ss-navy);color:#fff;border-radius:11px;padding:13px 18px;font-weight:700}
.wp-block-button.ss-secondary .wp-block-button__link{background:#fff;color:var(--ss-navy);border:1px solid var(--ss-line);border-radius:11px;padding:13px 18px;font-weight:700}
.ss-footer{background:#fff;color:var(--ss-muted);font-size:12px}
.ss-footer a{color:var(--ss-muted)}
.ss-page-shell{padding-top:80px!important;padding-bottom:90px!important}
.ss-page-shell .wp-block-post-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5vw,66px);line-height:1.05;letter-spacing:-.04em;color:var(--ss-navy)}
@media(max-width:960px){
  .ss-header-inner{min-height:76px}
  .ss-brand{width:195px;max-width:56vw;height:50px}
  .ss-header-cta{display:none!important}
  .ss-hero,.ss-hero-grid{min-height:auto}
  .ss-hero{padding-top:62px!important;padding-bottom:62px!important}
  .ss-section{padding-top:76px!important;padding-bottom:76px!important}
  .ss-display{font-size:clamp(46px,11.5vw,68px)!important}
  .ss-service{min-height:auto}
}
@media(max-width:600px){
  .ss-brand{width:170px}
  .ss-focus-card{padding:26px!important}
  .ss-statement{font-size:29px!important}
}


/* White visual system – v1.1 */
.ss-section,
.ss-section-alt,
.ss-hero,
.ss-page-shell{
  background-color:#ffffff!important;
}
.ss-focus-card,
.ss-service,
.ss-ref,
.ss-profile-card,
.ss-contact-light{
  background:#ffffff!important;
}
.ss-focus-card,
.ss-service,
.ss-ref,
.ss-profile-card,
.ss-contact-light{
  box-shadow:0 12px 40px rgba(6,28,52,.045);
}