@charset "UTF-8";
/* Thirty art directions share content, keyboard access and mobile foundations. */
.has-sector-design .home-block { display:contents; }
.has-sector-design { --design-border:color-mix(in srgb,var(--primary),transparent 82%); }
.has-sector-design .sector-hero { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;position:relative;isolation:isolate;padding-block:55px 35px; }
.has-sector-design .sector-hero > * { min-width:0; }
.has-sector-design .sector-hero-copy { align-self:center;position:relative;z-index:2; }
.has-sector-design .sector-hero .eyebrow { display:flex;align-items:center;gap:10px;margin:0 0 24px;line-height:1.6; }
.has-sector-design .sector-hero h1 { font-size:clamp(42px,4.8vw,76px);line-height:1.05;letter-spacing:-.055em;font-weight:500;max-width:100%;overflow-wrap:anywhere;margin:0; }
.has-sector-design .sector-hero-description { font-size:16px;line-height:1.85;margin:25px 0;color:inherit;max-width:560px; }
.has-sector-design .sector-hero-actions { display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:29px; }
.has-sector-design .sector-hero-actions .button { gap:22px;max-width:100%;white-space:normal;text-align:left; }
.has-sector-design .sector-hero-note { font-size:11px;line-height:1.6;margin:28px 0 0;letter-spacing:.08em;color:inherit; }
.has-sector-design .sector-hero-media { position:relative;min-width:0;min-height:440px;margin:0;isolation:isolate; }
.has-sector-design .sector-hero-media > img ,
.has-sector-design .sector-hero-media > picture.responsive-picture > img { display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;position:absolute;inset:0;border-radius:inherit; }
.has-sector-design .sector-hero-media figcaption { position:absolute;bottom:0;left:0;right:0;padding:35px 22px 18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:#fff;background:linear-gradient(transparent,#000a);z-index:1; }
.has-sector-design .sector-hero-media .image-zoom { z-index:3; }
.has-sector-design .sector-hero-index { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;gap:0;border-block:1px solid var(--design-border);position:relative;z-index:2; }
.has-sector-design .sector-hero-index a { display:grid;grid-template-columns:24px minmax(0,1fr) 16px;gap:12px;align-items:center;padding:22px 20px;min-height:70px; }
.has-sector-design .sector-hero-index a+a { border-left:1px solid var(--design-border); }
.has-sector-design .sector-hero-index .number { font-size:10px;opacity:.7; }
.has-sector-design .sector-hero-index strong { font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere; }
.has-sector-design .sector-hero-index a:hover strong { text-decoration:underline;text-underline-offset:5px; }
.has-sector-design .sector-hero-signature { grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:15px;line-height:1.1;position:relative;z-index:1; }
.has-sector-design .sector-hero-signature > span { font-size:10px;text-transform:uppercase;letter-spacing:.15em; }
.has-sector-design .sector-hero-signature > b { font-size:clamp(32px,5.5vw,85px);letter-spacing:-.05em;font-weight:500;overflow-wrap:anywhere; }
.has-sector-design .sector-services .section-heading > div { max-width:800px; }
.has-sector-design .sector-service-list { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px; }
.has-sector-design .sector-service-card { min-width:0;border:1px solid var(--design-border);background:color-mix(in srgb,var(--paper),white 55%); }
.has-sector-design .sector-service-visual { display:block;position:relative;aspect-ratio:1.5;overflow:hidden; }
.has-sector-design .sector-service-visual img { width:100%;height:100%;object-fit:cover;transition:transform .4s; }
.has-sector-design .sector-service-card:nth-child(3n+2) .sector-service-visual img { object-position:65% 50%; }
.has-sector-design .sector-service-card:nth-child(3n+3) .sector-service-visual img { object-position:35% 65%; }
.has-sector-design .sector-service-body { padding:28px;min-width:0; }
.has-sector-design .sector-service-number { font-size:11px;letter-spacing:.08em;color:inherit; }
.has-sector-design .sector-service-body h3 { margin:24px 0 17px;font-size:29px;line-height:1.2;overflow-wrap:anywhere; }
.has-sector-design .sector-service-body p { font-size:14px;line-height:1.85; }
.has-sector-design .sector-service-actions { display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px; }
.has-sector-design .sector-service-actions .text-link { font-size:12px;min-height:44px; }
.has-sector-design .sector-services[data-presentation="rows"] .sector-service-list { grid-template-columns:1fr;gap:0; }
.has-sector-design .sector-services[data-presentation="rows"] .sector-service-card { display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,2fr);gap:35px;padding:30px 0;border:0;border-top:1px solid var(--design-border);background:none; }
.has-sector-design .sector-services[data-presentation="rows"] .sector-service-body { padding:0;display:grid;grid-template-columns:35px minmax(0,1fr) minmax(0,1fr);gap:20px;align-content:center; }
.has-sector-design .sector-services[data-presentation="rows"] h3 { margin:0; }
.has-sector-design .sector-services[data-presentation="rows"] .sector-service-actions { grid-column:2/-1;margin:0; }
.has-sector-design .sector-services[data-presentation="accordion"] .sector-service-list { grid-template-columns:1fr;gap:0; }
.has-sector-design .sector-service-detail { border-top:1px solid var(--design-border);padding:26px 0;min-width:0; }
.has-sector-design .sector-service-detail:last-child { border-bottom:1px solid var(--design-border); }
.has-sector-design .sector-service-detail summary { display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:25px;align-items:center;cursor:pointer;list-style:none;min-height:48px; }
.has-sector-design .sector-service-detail summary::-webkit-details-marker { display:none; }
.has-sector-design .sector-service-detail summary h3 { font-size:clamp(25px,3vw,40px);margin:0;overflow-wrap:anywhere; }
.has-sector-design .sector-service-expand { display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--design-border);font-size:23px; }
.has-sector-design .sector-service-detail[open] .sector-service-expand { transform:rotate(45deg);background:var(--primary);color:var(--on-primary); }
.has-sector-design .sector-service-detail-content { padding:20px 65px 0;max-width:850px; }
.has-sector-design .sector-service-detail-content p { font-size:16px;line-height:1.9; }
.has-sector-design .service-explorer .explorer-copy h3 { overflow-wrap:anywhere; }
.has-sector-design .section-heading h2,.has-sector-design .feature-tile h3,.has-sector-design .about-section h2 { overflow-wrap:anywhere; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .has-sector-design[data-motion="1"] .sector-service-card:hover .sector-service-visual img { transform:scale(1.04); } }
@media(max-width:1100px) {
 .has-sector-design .sector-hero { gap:28px; }
 .has-sector-design .sector-service-body { padding:23px; }
 .has-sector-design .sector-service-body h3 { font-size:25px; }
 .has-sector-design .sector-services[data-presentation="rows"] .sector-service-body { grid-template-columns:30px minmax(0,1fr);gap:14px; }
 .has-sector-design .sector-services[data-presentation="rows"] .sector-service-body p { grid-column:2; }
}
@media(max-width:860px) {
 .has-sector-design .sector-hero { grid-template-columns:minmax(0,1fr);padding-block:30px; }
 .has-sector-design .sector-hero h1 { font-size:clamp(40px,7vw,65px); }
 .has-sector-design .sector-hero-media { min-height:400px; }
 .has-sector-design .sector-hero-index a { padding:20px 12px;gap:8px; }
 .has-sector-design .sector-service-list { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
 .has-sector-design .sector-service-card:last-child:nth-child(odd) { grid-column:1/-1; }
}
@media(max-width:600px) {
 .has-sector-design .sector-hero { gap:24px; }
 .has-sector-design .sector-hero h1 { font-size:clamp(34px,10vw,53px); }
 .has-sector-design .sector-hero-description { font-size:14px;margin-block:20px; }
 .has-sector-design .sector-hero .eyebrow { font-size:9px;margin-bottom:18px; }
 .has-sector-design .sector-hero-actions { gap:18px;margin-top:23px; }
 .has-sector-design .sector-hero-actions .button { font-size:12px;padding-inline:20px;min-height:50px; }
 .has-sector-design .sector-hero-note { margin-top:22px;font-size:10px; }
 .has-sector-design .sector-hero-media { min-height:300px; }
 .has-sector-design .sector-hero-media figcaption { font-size:9px;padding-inline:15px; }
 .has-sector-design .sector-hero-index { grid-template-columns:1fr; }
 .has-sector-design .sector-hero-index a { padding:14px 0;min-height:56px; }
 .has-sector-design .sector-hero-index a+a { border-left:0;border-top:1px solid var(--design-border); }
 .has-sector-design .sector-hero-signature { gap:12px;flex-wrap:wrap; }
 .has-sector-design .sector-hero-signature > b { font-size:clamp(26px,8vw,44px); }
 .has-sector-design .sector-service-list { grid-template-columns:minmax(0,1fr);gap:22px; }
 .has-sector-design .sector-service-body { padding:24px; }
 .has-sector-design .sector-service-body h3 { font-size:28px; }
 .has-sector-design .sector-services[data-presentation="rows"] .sector-service-card { grid-template-columns:90px minmax(0,1fr);gap:18px;padding-block:24px; }
 .has-sector-design .sector-services[data-presentation="rows"] .sector-service-visual { aspect-ratio:.7;height:130px; }
 .has-sector-design .sector-services[data-presentation="rows"] .sector-service-body { display:block; }
 .has-sector-design .sector-services[data-presentation="rows"] h3 { font-size:24px;margin:12px 0; }
 .has-sector-design .sector-services[data-presentation="rows"] .sector-service-actions { margin-top:16px;gap:8px 18px; }
 .has-sector-design .sector-service-detail { padding-block:20px; }
 .has-sector-design .sector-service-detail summary { grid-template-columns:20px minmax(0,1fr) 32px;gap:14px; }
 .has-sector-design .sector-service-detail summary h3 { font-size:24px; }
 .has-sector-design .sector-service-expand { width:32px;height:32px; }
 .has-sector-design .sector-service-detail-content { padding:17px 0 0 34px; }
 .has-sector-design .sector-service-detail-content p { font-size:14px; }
 .has-sector-design .sector-service-actions .button { max-width:100%;gap:16px; }
}
@media(max-width:360px) {
 .has-sector-design .sector-hero h1 { font-size:34px; }
 .has-sector-design .sector-hero-media { min-height:260px; }
 .has-sector-design .sector-hero-actions { flex-direction:column;align-items:stretch; }
 .has-sector-design .sector-hero-actions .text-link { align-self:flex-start; }
 .has-sector-design .sector-services[data-presentation="rows"] .sector-service-card { grid-template-columns:72px minmax(0,1fr);gap:14px; }
 .has-sector-design .sector-service-detail summary h3 { font-size:22px; }
}