:root{color-scheme:dark;--paper:#f1efea;--muted:#aaa6a2;--ink:#0b0b0b;--red:#e0362f;--line:#2c2928}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.75 'DM Sans','Noto Sans Thai',sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #ff6b61;outline-offset:5px}img{max-width:100%;display:block}p,h1,h2,figure{margin:0}[hidden]{display:none!important}.work-nav,.work-footer,main{width:min(1440px,90%);margin-inline:auto}.work-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;border-bottom:1px solid var(--line)}.work-brand{font-weight:800;letter-spacing:.045em;color:var(--red);font-size:21px}.work-nav nav{display:flex;gap:30px;font-size:14px}.work-nav nav a{padding-block:12px}.work-nav [aria-current]{border-bottom:1px solid var(--red)}.work-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:65px 0 45px}.work-kicker{font-size:12px;letter-spacing:.14em;color:var(--muted)}.work-intro h1{font:800 clamp(70px,10vw,152px)/.92 'Barlow Condensed',sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin-top:20px}.work-intro h1 em{font-style:normal;color:var(--red)}.work-intro-note{font-size:16px;color:var(--muted);padding-bottom:6px}.work-intro-note a{display:inline-block;border-bottom:1px solid #59504e;margin-top:10px;font-size:14px;color:var(--paper)}.work-filters{display:flex;flex-wrap:wrap;gap:8px;border-block:1px solid var(--line);padding:20px 0}.work-filters a{border:1px solid transparent;border-radius:24px;min-height:44px;display:flex;gap:12px;align-items:center;padding:8px 17px;color:var(--muted);font-size:14px;transition:background .18s,color .18s}.work-filters a span{font-size:12px;color:#9c928f}.work-filters a[aria-current]{background:#eeeae3;color:#151311}.work-filters a[aria-current] span{color:#625a55}.work-filters a:hover{border-color:#73615b;color:var(--paper)}.work-filters a[aria-current]:hover{color:#151311}.work-results{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:14px;color:var(--muted)}.work-results>span{font-size:12px;letter-spacing:.1em}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;padding:0 0 75px}.work-card{min-width:0;border:1px solid var(--line);background:#101010;transition:border-color .25s,background .25s}.work-card:hover,.work-card:focus-within{border-color:#99504b;background:#161312}.work-card-link{display:flex;flex-direction:column;height:100%}.work-card-image{aspect-ratio:16/10;overflow:hidden;background:#151515}.work-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-card:hover img{transform:scale(1.025)}.work-card-copy{padding:23px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.work-card-meta{display:flex;justify-content:space-between;gap:14px;align-items:center;width:100%;font-size:12px;color:var(--muted);margin-bottom:16px}.work-card-number{font-variant-numeric:tabular-nums;color:#c44e46}.work-card h2{font-size:clamp(22px,2.15vw,31px);font-weight:500;line-height:1.45;overflow-wrap:anywhere;letter-spacing:-.02em}.work-subtitle{font-size:14px;color:var(--muted);margin-top:6px}.work-role{font-size:14px;color:#bcb2ac;margin-top:18px}.work-card-action{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;padding-top:27px;margin-top:auto;color:#ded6cf}.work-card-action span{font-size:22px;color:var(--red)}.text-only .work-card-copy{min-height:290px}.text-only .work-card-meta{margin-bottom:30px}.text-only h2{max-width:16ch}.work-status{display:inline-block;max-width:100%;padding:7px 13px;border:1px solid #57403d;border-radius:24px;font-size:14px;margin-top:18px;color:#d5bbb2;line-height:1.6}.work-status.featured{border-color:#ce5148;color:#ffe4df;box-shadow:0 0 16px #c9272019}.work-footer{padding:40px 0 55px;border-top:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:25px;font-size:14px}.work-footer>div{display:flex;flex-direction:column;gap:8px}.work-footer span{color:var(--muted)}.work-footer a{overflow-wrap:anywhere}.work-empty{padding:35px 0 100px;color:var(--muted)}.work-back{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:26px 0;color:var(--muted)}.work-back a{border-bottom:1px solid #60534f}.work-detail-heading{padding:45px 0 42px;max-width:1050px}.work-detail-heading h1{font-size:clamp(38px,6.5vw,92px);line-height:1.22;font-weight:500;letter-spacing:-.035em;overflow-wrap:anywhere;margin:20px 0 16px}.work-detail-subtitle{font-size:clamp(18px,2vw,25px);color:var(--muted)}.work-detail-actions{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;margin-top:30px;font-size:14px}.work-detail-actions>a{min-height:48px;display:flex;align-items:center;border-bottom:1px solid #69524b}.work-detail-actions .work-watch{padding:12px 22px;border:1px solid #a24b43;border-radius:28px;background:#421511}.work-cover img{width:100%;height:auto;max-height:85svh;object-fit:contain;background:#080808}.work-story{display:grid;grid-template-columns:1fr 2fr;gap:8%;padding:65px 0}.work-story>div{max-width:800px}.work-story section+section{margin-top:40px}.work-story h2{font-size:23px;font-weight:500;line-height:1.5;margin-bottom:18px}.work-story p{color:#c5beb7;font-size:17px;line-height:1.95;overflow-wrap:anywhere;white-space:normal}.work-story p+p{margin-top:22px}.work-story aside h2{font-size:16px}.work-story aside p{font-size:15px}.work-stills{display:grid;grid-template-columns:1fr 1fr;gap:35px 24px;padding-bottom:65px}.work-stills figure:first-child{grid-column:1/-1}.work-stills img{width:100%;height:auto}.work-stills figcaption{font-size:14px;color:var(--muted);margin-top:12px}.work-next{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0 55px;border-top:1px solid var(--line)}.work-next>span{font-size:14px;color:var(--muted)}.work-next strong{font-size:clamp(22px,3vw,40px);font-weight:500}.work-next>span:last-child{font-size:30px;color:var(--red)}.work-skip{position:absolute;top:-100px;left:5%;padding:10px;background:#cf2c25;color:white;z-index:20}.work-skip:focus{top:10px}.work-preview{background:#9d2420;text-align:center;padding:6px;font-size:12px}
@media(max-width:1000px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-intro h1{font-size:100px}.work-intro-note{max-width:240px}.work-nav{min-height:85px}.work-card h2{font-size:25px}}
@media(max-width:600px){.work-nav,.work-footer,main{width:90%}.work-nav{min-height:76px;gap:12px}.work-brand{font-size:16px}.work-nav nav{font-size:14px;gap:16px}.work-intro{padding:36px 0 28px;display:block}.work-intro h1{font-size:84px;margin-top:14px}.work-intro-note{margin-top:22px;max-width:none;font-size:15px}.work-intro-note a{margin-top:4px}.work-filters{gap:5px;padding:14px 0}.work-filters a{padding:7px 11px;gap:7px}.work-results{padding:18px 0}.work-results>span{display:none}.work-grid{grid-template-columns:1fr;gap:12px;padding-bottom:45px}.work-card-copy{padding:18px}.work-card-meta{margin-bottom:9px;font-size:12px}.work-card h2{font-size:23px;line-height:1.45}.work-subtitle{font-size:14px}.work-role{font-size:14px;margin-top:10px}.work-card-action{padding-top:15px}.text-only .work-card-copy{min-height:0}.text-only .work-card-meta{margin-bottom:10px}.text-only h2{max-width:none}.has-image .work-card-link{display:grid;grid-template-columns:31% minmax(0,1fr)}.has-image .work-card-image{aspect-ratio:auto;height:100%;min-height:155px}.has-image .work-card-image img{object-fit:cover}.has-image .work-card-copy{padding:16px}.has-image .work-card-meta{gap:7px}.has-image .work-card-number{display:none}.has-image .work-card h2{font-size:22px}.work-status{font-size:14px;margin-top:12px}.work-footer{flex-wrap:wrap;padding:28px 0 36px}.work-footer>div{order:3;width:100%}.work-back{font-size:14px;padding:22px 0;flex-wrap:wrap}.work-detail-heading{padding:20px 0 30px}.work-detail-heading h1{font-size:42px;line-height:1.3}.work-detail-subtitle{font-size:18px}.work-detail-actions{gap:12px 20px}.work-story{grid-template-columns:1fr;gap:35px;padding:35px 0}.work-story aside:empty{display:none}.work-story aside:not(:empty){border-bottom:1px solid var(--line);padding-bottom:28px}.work-story h2{font-size:21px}.work-story p{font-size:16px}.work-stills{grid-template-columns:1fr;gap:30px;padding-bottom:40px}.work-next{flex-wrap:wrap;gap:10px;padding:28px 0}.work-next>span:first-child{width:100%}.work-next strong{max-width:85%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:600px){.work-intro{padding:24px 0 22px}.work-intro h1{font-size:72px;margin-top:12px}.work-intro-note{margin-top:14px;padding:0}.work-intro-note p{display:none}}

.work-story:has(>aside:empty){grid-template-columns:1fr;max-width:900px;margin-inline:auto}
.work-story:has(>aside:empty)>aside{display:none}
/* Shared cinematic typography and a quieter editorial work index. */
:root{--paper:#f0eee9;--muted:#aaa6a4;--red:#b51212;--line:#353131}.work-nav{min-height:92px;width:93%}.work-nav nav{gap:32px}.work-brand{letter-spacing:.09em;font-size:23px;font-weight:700}.work-nav a:last-child{color:#df9288}.work-intro{padding:55px 0 35px}.work-intro h1{font-family:'DM Sans','Noto Sans Thai',sans-serif;text-transform:none;font-size:clamp(56px,7.5vw,104px);font-weight:400;line-height:1.1;letter-spacing:-.045em}.work-intro h1 em{font-family:Georgia,serif;font-style:italic;color:var(--paper);font-weight:400}.work-card{border:0;background:transparent;border-bottom:1px solid #353131}.work-card:hover,.work-card:focus-within{background:transparent;border-color:#a4443a}.work-card-image{aspect-ratio:16/9}.work-card-copy{padding:22px 0}.text-only .work-card-copy{padding:22px 0;min-height:245px}.work-card h2{font-weight:400}.work-card-number{color:#cd675b}.work-grid{gap:35px 28px}.work-detail-heading h1{font-weight:400}.work-card[id]{scroll-margin-top:24px}
@media(max-width:1000px){.work-nav nav{gap:22px}}
@media(max-width:600px){.work-nav{width:90%;min-height:76px;gap:14px}.work-brand{font-size:16px;letter-spacing:.06em}.work-nav nav{gap:16px}.work-nav-progress,.work-nav-about{display:none}.work-intro{padding:30px 0 24px}.work-intro h1{font-size:62px}.work-grid{gap:14px}.has-image .work-card-link{gap:16px;grid-template-columns:32% minmax(0,1fr)}.has-image .work-card-copy{padding:10px 0 15px}.has-image .work-card-image{min-height:160px;aspect-ratio:auto}.text-only .work-card-copy{min-height:0;padding:18px 0}.work-card-action{padding-top:16px}.work-intro-note{margin-top:10px}}
@media(min-width:701px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.text-only{grid-column:1/-1}.text-only .work-card-copy{display:grid;grid-template-columns:170px minmax(0,1fr) 130px;gap:5px 30px;min-height:0;padding:26px 0;align-items:start}.text-only .work-card-meta{grid-column:1;grid-row:1/span 4;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding-top:6px}.text-only .work-card-number{order:-1}.text-only h2,.text-only .work-subtitle,.text-only .work-role,.text-only .work-status{grid-column:2;max-width:none}.text-only h2{font-size:27px}.text-only .work-card-action{grid-column:3;grid-row:1/span 4;align-self:center;padding:0;margin:0;max-width:130px}.text-only .work-status{justify-self:start;margin-top:10px}.text-only .work-role{margin-top:8px}}

/* Keep projects without a cover focused on the written story. */
.work-detail-heading h1{text-wrap:balance}
.without-cover .work-detail-heading{padding-bottom:30px}
.without-cover .work-story{padding-top:32px;border-top:1px solid var(--line)}
@media(max-width:600px){.without-cover .work-detail-heading{padding-top:10px;padding-bottom:26px}.without-cover .work-story{padding-top:28px}.work-detail-heading h1{font-size:clamp(34px,10vw,42px)}}

/* Reading and browsing across short pages, long lists and narrow screens. */
body.work-page{min-height:100svh;display:flex;flex-direction:column}
.work-page main{flex:1}
.work-nav{position:sticky;top:0;z-index:10;background:#0b0b0bf5}
.work-card[id],#content{scroll-margin-top:110px}
.work-card-image img{object-fit:contain}
.work-card-link:focus-visible{outline-offset:6px}
.work-back a,.work-footer a{min-height:44px;display:inline-flex;align-items:center}
.work-detail-subtitle,.work-subtitle{overflow-wrap:anywhere}
.work-story>div,.work-story aside{min-width:0}
.work-next strong{overflow-wrap:anywhere}
@media(min-width:701px) and (max-width:1000px){
  .text-only .work-card-copy{grid-template-columns:115px minmax(0,1fr) 95px;column-gap:22px}
}
@media(max-width:700px){
  .work-grid{grid-template-columns:1fr}
  .work-card.text-only .work-card-copy{min-height:0}
}
@media(max-width:700px){
  .has-image .work-card-link{display:grid;grid-template-columns:42% minmax(0,1fr);gap:16px;align-items:start;padding:16px 0}
  .has-image .work-card-image{height:auto;min-height:0;aspect-ratio:16/9;align-self:start}
  .has-image .work-card-copy{padding:0;min-width:0}
  .has-image .work-card-image img{height:100%;object-fit:contain}
  .work-card .work-role{display:none}
  .work-card h2{max-width:none;font-size:21px;letter-spacing:0;line-height:1.5}
  .has-image .work-card-meta{margin-bottom:6px}
  .work-card-action{padding-top:10px;min-height:44px}
  .work-story{grid-template-columns:1fr;gap:28px}
  .work-story>div{order:0}
  .work-story aside:not(:empty){order:1;border-bottom:0;border-top:1px solid var(--line);padding:24px 0 0}
  .work-detail-actions{column-gap:18px}
}
@media(max-width:360px){
  .work-brand{font-size:14px;letter-spacing:.035em}
  .work-nav nav{gap:12px;font-size:13px}
  .has-image .work-card-link{grid-template-columns:39% minmax(0,1fr);gap:12px}
}

/* Curated, completed films open as a large still with a readable title.
   Actions stay on solid black; narrow screens keep the entire image clear. */
.work-detail-hero{display:grid;isolation:isolate;background:#080808}
.work-detail-hero .work-cover,.work-detail-hero .work-detail-heading{grid-area:1/1;min-width:0}
.work-detail-hero .work-cover{align-self:start}
.work-detail-hero .work-cover img{width:100%;height:auto;max-height:clamp(280px,calc(100svh - 320px),720px);object-fit:contain}
.work-detail-hero .work-detail-heading{z-index:1;align-self:end;max-width:none;padding:80px clamp(24px,4vw,64px) 36px;background:linear-gradient(transparent,#080808b8 36%,#080808f5);pointer-events:none}
.work-detail-hero .work-kicker,.work-detail-hero .work-detail-subtitle{color:#e0dbd5}
.work-detail-hero h1{font-size:clamp(44px,6vw,84px);line-height:1.15;margin:12px 0;max-width:20ch}
.cinematic-detail>.work-detail-actions{margin:0;padding:22px 0;border-bottom:1px solid var(--line)}
@media(max-width:700px){
  .work-detail-hero .work-cover{grid-area:1/1}
  .work-detail-hero .work-cover img{max-height:65svh}
  .work-detail-hero .work-detail-heading{grid-area:2/1;background:var(--ink);padding:24px 0 0;pointer-events:auto}
  .work-detail-hero h1{font-size:clamp(34px,9vw,54px);line-height:1.3;max-width:none;text-wrap:balance}
  .cinematic-detail>.work-detail-actions{padding:20px 0 24px}
}