/* The film and its real product stay together at every screen size. */
.nav-links a{display:inline-flex;align-items:center;min-height:48px;padding:12px 0;background:transparent;color:var(--ink);font-size:inherit}
.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--red)}
html[data-scene=films] .nav-links a{color:#ecdcd0}
.work-library .sc-project-card{min-width:0}
.work-library .sc-project-card .sc-tile{width:100%}
.work-library .sc-product-proof{margin:18px 0 0}
.work-library .sc-feature-product{margin:0 0 22px}
.work-library .sc-product-link{display:flex;align-items:center;gap:18px;min-height:128px;padding:14px;border:1px solid #d6a69a3b;border-radius:9px;background:#33252b;color:#f6f1e8;transition:border-color .2s,background .2s}
.work-library .sc-product-link:hover{border-color:#eca39499;background:#3a292f}
.work-library .sc-product-link:focus-visible{outline:2px solid #f0b1a5;outline-offset:4px}
.work-library .sc-product-link>img{display:block;flex:none;width:94px;height:110px;object-fit:contain;padding:8px;background:#fff;border-radius:5px}
.work-library .sc-product-info{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;line-height:1.5}
.work-library .sc-product-label{font-size:10px;letter-spacing:.09em;color:#e7a496;font-weight:500}
.work-library .sc-product-brand{font-size:18px;font-weight:550;letter-spacing:.015em}
.work-library .sc-product-name{font-size:13px;color:#ddc7bf;overflow-wrap:anywhere}
.work-library .sc-product-action{margin-top:4px;font-size:13px;line-height:1.6;color:#f0b1a5;text-decoration:underline;text-underline-offset:4px}
.work-library .sc-tile-product .sc-product-link{min-height:132px}
.work-library .sc-dialog-product{max-width:600px}
.work-library .sc-feature-copy{padding:32px}
.work-library .sc-feature-copy h3{font-size:clamp(28px,3vw,42px);margin-bottom:18px}
.work-library .sc-category{margin-bottom:20px;font-size:10px}
.work-library .sc-description{font-size:14px;min-height:0;max-width:none;margin-bottom:18px}
.work-library .sc-tags{margin-bottom:20px}
.work-library .sc-tags li{font-size:10px}
.work-library .sc-open{min-height:48px;font-size:14px;align-items:center;padding-block:8px}
.work-library .sc-arrows button,.work-library .sc-close{width:48px;height:48px}
.work-library .sc-dot{width:32px;height:44px}
.work-library .sc-dot:after{left:14px;top:20px}
.work-library .sc-controls{padding-top:22px}
.work-library .sc-grid-heading h3{font-size:18px}
.work-library .sc-channel{display:inline-flex;align-items:center;min-height:48px}
.work-library .sc-tile-category{font-size:11px}
.work-library .sc-concept-note{font-size:12px}

body.portfolio-page{background:#20171c}
.portfolio-page .work-library{padding-top:160px;min-height:75svh}
.portfolio-page .sc-heading{margin-bottom:35px}
.portfolio-page .sc-heading h1{font-size:clamp(46px,4.8vw,68px);font-weight:450;line-height:1.05;letter-spacing:-.055em;margin:0}
.portfolio-page .sc-heading h1 em{font-family:'Instrument Serif',Georgia,serif;font-size:1.12em;font-weight:400;color:#e7a496;letter-spacing:-.035em}
.portfolio-page .sc-intro{max-width:390px}
.portfolio-page .site-footer{color:var(--ink)}
html[lang=ko] .portfolio-page .sc-heading h1{font-size:clamp(38px,4.1vw,60px);line-height:1.25}
html[lang=ko] .portfolio-page .sc-heading h1 em{font-family:'Noto Sans KR',sans-serif;font-size:1em;font-style:normal}
.mobile-menu-links a[aria-current=page]{color:#b82b38;font-weight:550}

@media(max-width:1100px){
  .work-library .sc-feature-copy{padding:26px}
  .work-library .sc-product-link{gap:13px;padding:12px}
  .work-library .sc-product-link>img{width:80px;height:100px}
}
@media(max-width:900px){
  .portfolio-page .work-library{padding-top:115px}
  .work-library .sc-heading{gap:28px}
  .work-library .sc-film-featured{grid-template-columns:1fr;min-height:0}
  .work-library .sc-film-featured .sc-feature-image{min-height:0;height:auto;aspect-ratio:16/9}
  .work-library .sc-feature-copy{padding:28px}
  .work-library .sc-feature-product{max-width:520px}
  .work-library .sc-description{max-width:580px}
  .work-library .sc-intro{font-size:14px}
  .work-library .sc-tile-product .sc-product-link{gap:12px;padding:12px}
  .work-library .sc-product-brand{font-size:16px}
}
@media(max-width:600px){
  .portfolio-page .work-library{padding-top:108px}
  .portfolio-page .sc-heading h1{font-size:46px}
  .portfolio-page .sc-heading{margin-bottom:30px}
  .work-library .sc-eyebrow{font-size:10px}
  .work-library .sc-feature-copy{padding:24px 20px}
  .work-library .sc-feature-copy h3{font-size:32px}
  .work-library .sc-category{font-size:10px}
  .work-library .sc-product-link{gap:14px;padding:12px}
  .work-library .sc-product-link>img{width:80px;height:104px}
  .work-library .sc-product-name,.work-library .sc-product-action{font-size:13px}
  .work-library .sc-product-brand{font-size:17px}
  .work-library .sc-controls{gap:12px}
  .work-library .sc-dots{flex-basis:100%;margin-left:-6px}
  .work-library .sc-count{font-size:11px;margin-left:auto}
  .work-library .sc-grid-heading{align-items:start;gap:15px}
  .work-library .sc-grid-heading h3{padding-top:12px;font-size:17px}
  .work-library .sc-channel{font-size:12px;text-align:right}
  html[lang=ko] .portfolio-page .sc-heading h1{font-size:37px}
}
@media(prefers-reduced-motion:reduce){.work-library .sc-product-link{transition:none}}