.sector-page main{overflow:clip}
.sector-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:25px;line-height:1.5}
.sector-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.sector-hero{display:grid;grid-template-columns:1.06fr 1fr;gap:clamp(32px,5vw,76px);padding-block:58px 68px;align-items:stretch}
.sector-hero h1{font-size:clamp(42px,4.2vw,62px);line-height:1.08;max-width:660px;margin-bottom:28px;text-wrap:balance}
.sector-usps{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:15px;max-width:610px}
.sector-usps li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.65}
.sector-usps svg{flex:0 0 16px;margin-top:6px;color:#4374b5}
.sector-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.sector-hero-actions .button,.sector-final .button{font-size:14px;min-height:54px}
.sector-hero-actions .text-link{font-size:14px}
.sector-photo{position:relative;display:block;min-height:470px;margin:0;border-radius:5px;overflow:hidden;background:#edf2f8;isolation:isolate}
.sector-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.sector-photo.fashion>img{object-position:center 10%}
.sector-photo.sport>img{object-position:55% center}
.sector-photo.screen{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:24px;padding:24px;border:1px solid var(--line)}
.sector-photo.screen>img{position:relative;inset:auto;height:auto;object-fit:contain;width:100%;border:1px solid var(--line);box-shadow:0 8px 25px #0c172912}
.sector-photo.screen .sector-visual-logo{position:relative;left:auto;bottom:auto;align-self:start;justify-self:start;margin-top:0;box-shadow:none;background:none;padding:0}
.sector-visual-logo{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;justify-content:center;background:white;padding:15px 20px;max-width:64%;min-height:66px}
.sector-visual-logo img{max-height:44px;max-width:150px;width:auto;object-fit:contain}
.sector-visual-logo svg{width:150px;height:50px}.sector-logo-ink{filter:brightness(0)}
.sector-photo .sector-visual-arrow{position:absolute;right:20px;top:20px;width:42px;height:42px;display:grid;place-items:center;background:white;font-size:26px;line-height:1;transition:transform .2s}
.sector-photo:hover .sector-visual-arrow{transform:translate(2px,-2px)}
.sector-energy{background:#eaf3ff;display:flex;flex-direction:column;justify-content:center;padding:34px;border:1px solid #c4d8f4;border-radius:5px;min-height:470px}
.sector-energy>.sector-energy-logo{width:180px;max-height:65px;object-fit:contain;object-position:left center;margin-bottom:38px}
.sector-energy ol{padding:0;margin:0;list-style:none;display:grid;gap:18px}
.sector-energy li{background:white;border:1px solid #c4d8f4;padding:22px 24px;font-size:19px;line-height:1.4;position:relative}
.sector-energy li+li:before{content:'↓';position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:21px;color:#4374b5}
.sector-energy li span{display:block;font-size:14px;color:var(--muted);margin-top:5px}
.sector-section{padding-block:70px;border-top:1px solid var(--line)}
.sector-section h2{font-size:clamp(34px,3.2vw,46px);max-width:760px}
.sector-work{margin-top:40px}
.sector-work article{display:grid;grid-template-columns:40px .8fr 1.35fr;gap:26px;align-items:start;padding-block:28px;border-top:1px solid var(--line)}
.sector-work article:first-child{border-top-color:var(--ink)}
.sector-work .sector-number{font-size:13px;color:#4374b5;padding-top:6px}
.sector-work h3{font-size:23px;letter-spacing:-.025em;line-height:1.35;padding-top:2px;font-weight:500}
.sector-work p{font-size:16px;line-height:1.85}
.sector-work .text-link{font-size:14px;margin-top:12px;color:#315f99}
.sector-measure{background:#eef4fc;padding-block:56px}
.sector-measure>.shell{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.sector-measure h2{font-size:clamp(32px,3vw,43px);max-width:520px}
.sector-measure p{font-size:17px;line-height:1.85;color:var(--ink-soft)}
.sector-client-list{display:grid;margin-top:38px}
.sector-client{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:35px;padding:30px 0;border-top:1px solid var(--line)}
.sector-client:first-child{border-top-color:var(--ink)}
.sector-client-logo{height:64px;width:175px;display:grid;place-items:center}
.sector-client-logo img{max-width:170px;max-height:60px;object-fit:contain;width:auto;height:auto}
.sector-client-logo.honey-logo{height:70px;overflow:hidden}
.sector-client-logo.honey-logo svg{width:140px;height:66px}
.sector-client h3{font-size:20px;font-weight:500;margin-bottom:6px}
.sector-client p{font-size:15px;line-height:1.7;max-width:650px}
.sector-client .text-link{color:#315f99;font-size:14px;white-space:nowrap}
.sector-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.sector-faq h2{max-width:320px}
.sector-faq details{border-top:1px solid var(--line)}
.sector-faq details:first-child{border-color:var(--ink)}
.sector-faq summary{display:flex;gap:22px;align-items:center;justify-content:space-between;padding-block:23px;font-size:17px;line-height:1.5;cursor:pointer;list-style:none}
.sector-faq summary::-webkit-details-marker{display:none}
.sector-faq summary span{font-size:24px;flex-shrink:0;color:#4374b5;transition:transform .2s}
.sector-faq details[open] summary span{transform:rotate(45deg)}
.sector-faq details p{padding-bottom:25px;max-width:670px;font-size:16px;line-height:1.85}
.sector-final{background:var(--ink);color:white;padding-block:60px}
.sector-final>.shell{display:flex;align-items:center;justify-content:space-between;gap:40px}
.sector-final h2{font-size:clamp(32px,3vw,44px);max-width:760px}
.sector-related{padding-block:45px 60px}
.sector-related>div{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.sector-related h2{font-family:var(--sans);font-size:18px;font-weight:500;letter-spacing:0}
.sector-related nav{display:flex;gap:30px;flex-wrap:wrap}
.sector-related a{font-size:14px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center;gap:10px}
.sector-index-intro{padding-block:58px 45px;display:flex;align-items:end;justify-content:space-between;gap:35px}
.sector-index-intro h1{font-size:clamp(48px,4.5vw,66px);margin:0;max-width:950px}
.sector-index-intro .text-link{font-size:14px;color:#315f99}
.sector-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 30px;padding-bottom:80px}
.sector-tile{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:17px}
.sector-tile h2{font-family:var(--sans);font-size:23px;line-height:1.35;letter-spacing:-.025em;font-weight:500;display:flex;justify-content:space-between;gap:15px}
.sector-tile h2 span{font-weight:400;font-size:24px;color:#315f99;transition:transform .2s}
.sector-tile:hover h2 span{transform:translate(3px,-3px)}
.sector-tile-image{width:100%;aspect-ratio:1.6;overflow:hidden;border-radius:3px;background:#edf2f8;position:relative;display:grid;place-items:center}
.sector-tile-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.sector-tile-image.fashion img{object-position:center 10%}
.sector-tile-image.screen img{object-fit:contain;padding:12px}
.sector-tile-image.energy{background:#eaf3ff}
.sector-tile-image.energy svg{width:80%;height:80%;color:#4374b5}
.sector-tile-clients{font-size:14px;color:var(--muted);line-height:1.5}
@media(min-width:1600px){.sector-photo{min-height:510px}}
@media(max-width:1000px){.sector-hero{gap:34px}.sector-hero h1{font-size:46px}.sector-photo,.sector-energy{min-height:440px}.sector-client{grid-template-columns:150px 1fr;gap:24px}.sector-client-logo{width:140px}.sector-client-logo img{max-width:140px}.sector-client>.text-link{grid-column:2}.sector-faq{gap:36px}.sector-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-work article{grid-template-columns:30px .8fr 1.3fr;gap:20px}}
@media(max-width:760px){.sector-hero{grid-template-columns:1fr;padding-block:32px 42px;gap:30px}.sector-hero h1{font-size:clamp(38px,8vw,52px);max-width:620px;margin-bottom:24px}.sector-breadcrumb{margin-bottom:20px;font-size:12px}.sector-usps{gap:13px;margin-bottom:24px}.sector-usps li{font-size:15px;line-height:1.65}.sector-photo{min-height:0;aspect-ratio:1.2}.sector-photo.screen{aspect-ratio:auto;min-height:0;gap:18px;padding:20px}.sector-photo.screen .sector-visual-logo{margin:0}.sector-photo.fashion{aspect-ratio:1.05}.sector-photo.fashion>img{object-position:center 10%}.sector-visual-logo{bottom:20px;left:20px;padding:12px 16px;min-height:55px}.sector-visual-logo img{max-height:38px;max-width:130px}.sector-energy{min-height:0;padding:26px}.sector-energy>.sector-energy-logo{margin-bottom:25px;width:155px}.sector-energy li{padding:18px 20px;font-size:18px}.sector-section{padding-block:45px}.sector-work{margin-top:28px}.sector-work article{grid-template-columns:24px 1fr;gap:12px 16px;padding-block:24px}.sector-work article>div{grid-column:2}.sector-work h3{font-size:21px}.sector-work p,.sector-faq details p{font-size:15px;line-height:1.8}.sector-measure{padding-block:40px}.sector-measure>.shell{grid-template-columns:1fr;gap:22px}.sector-measure p{font-size:16px}.sector-client{grid-template-columns:1fr auto;gap:15px;padding-block:26px}.sector-client-logo{grid-column:1/-1;justify-content:start;height:55px}.sector-client-logo img{max-height:50px}.sector-client>div:nth-child(2){grid-column:1/-1}.sector-client>.text-link{grid-column:1;justify-self:start}.sector-client h3{font-size:19px}.sector-faq{grid-template-columns:1fr;gap:28px}.sector-faq h2{max-width:none}.sector-faq summary{font-size:16px;padding-block:20px}.sector-final{padding-block:40px}.sector-final>.shell{align-items:start;flex-direction:column;gap:26px}.sector-final .button{max-width:100%}.sector-related{padding-block:30px 40px}.sector-related>div{gap:16px}.sector-related nav{gap:10px 24px}.sector-index-intro{padding-block:35px;display:block}.sector-index-intro h1{font-size:48px;margin-bottom:20px}.sector-directory{gap:32px 24px;padding-bottom:50px}.sector-tile h2{font-size:20px}.sector-tile-clients{font-size:13px}}
@media(max-width:520px){.sector-directory{grid-template-columns:1fr}.sector-tile-image{aspect-ratio:1.65}.sector-hero-actions{gap:12px 24px}.sector-hero-actions .button{width:100%;justify-content:space-between}.sector-hero-actions .text-link{min-height:42px}.sector-photo.screen{padding:14px}}
@media(prefers-reduced-motion:reduce){.sector-page *{scroll-behavior:auto!important;transition:none!important}}
