/* LP publication candidate. Shared masthead, selected films and production estimates. */
:root {
  --ed-ink:#181a1d; --ed-text:#373d44; --ed-paper:#fff; --ed-line:#d8dce0;
  --ed-accent:#234db5; --studio-blue:#244fc0; --studio-tint:#f4f6fa;
}
body header.edition-header {background:white;padding-block:0;border-bottom:1px solid var(--ed-line)}
body .edition-bar {border:0;border-radius:0;padding:8px 0;min-height:74px;max-width:1440px;margin:auto;background:#fff}
body .edition-bar .logo {font:bold 29px/1 Arial,sans-serif;letter-spacing:-.07em}
body .edition-bar .edition-menu a {font-size:13px;font-weight:600}
body .edition-bar .edition-contact {background:#17191b;border-radius:40px;min-height:42px;padding-inline:22px}
body.landing .landing-hero {
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;position:relative;
  isolation:isolate;margin:0;min-height:clamp(440px,43vw,670px);padding:0;gap:0;background:#14212b;
}
body.landing .hero-visual {position:absolute;inset:0;min-height:0;aspect-ratio:auto;border-radius:0;z-index:0;width:100%;height:100%}
body.landing .hero-visual img {width:100%;height:100%;object-fit:cover;object-position:center 47%}
body.landing .hero-visual:after {inset:0;background:linear-gradient(90deg,rgba(9,15,21,.86) 0%,rgba(10,18,23,.63) 32%,rgba(10,18,23,.08) 75%),linear-gradient(0deg,rgba(10,15,23,.56),transparent 35%);pointer-events:none}
body.landing .hero-copy {position:relative;z-index:1;align-self:center;justify-self:start;padding:54px var(--ed-gutter);background:transparent;color:white;max-width:100%;pointer-events:none}
body.landing .hero-copy h1 {font-weight:700;font-size:clamp(40px,5.6vw,88px);line-height:1.25;letter-spacing:-.065em;color:#fff;margin:0;text-shadow:0 1px 12px #0003}
body.landing .hero-h1-context {display:block;font-size:clamp(12px,1.15vw,16px);font-weight:600;letter-spacing:.08em;color:white;margin-bottom:24px}
body.landing .hero-actions {display:flex;align-items:center;gap:24px;margin-top:32px}
body.landing .hero-actions .action {pointer-events:auto;width:auto;flex:none;min-height:44px;padding:10px 20px;line-height:1.5;font-size:14px}
body.landing .hero-actions .action-primary {background:#fff;color:#15181d;border:0;border-radius:24px}
body.landing .hero-actions .action-text {background:transparent;color:#fff;border:0;border-bottom:1px solid #fffc;border-radius:0;padding-inline:0}
body.landing .hero-visual-caption {right:var(--ed-gutter);left:auto;bottom:24px;z-index:2;color:white;text-align:right;background:transparent}
body.landing .hero-visual-caption strong {font-size:14px}
body.landing .hero-visual-caption small {font-size:12px}
body.landing #works {background:white;color:var(--ed-ink);padding-block:clamp(45px,6vw,88px)}
body.landing .chapter-head .overline,.studio-label {font:600 14px/1.3 Arial,sans-serif!important;color:var(--studio-blue)!important;letter-spacing:.025em!important;margin:0 0 10px!important}
body.landing #works .chapter-head,body.landing #services .chapter-head {display:grid;grid-template-columns:1fr minmax(0,.82fr);gap:24px;align-items:end}
body.landing #works .chapter-head h2,body.landing #services .chapter-head h2 {font-size:clamp(33px,3.8vw,56px);font-weight:650;letter-spacing:-.055em;color:var(--ed-ink)}
body.landing #works .work-grid {grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,46px)}
body.landing #works .work-card {border:0;background:transparent;min-width:0}
body.landing #works .work-media {aspect-ratio:16/9;border-radius:4px;overflow:hidden}
body.landing #works .work-info {padding:18px 0 24px}
body.landing #works .work-info h3 {margin:6px 0 12px;font-size:clamp(20px,2.25vw,30px);letter-spacing:-.045em}
body.landing .edition-offer {background:var(--studio-tint);color:var(--ed-ink)}
body.landing .chapter .service-card {background:#fff;border:0;border-top:1px solid #aeb5c0;padding:22px 0;gap:10px;border-radius:0}
body.landing .service-grid {gap:clamp(20px,3vw,50px);border:0}
body.landing .service-card img.production-drawing {height:96px;width:132px;object-fit:contain;align-self:start;border-radius:0;filter:grayscale(100%)}
body.landing #pricing,body.recruit-fee .fee-hero {background:var(--studio-tint)}
body.landing #pricing .edition-price-row {border:0;border-top:1px solid #acb5c3;border-radius:0;padding:clamp(20px,3vw,38px)}
body.recruit-fee .fee-hero {padding-block:clamp(20px,3vw,44px)}
body.recruit-fee .fee-breadcrumb {margin-bottom:clamp(22px,3.8vw,52px)}
body.recruit-fee .fee-hero h1 {margin:0 0 24px;letter-spacing:-.05em}
body .ed-price {max-width:none;border:0;border-top:2px solid #292f39;border-bottom:1px solid #d8dde4;padding:clamp(18px,3vw,36px);background:#fff}
body .ed-price .ed-value {font-size:clamp(32px,4vw,62px);font-feature-settings:"palt";letter-spacing:-.055em}
body .ed-price .ed-range {color:#545b65}
body .ed-price ul.ed-steps {background:transparent;border:0;border-block:1px solid #d6dbe1;gap:0;margin-top:14px}
body .ed-price .ed-steps li {background:transparent;color:#16191d;padding:14px 7px;border:0}
body .ed-price .ed-steps li+li {border-left:1px solid #d6dbe1}
body .ed-price .ed-steps img {filter:grayscale(1);width:clamp(54px,7vw,82px);border-radius:0}
body.edition-guide .hero {background:var(--studio-tint)}
body.edition-guide .edition-hero-art {background:#e8ebef;border-radius:2px;filter:grayscale(1)}
body.edition-guide .hero .btn-primary {background:var(--ed-ink);border-color:var(--ed-ink);border-radius:26px}
body.edition-guide .hero .btn-secondary {border-color:#b5bbc4;border-radius:26px}
@media(max-width:900px){
  body .edition-bar {min-height:58px;padding:4px 4px}
  body .edition-bar:has(.edition-toggle[aria-expanded="true"]) {border-radius:0}
}
@media(max-width:700px){
  body.landing .landing-hero {min-height:455px}
  body.landing .hero-copy {align-self:end;padding:58px 20px 92px}
  body.landing .hero-copy h1 {font-size:clamp(36px,9.2vw,52px);line-height:1.3}
  body.landing .hero-h1-context {margin-bottom:16px;font-size:12px}
  body.landing .hero-visual img {object-position:61% 48%}
  body.landing .hero-visual:after {background:linear-gradient(0deg,rgba(7,14,24,.88),rgba(7,14,24,.55) 62%,rgba(7,14,24,.12))}
  body.landing .hero-actions {gap:20px;margin-top:23px}
  body.landing .hero-actions .action {font-size:13px}
  body.landing .hero-visual-caption {bottom:16px;left:20px;right:auto;text-align:left;border-left:2px solid #e6ebef;padding-left:10px;gap:1px}
  body.landing .hero-visual-caption strong {font-size:12px}
  body.landing .hero-visual-caption small {font-size:11px}
  body.landing #works .chapter-head,body.landing #services .chapter-head {display:block}
  body.landing #works .work-grid {grid-template-columns:1fr}
  body .ed-price .ed-price-top {display:flex;align-items:end}
  body .ed-price .ed-value {font-size:30px}
  body.landing .chapter-head .overline,.studio-label {font-size:13px!important}
}
#video-purposes .pricing-panel {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(20px,4vw,60px);align-items:start}
#video-purposes .studio-purpose {border:0;border-top:1px solid #b5bdc8;border-radius:0;background:transparent;margin:0;padding:0}
#video-purposes .studio-purpose summary {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;cursor:pointer;list-style:none;color:#17191d;font-size:clamp(16px,1.6vw,21px);font-weight:650;line-height:1.45}
#video-purposes .studio-purpose summary::-webkit-details-marker {display:none}
#video-purposes .studio-purpose summary:after {content:"+";font:400 24px/1 Arial;color:var(--studio-blue)}
#video-purposes .studio-purpose[open] summary:after {content:"−"}
#video-purposes .studio-purpose>div {padding:0 0 20px;font-size:15px;line-height:1.8}
#video-purposes .studio-purpose :focus-visible {outline:2px solid var(--studio-blue);outline-offset:2px}
@media(max-width:700px){#video-purposes .pricing-panel {grid-template-columns:1fr}}
body .ed-price .ed-steps img {width:48px;height:48px;filter:none}
.studio-amount {text-align:right}
.studio-amount .ed-range {font-size:12px;margin:6px 0 0!important}
body.landing .hero-visual img,body.landing .hero-visual:hover img {transform:scale(1.12)}
@media(max-width:700px){
 body.landing .hero-visual img,body.landing .hero-visual:hover img {transform:scale(1.34)}
 body .ed-price .ed-steps img {width:40px;height:40px}
}
@media(max-width:430px){body .ed-price .ed-price-top:has(.studio-amount) {display:grid}.studio-amount {text-align:left}}