.work-page{--max:1480px;--ease-expo:cubic-bezier(.19,1,.22,1)}.work-page .nav .nav__inner{max-width:var(--max)}.menu .brand img{-webkit-filter:brightness(0) invert(1)!important;filter:brightness(0) invert(1)!important}.work-hero{padding-top:28px}.section-line,.tiny-label,.comparison-caption,.slider-instruction,.footer-base{font-family:var(--f-mono);font-size:10px;letter-spacing:.07em}.work-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0 24px}.work-heading h1{font-family:var(--f-disp);font-size:clamp(64px,10.8vw,152px);line-height:1.05;letter-spacing:-.035em;font-weight:400;white-space:nowrap}.work-heading h1>span{color:var(--green-3)}.hero-aside{padding-top:14px}.hero-aside p{font-size:clamp(20px,2.4vw,32px);line-height:1.25;letter-spacing:-.04em;margin:12px 0 22px}.hover-note{display:block;font-family:var(--f-body);font-size:clamp(15px,1.7vw,21px);line-height:1.35;letter-spacing:-.01em;color:var(--ink-3);text-align:right}.collection{padding-top:40px;padding-bottom:72px}.section-line{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.section-line h2{font:inherit}.section-line>span{color:var(--muted)}.portrait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;align-items:start;padding-bottom:42px}.work-card{margin:0;min-width:0;transform:translate3d(0, calc(var(--base-y, 0px) + var(--py, 0px)), 0);will-change:transform}@media(min-width:901px){.portrait-grid .work-card:nth-child(3n+2){--base-y:42px}}.work-image{position:relative;background:var(--paper-2);cursor:default;outline-offset:5px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overflow:hidden}.work-image img{width:100%;height:auto;display:block;user-select:none}.work-image .original{position:absolute;inset:0;height:100%;object-fit:contain;opacity:0;transition:opacity .22s ease;pointer-events:none}.work-image:focus-visible{outline:2px solid var(--green-3)}.work-image:focus-visible .original{opacity:1}.work-image.is-revealing .original{opacity:1}@media(hover:hover){.work-image:hover .original{opacity:1}}.work-card figcaption{display:flex;justify-content:flex-end;gap:10px;padding:13px 0 0;font-family:var(--f-mono);font-size:10px;letter-spacing:.015em}.work-card figcaption span:last-child{color:var(--muted)}.transformation{background:var(--green);color:var(--paper);padding:70px 0}.transform-layout{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:7%}.transform-copy h2{font-family:var(--f-disp);font-size:clamp(40px,5.7vw,78px);line-height:1.08;font-weight:400;letter-spacing:-.02em;margin:22px 0}.transform-copy h2 span{color:var(--accent)}.transform-copy p{font-size:14px;color:var(--muted-inv);margin-bottom:28px}.slider-instruction{color:var(--paper)}.transform-index{font-family:var(--f-disp);font-size:40px;border-top:1px solid var(--line-inv);margin-top:42px;padding-top:14px;display:flex;align-items:center;gap:15px}.transform-index span{font:10px var(--f-mono);color:var(--muted-inv)}.comparison{position:relative;isolation:isolate;overflow:hidden}.comparison>img{width:100%;height:auto;display:block;user-select:none;pointer-events:none}.comparison .comparison-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:var(--paper);transform:translateX(-50%);pointer-events:none}.comparison-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--green);font-size:24px;box-shadow:0 2px 15px #0004}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}.comparison:focus-within{outline:2px solid var(--accent);outline-offset:5px}.comparison-caption{display:flex;justify-content:space-between;gap:10px;font-size:9px;margin-top:16px;color:var(--muted-inv)}.landscape-collection{padding-top:64px}.landscape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 28px}.privacy{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:26px;padding-bottom:80px}.privacy-number{display:flex;align-items:center;gap:25px;font-family:var(--f-disp);font-size:clamp(80px,11vw,145px);line-height:1}.privacy-number>span{font:10px/1.7 var(--f-mono);letter-spacing:.05em}.privacy-copy{border-top:1px solid var(--line);padding-top:20px}.privacy-copy h2{font-size:23px;font-weight:500;letter-spacing:-.04em;margin-bottom:12px}.privacy-copy h2 span{color:var(--muted)}.privacy-copy p{font-size:14px;max-width:480px;color:var(--ink-3);line-height:1.8}.work-footer{background:var(--green);color:var(--paper);padding:45px 0 22px}.footer-invite{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 0 40px}.footer-invite h2{font:400 clamp(32px,5.2vw,72px)/1.1 var(--f-disp);letter-spacing:-.02em}.footer-invite>a{padding:15px 20px;background:var(--accent);color:var(--green);font:11px var(--f-mono);white-space:nowrap}.footer-invite>a:hover{background:var(--paper)}.footer-base{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line-inv);padding-top:20px;color:var(--muted-inv)}

/* Curtain wipe on scroll entry */
.js .curtain-card .work-image::after{
  content:"";position:absolute;inset:0;z-index:3;
  background:var(--paper-3);
  transform:scaleY(1);transform-origin:top;
  transition:transform .9s var(--ease-expo);
  pointer-events:none;
}
.js .curtain-card.is-in .work-image::after{transform:scaleY(0)}
.js .curtain-card .work-image > img:first-child{
  transform:scale(1.05);
  transition:transform 1.2s var(--ease-expo);
}
.js .curtain-card.is-in .work-image > img:first-child{transform:scale(1)}

@media(min-width:1500px){.portrait-grid{gap:50px 40px}}
@media(max-width:900px){.work-heading{align-items:flex-start}.work-heading h1{font-size:11.5vw}.transform-layout{gap:28px;grid-template-columns:.8fr 1.2fr}.transform-copy h2{font-size:42px}.transform-index{margin-top:25px}.privacy-number{gap:15px}.privacy-number>span{font-size:9px}.work-card{transform:none!important}}
@media(max-width:650px){.work-hero{padding-top:26px}.work-heading{display:block;padding:18px 0}.work-heading h1{font-size:18vw}.hero-aside{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-line{font-size:9px}.section-line>span{font-size:8px}.collection{padding-top:30px;padding-bottom:42px}.portrait-grid{grid-template-columns:1fr;gap:28px;padding-bottom:0}.portrait-grid .work-card:last-child{grid-column:auto;width:100%;margin:0}.work-card figcaption{font-size:9px;gap:5px;padding-top:9px}.transformation{padding:38px 0}.transform-layout{grid-template-columns:1fr;gap:25px}.transform-copy h2{font-size:12vw;margin:16px 0}.transform-copy p{margin-bottom:12px}.transform-index{display:none}.landscape-grid{grid-template-columns:1fr;gap:28px}.privacy{grid-template-columns:1fr;gap:25px;padding-top:15px;padding-bottom:45px}.privacy-number{font-size:100px;gap:24px}.privacy-number>span{font-size:10px}.privacy-copy h2{font-size:24px}.footer-invite{display:block;padding-bottom:35px}.footer-invite h2{font-size:10vw;margin-bottom:26px}.footer-invite>a{display:inline-block}.footer-base{font-size:8px;flex-wrap:wrap}.comparison-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.work-page *{scroll-behavior:auto!important;transition:none!important}.js .curtain-card .work-image::after{display:none!important}.work-card{transform:none!important}}

/* Premium client index: aligned optical sizes, hairlines, and no generic logo cards. */
.client-wall{padding-top:8px;padding-bottom:42px}
.client-wall__top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.client-wall__top h2,.client-wall__top>span{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.client-wall__top>span{color:var(--muted);text-align:right}
.client-wall__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(16px,2vw,30px)}
.client-entry{display:grid;grid-template-columns:20px 72px minmax(0,1fr);gap:11px;align-items:center;min-width:0;min-height:74px;margin:0;padding:10px 0;border-bottom:1px solid var(--line)}
.client-entry__no{align-self:start;padding-top:4px;font:9px/1 var(--f-mono);letter-spacing:.1em;color:var(--muted)}
.client-entry__logo{width:72px;height:48px;display:grid;place-items:center;overflow:visible}
.client-entry__logo img{display:block;width:68px;height:42px;object-fit:contain;mix-blend-mode:multiply}
.client-entry__more-mark{width:68px;height:42px;display:grid;place-items:center;font:400 28px/1 var(--f-disp);color:var(--green-3)}
.client-entry--more .client-entry__no,.client-entry--more figcaption{color:var(--green-3)}
.client-entry--more figcaption i{padding-left:4px;font-style:normal;color:var(--green-3)}
.client-entry figcaption{font-family:var(--f-mono);font-size:clamp(8px,.67vw,9.5px);line-height:1.4;letter-spacing:.075em;text-transform:uppercase;color:var(--ink-2);overflow-wrap:anywhere}
@media(max-width:1000px){.client-wall__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.client-wall{padding-bottom:30px}.client-wall__top h2,.client-wall__top>span{font-size:8px}.client-wall__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.client-entry{grid-template-columns:17px 54px minmax(0,1fr);gap:8px;min-height:68px}.client-entry__logo{width:54px;height:44px}.client-entry__logo img{width:50px;height:38px}.client-entry__more-mark{width:50px;height:38px;font-size:23px}.client-entry figcaption{font-size:8px;letter-spacing:.055em}}
@media(max-width:360px){.client-wall__grid{grid-template-columns:1fr}.client-entry{grid-template-columns:20px 62px minmax(0,1fr)}}

#posters .section-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom:27px}
#posters .section-line h2{justify-self:start}
#posters .section-line>span{justify-self:end}
.gallery-guidance{max-width:none;margin:0;font-family:var(--f-body);font-size:13px;line-height:1.35;letter-spacing:0;color:var(--ink-3);text-align:center;white-space:nowrap}
@media(max-width:650px){#posters .section-line{grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:8px;margin-bottom:14px}#posters .section-line h2{grid-column:1;grid-row:1;font-size:8px;white-space:nowrap}#posters .section-line>span{grid-column:2;grid-row:1;font-size:7px;white-space:nowrap}#posters .section-line .gallery-guidance{grid-column:1/-1;grid-row:2;justify-self:center;margin:0;font-size:9px}}
.comparison-line span .ic{width:1.1em;height:1.1em}
.slider-instruction .ic{width:1.3em;height:1.3em;vertical-align:-.32em}

/* ==========================================================================
   HOME-PARITY MASTHEAD — identical size, positioning & behaviour to index.
   Fixed, transparent at page top (paper shows through), shrinks + blurs on
   scroll via .is-stuck (toggled in work.js) — exactly like home.css.
   ========================================================================== */
.work-page .nav{
  position:fixed;left:0;right:0;top:0;
  background:transparent;
  border-bottom-color:transparent;
  color:var(--ink);
  transition:background .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease);
}
.work-page .nav.is-stuck{
  background:color-mix(in srgb,var(--paper) 90%,transparent);
  border-bottom-color:var(--line);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  backdrop-filter:blur(14px) saturate(1.2);
}
@supports not (background:color-mix(in srgb,red,blue)){
  .work-page .nav.is-stuck{background:rgba(241,239,233,.94)}
}
.work-page .nav__inner{
  height:clamp(60px,4.6vw,76px);
  padding-inline:clamp(22px,4.2vw,72px);
  max-width:var(--max);
  transition:height .35s var(--ease);
}
.work-page .nav.is-stuck .nav__inner{height:clamp(52px,4vw,62px)}
.work-page .brand img{height:clamp(15px,1.15vw,19px);filter:none}
.work-page .nav__links{gap:clamp(16px,2.2vw,36px)}
.work-page .nav__link{font-size:clamp(10.5px,.74vw,11.5px);letter-spacing:.2em}
.work-page .nav__cta{
  font-size:clamp(10.5px,.74vw,11.5px);letter-spacing:.16em;
  border-color:var(--line-2);padding:.76em 1.15em;
  transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);
}
.work-page .nav:not(.is-stuck) .nav__cta--accent{background:var(--accent);color:var(--green);border-color:var(--accent)}
.work-page .nav:not(.is-stuck) .nav__cta--accent:hover{background:var(--paper);color:var(--green);border-color:var(--paper)}
.work-page .nav.is-stuck .nav__cta--accent{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.work-page .nav.is-stuck .nav__cta--accent:hover{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.work-page .nav__prog{background:var(--green-3)}
.work-page main{padding-top:clamp(60px,4.6vw,76px)}
@media(max-width:980px){
  .work-page main{padding-top:clamp(60px,4.6vw,76px)}
}

/* Privacy block — readable label beside the big number (overrides earlier 9–10px) */
.privacy-number{gap:clamp(20px,2.2vw,34px)}
.privacy-number>span{
  font-family:var(--f-mono);
  font-size:clamp(13px,1.15vw,16px);
  line-height:1.75;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--ink-2);
}

/* Footer CTA uses the same button face as everywhere else (Oswald, not mono) */
.footer-invite>a{
  display:inline-flex;align-items:center;gap:.75em;
  font-family:var(--f-semi);
  font-size:clamp(10.5px,.75vw,12px);
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
}