
.sectors-section{background:var(--soft);border-top:1px solid var(--line)}
.sector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sector-card{background:var(--paper);border:1px solid var(--line);min-width:0}
.sector-top{height:118px;padding:24px 30px;position:relative;overflow:hidden;background:#173b62;color:#d0e7ff;display:flex;justify-content:space-between;align-items:flex-start}
.sector-number{font-size:10px;letter-spacing:.13em;position:relative;z-index:1}
.sector-word{font-family:Georgia,serif;font-size:37px;font-style:italic;line-height:1.2;letter-spacing:-.03em;position:relative;z-index:1}
.sector-line{position:absolute;left:30px;right:30px;bottom:25px;height:1px;background:#b6d9ff65;transform:rotate(-5deg)}
.sector-body{padding:30px}
.sector-body h3{font-family:Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-bottom:18px}
.sector-heading{font-family:Georgia,serif;font-size:30px;line-height:1.16;letter-spacing:-.025em}
.sector-desc{font-size:13px;color:var(--muted);margin-top:18px;line-height:1.8}
.sector-body details{border-top:1px solid var(--line);border-bottom:0;padding:20px 0 0;margin-top:24px}
.sector-body details:last-child{border-bottom:0}
.sector-body summary{font-size:12px;gap:15px;align-items:center}
.sector-body summary::after{content:none}
.sector-body details[open] summary>span{transform:rotate(45deg)}
.sector-body ul{padding-left:17px;font-size:12px;line-height:1.9;margin-top:20px;color:var(--muted)}
.look-b .sector-top{background:#e1edfc;color:#174474}
.look-b .sector-line{background:#507ba760}
.look-b .sector-word{font-family:Arial,sans-serif;font-style:normal;font-weight:500;letter-spacing:-.06em}
.look-b .sector-heading{font-family:Arial,sans-serif;font-weight:500;letter-spacing:-.04em}
.look-c .sector-top{background:#123253;color:#bfddff}
.look-c .sector-card{border:0}
.look-c .sector-heading{font-family:Arial,sans-serif;letter-spacing:-.045em;font-weight:500}
.look-c .sector-grid{gap:20px}
.menu-toggle{display:none}
@media(min-width:851px){.site-nav{gap:24px}}
@media(max-width:850px){
.site-header{position:relative;z-index:10;height:90px;justify-content:space-between}
.menu-toggle{display:flex;align-items:center;gap:19px;min-height:44px;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:8px 15px;font-size:12px}
.menu-mark{font-size:23px;line-height:1;transition:transform .15s}
.menu-toggle[aria-expanded=true] .menu-mark{transform:rotate(45deg)}
.site-nav{display:none!important}
.site-nav.is-open{display:flex!important;position:absolute;top:78px;right:0;left:0;flex-direction:column;align-items:stretch;gap:0;padding:14px 23px;background:var(--paper);border:1px solid var(--line);box-shadow:0 15px 30px #12355520;z-index:15}
.site-nav.is-open>a{display:block!important;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}
.site-nav.is-open>button{margin:16px 0 5px;min-height:44px}
.sector-grid{gap:18px}
.sector-body{padding:24px}
.sector-top{padding:22px 24px}
.sector-word{font-size:31px}
}
@media(max-width:650px){.sector-grid{grid-template-columns:1fr}.sector-heading{font-size:29px}.sector-top{height:105px}.sector-body{padding:25px}.sectors-section .section-heading h2{font-size:38px}}

.target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:45px 0 65px}
.target-card{background:var(--paper);border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;min-width:0}
.target-card .micro{color:var(--muted);font-size:9px;margin-bottom:23px}
.target-card h3{font-family:Georgia,serif;font-size:29px;letter-spacing:-.035em;line-height:1.14;margin-bottom:20px}
.target-card p{font-size:13px;color:var(--muted);line-height:1.8}
.target-card ul{padding-left:16px;font-size:12px;line-height:1.9;color:var(--muted);margin:20px 0 26px}
.target-card a{display:inline-block;font-size:11px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}
.sector-subheading{margin-bottom:32px;max-width:680px}
.sector-subheading>h3{font-family:Georgia,serif;font-size:36px;letter-spacing:-.035em;margin:16px 0}
.sector-subheading>p{font-size:14px;color:var(--muted)}
.look-b .target-card h3,.look-c .target-card h3{font-family:Arial,sans-serif;letter-spacing:-.045em;font-size:27px;font-weight:500}
@media(max-width:1000px){.target-grid{gap:16px}.target-card{padding:24px}.target-card h3,.look-b .target-card h3,.look-c .target-card h3{font-size:25px}}
@media(max-width:700px){.target-grid{grid-template-columns:1fr;gap:16px;margin:30px 0 45px}.target-card{padding:28px}.target-card h3,.look-b .target-card h3,.look-c .target-card h3{font-size:29px}.target-card .micro{margin-bottom:17px}.sector-subheading>h3{font-size:32px}}

.sector-word{max-width:85%;overflow-wrap:anywhere}@media(max-width:650px){.sector-word{font-size:clamp(27px,7.5vw,31px)}}

/* Approved industry photographs: image header only, native details stay unchanged. */
.sector-top.has-image{isolation:isolate;color:#fff}
.sector-top.has-image .sector-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;display:block}
.sector-top.has-image::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(9,30,53,.64),rgba(9,30,53,.76))}
.sector-top.has-image .sector-number,.sector-top.has-image .sector-word{z-index:2;text-shadow:0 1px 6px #071b2e80}
.sector-top.has-image .sector-line{display:none}
.look-b .sector-top.has-image{color:#fff}
.sector-top.sector-handel .sector-image{object-position:50% 54%}
.sector-top.sector-handwerk .sector-image{object-position:50% 65%}
.sector-top.sector-creator .sector-image{object-position:57% 50%}
.sector-top.sector-sportler .sector-image{object-position:27% 50%}
@media(max-width:650px){.sector-top.sector-creator .sector-image{object-position:60% 50%}.sector-top.sector-sportler .sector-image{object-position:27% 50%}}

/* Lighter photo treatment for Studio; more saturated medium blue for Perspektive. */
.look-b .sector-top.has-image::after{background:linear-gradient(90deg,rgba(12,48,84,.32),rgba(12,48,84,.64))}
.look-c .sector-top.has-image::after{background:linear-gradient(90deg,rgba(13,66,115,.48),rgba(13,66,115,.70))}
.look-b .sector-top.has-image .sector-number,.look-c .sector-top.has-image .sector-number{background:#0c3054c7;box-shadow:0 0 0 3px #0c3054c7}
