
/* B.04 additions—built over the approved B.03 mosaic */
.concept-teaser{max-width:1400px;margin:70px auto 110px;padding:33px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr minmax(220px,.48fr);align-items:center;gap:50px}
.concept-teaser h2{font-size:clamp(45px,6vw,86px);letter-spacing:-.085em;line-height:.95;margin:25px 0 20px}
.concept-teaser p{max-width:470px;font-size:14px;line-height:1.7;color:var(--muted)}
.concept-teaser-img{display:block;max-height:360px;overflow:hidden;background:#ebebe9}
.concept-teaser-img img{width:100%;height:330px;object-fit:cover;object-position:top center;display:block}
.catalog-kicker{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0 22px;gap:14px;text-transform:uppercase;font-size:10px;letter-spacing:.16em;font-weight:800}
.catalog-section{margin-bottom:68px}.catalog-section .project-grid{margin-bottom:0}
.catalog-section-title{font-size:clamp(26px,3.1vw,45px);letter-spacing:-.07em;line-height:1;margin:18px 0 28px}
.catalog-intro-note{color:var(--muted);font-size:13px;line-height:1.65;max-width:750px;margin-bottom:34px}
.catalog-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center;padding:25px 0 40px;border-top:1px solid var(--line);margin-bottom:65px}
.catalog-feature-image{display:block;overflow:hidden;background:#e6e4df;max-height:420px}
.catalog-feature-image img{width:100%;height:400px;object-fit:cover;object-position:center;display:block}
.catalog-feature .feature-label{font-size:10px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}
.catalog-feature h2{font-size:clamp(36px,4.8vw,75px);line-height:.98;letter-spacing:-.07em;margin:24px 0 20px}
.catalog-feature p{font-size:14px;line-height:1.7;color:var(--muted);max-width:450px}
.catalog-feature a.feature-cta{display:inline-block;margin-top:20px;border-bottom:1px solid #171717;padding-bottom:9px;font-weight:750;font-size:13px}
.project-card{cursor:pointer}.project-cover{background:#eeedeb}.project-cover img{object-position:center 18%}
body[data-category=storyboards] .project-cover{height:245px}
body[data-category=storyboards] .project-cover img{object-position:center;object-fit:cover}
body[data-category=concepts] .project-cover{height:355px}
.page-grid .page-button{transition:opacity .15s}.page-grid .page-button:hover{opacity:.85}
#reader-description{max-width:740px}.reader .reader-end{margin-bottom:50px}
.page-label{font-variant-numeric:tabular-nums}
@media(max-width:700px){.concept-teaser{margin:55px 17px 65px;padding:25px 0;gap:18px;grid-template-columns:1fr 125px}.concept-teaser h2{font-size:clamp(34px,8vw,58px)}.concept-teaser-img img{height:230px}.catalog-feature{display:block;gap:16px}.catalog-feature-image img{height:290px}.catalog-feature h2{font-size:41px}.catalog-feature>div:last-child{padding-top:14px}.catalog-section-title{font-size:30px}.catalog-section{margin-bottom:47px}body[data-category=storyboards] .project-cover{height:150px}body[data-category=concepts] .project-cover{height:210px}}
@media(max-width:430px){.concept-teaser{grid-template-columns:1fr 90px;gap:10px}.concept-teaser p{font-size:12px}.concept-teaser-img img{height:160px}.catalog-feature-image img{height:235px}}

.sequence-divider{grid-column:1/-1;border-top:1px solid var(--line);padding:18px 0 5px;letter-spacing:.15em;font-size:11px;font-weight:800;color:#777}.page-grid.continuous .sequence-divider{padding:30px 0 18px;}

/* B.06 — sequence hierarchy, pricing and credits */
.sequence-divider{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-top:16px;margin-bottom:4px;background:#f0eee9;padding:17px 20px;border-top:2px solid #222;letter-spacing:.08em}
.sequence-divider .film-label{font-size:16px;letter-spacing:-.01em;color:#171717;font-weight:800}
.sequence-divider .film-count{font-size:10px;letter-spacing:.13em;white-space:nowrap;color:#71716e}
.commission-pricing{max-width:1400px;margin:0 auto 78px;padding:20px 30px 60px;border-top:1px solid var(--line)}
.pricing-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;margin-bottom:27px}.pricing-intro p{max-width:540px;margin:0;color:#666;font-size:13px;line-height:1.6}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pricing-card{border:1px solid #c9c7c0;padding:29px 29px 17px;min-width:0;background:#faf9f6}
.pricing-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.pricing-head h3{font-size:clamp(26px,3vw,43px);letter-spacing:-.055em;margin:0}.pricing-head strong{font-size:clamp(20px,2.2vw,31px);letter-spacing:-.045em;white-space:nowrap}.pricing-subtitle{font-size:13px;color:#767470;margin:12px 0 26px}
.pricing-card dl{margin:0}.pricing-card dl>div{display:flex;justify-content:space-between;gap:25px;padding:12px 0;border-top:1px solid var(--line)}.pricing-card dt{font-size:12px;color:#74726c;flex-shrink:0}.pricing-card dd{text-align:right;font-size:12px;font-weight:620;margin:0;line-height:1.5;max-width:310px}
.pricing-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:26px}.pricing-foot p{font-size:12px;color:#74726c;max-width:560px;line-height:1.65}.pricing-foot .text-cta{margin-top:0}
.about-copy p{max-width:760px}.about-representation{margin-top:29px;max-width:750px;border-top:1px solid var(--line);padding-top:17px}.representation-row{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:17px 0}.representation-row strong{display:block;font-size:14px}.representation-row small{display:block;font-size:11px;color:#777;margin-top:4px}.representation-row a{font-size:12px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.client-list{justify-content:space-between;gap:15px;flex-wrap:wrap}.client-list span{font-size:clamp(21px,3vw,40px)}
@media(max-width:750px){.pricing-grid{grid-template-columns:1fr}.pricing-intro{display:block}.pricing-intro p{margin-top:12px}.pricing-foot{display:block}.pricing-foot .text-cta{margin-top:12px}.commission-pricing{padding:24px 20px 40px;margin-bottom:40px}.sequence-divider .film-label{font-size:14px}}
@media(max-width:430px){.pricing-card{padding:21px 17px 12px}.pricing-card dl>div{display:block}.pricing-card dd{text-align:left;margin-top:6px}.pricing-head{align-items:start}.representation-row{align-items:start;display:block}.representation-row a{display:inline-block;margin-top:9px}.client-list span{font-size:clamp(17px,5vw,26px)}.sequence-divider{padding:13px 11px}.sequence-divider .film-count{font-size:9px}}

/* B.07 — approved genuine artwork crops for Commissions */
.pricing-art{margin:-29px -29px 23px;aspect-ratio:1.6;overflow:hidden;background:#eceae7;border-bottom:1px solid var(--line)}
.pricing-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:430px){.pricing-art{margin:-21px -17px 21px}}

/* Billion Blake approved medium vertical cover: keep the original studies visible without cropping them a second time. */
body[data-category="concepts"] .project-card[data-project="billion-blake"] .project-cover{background:#151515}
body[data-category="concepts"] .project-card[data-project="billion-blake"] .project-cover img{object-fit:contain;object-position:center center}
