/* Homepage curation only; category, hub and case-page styles are independent. */
#work{min-height:0;padding:4.5rem 3rem 4rem}
#work .work-head{margin-bottom:1.8rem}
#work .case-grid{grid-template-columns:1.12fr 1fr .64fr;gap:clamp(1.3rem,3.8vw,4rem);align-items:end;flex:none}
#work .case-card{display:block;align-self:end;padding:0}
#work .case-media{display:block}
#work .case-media img{display:block;width:100%;height:clamp(300px,30vw,410px);object-fit:contain;object-position:left bottom}
#work .case-card:nth-child(2) .case-media img{height:clamp(270px,27vw,370px)}
#work .case-info{margin-top:1rem;grid-template-columns:1.5rem minmax(0,1fr) 1rem;gap:.6rem;padding-top:.75rem}
#work .case-name{font-size:clamp(1.15rem,1.6vw,1.5rem)}
#work .case-en{font-size:.62rem}
#work .case-card--balayage .case-media img{height:clamp(250px,25vw,340px)}
#work a:focus-visible{outline:2px solid var(--copper);outline-offset:6px}

/* Lift only the photograph; drop-shadow follows its painted edges inside contain. */
#work .case-card:hover .case-media img{transform:none}
@media(hover:hover) and (pointer:fine){
  #work .case-media img{
    filter:drop-shadow(0 0 0 rgb(40 35 28 / 0));
    transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s cubic-bezier(.16,1,.3,1);
  }
  #work .case-card .case-media:hover img,
  #work .case-card:focus-visible .case-media img{
    transform:translate(-3px,-6px);
    filter:drop-shadow(7px 10px 8px rgb(40 35 28 / .22));
  }
}

/* A compact, source-photography zine spread leading into the existing wall. */
.home-scd{--scd-paper:#f1efdf;--scd-muted:#cbcbbb;--scd-mark:#e8ff5b;background:#292d28;color:var(--scd-paper);padding:2rem 3rem 2.3rem;isolation:isolate}
.home-scd__inner{max-width:1344px;margin:auto}
.home-scd__edition{display:flex;justify-content:space-between;gap:1rem;font-family:var(--display);font-size:.7rem;font-weight:600;letter-spacing:.13em}
.home-scd__spread{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto auto;column-gap:1rem;padding-top:1.2rem}
.home-scd__mast{grid-area:1/1/2/13;align-self:start;position:relative;z-index:1;width:min(780px,calc(100% - min(50%,470px)));margin:.15rem 0 .25rem .2rem;pointer-events:none;mix-blend-mode:lighten}
/* The v3 artwork contains its own tilt and off-centre second line.
   Blend its dark matte into this section while retaining the two ink colours. */
.home-scd__mast img{display:block;width:100%;height:auto;filter:brightness(.9) contrast(1.2)}
.home-scd__head{grid-area:2/1/3/7;position:relative;z-index:3;display:flex;align-items:center;gap:2rem;margin:1.3rem 0 1.7rem}
.home-scd__title{flex:none;padding:.18em .35em .23em;background:var(--scd-paper);color:var(--ink);font-family:var(--serif);font-size:clamp(1.8rem,3.1vw,2.9rem);font-weight:600;line-height:1.2;letter-spacing:-.055em;transform:rotate(-4deg)}
.home-scd__intro{font-size:.82rem;line-height:1.85;color:var(--scd-muted)}
.home-scd__moment{min-width:0;margin:0}
.home-scd__moment img{display:block;width:100%;height:auto;aspect-ratio:2/3}
.home-scd__moment--first{grid-area:3/1/4/3;align-self:start;position:relative;z-index:4;background:var(--scd-paper);color:var(--ink);padding:.4rem .4rem .5rem;transform:rotate(-7deg);margin:.6rem 0 1rem 10%;box-shadow:0 3px 8px #0003}
.home-scd__moment--first::before{content:"";position:absolute;z-index:1;top:-.6rem;left:27%;width:46%;height:1.2rem;background:#c7c7adbb;transform:rotate(4deg)}
.home-scd__moment--first figcaption{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.56rem;line-height:1.4}
.home-scd__m0{position:relative;flex:none;font-family:var(--display);font-size:1.3rem;font-weight:700;line-height:1.1}
.home-scd__m0::after{content:"";position:absolute;inset:-.18rem -.27rem;border:1px solid var(--ink);border-radius:48% 53% 42% 56%;transform:rotate(-10deg)}
.home-scd__hand{grid-area:2/6/3/9;position:relative;z-index:4;align-self:start;justify-self:center;margin-top:-.7rem;color:var(--scd-mark);font-family:'Bradley Hand','Segoe Print','Comic Sans MS',cursive;font-size:clamp(1.7rem,3.2vw,3rem);font-weight:400;line-height:.9;transform:rotate(-11deg);pointer-events:none}
.home-scd__hand span{margin-left:1.3em}
.home-scd__hand svg{display:block;width:100%;height:20px;margin-top:.2rem;overflow:visible}
.home-scd__moment--later{grid-area:1/7/4/13;position:relative;z-index:2;align-self:end;justify-self:end;width:100%;max-width:440px;margin:3.5rem 2% 1rem 0;padding:.45rem;background:var(--scd-paper);transform:rotate(3deg);box-shadow:0 4px 12px #0003}
.home-scd__moment--later img{aspect-ratio:3/4;object-fit:cover;object-position:50% 35%}
.home-scd__moment--later figcaption{position:absolute;right:-.4rem;bottom:1rem;padding:.45rem .7rem;background:var(--scd-paper);color:var(--ink);font-size:.7rem;transform:rotate(5deg)}
.home-scd__moment--later figcaption span{font-family:var(--display);font-size:1.25rem;font-weight:700;margin-right:.6rem}
.home-scd__feature-copy{grid-area:3/3/4/7;align-self:center;position:relative;z-index:4;padding:0 0 1.5rem 1rem}
.home-scd__feature-copy .eyebrow{font-size:.62rem;color:var(--scd-muted);letter-spacing:.12em}
.home-scd__feature-copy h3{margin:.8rem 0 .9rem;font-family:var(--serif);font-size:clamp(1.6rem,2.45vw,2.4rem);font-weight:500;line-height:1.45;letter-spacing:-.06em}
.home-scd__feature-copy p{font-size:.76rem;line-height:1.85;color:var(--scd-muted)}
.home-scd__read,.home-scd__all{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:48px;font-size:.8rem;border-bottom:1px solid currentColor}
.home-scd__read{margin-top:.6rem}
.home-scd__contents{position:relative;z-index:5;margin-top:1.6rem;border-top:1px solid #f1efdf55;padding-top:1rem}
.home-scd__index-label{font-family:var(--display);font-size:.65rem;letter-spacing:.15em;color:var(--scd-muted)}
.home-scd__records{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;width:auto;height:auto;background:none;padding:0;margin:.5rem 0 0}
.home-scd__record{display:grid;grid-template-columns:1.35rem minmax(0,1fr);gap:.65rem;align-items:start;min-height:64px;padding:.6rem 0}
.home-scd__record:nth-child(even){padding-top:1.1rem}
.home-scd__record>span{font-family:var(--display);font-size:1rem;color:var(--scd-mark)}
.home-scd__record strong{font-family:var(--serif);font-size:.86rem;font-weight:400;line-height:1.6}
.home-scd__all{display:flex;width:max-content;margin:.75rem 0 0 auto}
.home-scd a{color:var(--scd-paper);text-decoration:none;transition:color .2s ease}
.home-scd a:hover{color:var(--scd-mark)}
.home-scd a:focus-visible{outline:2px solid var(--scd-mark);outline-offset:5px}

@media(min-width:701px) and (max-width:1000px){
  #work{padding-inline:2rem}
  #work .case-grid{grid-template-columns:1fr 1fr .7fr;gap:1rem}
  #work .case-info{grid-template-columns:1rem minmax(0,1fr);gap:.35rem}
  #work .case-arrow{display:none}
  .home-scd{padding-inline:2rem}
  .home-scd__spread{column-gap:.5rem}
  .home-scd__head{gap:1rem}
  .home-scd__intro{font-size:.72rem}
  .home-scd__feature-copy{grid-column:1/7;padding:1.5rem 1rem 0 0;align-self:end}
  .home-scd__moment--first{grid-area:2/5/3/7;margin-top:2rem;margin-left:0}
  .home-scd__hand{grid-area:1/9/2/13;align-self:end;margin-top:0;font-size:1.8rem}
  .home-scd__moment--later{margin-top:6rem}
  .home-scd__records{gap:1rem}
}

/* Keep the site's established 700px mobile breakpoint. */
@media(max-width:700px){
  #work{padding:3.5rem 1.5rem 4rem}
  #work .work-head{margin-bottom:2rem}
  #work .case-grid{grid-template-columns:minmax(0,1fr);gap:3.5rem;align-items:start}
  #work .case-card,
  #work .case-card:nth-child(2),
  #work .case-card--balayage{display:block;align-self:start;min-width:0;margin:0;padding:0}
  #work .case-media img,
  #work .case-card:nth-child(2) .case-media img,
  #work .case-card--balayage .case-media img{width:100%;height:clamp(320px,104vw,460px);aspect-ratio:auto;object-fit:contain;object-position:left bottom}
  #work .case-info{grid-template-columns:1.35rem minmax(0,1fr) 1.25rem;gap:.65rem;margin-top:1.25rem;padding-top:1rem}
  #work .case-num{display:block;font-size:.8rem;padding-top:.12rem;color:#5e5a51}
  #work .case-tag{font-size:.68rem;line-height:1.5;margin-bottom:.4rem;color:#5e5a51}
  #work .case-name{font-size:1.4rem;line-height:1.4}
  #work .case-en{font-size:.64rem;letter-spacing:.06em;line-height:1.5;margin-top:.45rem;color:#5e5a51}
  #work a:focus-visible{outline-color:#6d5620}
  .home-scd{padding:1.7rem 1.2rem 2.2rem}
  .home-scd__edition{font-size:.54rem;letter-spacing:.08em}
  .home-scd__spread{column-gap:.4rem;padding-top:1.5rem}
  .home-scd__mast{grid-area:1/1/2/13;width:96%;margin:.1rem 0 .25rem 2%}
  .home-scd__head{grid-area:2/1/3/13;align-items:center;gap:1.4rem;margin:.8rem 0 0 .2rem}
  .home-scd__title{font-size:clamp(1.8rem,8.4vw,2.8rem)}
  .home-scd__intro{font-size:.7rem;line-height:1.75}
  .home-scd__moment--first{grid-area:3/1/4/5;width:100%;max-width:145px;margin:2.6rem 0 0 .3rem;align-self:start;padding:.3rem .3rem .45rem}
  .home-scd__moment--first figcaption{gap:.35rem;font-size:.54rem}
  .home-scd__m0{font-size:1rem}
  .home-scd__moment--later{grid-area:3/4/4/13;align-self:start;max-width:390px;width:94%;margin:1.1rem .1rem .4rem 0;padding:.3rem;transform:rotate(4deg)}
  .home-scd__moment--later figcaption{right:.1rem;bottom:.4rem;font-size:.7rem;padding:.3rem .55rem}
  .home-scd__moment--later figcaption span{font-size:1.05rem}
  .home-scd__hand{grid-area:3/1/4/6;align-self:end;justify-self:start;margin:0 0 1.5rem .15rem;font-size:clamp(1.8rem,7.8vw,2.4rem)}
  .home-scd__hand svg{height:14px}
  .home-scd__feature-copy{grid-area:4/1/5/13;align-self:stretch;padding:1.5rem 0 0 .4rem}
  .home-scd__feature-copy .eyebrow{font-size:.6rem}
  .home-scd__feature-copy h3{font-size:clamp(1.75rem,7.8vw,2.5rem);line-height:1.35;margin:.6rem 0 .8rem}
  .home-scd__feature-copy p{font-size:.78rem}
  .home-scd__read{font-size:.78rem;margin-top:.6rem}
  .home-scd__contents{margin-top:1.8rem;padding-top:.85rem}
  .home-scd__index-label{font-size:.6rem}
  .home-scd__records{display:block;margin:.4rem 0 0}
  .home-scd__record,.home-scd__record:nth-child(even){grid-template-columns:1.35rem minmax(0,1fr);gap:.65rem;min-height:48px;padding:.65rem 0;align-items:center}
  .home-scd__record:nth-child(even){margin-left:.8rem}
  .home-scd__record strong{font-family:var(--sans);font-size:.8rem;line-height:1.65}
  .home-scd__record>span{font-size:.9rem}
  .home-scd__all{font-size:.78rem;margin:.8rem 0 0 auto}
}
@media(prefers-reduced-motion:reduce){
  #work .case-media img,#work .case-arrow,.home-scd a{transition:none}
  #work .case-card:hover .case-media img,
  #work .case-card .case-media:hover img,
  #work .case-card:focus-visible .case-media img{transform:none}
}