:root{--ink:#171b18;--muted:#626b63;--paper:#f4f2eb;--cream:#e6e2d6;--line:#c9c9bf;--accent:#df7a55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%}.skip{position:absolute;top:-60px;left:10px;padding:12px;background:white;z-index:100}.skip:focus{top:10px}.wrap{width:min(1300px,calc(100% - 100px));margin:auto}.site-header{height:80px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 50px;gap:24px}.brand{font-weight:900;font-size:23px;letter-spacing:-.08em;white-space:nowrap}.brand span{font-weight:400}.brand i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-left:4px}.site-header nav{display:flex;gap:39px;margin-left:auto;margin-right:4vw}.site-header nav a,.header-cta{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.site-header nav a:hover,.header-cta:hover,.site-footer a:hover{color:var(--accent)}.header-cta{border-bottom:1px solid var(--ink);padding-bottom:7px}.header-cta span{font-size:16px}.hero{min-height:740px;height:calc(100vh - 80px);max-height:980px;position:relative;color:white;background:#161916;overflow:hidden}.hero-image{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 45%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,9,.82),rgba(8,12,9,.16) 78%),linear-gradient(0deg,rgba(8,12,9,.45),transparent 38%)}.hero-topline,.hero-index{position:absolute;left:50px;right:50px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em;font-weight:700}.hero-topline{top:34px}.hero-index{bottom:33px}.hero-content{position:absolute;left:clamp(50px,8vw,145px);bottom:17%;max-width:900px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em;color:#924f39;margin:0 0 26px}.eyebrow.light{color:#eeb795}.hero h1,.intro h2,.section-heading h2,.credits-heading h2,.about h2,.cfv h2,.contact h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.hero h1{font-size:clamp(64px,8vw,128px);line-height:.94;margin:0 0 28px;max-width:850px}.hero h1 em,.intro h2 em,.section-heading h2 em{font-weight:400}.hero-copy{font-size:18px;line-height:1.5;max-width:490px;margin:0 0 35px}.hero-actions{display:flex;align-items:center;gap:36px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-width:190px;padding:19px 22px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.button-light{background:var(--paper);color:var(--ink)}.button:hover{background:#e7c7b5}.text-link{border-bottom:1px solid rgba(255,255,255,.8);font-size:12px;font-weight:800;padding-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.text-link span{margin-left:8px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:125px 0 135px}.intro h2{font-size:clamp(42px,5vw,77px);line-height:1.08;margin:-14px 0 24px;max-width:950px}.intro p:not(.eyebrow){font-size:18px;color:#414b42;line-height:1.7;max-width:690px;margin:0}.work-section{background:#eae7dc;padding:110px 0 125px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:65px}.section-heading h2{font-size:clamp(52px,6.7vw,94px);line-height:.98;margin:0}.section-heading>p{max-width:300px;line-height:1.6;font-size:15px;color:var(--muted)}.feature{display:grid;grid-template-columns:1.22fr .78fr;background:#18231f;color:white;min-height:620px}.feature-image{overflow:hidden}.feature-image img{height:100%;object-fit:cover;transition:transform .5s}.feature:hover img,.card-image:hover img{transform:scale(1.035)}.feature-info{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(35px,5vw,90px)}.feature-number{font-size:11px;letter-spacing:.18em;color:#aebdb3}.feature-number span{margin-left:20px}.feature h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,5vw,80px);line-height:1;letter-spacing:-.05em;margin:50px 0 14px}.feature h3 span{display:block;font-style:italic;font-size:.48em;margin-top:12px}.feature-role{font-size:11px;font-weight:800;letter-spacing:.17em;color:#edb095}.feature-info>p:not(.feature-role){font-size:16px;line-height:1.65;color:#cbd2cc;max-width:370px;margin:20px 0 46px}.arrow-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid currentColor;padding-bottom:8px;align-self:flex-start;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.arrow-link:hover{color:var(--accent)}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:65px}.card-image{display:block;position:relative;height:440px;overflow:hidden;background:#232923}.card-image img{height:100%;object-fit:cover;transition:transform .5s}.card-arrow{position:absolute;right:18px;bottom:18px;background:var(--paper);width:44px;height:44px;display:grid;place-items:center;font-size:22px}.card-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:21px 0 14px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#737970}.project-card h3{font-family:Georgia,serif;font-size:35px;font-weight:400;letter-spacing:-.04em;margin:23px 0 9px}.project-card p{max-width:480px;color:#586158;font-size:15px;line-height:1.6;margin:0}.selected-credits{padding:125px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.credits-heading h2{font-size:clamp(45px,5vw,72px);line-height:1.04;margin:0;max-width:400px}.credit-list{border-top:1px solid var(--line)}.credit{border-bottom:1px solid var(--line);display:grid;grid-template-columns:125px 1fr 35px;gap:24px;padding:24px 0;align-items:center}.credit-brand{font-weight:900;font-size:15px}.credit strong{display:block;font-weight:700;font-size:19px;margin-bottom:6px}.credit small{color:var(--muted);font-size:13px}.credit a{font-size:24px}.credit a:hover{color:var(--accent)}.interlude{height:530px;position:relative;overflow:hidden}.interlude img{height:100%;object-fit:cover;object-position:center 55%;filter:brightness(.78)}.interlude div{position:absolute;bottom:30px;left:50px;right:50px;color:white;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;font-weight:800}.about{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(60px,9vw,160px);padding:130px 0}.about-image{height:700px;overflow:hidden}.about-image img{height:100%;object-fit:cover;object-position:center 40%}.about h2{font-size:clamp(47px,5vw,76px);line-height:1.03;margin:0 0 38px}.about-copy p:not(.eyebrow){max-width:530px;font-size:17px;line-height:1.7;color:#465046;margin-bottom:20px}.about-copy .arrow-link{margin-top:30px}.cfv{border-top:1px solid var(--line);padding:100px 0 120px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.cfv h2{font-size:60px;margin:0}.cfv p:not(.eyebrow){font-size:18px;line-height:1.65;color:#465046;max-width:570px;margin:0 0 30px}.contact{background:#1b2a25;color:white}.contact-inner{padding:130px 0 140px}.contact h2{font-size:clamp(60px,8vw,120px);line-height:.95;margin:0 0 23px}.contact p:not(.eyebrow){font-size:20px;color:#bdcbc1;margin:0 0 50px}.contact-mail{font-size:clamp(21px,3.2vw,44px);border-bottom:1px solid #9ab6a3;padding-bottom:10px;display:inline-flex;gap:55px;align-items:center}.contact-mail:hover{color:#eeb795}.site-footer{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer>div{display:flex;gap:30px;font-size:12px;font-weight:700;text-transform:uppercase}.site-footer>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--muted)}@media(max-width:900px){.wrap{width:calc(100% - 42px)}.site-header{padding:0 21px}.site-header nav{gap:18px;margin:0}.header-cta{display:none}.hero{min-height:640px;max-height:none;height:calc(100svh - 80px)}.hero-topline,.hero-index{left:21px;right:21px}.hero-content{left:26px;right:26px;bottom:14%}.intro,.selected-credits,.about,.cfv{grid-template-columns:1fr;gap:35px}.intro{padding:85px 0}.section-heading{align-items:start}.feature{grid-template-columns:1fr}.feature-image{height:500px}.feature-info{padding:48px}.about-image{height:600px;max-width:600px}.cfv{padding:80px 0}.site-footer{flex-wrap:wrap;padding:30px 0}}@media(max-width:600px){.site-header{height:67px}.brand{font-size:20px}.site-header nav{gap:13px}.site-header nav a{font-size:10px}.hero{height:calc(100svh - 67px);min-height:620px}.hero-image{object-position:59% center}.hero-shade{background:linear-gradient(0deg,rgba(8,12,9,.88),rgba(8,12,9,.13) 80%)}.hero-topline span:last-child,.hero-index span:first-child{display:none}.hero h1{font-size:clamp(58px,14vw,85px)}.hero-copy{font-size:16px}.hero-actions{gap:22px}.intro h2,.section-heading h2{font-size:48px}.intro p:not(.eyebrow){font-size:16px}.work-section{padding:80px 0}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:26px}.feature-image{height:360px}.feature-info{padding:36px 28px 48px}.feature h3{margin:40px 0 10px}.work-pair{grid-template-columns:1fr;gap:55px;margin-top:45px}.card-image{height:350px}.project-card h3{font-size:30px}.selected-credits{padding:85px 0}.credit{grid-template-columns:85px 1fr 18px;gap:12px}.credit-brand{font-size:12px}.credit strong{font-size:16px}.interlude{height:330px}.interlude div{left:21px;right:21px}.about{padding:85px 0}.about-image{height:520px}.about h2{font-size:52px}.about-copy p:not(.eyebrow){font-size:16px}.cfv h2{font-size:45px}.cfv p:not(.eyebrow){font-size:16px}.contact-inner{padding:100px 0}.contact h2{font-size:60px}.contact-mail{gap:15px}.site-footer{display:block}.site-footer>div{margin:25px 0;flex-wrap:wrap;gap:15px}.site-footer>span{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Consistent vector arrows and official series platform marks. */
.icon-arrow{display:inline-block;flex:0 0 auto;width:15px;height:15px;vertical-align:-2px}
.header-cta .icon-arrow,.site-footer .icon-arrow{width:13px;height:13px}
.card-arrow .icon-arrow,.credit a .icon-arrow{width:22px;height:22px}
.contact-mail .icon-arrow{width:24px;height:24px}
.credit-brand{display:flex;align-items:center;min-width:0}
.credit-logo{display:block;width:100%;height:48px;object-fit:contain;object-position:left center}
.netflix-logo{max-width:115px}
.disney-logo{max-width:120px}
@media(max-width:600px){.credit-logo{height:42px}.netflix-logo{max-width:82px}.disney-logo{max-width:85px}}
.hero-content{bottom:18%}
@media(max-width:600px){.hero-content{bottom:16%}}
@media(max-width:600px){
  .hero-content{position:absolute;inset:0;max-width:none}
  .hero h1{position:absolute;top:15%;left:26px;right:26px;margin:0}
  .hero-copy{position:absolute;left:26px;right:26px;bottom:23%;margin:0;max-width:350px}
  .hero-actions{position:absolute;left:26px;right:26px;bottom:7%}
  .hero-index{display:none}
  .hero-shade{background:linear-gradient(0deg,rgba(8,12,9,.93),rgba(8,12,9,.24) 72%)}
}


/* Keep the BUNKA subtitle visually attached to the film title. */
.feature-bunka h3{line-height:.92}
.feature-bunka h3 span{font-size:.52em;line-height:1.05;margin-top:3px;letter-spacing:-.02em;white-space:nowrap}

/* Give each credit mark the same centered position in its column. */
.credit-brand{justify-content:center;text-align:center}
.credit-logo{object-position:center center}
.credit-brand-text{line-height:1.12}

.feature-number{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.feature-number span{margin-left:0}
.feature-number .feature-origin{margin-left:auto}

.section-heading{display:block;margin-bottom:42px}
.section-heading>.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em;line-height:normal;color:#924f39;max-width:none;margin:0}
@media(max-width:600px){.section-heading{margin-bottom:30px}}
.project-card--microsoft{grid-column:1 / -1;margin-top:20px}
.project-card--microsoft .card-image{height:clamp(320px,43vw,560px)}
.project-card--microsoft .card-image img{object-position:center 20%}
@media(max-width:600px){.project-card--microsoft{margin-top:0}.project-card--microsoft .card-image{height:260px}}

/* Smaller image-led links for work beyond the featured films. */
.more-work{margin-top:95px;padding-top:38px;border-top:1px solid #bfc1b6}
.more-work-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}
.more-work-heading h3{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,2.8vw,42px);font-weight:400;letter-spacing:-.045em;line-height:1.12}
.more-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.more-work-card{display:block;min-width:0}
.more-work-image{display:block;aspect-ratio:1.68;overflow:hidden;background:#1b2620}
.more-work-image img{height:100%;object-fit:cover;transition:transform .45s ease}
.more-work-card:hover .more-work-image img,.more-work-card:focus-visible .more-work-image img{transform:scale(1.04)}
.more-work-card-meta{display:block;margin-top:15px;color:#7a786e;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.4}
.more-work-card-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:7px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2vw,29px);letter-spacing:-.035em;line-height:1.1}
.more-work-card-title .icon-arrow{width:15px;height:15px;flex-shrink:0}
.more-work-card-role{display:block;margin-top:9px;color:#586158;font-size:13px;line-height:1.4}
.more-work-card:hover .more-work-card-title,.more-work-card:focus-visible .more-work-card-title{color:#924f39}
.more-work-all{display:inline-flex;align-items:center;gap:12px;margin-top:34px;padding-bottom:7px;border-bottom:1px solid currentColor;font-size:11px;font-weight:800;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}
.more-work-all:hover{color:#924f39}
@media(max-width:900px){.more-work-grid{gap:17px}.more-work-card-title{font-size:23px}}
@media(max-width:600px){.more-work{margin-top:70px;padding-top:28px}.more-work-heading{margin-bottom:20px}.more-work-heading h3{font-size:31px}.more-work-grid{grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;gap:15px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding-bottom:16px}.more-work-card{scroll-snap-align:start}.more-work-card-title{font-size:25px}.more-work-all{margin-top:20px}}


.more-work-card:first-child .more-work-image img{object-position:right center}
.more-work-card:nth-child(2) .more-work-image img{scale:1.06}
.more-work-blurb{max-width:590px;margin:14px 0 0;color:#586158;font-size:14px;line-height:1.55}
.credit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;border:0}
.credit{display:block;border:0;padding:0;min-width:0}
.credit-poster{display:block;aspect-ratio:2/3;overflow:hidden}
.credit-poster img{display:block;height:100%;width:100%;object-fit:cover}
.credit-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:16px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2vw,29px);line-height:1.1}
.credit-title .icon-arrow{width:15px;height:15px;flex-shrink:0}
.credit-role{display:block;margin-top:8px;color:#586158;font-size:14px}
.credit:hover .credit-title,.credit:focus-visible .credit-title{color:#924f39}
@media(max-width:600px){.credit-list{gap:14px}.credit-title{font-size:20px}.credit-role{font-size:13px}}
.award-credit{display:block;margin:10px 0 0;color:#924f39;font-size:11px;font-weight:800;letter-spacing:.035em;line-height:1.45}
.project-card p.award-credit{margin:15px 0 0;color:#924f39;font-size:11px;line-height:1.45}
.work-pair>.project-card:first-child .card-image img{object-position:center 16%}
.project-card--microsoft p{max-width:none}
.contact h2{letter-spacing:-.025em}
.work-pair>.project-card:nth-child(2) .card-image img{object-position:20% center}
.bunka-festivals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:28px;min-height:190px;padding:16px 50px;background:#18231f;border-top:1px solid rgba(255,255,255,.16)}
.bunka-festival{display:flex;align-items:center;justify-content:center;height:155px;overflow:hidden}
.bunka-festival img{display:block;width:100%;height:100%;max-width:310px;object-fit:contain}
.bunka-festival:first-child img{width:250px;height:250px;max-width:none;flex:none}
.more-work-card-partner{display:block;margin-top:4px;color:#767a70;font-size:12px;line-height:1.4}
@media(max-width:600px){
  .bunka-festivals{grid-template-columns:1fr;gap:0;padding:14px 22px 20px}
  .bunka-festival{height:132px}
  .bunka-festival:first-child img{width:225px;height:225px}
  .bunka-festival:nth-child(2) img{max-width:260px}
  .bunka-festival:nth-child(3) img{max-width:220px}
  .more-work-grid{display:grid;grid-template-columns:1fr;grid-auto-flow:row;grid-auto-columns:auto;gap:38px;overflow:visible;scroll-snap-type:none;padding-bottom:0}
  .more-work-card{scroll-snap-align:none}
  .work-pair>.project-card:nth-child(2) .card-image img{object-position:35% center}
}

/* BUNKA feature: portrait, editorial copy, and a quiet festival rail. */
.feature-bunka{grid-template-columns:minmax(0,1.18fr) minmax(0,.78fr) minmax(118px,.3fr);min-height:640px;height:640px}
.feature-bunka .feature-image{min-height:0}
.feature-bunka .feature-image img{object-position:center 48%}
.feature-bunka .feature-info{min-width:0;padding:48px clamp(30px,3.6vw,62px)}
.feature-bunka .feature-number{gap:9px}
.feature-bunka .feature-number .feature-origin{flex-basis:100%;margin-left:0}
.feature-bunka h3{font-size:clamp(50px,4.5vw,74px);margin:30px 0 18px}
.feature-bunka h3 span{font-size:.48em;white-space:normal}
.feature-bunka .feature-info>p:not(.feature-role){font-size:15px;line-height:1.62;margin:16px 0 28px}
.feature-bunka .bunka-festivals{display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto;max-width:none;min-height:0;margin:0;padding:24px 10px;border:0;border-left:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.075);gap:32px}
.feature-bunka .bunka-festival{width:100%;height:76px;overflow:visible;justify-content:center}
.feature-bunka .bunka-festival img{width:min(125px,100%);height:76px;max-width:none;object-fit:contain;object-position:center}
.feature-bunka .bunka-festival:first-child img{width:120px;height:120px;max-width:100%}
.work-pair>.project-card:nth-child(2) .card-image img{object-position:center 63%}
.contact h2{word-spacing:.07em}
@media(max-width:900px){.feature-bunka{grid-template-columns:1fr;height:auto}.feature-bunka .feature-image{height:440px}.feature-bunka .feature-info{padding:45px 48px 40px}.feature-bunka .bunka-festivals{align-items:center;border-left:0;border-top:1px solid rgba(255,255,255,.13);padding:22px 20px 28px;gap:12px}.feature-bunka .bunka-festival{height:76px}}
@media(max-width:600px){.feature-bunka .feature-image{height:370px}.feature-bunka .feature-info{padding:38px 28px 36px}.feature-bunka h3{font-size:54px;margin-top:27px}.feature-bunka .feature-info>p:not(.feature-role){margin-bottom:25px}.feature-bunka .bunka-festivals{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 18px 14px;gap:10px}.feature-bunka .bunka-festival{flex:1;min-width:0;height:58px}.feature-bunka .bunka-festival img{width:min(94px,100%);height:55px}.feature-bunka .bunka-festival:first-child img{width:82px;height:82px}.work-pair>.project-card:nth-child(2) .card-image img{object-position:center 63%}.contact h2{word-spacing:.04em}}

@media(min-width:901px){.intro-second-line{display:block}.intro-second-line em{white-space:nowrap}}
.intro-mobile-break{display:none}
@media(max-width:600px){.intro-mobile-break{display:block}.intro h2 em{white-space:nowrap}}
@media(max-width:360px){.intro h2{font-size:42px}}
.contact h2{font-size:clamp(60px,6.2vw,90px)}
@media(max-width:600px){.contact h2{font-size:48px}}
@media(max-width:360px){.contact h2{font-size:44px}}