/* Approved interaction pass, stage one only: hero, work, agreements. */
body.interaction-stage-one{--motion-fast:180ms;--motion-standard:320ms;--motion-section:360ms;--motion-ease:cubic-bezier(.16,1,.3,1)}
body.interaction-stage-one .editorial-annotation{font:500 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--ad-graphite)}
body.interaction-stage-one .author-note{font:400 13px/1.6 Inter,Arial,sans-serif;letter-spacing:0;color:var(--ad-graphite);max-width:280px}
body.art-direction.interaction-stage-one #approved-hero .name.type-project-layer{position:absolute!important;margin:0!important;z-index:3;opacity:0!important;pointer-events:none!important;user-select:none;clip-path:inset(var(--ap-top,0px) var(--ap-right,100%) var(--ap-bottom,100%) var(--ap-left,0px));transition:opacity var(--motion-fast) linear!important;overflow:visible!important}
body.interaction-stage-one #approved-hero .type-project-layer>span{color:transparent!important;-webkit-text-fill-color:transparent!important;background-image:var(--type-project);background-size:cover;background-position:center;-webkit-background-clip:text;background-clip:text}
body.art-direction.interaction-stage-one #approved-hero .name.type-project-layer.is-discovered{opacity:1!important}
body.interaction-stage-one #approved-hero .back-name:not(.type-project-layer){user-select:none}
body.interaction-stage-one #approved-hero .hero-preview{grid-column:9/span 4;grid-row:1;align-self:start;width:100%;max-width:360px;justify-self:end;margin:-12px 0 0;min-width:0}
body.interaction-stage-one #approved-hero .hero-preview>.editorial-annotation{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}
body.interaction-stage-one #approved-hero .hero-fragment{display:block;position:relative;width:100%;padding:0!important;border:0;background:var(--ad-blue);aspect-ratio:1.6;overflow:hidden;border-radius:0;box-shadow:none;color:var(--ad-plum);cursor:pointer}
body.interaction-stage-one #approved-hero .hero-fragment img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.08) translateY(0);transition:transform 460ms var(--motion-ease)!important}
body.interaction-stage-one #approved-hero .hero-fragment:focus-visible img{transform:scale(1.08) translateY(-6px)}
body.interaction-stage-one #approved-hero .fragment-open{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:36px;height:36px;background:var(--ad-lime);color:var(--ad-plum);pointer-events:none}
body.interaction-stage-one #approved-hero .hero-preview figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:13px;font-size:11px;line-height:1.5;letter-spacing:.02em;color:var(--ad-plum)}
body.interaction-stage-one #approved-hero .hero-preview figcaption span:last-child{font-size:10px;color:var(--ad-graphite)}
body.interaction-stage-one #approved-hero .hero-author-note{grid-column:9/span 4;grid-row:2;justify-self:end;width:100%;max-width:360px;margin:0;align-self:end;border-top:1px solid var(--ad-plum);padding-top:16px}
body.interaction-stage-one #approved-hero .hero-author-note .note-asterisk{font-size:22px;line-height:1;vertical-align:middle;margin-right:6px}
/* Eight existing cases form four unequal spreads. */
body.interaction-stage-one #work{--ad-space-top:88px;--ad-space-bottom:120px}
body.interaction-stage-one #work .work-tools{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px!important}
body.interaction-stage-one #work .work-tools>p{grid-column:8/span 5;grid-row:1;margin:0;max-width:500px}
body.interaction-stage-one #work .work-author-note{grid-column:1/span 4;grid-row:1;margin:0;max-width:270px}
body.interaction-stage-one #work .work-author-note small{display:block;font:500 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.07em;margin-bottom:10px}
body.interaction-stage-one #work .project-grid[data-view=editorial]{gap:96px var(--ad-gutter)!important}
body.interaction-stage-one #work .folder:nth-child(1){grid-column:1/span 7;grid-row:1}
body.interaction-stage-one #work .folder:nth-child(2){grid-column:9/span 4;grid-row:1;align-self:end}
body.interaction-stage-one #work .folder:nth-child(3){grid-column:1/span 8;grid-row:2}
body.interaction-stage-one #work .folder:nth-child(4){grid-column:10/span 3;grid-row:2;align-self:end}
body.interaction-stage-one #work .folder:nth-child(5){grid-column:1/span 7;grid-row:3}
body.interaction-stage-one #work .folder:nth-child(6){grid-column:9/span 4;grid-row:3;align-self:end}
body.interaction-stage-one #work .folder:nth-child(7){grid-column:1/span 3;grid-row:4;align-self:end}
body.interaction-stage-one #work .folder:nth-child(8){grid-column:5/span 8;grid-row:4}
body.interaction-stage-one #work .case-image-window{display:block;position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:var(--ad-blue)}
body.interaction-stage-one #work .case-flat .case-image-window{aspect-ratio:2938/1594}
body.interaction-stage-one #work .case-image-window .gallery-mockup{transform:scale(1)!important;transition:transform var(--motion-section) var(--motion-ease)!important}
body.interaction-stage-one #work .folder:focus-visible .case-image-window .gallery-mockup{transform:scale(1.025)!important}
body.interaction-stage-one #work .folder .folder-info{grid-template-columns:26px minmax(0,1fr) auto;row-gap:6px;padding-top:16px!important;margin-top:12px;border-color:var(--ad-plum)}
body.interaction-stage-one #work .folder-info .case-study-number{grid-column:1;grid-row:1/span 3;opacity:.55;transition:opacity var(--motion-fast) linear!important}
body.interaction-stage-one #work .folder .folder-info strong{grid-column:2;grid-row:1;font-size:clamp(20px,2.4vw,34px)!important}
body.interaction-stage-one #work .folder-info small{grid-column:2;grid-row:2}
body.art-direction.interaction-stage-one #work .folder .folder-info>.case-technical{grid-column:2!important;grid-row:3!important;margin-top:5px!important;font:500 9px/1.5 Inter,Arial,sans-serif;letter-spacing:.055em;text-decoration:none;opacity:0;transform:translateY(4px);transition:opacity var(--motion-fast) linear,transform var(--motion-standard) var(--motion-ease)!important}
body.interaction-stage-one #work .folder-info>.case-open-label{grid-column:3!important;grid-row:1/span 2!important;font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:7px;margin:0!important;opacity:1}
body.interaction-stage-one #work .folder:nth-child(2) .folder-info,body.interaction-stage-one #work .folder:nth-child(4) .folder-info,body.interaction-stage-one #work .folder:nth-child(6) .folder-info,body.interaction-stage-one #work .folder:nth-child(7) .folder-info{grid-template-columns:22px minmax(0,1fr)}
body.interaction-stage-one #work .folder:nth-child(2) .case-open-label,body.interaction-stage-one #work .folder:nth-child(4) .case-open-label,body.interaction-stage-one #work .folder:nth-child(6) .case-open-label,body.interaction-stage-one #work .folder:nth-child(7) .case-open-label{grid-column:2!important;grid-row:4!important;margin-top:6px!important}
body.interaction-stage-one #work .folder:focus-visible .case-technical{opacity:1;transform:translateY(0)}
body.interaction-stage-one #work .folder:focus-visible .case-study-number{opacity:1}
body.interaction-stage-one .case-context-cursor{position:fixed;inset:0 auto auto 0;z-index:10030;pointer-events:none;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--ad-plum);color:var(--ad-paper);font:500 10px/1.3 Inter,Arial,sans-serif;letter-spacing:.04em;opacity:0;visibility:hidden;transition:opacity 100ms linear!important;white-space:nowrap}
body.interaction-stage-one .case-context-cursor.is-visible{opacity:1;visibility:visible}
body.interaction-stage-one .case-context-cursor svg{width:12px;height:12px;flex-shrink:0}
/* Small bookmarks and hover disclosures, with reserved space on desktop. */
body.interaction-stage-one #trust .trust-author-note{margin:0 0 28px;display:block;max-width:460px}
body.interaction-stage-one #trust .block-content>p{margin-bottom:78px!important}
body.interaction-stage-one #trust .trust-answers{gap:70px 24px}
body.interaction-stage-one #trust .promise-folder::before{height:16px!important;top:-12px!important;width:22%!important;border-radius:3px 4px 0 0!important;clip-path:polygon(0 0,78% 0,100% 80%,100% 100%,0 100%)}
body.interaction-stage-one #trust .folder-bookmark{display:flex;justify-content:center;align-items:flex-start;width:28px!important;height:46px!important;right:23px!important;top:-25px!important;padding:7px 0 0!important;border-radius:3px 3px 0 0!important;background:var(--mark);color:var(--ad-plum);transform:translateY(0)!important;box-shadow:none!important;font:500 10px/1 Inter,Arial,sans-serif;letter-spacing:0;transition:transform var(--motion-standard) var(--motion-ease)!important}
body.interaction-stage-one #trust .promise-folder summary::before{display:none!important}
body.interaction-stage-one #trust .promise-folder summary{transition:transform var(--motion-standard) var(--motion-ease)!important}
body.interaction-stage-one #trust .promise-folder summary::after{transition:transform var(--motion-fast) var(--motion-ease)!important}
@media(hover:hover) and (pointer:fine) and (min-width:751px){
 body.interaction-stage-one #approved-hero .hero-fragment:hover img{transform:scale(1.08) translateY(-6px)}
 body.interaction-stage-one #work .folder:hover .case-image-window .gallery-mockup{transform:scale(1.025)!important}
 body.interaction-stage-one #work .folder:hover .case-technical{opacity:1;transform:translateY(0)}
 body.interaction-stage-one #work .folder:hover .case-study-number{opacity:1}
 body.interaction-stage-one #trust .promise-folder{height:var(--promise-height,320px)!important;min-height:0!important;overflow:visible}
 body.interaction-stage-one #trust .promise-folder summary::after{display:none!important}
 body.interaction-stage-one #trust .promise-folder p{opacity:0;transform:translateY(6px);transition:opacity var(--motion-fast) linear,transform var(--motion-standard) var(--motion-ease)!important}
 body.interaction-stage-one #trust .promise-slot.is-revealed .promise-folder p{opacity:1;transform:translateY(0)}
 body.interaction-stage-one #trust .promise-slot.is-revealed summary{transform:translateY(-4px)}
 body.interaction-stage-one #trust .promise-slot.is-revealed>.folder-bookmark{top:-25px!important;transform:translateY(-9px)!important}
}
@media(max-width:1100px){
 body.interaction-stage-one #approved-hero .hero-preview{max-width:300px;grid-column:9/span 4;margin-top:0}
 body.interaction-stage-one #approved-hero .hero-preview figcaption{display:block}
 body.interaction-stage-one #approved-hero .hero-preview figcaption span{display:block}
 body.interaction-stage-one #approved-hero .hero-author-note{grid-column:9/span 4;max-width:300px;font-size:12px}
 body.interaction-stage-one #work .folder .folder-info{grid-template-columns:22px minmax(0,1fr)}
 body.interaction-stage-one #work .folder-info>.case-open-label{grid-column:2!important;grid-row:4!important;margin-top:6px!important}
 body.interaction-stage-one #work .work-tools{gap:20px}
 body.interaction-stage-one #work .work-tools>p{grid-column:7/span 6}
 body.interaction-stage-one #work .work-author-note{grid-column:1/span 5}
 body.interaction-stage-one #work .project-grid[data-view=editorial]{gap:72px 20px!important}
 body.interaction-stage-one #trust .trust-answers{gap:70px 20px}
}
@media(max-width:750px){
 body.interaction-stage-one #approved-hero .type-project-layer{display:none!important}
 body.interaction-stage-one #approved-hero .hero-preview{grid-column:3/span 2;grid-row:2;margin:8px 0 0;max-width:280px}
 body.interaction-stage-one #approved-hero .hero-preview>.editorial-annotation{font-size:8px;gap:5px;flex-wrap:wrap;margin-bottom:9px}
 body.interaction-stage-one #approved-hero .hero-fragment{aspect-ratio:1.25}
 body.interaction-stage-one #approved-hero .hero-preview figcaption{margin-top:9px;font-size:10px}
 body.interaction-stage-one #approved-hero .hero-preview figcaption span:last-child{font-size:9px;margin-top:3px}
 body.interaction-stage-one #approved-hero .hero-author-note{grid-column:1/-1;grid-row:3;margin-top:4px;max-width:none;justify-self:stretch;font-size:12px;border-top:0;padding-top:0}
 body.interaction-stage-one #approved-hero .hero-summary{align-self:start;margin-top:8px}
 body.interaction-stage-one #work{--ad-space-top:64px;--ad-space-bottom:72px}
 body.interaction-stage-one #work .work-tools{grid-template-columns:1fr;gap:24px;margin-bottom:36px!important}
 body.interaction-stage-one #work .work-tools>p{grid-column:1;grid-row:1;max-width:none}
 body.interaction-stage-one #work .work-author-note{grid-column:1;grid-row:2;max-width:270px;font-size:12px}
 body.interaction-stage-one #work .work-author-note small{font-size:9px;margin-bottom:6px}
 body.interaction-stage-one #work .project-grid[data-view=editorial]{gap:40px 12px!important}
 body.interaction-stage-one #work .folder:nth-child(n){grid-column:1/-1;grid-row:auto;align-self:start}
 body.interaction-stage-one #work .folder:nth-child(2),body.interaction-stage-one #work .folder:nth-child(4),body.interaction-stage-one #work .folder:nth-child(7){grid-column:2/span 3}
 body.interaction-stage-one #work .folder .folder-info strong{font-size:clamp(21px,6.2vw,30px)!important}
 body.interaction-stage-one #work .folder-info .case-technical{opacity:1;transform:none;font-size:9px}
 body.interaction-stage-one #work .folder-info>.case-open-label{grid-column:2!important;grid-row:4!important;font-size:12px;min-height:32px;margin-top:5px!important}
 body.interaction-stage-one .case-context-cursor{display:none!important}
 body.interaction-stage-one #trust .trust-author-note{font-size:12px;margin-bottom:24px}
 body.interaction-stage-one #trust .promise-folder{height:auto!important;min-height:160px!important}
 body.interaction-stage-one #trust .promise-folder p{opacity:1!important;transform:none!important}
 body.interaction-stage-one #trust .promise-folder summary::after{content:'⌄'!important;display:block!important;font:400 20px/1 Inter,Arial,sans-serif;transform:none!important}
 body.interaction-stage-one #trust .promise-folder[open] summary::after{transform:rotate(180deg)!important}
 body.interaction-stage-one #trust .trust-answers{gap:56px 12px}
}
@media(max-width:360px){
 body.interaction-stage-one #approved-hero .hero-preview{grid-column:2/span 3;grid-row:2;max-width:240px}
 body.interaction-stage-one #approved-hero .hero-summary{grid-column:1/-1!important;grid-row:3}
 body.interaction-stage-one #approved-hero .hero-author-note{grid-row:4}
}
@media(prefers-reduced-motion:reduce){
 body.interaction-stage-one #approved-hero .type-project-layer{display:none!important}
 body.interaction-stage-one :is(#approved-hero,#work,#trust) *,body.interaction-stage-one :is(#approved-hero,#work,#trust) *::before,body.interaction-stage-one :is(#approved-hero,#work,#trust) *::after{transition:none!important;animation:none!important}
 body.interaction-stage-one #approved-hero .hero-fragment img,body.interaction-stage-one #work .folder .case-image-window .gallery-mockup{transform:none!important}
 body.interaction-stage-one .case-context-cursor{display:none!important}
 body.interaction-stage-one #trust .promise-slot.is-revealed summary,body.interaction-stage-one #trust .promise-slot.is-revealed>.folder-bookmark{transform:none!important}
}
/* QA: preserve interface detail and avoid native image selection during pointer exploration. */
body.interaction-stage-one #work .case-image-window,body.interaction-stage-one #work .folder-info,body.interaction-stage-one #approved-hero .hero-fragment{user-select:none;-webkit-user-select:none}
body.art-direction.interaction-stage-one #work .folder:focus-visible .folder-info>.case-technical{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine) and (min-width:751px){body.art-direction.interaction-stage-one #work .folder:hover .folder-info>.case-technical{opacity:1;transform:none}}
@media(max-width:750px){body.art-direction.interaction-stage-one #work .folder .folder-info>.case-technical{opacity:1;transform:none}}
body.interaction-stage-one #trust summary,body.interaction-stage-one #trust .folder-bookmark{user-select:none;-webkit-user-select:none}
body.interaction-stage-one #trust .promise-folder::before{width:64px!important;height:11px!important;top:-8px!important}
body.interaction-stage-one #approved-hero .brand-button{transform:none!important;transition:translate var(--motion-fast) var(--motion-ease)!important}
body.interaction-stage-one #approved-hero .brand-button svg{transition:transform var(--motion-fast) var(--motion-ease)!important}
@media(hover:hover) and (pointer:fine){body.interaction-stage-one #approved-hero .brand-button:hover svg{transform:translate(1px,-1px)}}
@media(prefers-reduced-motion:reduce){body.interaction-stage-one #approved-hero .brand-button,body.interaction-stage-one #approved-hero .brand-button svg{transition:none!important;transform:none!important;translate:none!important}}

/* Touch layouts retain explicit disclosure and metadata without hover. */
@media(hover:none),(pointer:coarse){
 body.art-direction.interaction-stage-one #work .folder .folder-info>.case-technical{opacity:1;transform:none}
 body.interaction-stage-one #approved-hero .type-project-layer,body.interaction-stage-one .case-context-cursor{display:none!important}
 body.interaction-stage-one #trust .promise-folder{height:auto!important;min-height:160px!important}
 body.interaction-stage-one #trust .promise-folder p{opacity:1!important;transform:none!important}
 body.interaction-stage-one #trust .promise-folder summary::after{content:'⌄'!important;display:block!important;font:400 20px/1 Inter,Arial,sans-serif;transform:none!important}
 body.interaction-stage-one #trust .promise-folder[open] summary::after{transform:rotate(180deg)!important}
}