/* v18.9 — artwork-led sequences. Scoped to three project interiors.
   Main GIFs use equal, uncropped plates. Details are supplied originals. */
.project-ai-human{--art-plate:736px}
.project-ai-human .ai-series-nav{gap:6px 26px}
.project-ai-human .ai-series-nav a{background:none;border:0;border-bottom:1px solid currentColor;border-radius:0;backdrop-filter:none;padding:10px 0;font-size:11px}
.project-ai-human .project-heading::after{content:none}
.ai-world{margin-inline:calc(-1 * var(--gutter));padding:100px var(--gutter) 120px;scroll-margin-top:0}
.ai-world--encounter{background:#526675;color:#f6f0df}
.ai-world--fusion{background:#dfe7ef;color:#364958;padding-top:130px;padding-bottom:150px}
.ai-world--boundary{background:#f1eee6;color:#34464a;padding-top:130px}
.ai-work__plate{width:var(--art-plate);max-width:100%;margin:0;min-width:0}
.ai-work__plate>img{display:block;width:100%;aspect-ratio:1;object-fit:contain;height:auto}
.ai-work__plate>figcaption{font-size:11px;letter-spacing:.06em;padding-top:12px;opacity:.78}
.ai-work__copy{max-width:440px}
.ai-work__copy h2{font:400 clamp(48px,5.5vw,80px)/1.2 var(--display);margin:20px 0 26px;letter-spacing:-.025em}
.ai-work__copy h2 span{display:block;font:400 clamp(30px,3.1vw,46px)/1.15 var(--serif);letter-spacing:-.02em;margin-top:6px}
.ai-work__copy>p:last-child{font-size:17px;line-height:2;max-width:26em}
.editorial-figure{margin:0;min-width:0}
.editorial-figure>img{display:block;width:100%;height:auto;object-fit:contain}
.editorial-figure>figcaption{padding-top:12px;font-size:12px;line-height:1.7;letter-spacing:.025em}
.encounter-spread{display:grid;grid-template-columns:var(--art-plate) minmax(0,1fr);gap:clamp(36px,4.4vw,64px);align-items:start}
.encounter-aside{padding-top:32px}
.encounter-detail{margin-top:96px}
.ai-world--fusion>.ai-work__copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end;margin-bottom:68px}
.ai-world--fusion>.ai-work__copy .eyebrow{grid-column:1/-1}
.ai-world--fusion>.ai-work__copy h2{margin-bottom:0;color:#703c45}
.ai-world--fusion>.ai-work__copy>p:last-child{margin-bottom:5px;max-width:26em}
.ai-world--fusion>.ai-work__plate{margin-inline:auto}
.fusion-study{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);gap:32px;align-items:start;margin:110px auto 0;max-width:1220px}
.fusion-study__human{margin-top:120px}
.fusion-study__tech{margin-top:260px}
.fusion-study__center>figcaption{font-size:13px}
.boundary-spread{display:grid;grid-template-columns:minmax(0,1fr) var(--art-plate);gap:64px;align-items:center}
.boundary-spread .ai-work__copy{padding-right:24px}
.boundary-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin:130px auto 0;max-width:1100px}
.boundary-detail--1{grid-column:1}
.boundary-detail--2{grid-column:2;margin-top:70px}
.boundary-detail--3{grid-column:3;margin-top:140px}
.project-ai-human .project-exit{padding-top:28px;margin-top:0}
/* A packaging story: wrapped object, context, then the label across products. */
.project-applied-works .applied-chapter--jh{padding-bottom:130px}
.packaging-spread{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:clamp(42px,7vw,100px);align-items:start;margin-top:24px}
.packaging-spread__aside{padding-top:10%}
.material-line{font:400 clamp(30px,3.4vw,48px)/1.65 var(--display);max-width:12em;margin-bottom:100px}
.packaging-spread__context{width:92%;margin-left:auto}
.label-spread{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:42px 100px;max-width:1080px;margin:120px auto 0}
.label-spread>header{grid-column:1/-1;margin:0 0 12px}
.label-spread h3,.zoth-details h3{font:400 clamp(30px,3.2vw,44px)/1.6 var(--display);margin-top:20px}
.label-application--2{margin-top:145px}
.project-applied-works .applied-chapter--zoth{padding-bottom:120px}
.project-applied-works .zoth-stage{background:transparent;padding:0;gap:clamp(32px,6vw,80px)}
.project-applied-works .zoth-stage .applied-frame{background:transparent;box-shadow:none}
.project-applied-works .zoth-stage .applied-frame figcaption{padding:14px 0 0;background:transparent;font-size:12px}
.production-note{max-width:35em;margin:38px 0 0;font-size:17px;line-height:1.95}
.zoth-details{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;margin:110px auto 0}
.zoth-details>header{padding-top:36px}
.zoth-detail--2{margin-top:120px}
/* Two shell-accented text links and one section marker, confined to Ocean Memory. */
.ocean-cta .ocean-icon{width:42px;height:38px;flex:0 0 42px;transition:transform .35s ease}
.project-ocean-memory .ocean-cta{min-height:68px;gap:16px;padding:12px 22px;font-size:12px}
.ocean-cta>span:last-child{margin-left:16px}
.project-ocean-memory .ocean-field-strip::before{content:none}
.ocean-field-mark{margin-bottom:30px}
.ocean-field-mark .ocean-icon{display:block;width:25px;height:36px}
@media(hover:hover){.ocean-cta:hover .ocean-icon{transform:rotate(-5deg) translateY(-2px)}}
@media(max-width:1199px){
 .project-ai-human{--art-plate:min(736px,100%)}
 .encounter-spread,.boundary-spread{grid-template-columns:1fr;gap:52px}
 .ai-work__plate{margin-inline:auto}
 .encounter-aside{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:0;align-items:center}
 .encounter-detail{margin:0}
 .boundary-spread .ai-work__copy{padding:0;max-width:580px}
 .boundary-sequence{gap:24px}
 .fusion-study{gap:20px;grid-template-columns:1fr 1.6fr 1fr}
 .fusion-study__human{margin-top:80px}.fusion-study__tech{margin-top:180px}
 .packaging-spread{gap:40px}.material-line{margin-bottom:55px}
 .label-spread{column-gap:48px}.label-application--2{margin-top:100px}
 .zoth-details{grid-template-columns:1fr 1fr;gap:32px}.zoth-details>header{grid-column:1/-1;padding:0}
 .zoth-detail--2{margin-top:70px}
}
@media(max-width:800px){
 .ai-world{padding-top:72px;padding-bottom:86px}
 .ai-world--fusion>.ai-work__copy{gap:24px 36px;margin-bottom:48px}
 .ai-work__copy h2{font-size:54px}
 .ai-work__copy>p:last-child{font-size:16px}
 .fusion-study{grid-template-columns:1fr 1fr;margin-top:64px;gap:34px 24px;max-width:600px}
 .fusion-study__center{grid-column:1/-1;grid-row:1;width:84%;justify-self:center}
 .fusion-study__human,.fusion-study__tech{grid-row:2;margin-top:0}
 .fusion-study__tech{margin-top:55px}
 .boundary-sequence{margin-top:72px;gap:20px}
 .boundary-detail--2{margin-top:40px}.boundary-detail--3{margin-top:80px}
 .packaging-spread{gap:28px}.material-line{font-size:30px}
 .label-spread{margin-top:80px;gap:28px}.label-application--2{margin-top:88px}
 .production-note{font-size:16px}
 .project-ocean-memory .entry-actions{gap:12px}
}
@media(max-width:600px){
 .ai-world{padding-top:52px;padding-bottom:64px}
 .ai-work__copy h2{font-size:48px;margin:14px 0 24px}.ai-work__copy h2 span{font-size:32px}
 .ai-work__plate>figcaption{font-size:10px}
 .encounter-aside{display:block}.encounter-detail{margin:40px 0 0 auto;width:92%}
 .ai-world--fusion>.ai-work__copy{display:block;margin-bottom:38px}
 .ai-world--fusion>.ai-work__copy h2{margin-bottom:24px}
 .fusion-study{gap:30px 14px;margin-top:48px}
 .fusion-study__center{width:100%}.fusion-study__tech{margin-top:40px}
 .editorial-figure>figcaption{font-size:11px;padding-top:9px}
 .boundary-spread{gap:38px}.boundary-sequence{grid-template-columns:1fr 1fr;gap:28px 16px;margin-top:52px}
 .boundary-detail--1{grid-column:1/-1;width:76%;justify-self:start}
 .boundary-detail--2{margin-top:0}.boundary-detail--3{margin-top:44px}
 .project-applied-works .applied-chapter--jh,.project-applied-works .applied-chapter--zoth{padding-bottom:68px}
 .packaging-spread{display:block;margin-top:12px}.packaging-spread__aside{padding-top:42px}
 .material-line{font-size:30px;margin-bottom:34px}.packaging-spread__context{width:83%}
 .label-spread{margin-top:68px;column-gap:16px}.label-spread h3,.zoth-details h3{font-size:30px}
 .label-application--1{grid-column:1/-1;width:87%}
 .label-application--2{grid-column:1/-1;width:78%;justify-self:end;margin-top:12px}
 .project-applied-works .zoth-stage{gap:38px}
 .production-note{margin-top:28px}
 .zoth-details{margin-top:58px;gap:30px 16px}.zoth-detail--2{margin-top:48px}
 .project-ocean-memory .ocean-cta{min-height:64px;padding:10px 16px;gap:12px}
 .ocean-cta>span:last-child{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.ocean-cta .ocean-icon{transition:none;transform:none}}

/* v18.9.3 — Applied Works moves from gallery display to editorial sequence. */
.project-applied-works .jh-identity-spread{
  display:grid;grid-template-columns:minmax(0,.58fr) minmax(0,1.42fr);gap:clamp(44px,8vw,120px);
  align-items:center;max-width:1160px;margin:clamp(120px,14vw,190px) auto 0
}
.project-applied-works .jh-identity-copy{max-width:28em;padding-top:4%}
.project-applied-works .jh-identity-copy h3{
  font:400 clamp(34px,4vw,58px)/1.55 var(--display);margin:20px 0 26px
}
.project-applied-works .jh-identity-copy>p:last-child{font-size:16px;line-height:1.9;max-width:30em;opacity:.76}
.project-applied-works .jh-identity-art{margin:0;box-shadow:0 28px 70px rgba(83,61,40,.09)}
.project-applied-works .jh-identity-art img{display:block;width:100%;height:auto;object-fit:contain;background:#fff}
.project-applied-works .jh-identity-art figcaption{position:static;background:transparent;padding:12px 0 0;font-size:11px}

/* Zoth: concept first, then one actual in-use photograph plus one meaningful detail. */
.project-applied-works .zoth-artwork-spread{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(42px,8vw,120px);
  align-items:end;margin-top:24px
}
.project-applied-works .zoth-artwork{max-width:760px;margin:0}
.project-applied-works .zoth-artwork img{width:100%;height:auto;object-fit:contain;background:transparent}
.project-applied-works .zoth-artwork figcaption{position:static;background:transparent;color:#fff0cf;padding:12px 0 0}
.project-applied-works .zoth-artwork-copy{padding-bottom:7%;max-width:31em}
.project-applied-works .zoth-artwork-copy>p:last-child{font-size:16px;line-height:1.95;color:#fff0cf;opacity:.86;margin-top:18px}
.project-applied-works .zoth-inuse-spread{
  display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.08fr) minmax(0,.8fr);
  gap:clamp(28px,5vw,74px);align-items:start;margin:clamp(110px,13vw,180px) auto 0
}
.project-applied-works .zoth-inuse-spread>header{padding-top:4%}
.project-applied-works .zoth-inuse-spread h3{font:400 clamp(34px,4vw,58px)/1.55 var(--display);margin-top:20px}
.project-applied-works .zoth-inuse-main{margin:0}
.project-applied-works .zoth-inuse-main img{width:100%;height:auto;display:block}
.project-applied-works .zoth-inuse-detail{margin:clamp(90px,10vw,150px) 0 0}
.project-applied-works .zoth-inuse-detail img{width:100%;height:auto;display:block}
.project-applied-works .zoth-inuse-main figcaption,
.project-applied-works .zoth-inuse-detail figcaption{position:static;background:transparent;color:#fff0cf;padding:12px 0 0;font-size:11px}

@media(max-width:900px){
  .project-applied-works .jh-identity-spread{grid-template-columns:1fr;gap:34px;margin-top:110px}
  .project-applied-works .jh-identity-copy{max-width:38em}
  .project-applied-works .zoth-artwork-spread{grid-template-columns:1fr;gap:30px}
  .project-applied-works .zoth-artwork-copy{padding-bottom:0}
  .project-applied-works .zoth-inuse-spread{grid-template-columns:1fr 1fr;gap:32px}
  .project-applied-works .zoth-inuse-spread>header{grid-column:1/-1;max-width:28em}
  .project-applied-works .zoth-inuse-detail{margin-top:60px}
}
@media(max-width:600px){
  .project-applied-works .jh-identity-spread{margin-top:85px}
  .project-applied-works .jh-identity-copy h3,
  .project-applied-works .zoth-inuse-spread h3{font-size:34px}
  .project-applied-works .jh-identity-copy>p:last-child,
  .project-applied-works .zoth-artwork-copy>p:last-child{font-size:14px}
  .project-applied-works .zoth-inuse-spread{grid-template-columns:1fr;margin-top:95px}
  .project-applied-works .zoth-inuse-detail{margin-top:0;width:86%;justify-self:end}
}