
.about-study{max-width:1440px;margin:0 auto;padding:72px 6vw 24px}.about-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:8vw;align-items:center}.about-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#9c9c9c;margin-bottom:28px}.about-copy h1{font-size:clamp(48px,6.4vw,90px);font-weight:500;line-height:.98;letter-spacing:-.065em;margin:0 0 32px}.about-copy h1 span{display:block;font-size:clamp(22px,2.45vw,34px);line-height:1.2;letter-spacing:-.025em;color:#a7a7a7;margin-top:24px}.about-intro{font-size:21px;line-height:1.5;max-width:450px;margin-bottom:18px}.about-body{font-size:16px;line-height:1.7;color:#aaa;max-width:440px;margin-bottom:30px}.about-cta{display:flex;align-items:center;justify-content:space-between;max-width:290px;border-bottom:1px solid #777;padding:0 0 13px;font-size:20px}.about-cta span{font-size:26px}.about-work{display:inline-block;font-size:13px;color:#aaa;margin-top:22px}.about-portrait{margin:0}.about-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.about-clients{display:grid;grid-template-columns:1fr 3fr;gap:20px 5vw;border-top:1px solid #333;margin-top:88px;padding-top:30px}.about-clients h2{font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:#999;margin:5px 0 0}.about-clients>p{font-size:clamp(18px,1.7vw,23px);line-height:1.8;margin:0}.about-clients details{grid-column:2;font-size:13px;color:#999;line-height:1.8}.about-clients summary{cursor:pointer;width:fit-content}.about-clients details p{margin:18px 0 0}.about-location{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:55px;align-items:start}.about-location img{width:100%;height:auto}a:hover{color:#fff}@media(max-width:767px){.about-study{padding:36px 6vw 10px}.about-hero{grid-template-columns:1fr;gap:38px}.about-copy h1{font-size:62px}.about-copy h1 span{font-size:27px}.about-intro{font-size:19px}.about-portrait{max-width:520px}.about-clients{grid-template-columns:1fr;gap:17px;margin-top:48px;padding-top:25px}.about-clients details{grid-column:1}.about-clients>p{font-size:18px}.about-location{gap:14px;margin-top:35px}}

/* Continuous client list; pause for reading and respect reduced motion. */
.about-clients{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}
.client-marquee{min-width:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);padding:2px 0 8px}
.client-track{display:flex;width:max-content;animation:clients-roll 38s linear infinite}
.client-set{display:flex;align-items:center;gap:44px;padding-right:44px;flex-shrink:0}
.client-set span{white-space:nowrap;font-size:clamp(18px,1.7vw,23px);line-height:1.8}
.client-marquee:hover .client-track,.client-marquee:focus .client-track,.client-marquee:focus-within .client-track{animation-play-state:paused}
@keyframes clients-roll{to{transform:translateX(-50%)}}
@media(max-width:767px){.about-clients{grid-template-columns:minmax(0,1fr)}.client-set{gap:30px;padding-right:30px}.client-set span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.client-marquee{mask-image:none}.client-track{animation:none;width:auto}.client-set{flex-wrap:wrap;gap:12px 26px;padding-right:0}.client-set+ .client-set{display:none}}

/* Monochrome client marks with a quiet film texture. */
.client-marquee{position:relative;padding:12px 0 18px}
.client-track{animation-duration:55s}
.client-set{gap:30px;padding-right:30px}
.client-logo{width:auto;min-width:64px;height:76px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.client-logo img{max-width:142px;max-height:48px;width:auto;height:auto;filter:grayscale(1);opacity:.76}
.client-logo--66north img{max-height:64px}.client-logo--n1 img{max-height:50px}.client-logo--siminn img,.client-logo--landsbankinn img{max-height:47px}.client-logo--isavia img{filter:brightness(0) invert(1);opacity:.69}.client-logo--ruv img{max-width:118px}
.client-marquee::after{content:none}
@media(max-width:767px){.client-set{gap:24px;padding-right:24px}.client-logo{width:auto;min-width:54px}.client-logo img{max-width:120px;max-height:43px}.client-logo--66north img{max-height:58px}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none}.client-set{gap:20px 30px;padding-right:0}}

.client-logo--primevideo img{max-height:43px}.client-logo--skot img{max-width:118px;max-height:37px}.client-logo--atlavik img{max-width:142px;max-height:46px}.client-logo--stod2 img{max-height:48px}

/* Match Skot's official horizontal orientation and balance adjacent marks. */
.client-logo--skot img{max-width:132px;max-height:32px}
.client-logo--alcoa img{max-width:118px;max-height:38px;opacity:.67}
.client-logo--lyfja img{max-width:112px;max-height:38px;opacity:.76}

.client-logo--samsung img,.client-logo--sony img{max-width:132px;max-height:35px}
.client-logo--sony img{filter:brightness(0) invert(1);opacity:.67}
.client-logo--bonus img{max-width:145px;max-height:42px;filter:grayscale(1) invert(1);opacity:.76}
.client-logo--armada img{max-height:60px;max-width:90px;filter:grayscale(1)}
.client-track{animation-duration:72s}

.client-marquee.is-draggable{cursor:grab;user-select:none;touch-action:pan-y}
.client-marquee.is-dragging{cursor:grabbing}
.client-marquee.is-draggable .client-track{animation:none!important;will-change:transform;width:max-content}
.client-marquee.is-draggable .client-set{display:flex;flex-wrap:nowrap;gap:30px;padding-right:30px}
.client-logo--bonus img{max-width:120px;max-height:36px}
@media(max-width:767px){.client-marquee.is-draggable .client-set{gap:24px;padding-right:24px}}

@media(max-width:767px){.about-study{padding-top:24px}.about-copy h1{font-size:clamp(48px,15vw,62px)}.about-copy h1 span{font-size:25px}.about-hero{gap:28px}.about-clients summary{min-height:44px;padding:10px 0}.about-work{padding:12px 0;margin-top:10px}}
