/* Page-specific art direction. Shared navigation stays consistent. */
.art-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:5vw;padding-block:64px;overflow:hidden}
.art-hero .art-copy{min-width:0;position:relative;z-index:1}
.art-hero h1{font-size:clamp(48px,6.5vw,104px);line-height:1.02;letter-spacing:-.055em;margin:30px 0}
.art-hero .lead{font-size:clamp(18px,1.55vw,25px);line-height:1.4;max-width:680px}
.art-hero .art-media{min-width:0;width:100%;margin:0;max-width:none}
.art-hero .art-media img{width:100%;height:auto;display:block}
.art-hero .art-media figcaption{font-size:10px}
.art-lab{background:#e9e7e0;color:#111;grid-template-columns:1.5fr 1fr;align-items:end}
.art-lab h1.lab-title{font-size:clamp(36px,5.3vw,86px);line-height:1.02}
.art-lab .art-media{width:78%;justify-self:end;border-left:1px solid #aaa;padding-left:22px}
.art-lab .art-copy{padding-bottom:30px}
.art-services{background:#102c2c;color:#fff;grid-template-columns:1.5fr .8fr;padding-bottom:38px}
.art-services .art-media{width:84%;justify-self:end;align-self:start}
.art-index{grid-column:1/-1;border-top:1px solid #668383;padding-top:20px;display:flex;gap:24px;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:clamp(64px,8vw,130px);line-height:1;letter-spacing:-.07em}
.art-index span{font-family:Arial,sans-serif;font-size:14px;letter-spacing:0;line-height:1.5}
.art-method{background:#f7f7f2;color:#000;grid-template-columns:1.65fr .65fr}
.art-method .art-media{max-width:310px;justify-self:end}
.art-method h1{font-size:clamp(45px,6vw,96px)}
.art-process{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:20px}
.art-process span{border-top:1px solid;padding-top:15px;font-size:12px;line-height:1.4}
.art-projects{display:block;padding-bottom:0;background:#171717}
.art-projects .art-copy{display:grid;grid-template-columns:1.4fr 1fr;gap:0 8%;align-items:end}
.art-projects .label{grid-column:1/-1}.art-projects h1{font-size:clamp(48px,6.3vw,100px)}
.art-projects .lead{margin-bottom:35px}
.art-project-preview{display:block;width:78%;margin:25px 0 0 auto;position:relative;overflow:hidden}
.art-project-preview img{width:100%;height:auto;aspect-ratio:1.85;object-fit:cover;transition:transform .7s}
.art-project-preview span{display:block;background:#000;color:#fff;padding:18px;font-size:13px;line-height:1.4}
.art-contact{background:#deded6;color:#000;grid-template-columns:1.65fr .65fr;padding-block:90px}
.art-contact h1{font-size:clamp(46px,6vw,96px)}
.art-conversation{aspect-ratio:1;max-width:320px;width:100%;border:1px solid;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:end;transition:background .3s,color .3s}
.art-conversation>span{font-family:'Space Grotesk',sans-serif;font-size:clamp(90px,10vw,180px);line-height:1}
.art-conversation small{font-size:13px;margin-top:10px}.art-conversation:hover{background:#000;color:#fff}
.ce-local-home .art-ce{background:#000;color:#fff;grid-template-columns:1.4fr .8fr;gap:6vw}
.art-ce h1{font-size:clamp(48px,6vw,96px)}
.art-ce .ce-local-lead{display:block}.art-ce .ce-local-lead p{font-size:clamp(18px,1.5vw,23px);line-height:1.4}
.art-ce .ce-local-lead a{margin-top:22px;display:inline-flex}
.art-ce-sign{display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:clamp(100px,17vw,280px);font-weight:300;letter-spacing:-.09em;line-height:1;border-block:1px solid #555;padding-block:60px}
.art-ce-sign span{font-size:1.1em;font-weight:300;margin-inline:.05em}
.art-strategy{background:#e9e7e0;color:#000;grid-template-columns:1.3fr 1fr}
.art-compass{position:relative;aspect-ratio:1;max-width:480px;width:100%;border:1px solid #888;border-radius:50%;display:grid;place-items:center;background:linear-gradient(transparent 49.9%,#aaa 50%,transparent 50.2%),linear-gradient(90deg,transparent 49.9%,#aaa 50%,transparent 50.2%)}
.art-compass span{font-family:'Space Grotesk',sans-serif;font-size:clamp(160px,22vw,340px);line-height:1;z-index:1}
.art-compass i{position:absolute;inset:15%;border:1px solid #aaa;border-radius:50%}
.art-brand{background:#000;grid-template-columns:1.3fr .7fr;align-items:end}
.art-brand h1{font-size:clamp(56px,8vw,128px)}
.art-brand .art-media{max-width:430px;justify-self:end}.art-brand .art-media img{aspect-ratio:1;object-fit:cover}
.art-digital{background:#f7f7f2;color:#111;display:block;padding-bottom:0}
.art-digital .art-copy{display:grid;grid-template-columns:1.4fr 1fr;gap:0 8%;align-items:end}
.art-digital .label{grid-column:1/-1}.art-digital .lead{margin-bottom:35px}
.art-digital .art-media{width:86%;margin:20px auto 0}.art-digital .art-media figcaption{padding-bottom:20px}
.art-innovation{background:#190c19;color:#fff;grid-template-columns:1fr 1fr;gap:4vw}
.art-innovation .art-media{border-radius:50% 50% 0 0;overflow:hidden}
.art-innovation .art-media img{aspect-ratio:1;object-fit:cover}
.art-innovation h1{font-size:clamp(48px,6vw,96px)}
.art-lab-image{padding-block:56px;background:#f7f7f2}.art-lab-image .label{padding-top:20px;color:#111}.art-lab-image img{width:100%;height:auto}
.art-production{background:#000;grid-template-columns:1.6fr .7fr;align-items:start}
.art-production .art-media{margin-top:54px}.art-production h1{font-size:clamp(45px,6vw,96px)}
.art-production .art-media img{aspect-ratio:3/4;object-fit:cover}
.art-culture{background:#e7e1d5;color:#141414;grid-template-columns:1.3fr .8fr}
.art-culture .art-media{padding:24px;border:1px solid #aaa;max-width:460px;justify-self:end}
.art-culture h1{font-size:clamp(48px,6.8vw,108px)}
.art-sprint{background:#d5dcd6;color:#111;grid-template-columns:1.1fr 1fr}
.art-sprint .art-media{align-self:end}.art-sprint h1{font-size:clamp(48px,6vw,96px)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.art-project-preview:hover img{transform:scale(1.02)}.art-compass span{transition:transform .6s}.art-compass:hover span{transform:translate(7px,-7px)}}
@media(max-width:800px){
 .art-hero{grid-template-columns:1fr;padding-block:36px;gap:28px}
 .art-hero h1,.art-lab h1.lab-title{font-size:clamp(36px,9.2vw,64px);line-height:1.04;margin:24px 0}
 .art-lab h1.lab-title{font-size:clamp(27px,7.8vw,58px)}
 .art-hero .lead,.art-ce .ce-local-lead p{font-size:17px;line-height:1.38}
 .art-hero .art-media{max-width:none;width:100%;margin:0;padding:0;border:0}
 .art-lab .art-copy{padding-bottom:0}.art-lab .art-media{width:64%;justify-self:end}
 .art-services .art-media{width:58%;justify-self:end}.art-index{font-size:72px;gap:20px;padding-top:18px}
 .art-method .art-media{width:52%;justify-self:end}.art-process{grid-template-columns:1fr 1fr;gap:18px;margin:0}
 .art-projects .art-copy,.art-digital .art-copy{display:block}.art-projects .lead,.art-digital .lead{margin-bottom:25px}
 .art-project-preview{width:100%;margin-top:20px}.art-project-preview span{font-size:12px;padding:14px}
 .art-conversation{width:135px;justify-self:end}.art-conversation>span{font-size:70px}.art-conversation small{font-size:11px;margin-top:0}
 .ce-local-home .art-ce{grid-template-columns:1fr;gap:30px}.art-ce-sign{font-size:30vw;padding-block:24px;width:70%;justify-self:end}
 .art-compass{width:52%;justify-self:end}.art-compass span{font-size:32vw}
 .art-brand .art-media{width:68%;justify-self:end}.art-production .art-media{width:62%;justify-self:end}
 .art-digital .art-media{width:100%}.art-innovation .art-media{width:85%;justify-self:end}
 .art-culture .art-media{width:75%;justify-self:end;padding:12px;border:1px solid #aaa}
 .art-sprint .art-media{width:100%}.art-lab-image{padding-block:28px}
}
@media(prefers-reduced-motion:reduce){.art-project-preview img,.art-conversation{transition:none}}
.home-design-image{max-width:900px;margin-top:35px}.home-design-image .editorial-frame{background:transparent}.home-design-image img{width:100%;height:auto}
.editorial-single>.editorial-photo{width:100%}
@media(max-width:800px){.home-design-image{margin-top:24px}}
.contact-layout aside>.editorial-photo{margin-top:35px}.contact-layout aside>.editorial-photo img{width:100%;height:auto}
.art-lab .art-media{width:95%}
@media(max-width:800px){.art-lab .art-media{width:76%}}