/* The same sound study, geometry and motion on the homepage and case study. */
.gsl-art{aspect-ratio:1.18;width:100%;min-height:0;max-width:none;isolation:isolate;flex:none}
.gsl-art .sound-sculpture{display:flex;align-items:center;gap:8px;width:75%;height:65%;transform:rotate(-18deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.gsl-art .sound-sculpture i{width:10%;flex-shrink:1;height:var(--size);background:#2445f2;box-shadow:7px 7px 0 #0631ad;transition:transform .5s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--n)*20ms)}
.project:is(:hover,:focus-visible) .gsl-art .sound-sculpture,.gsl-art-control:is(:hover,:focus-visible,[aria-pressed="true"]) .sound-sculpture{transform:rotate(-9deg) scale(1.075)}
.project:is(:hover,:focus-visible) .gsl-art .sound-sculpture i,.gsl-art-control:is(:hover,:focus-visible,[aria-pressed="true"]) .sound-sculpture i{transform:translate3d(0,calc((var(--n) - 4)*-6px),0)}
.project:is(:hover,:focus-visible) .gsl-art,.gsl-art-control:is(:hover,:focus-visible,[aria-pressed="true"]){filter:contrast(1.07)}
.gsl-art-control{display:grid;place-items:center;position:relative;border:0;padding:0;border-radius:0;color:#25212f;text-align:left;cursor:pointer;font:inherit}
.gsl-art-control:after{display:none!important}.gsl-art-control:focus-visible{outline:3px solid #2445f2;outline-offset:6px}
.gsl-art-hint{position:absolute;left:24px;bottom:24px;font-size:12px;line-height:1.5}.gsl-art .art-label{font-size:10px;line-height:1.5}
.gsl-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);padding-block:clamp(48px,6vw,88px)}
.gsl-back{display:inline-flex;min-height:44px;align-items:center;color:#555964;font-size:14px;margin-bottom:32px}.gsl-back:hover{color:#2445f2}
.gsl-intro-copy>.mono{font-size:12px;line-height:1.6;margin:0 0 24px;color:#555964}.gsl-intro h1{font-size:clamp(40px,4.6vw,70px);letter-spacing:-.055em;line-height:1.05;margin:0;max-width:15ch;font-weight:600}.gsl-intro h1 span{color:#2445f2}
.gsl-deck{font-size:clamp(18px,1.5vw,22px);line-height:1.65;max-width:42ch;margin:28px 0;color:#555964}
.gsl-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:540px;margin-bottom:20px}.gsl-tags span{font-size:12px;line-height:1.5;padding:7px 12px;border:1px solid #c7cad3;border-radius:24px}
.gsl-art-rail{margin:0;justify-self:end;width:100%;max-width:calc((100vw - 2 * var(--page-edge) - 80px) / 3)}
.gsl-art-rail figcaption{color:#555964;font-size:12px;line-height:1.7;margin-top:18px}
.gsl-context,.gsl-brands,.gsl-delivery,.gsl-roadmap,.gsl-takeaway{padding-block:clamp(48px,6vw,88px);border-top:1px solid #dedfe4}
.gsl-context{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);background:#f4f3ee}
.gsl-context h2,.gsl-section-heading h2,.gsl-takeaway h2{font-size:clamp(30px,3.5vw,52px);line-height:1.12;font-weight:550;letter-spacing:-.045em;margin:24px 0}
.gsl-context p:not(.mono),.gsl-section-heading>p:not(.mono),.gsl-delivery-grid p,.gsl-next-grid p,.gsl-takeaway>p:not(.mono){font-size:16px;line-height:1.8;color:#555964;max-width:62ch;margin:0 0 18px}
.gsl-context .mono,.gsl-section-heading .mono,.gsl-takeaway>.mono{font-size:11px;line-height:1.6;margin:0}
.gsl-section-heading{max-width:850px}.gsl-brand-list{list-style:none;display:flex;flex-wrap:wrap;padding:0;margin:40px 0 24px;border-block:1px solid #c7cad3;gap:0}
.gsl-brand-list li{padding:28px 28px 28px 0;margin-right:auto;font-size:clamp(22px,2.7vw,38px);letter-spacing:-.04em;font-weight:600}
.gsl-credit,.gsl-context p.gsl-credit,.gsl-takeaway>p.gsl-credit{font-size:12px;line-height:1.75;color:#626775;max-width:85ch}.gsl-credit a{text-decoration:underline;text-underline-offset:4px}
.gsl-delivery{background:#e9e4fa}.gsl-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}
.gsl-delivery-grid article{padding:clamp(24px,3vw,44px);background:#faf9fe;display:flex;flex-direction:column;align-items:start}.gsl-delivery-grid article:nth-child(2),.gsl-delivery-grid article:nth-child(3){background:#dce3ff}
.gsl-delivery-grid .mono{font-size:11px;line-height:1.6}.gsl-delivery-grid h3,.gsl-next-grid h3{font-size:clamp(26px,2.6vw,38px);line-height:1.16;letter-spacing:-.04em;margin:28px 0 20px;font-weight:550}.gsl-delivery-grid .route-link{margin-top:auto}
.gsl-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:36px}.gsl-next-grid article{border-top:2px solid #2445f2;padding-top:24px}
.gsl-takeaway h2 span{color:#2445f2}.gsl-takeaway-links{display:flex;flex-wrap:wrap;gap:16px 32px;margin:20px 0 40px}
.gsl-takeaway button{cursor:pointer;font-family:inherit}.gsl-intro :is(a,button):focus-visible,.gsl-context a:focus-visible,.gsl-delivery a:focus-visible,.gsl-takeaway :is(a,button):focus-visible{outline:3px solid #2445f2;outline-offset:5px}
@media(max-width:1100px) and (min-width:701px){.gsl-art-rail{max-width:calc((100vw - 2 * var(--page-edge) - 32px) / 2)}.gsl-intro{grid-template-columns:1.1fr 1fr;gap:32px}}
@media(max-width:700px){.gsl-intro,.gsl-context{grid-template-columns:1fr;gap:32px}.gsl-back{margin-bottom:24px}.gsl-art-rail{max-width:none;justify-self:stretch}.gsl-intro h1{font-size:clamp(36px,8.7vw,54px);max-width:none}.gsl-deck{font-size:18px}.gsl-art .sound-sculpture{gap:6px}.gsl-art .art-label{left:20px;right:20px;top:18px;font-size:9px}.gsl-art-hint{left:20px;bottom:20px}.gsl-delivery-grid,.gsl-next-grid{grid-template-columns:1fr;gap:16px}.gsl-next-grid{gap:32px}.gsl-brand-list li{font-size:25px;padding-block:20px}.gsl-context h2{margin-bottom:0}.gsl-delivery-grid article{padding:28px 24px}.gsl-tags span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.gsl-art .sound-sculpture,.gsl-art .sound-sculpture i{transition:none!important;transform:none!important}}
/* Bisotun shares the approved case-study layout, with its own architectural study. */
.bisotun-art{aspect-ratio:1.18;width:100%;min-height:0;max-width:none;isolation:isolate;flex:none}
.bisotun-art .structure{display:grid;width:60%;height:65%;grid-template-columns:repeat(3,1fr);gap:10px;border:12px solid #f2f2ef;background:#f2f2ef;box-shadow:25px 24px 0 #b4b5c2;transform:perspective(500px) rotateY(-23deg) rotateZ(12deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.bisotun-art .structure>span{display:block;background:#252731;border-right:6px solid #9298aa}
.project:is(:hover,:focus-visible) .bisotun-art .structure,.bisotun-art:is(:hover,:focus-visible,[aria-pressed="true"]) .structure{transform:perspective(500px) rotateY(6deg) rotateZ(-3deg) scale(1.04)}
.bisotun-art:is(:hover,:focus-visible,[aria-pressed="true"]){filter:contrast(1.07)}
.bisotun-art .art-label{font-size:10px;line-height:1.5}
.bisotun-evidence{padding-block:clamp(48px,6vw,88px);border-top:1px solid #dedfe4;scroll-margin-top:calc(var(--header-height,104px) + 24px)}
.bisotun-evidence figure{margin:36px 0 0;background:#f3f4f7;padding:clamp(20px,4vw,48px)}
.bisotun-evidence img{width:100%;max-height:780px;object-fit:contain;display:block;height:auto}
.bisotun-evidence figcaption{font-size:12px;line-height:1.75;color:#626775;margin-top:24px;max-width:85ch}
@media(max-width:700px){.bisotun-art .structure{gap:8px;border-width:10px}.bisotun-art .art-label{left:20px;right:20px;top:18px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.bisotun-art .structure{transition:none!important;transform:none!important}}