/* Full-bleed campaign photographs; one work view occupies the opening screen. */
.home-page>header{position:absolute;inset:0 0 auto;z-index:8;min-height:104px;padding:26px 4.6%;border:0;background:transparent;color:#fff;transition:none;align-items:start}
.home-page>header .nav-contact{border-color:#ffffff70}
.home-page>header .nav-contact:hover{background:#fff;color:#111}
.home-page .work-showcase{position:relative;height:100svh;min-height:640px;background:#080909;color:#fff;isolation:isolate}
.work-showcase::after{content:"";position:absolute;inset:0 0 auto;height:200px;background:linear-gradient(#000b,transparent);pointer-events:none;z-index:3}
.work-view-switch{position:absolute;top:132px;left:4.6%;display:flex;gap:25px;z-index:5;align-items:center}
.work-view-switch button{appearance:none;background:transparent!important;border:0;border-bottom:1px solid transparent;border-radius:0;font:500 12px/1.4 Arial,sans-serif;letter-spacing:.01em;color:#ffffffa8!important;cursor:pointer;padding:10px 0;display:flex;gap:9px;align-items:baseline;min-height:40px}
.work-view-switch button[aria-pressed=true]{border-bottom-color:var(--yellow);color:#fff!important}
.work-view-switch button:hover{color:#fff!important}
.work-view-switch small{font-size:10px;color:var(--yellow)}
.featured-stage{position:absolute;inset:0;touch-action:pan-y;outline-offset:-5px;overflow:hidden}
.feature-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;pointer-events:none}
.feature-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.feature-photo{position:absolute;inset:0;background:#111}
.feature-photo img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}
.feature-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000d 0%,#0009 18%,transparent 62%),linear-gradient(rgb(0 0 0 / 30%),rgb(0 0 0 / 30%));pointer-events:none}
.feature-copy{position:absolute;left:4.6%;bottom:52px;max-width:72%;z-index:2;color:#fff}
.feature-copy p{margin:0}
.feature-client{font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1.5}
.feature-client span{font-weight:400;color:#ccc;margin-left:10px}
.feature-copy h2{font-size:clamp(42px,5.8vw,88px);line-height:1;letter-spacing:-.055em;font-weight:500;margin:17px 0 15px;max-width:870px;text-wrap:balance}
.feature-copy h2 a{color:inherit}
.feature-line{font-size:15px;line-height:1.5;color:#e3e3df}
.feature-case{display:inline-flex;align-items:center;gap:25px;min-height:44px;margin-top:16px;font-size:13px;border-bottom:1px solid #ffffff80}
.feature-case:hover{color:var(--yellow);border-color:var(--yellow)}
.feature-case span{font-size:20px}
.feature-copy .card-awards{border:0;padding:0;margin:20px 0 0;height:25px;gap:20px;opacity:.85}
.feature-copy .card-award{flex:0 1 48px;height:24px}
.feature-copy .award-logo{max-height:24px;filter:brightness(0) invert(1);mix-blend-mode:screen}
.feature-navigation{position:absolute;right:4.6%;bottom:52px;z-index:4;width:180px}
.feature-progress{display:flex;gap:7px;margin-bottom:15px}
.feature-progress button{flex:1;min-width:0;height:30px;padding:0;border:0;background:transparent;cursor:pointer;position:relative}
.feature-progress button::after{content:"";position:absolute;left:0;right:0;top:14px;height:2px;background:#ffffff50;transition:background .2s}
.feature-progress button[aria-pressed=true]::after{background:var(--yellow)}
.feature-arrows{display:flex;align-items:center;justify-content:space-between;gap:12px}
.feature-arrows button{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:#fff;font-size:24px;cursor:pointer}
.feature-arrows button:hover{color:var(--yellow)}
.feature-counter{font-size:11px;letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap}
.feature-slide[data-project=emotional-pulse] img{object-position:75% 45%}
.work-showcase .orbit-archive{position:absolute;inset:0;padding:190px 0 0;background:#080909;display:flex;flex-direction:column;scroll-margin:0}
.work-showcase .orbit-stage{height:auto;flex:1;min-height:0;margin:0}
.work-showcase .orbit-bottom{padding:12px 4.6% 30px;min-height:102px}
.work-showcase .orbit-selection .eyebrow{display:none}
.work-showcase .orbit-selected-link strong{font-size:24px}
.work-showcase .orbit-selected-link span{font-size:13px}
.work-showcase .orbit-heading{display:none}
.work-showcase :focus-visible{outline:2px solid var(--yellow);outline-offset:5px}
.featured-stage:focus-visible,.work-showcase .orbit-stage:focus-visible{outline-offset:-5px}
@media(max-width:760px){
 .home-page>header{padding:23px 6%;gap:12px;min-height:98px}
 .home-page>header .logo{font-size:22px}
 .home-page>header nav{gap:15px;font-size:12px}
 .home-page>header nav .nav-contact{display:none}
 .home-page .work-showcase{min-height:650px}
 .work-view-switch{top:114px;left:6%;gap:22px}
 .feature-copy{left:6%;right:6%;bottom:122px;max-width:none}
 .feature-copy h2{font-size:clamp(38px,9vw,60px);max-width:580px;margin:12px 0}
 .feature-client{font-size:11px}
 .feature-line{font-size:13px}
 .feature-case{margin-top:11px}
 .feature-copy .card-awards{margin-top:14px;gap:15px}
 .feature-navigation{left:6%;right:6%;bottom:25px;display:flex;align-items:center;justify-content:space-between;width:auto;gap:24px}
 .feature-progress{width:42%;margin:0}
 .feature-arrows{gap:10px}
 .feature-photo img{object-position:50% 45%}
 .feature-slide[data-project=emotional-pulse] img{object-position:80% 45%}
 .feature-slide[data-project=relatos-asisa] img{object-position:20% 50%}
 .work-showcase .orbit-archive{padding-top:170px}
 .work-showcase .orbit-bottom{padding-left:6%;padding-right:6%;padding-bottom:28px}
}
@media(max-width:380px){.home-page>header .logo{font-size:19px}.home-page>header nav{gap:10px;font-size:11px}.home-page>header .logo small{font-size:9px;max-width:155px}}
@media(orientation:landscape) and (max-height:600px){
 .home-page .work-showcase{min-height:440px}
 .home-page>header{min-height:75px;padding-top:17px;padding-bottom:10px}
 .work-view-switch{top:87px}
 .feature-copy{bottom:25px;max-width:65%}
 .feature-copy h2{font-size:38px;margin:9px 0}
 .feature-copy .card-awards{display:none}
 .feature-navigation{left:auto;width:160px;display:block;bottom:25px}
 .feature-progress{width:100%}
 .work-showcase .orbit-archive{padding-top:135px}
 .work-showcase .orbit-bottom{min-height:75px;padding-bottom:15px}
}
@media(prefers-reduced-motion:reduce){.feature-slide{transition:none}}
@media(max-width:460px){.home-page>header{grid-template-columns:minmax(0,1fr) auto}.home-page>header nav{gap:11px;font-size:11px}.home-page>header nav sup{display:none}.home-page>header .logo small{max-width:158px;font-size:9px}.home-page>header .logo{font-size:21px}}

.feature-copy .award-logo--solid{filter:grayscale(1) contrast(3) invert(1);mix-blend-mode:screen}
.feature-copy .award-logo--negative{filter:none;mix-blend-mode:screen}
.orbit-fallback{display:grid;grid-auto-flow:column;grid-auto-columns:min(360px,75vw);grid-template-rows:1fr;gap:24px;height:100%;align-items:center;overflow-x:auto;padding:20px 4.6% 35px;scroll-snap-type:x mandatory;scrollbar-color:#f8bf10 #222}
.orbit-fallback a{display:block;scroll-snap-align:center;min-width:0;color:#fff}
.orbit-fallback img{display:block;aspect-ratio:1.6;width:100%;object-fit:cover;margin-bottom:18px}
.orbit-fallback strong{font-size:21px;display:block}.orbit-fallback span{display:block;font-size:13px;color:#bbb;margin-top:7px}
/* The masthead and both navigation bars live outside the photograph. */
.home-page>header{position:relative;inset:auto;background:#11110f;min-height:104px;color:#fff;align-items:center}
.home-page .work-showcase{display:grid;grid-template-rows:64px minmax(0,1fr);height:calc(100svh - var(--masthead-height,104px));min-height:540px}
.work-showcase::after{display:none}
.work-view-switch{position:relative;inset:auto;grid-row:1;padding:0 4.6%;height:64px;background:#11110f;gap:25px}
.featured-stage{position:relative;inset:auto;grid-row:2;min-height:0}
.feature-slide{bottom:76px}
.feature-copy{bottom:32px}
.feature-navigation{left:4.6%;right:4.6%;bottom:0;height:76px;width:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#080909}
.feature-progress{width:180px;margin:0}
.feature-arrows{gap:20px}
.feature-copy h2{font-size:clamp(40px,5vw,76px)}
.feature-slide[data-project=momentos-por-vivir-samsung-espana] .feature-photo img{object-position:72% 40%}
.work-showcase .orbit-archive{position:relative;inset:auto;grid-row:2;padding:0;min-height:0}
@media(max-width:760px){
 .home-page>header{min-height:94px;padding:20px 6%}
 .home-page .work-showcase{min-height:550px}
 .work-view-switch{padding:0 6%;height:60px;gap:22px}
 .home-page .work-showcase{grid-template-rows:60px minmax(0,1fr)}
 .feature-slide{bottom:70px}
 .feature-copy{bottom:25px}
 .feature-copy h2{font-size:clamp(35px,8vw,52px)}
 .feature-navigation{left:6%;right:6%;height:70px;bottom:0;width:auto;display:flex}
 .feature-progress{width:42%}
 .feature-arrows{gap:10px}
 .work-showcase .orbit-archive{padding:0}
}
@media(orientation:landscape) and (max-height:600px){
 .home-page>header{min-height:78px;padding-top:15px;padding-bottom:15px}
 .home-page .work-showcase{min-height:430px}
 .feature-copy{bottom:22px}
 .feature-copy h2{font-size:36px}
 .feature-navigation{left:4.6%;right:4.6%;width:auto;display:flex;bottom:0}
 .feature-progress{width:180px}
 .work-showcase .orbit-archive{padding:0}
}
/* Overlay masthead, shared external view selector and right-hand progress. */
.home-page>header{position:absolute;inset:0 0 auto;background:linear-gradient(#000c,transparent);padding-bottom:35px;z-index:8}
.home-page .work-showcase{height:100svh;min-height:640px;grid-template-rows:minmax(0,1fr) 76px}
.featured-stage{grid-row:1}
.feature-slide{bottom:0}
.feature-copy{max-width:78%;z-index:3;pointer-events:none}
.feature-copy a{pointer-events:auto}
.work-controls{grid-row:2;display:flex;align-items:center;justify-content:space-between;padding:0 4.6%;gap:30px;background:#080909;position:relative;z-index:5}
.work-controls .work-view-switch{position:static;height:auto;padding:0;background:transparent;flex-shrink:0}
.work-controls .feature-navigation{position:static;height:auto;width:180px;display:block;flex-shrink:0;background:transparent}
.work-controls .feature-progress{width:100%;margin:0}
.work-showcase[data-view=archive] .feature-navigation{display:none}
.work-showcase .orbit-archive{grid-row:1;padding-top:110px}
.feature-hit{position:absolute;top:0;bottom:0;width:50%;z-index:2;border:0;border-radius:0;background:transparent;padding:0;cursor:pointer;touch-action:pan-y}
.feature-hit--prev{left:0}.feature-hit--next{right:0}
.feature-hit:focus-visible{outline-offset:-5px}
.feature-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){
 .home-page .work-showcase{min-height:620px;grid-template-rows:minmax(0,1fr) 76px}
 .home-page>header{padding-bottom:35px}
 .work-controls{padding:0 6%;gap:20px}
 .work-controls .work-view-switch{gap:16px}
 .work-controls .work-view-switch button{font-size:11px}
 .work-controls .feature-navigation{width:100px;flex-shrink:1;min-width:70px}
 .work-controls .feature-progress{gap:5px}
 .feature-copy{max-width:none}
 .feature-slide{bottom:0}
 .work-showcase .orbit-archive{padding-top:105px}
}
@media(orientation:landscape) and (max-height:600px){
 .home-page .work-showcase{min-height:440px;grid-template-rows:minmax(0,1fr) 66px}
 .work-showcase .orbit-archive{padding-top:85px}
}
.feature-hit{z-index:0}.feature-slide.is-active{pointer-events:none}.feature-hit:focus-visible{z-index:4}

/* Reserve the same award row in every campaign, including unawarded work. */
.feature-copy{padding-bottom:45px}
.feature-copy .card-awards{position:absolute;left:0;bottom:0;margin:0;width:100%}
@media(max-width:760px){.feature-copy{padding-bottom:39px}}
@media(orientation:landscape) and (max-height:600px){.feature-copy{padding-bottom:0}}

/* Benefits headline the selection; a single action switches views. */
.feature-copy h2{max-width:1000px;font-size:clamp(38px,4.8vw,72px);line-height:1.04;text-wrap:balance}
.work-controls .work-view-switch .archive-toggle{background:#080909!important;border:1px solid #fff;border-radius:5px;color:#fff!important;padding:11px 20px;min-height:44px;font-size:12px;justify-content:center}
.work-controls .work-view-switch .archive-toggle:hover{background:#242424!important}
.asisa-illustration{display:block;width:100%;height:100%}
@media(max-width:760px){.feature-copy h2{font-size:clamp(32px,7.5vw,48px)}.work-controls .work-view-switch .archive-toggle{padding:10px 12px;font-size:11px}}
@media(orientation:landscape) and (max-height:600px){.feature-copy h2{font-size:36px}}

/* Compact headlines and one shared bottom bar for the gallery. */
.feature-copy h2{font-size:clamp(30px,3.6vw,54px);max-width:850px}
.work-controls .orbit-bottom{display:none;min-width:0;min-height:0;padding:0;margin:0;text-align:left;flex:1}
.work-showcase[data-view=archive] .work-controls .orbit-bottom{display:flex;justify-content:flex-start;align-items:center}
.work-controls .orbit-selection{min-width:0}
.work-controls .orbit-selection .eyebrow{display:none}
.work-controls .orbit-selected-link{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.work-controls .orbit-selected-link strong{font-size:15px;line-height:1.2}
.work-controls .orbit-selected-link span{font-size:12px;line-height:1.25}
@media(max-width:760px){.feature-copy h2{font-size:clamp(28px,6vw,38px)}.work-controls .orbit-selected-link strong{font-size:12px}.work-controls .orbit-selected-link span{font-size:10px}}
@media(orientation:landscape) and (max-height:600px){.feature-copy h2{font-size:30px}}

/* Independent foreground/background planes; the original is the loading fallback. */
.feature-photo{transform:none;overflow:hidden}
.depth-scene{position:absolute;inset:0;width:100%;height:100%;transform:scale(1.025);pointer-events:none}
.feature-photo.depth-ready>img,.feature-photo.depth-ready>.asisa-illustration{visibility:hidden}
.feature-slide.is-active .depth-front,.feature-slide.is-active .depth-back{will-change:transform}
html.motion-off .depth-scene{display:none}
html.motion-off .feature-photo.depth-ready>img,html.motion-off .feature-photo.depth-ready>.asisa-illustration{visibility:visible}
@media(prefers-reduced-motion:reduce){.depth-scene{display:none}.feature-photo.depth-ready>img,.feature-photo.depth-ready>.asisa-illustration{visibility:visible}}
.hero-motion-permission{position:absolute;z-index:5;top:112px;right:6%;min-height:40px;padding:8px 12px;color:#fff;background:#0007;border:1px solid #ffffff80;border-radius:5px;font:11px/1.3 Arial,sans-serif;cursor:pointer}
.hero-motion-permission[hidden]{display:none}
html.motion-off .feature-photo{transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.feature-photo{transform:none;will-change:auto}}

/* Mesh renderer includes its own overscan in the perspective camera. */
.spatial-scene{transform:none}

/* Keep the case action visually attached to the campaign headline. */
.feature-copy{display:grid;grid-template-columns:minmax(0,max-content) max-content;column-gap:36px;width:max-content;max-width:calc(100% - 9.2%);right:auto}
.feature-client{grid-column:1;grid-row:1}
.feature-copy h2{grid-column:1;grid-row:2;min-width:0}
.feature-copy>.feature-case{grid-column:2;grid-row:2;align-self:center;justify-self:start;margin:0;color:#fff;white-space:nowrap}
.feature-copy>.feature-case:hover{color:var(--yellow)}
@media(max-width:760px){
 .feature-copy{width:auto;left:6%;right:6%;max-width:none;grid-template-columns:minmax(0,1fr);column-gap:0}
 .feature-copy>.feature-case{grid-column:1;grid-row:3;justify-self:start}
 .feature-copy .card-awards{width:100%;gap:15px}
}
@media(orientation:landscape) and (max-height:600px){
 .feature-copy{max-width:calc(100% - 9.2%)}
}