/* SOBE WORKS — Filmography editorial showcase / Area 02 / Commercial Films */
.a2-service--commercial-films{--film-page-pad:clamp(23px,4.7vw,82px)}
.a2-service--commercial-films .a2-service-masthead{padding-bottom:0}
.film-eyebrow{display:block;color:#736c65;letter-spacing:.175em;font:800 10px/1.5 Arial,sans-serif}
.film-intro{display:grid;grid-template-columns:minmax(60px,14%) minmax(0,1fr);gap:clamp(15px,3vw,50px);padding:clamp(46px,6vw,110px) var(--film-page-pad) clamp(64px,8.5vw,140px);align-items:start}
.film-intro__serial{font:900 clamp(32px,5vw,64px)/1 Arial,sans-serif;color:var(--sobe-orange);letter-spacing:-.08em;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.film-intro__line{width:1px;height:52px;background:#b5b0a9}.film-intro__serial>span:last-child{font:700 10px/1.6 Arial,sans-serif;letter-spacing:.12em;max-width:90px;color:#68625c}
.film-intro__copy h1{font:900 clamp(60px,8vw,145px)/.88 Arial,sans-serif;letter-spacing:-.09em;margin:22px 0 35px;color:#1a1a1a}.film-intro__copy h1 em{font-family:Georgia,serif;letter-spacing:-.076em;font-weight:400;color:var(--sobe-orange)}
.film-intro__copy p{max-width:740px;color:#3b3833;font:400 clamp(21px,2.25vw,34px)/1.25 Georgia,serif;letter-spacing:-.025em;margin:0 0 42px}
.film-intro__tags{font:800 9px/1.8 Arial,sans-serif;letter-spacing:.13em;color:#6e6963}.film-intro__tags b{color:var(--sobe-orange);padding:0 9px}
.film-hero{min-height:clamp(570px,62vw,910px);background-image:linear-gradient(180deg,rgba(10,11,17,.62),rgba(10,11,17,.04) 41%,rgba(8,9,13,.70)),var(--film-hero-image);background-position:center,center 41%;background-size:cover;position:relative;color:#f2efe8;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(27px,3.5vw,60px) var(--film-page-pad)}
.film-hero__top,.film-hero__credit{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;font:800 10px/1.5 Arial,sans-serif;letter-spacing:.15em}
.film-hero__top b{color:var(--sobe-orange);padding:0 6px}.film-hero__main{display:flex;justify-content:space-between;align-items:end;gap:15px;padding:60px 0 55px}.film-hero__eyebrow{font:800 10px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#efebe7}.film-hero__main h2{font:900 clamp(57px,7.1vw,120px)/.88 Arial,sans-serif;letter-spacing:-.087em;margin:19px 0 35px;color:#fff;text-wrap:balance;max-width:950px}
.film-hero__watch{display:inline-flex;gap:29px;align-items:center;justify-content:space-between;min-width:222px;border:1px solid #fff9;background:#f2efe8;color:#1a1a1a;padding:18px 22px;font:900 10px/1.2 Arial,sans-serif;letter-spacing:.15em;cursor:pointer;transition:background .2s,color .2s}
.film-hero__watch:hover{background:var(--sobe-orange);color:#fff}.film-hero__watch span{font-size:24px;line-height:1}.film-hero__counter{font:400 clamp(27px,4vw,56px)/1 Georgia,serif;white-space:nowrap;align-self:flex-end;opacity:.8}
.film-statement{padding:clamp(90px,11vw,180px) var(--film-page-pad) clamp(75px,9vw,150px);display:grid;grid-template-columns:minmax(120px,23%) minmax(0,1fr);column-gap:6%;align-items:start}
.film-statement>p{font:400 clamp(29px,3.7vw,57px)/1.12 Georgia,serif;letter-spacing:-.045em;color:#1b1b1b;margin:0;max-width:1070px}
.film-statement__line{grid-column:2;display:flex;gap:clamp(10px,3vw,42px);font:900 10px/1 Arial,sans-serif;letter-spacing:.14em;color:#605d58;margin-top:48px}.film-statement__connector{color:var(--sobe-orange)}
.film-portfolio{background:#e9e7e2;padding:clamp(72px,8vw,135px) var(--film-page-pad) clamp(62px,7vw,110px)}
.film-section-title{display:grid;grid-template-columns:minmax(140px,23%) minmax(0,1fr);column-gap:6%;border-top:1px solid #bbb6ad;padding-top:26px}.film-section-title h2{font:900 clamp(56px,7vw,120px)/.9 Arial,sans-serif;letter-spacing:-.09em;margin:5px 0 35px;color:#1a1a1a}.film-section-title h2 em{font:400 italic .93em/1 Georgia,serif;letter-spacing:-.07em;color:var(--sobe-orange)}.film-section-title__count{display:block;font:800 10px/1.5 Arial,sans-serif;letter-spacing:.14em;color:#68645f}
.film-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:47px 0 32px}.film-filter{color:#585650;border:1px solid #bcb7b0;background:transparent;border-radius:999px;padding:13px 17px;font:800 9px/1 Arial,sans-serif;letter-spacing:.11em;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.film-filter:hover{border-color:#1a1a1a}.film-filter.is-active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.film-filter span{color:var(--sobe-orange);margin-left:6px}
.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,5vw,84px) clamp(12px,2.5vw,42px);align-items:start}.film-card{min-width:0}.film-card[hidden]{display:none!important}.film-card--lead:first-child{grid-column:1/2}.film-card--lead:nth-child(2){grid-column:2/3}
.film-card__button{width:100%;display:block;border:0;background:none;text-align:left;padding:0;cursor:pointer;color:#1a1a1a}
.film-card__media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#bbb4ad;isolation:isolate}.film-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.15s cubic-bezier(.16,1,.3,1),filter .4s}.film-card__button:hover .film-card__media img{transform:scale(1.065)}
.film-card__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.0) 45%);pointer-events:none}
.film-card__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(60px,7vw,90px);aspect-ratio:1;border:1px solid #fff9;background:#f2efe8ed;display:grid;place-items:center;border-radius:50%;color:#1a1a1a;transition:background .3s,color .3s,scale .3s}.film-card__play svg{width:38px;height:38px;transform:translateX(2px)}.film-card__button:hover .film-card__play{background:var(--sobe-orange);color:white;scale:1.08}
.film-card__watch{position:absolute;bottom:19px;right:18px;font:800 9px/1 Arial,sans-serif;letter-spacing:.12em;color:#fff;display:flex;gap:14px;align-items:center}.film-card__watch span{font-size:19px}
.film-card__foot{display:grid;grid-template-columns:54px minmax(0,1fr) auto 24px;align-items:start;gap:clamp(8px,1.8vw,24px);padding:20px 0 0;border-top:1px solid #b5b1a8;margin-top:15px}.film-card__count,.film-card__tag{font:800 9px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#7b756d}.film-card__identity{display:flex;flex-direction:column;gap:8px}.film-card__identity strong{font:900 clamp(27px,3vw,46px)/.95 Arial,sans-serif;letter-spacing:-.072em}.film-card__identity>span{font:400 clamp(15px,1.6vw,21px)/1.2 Georgia,serif;color:#4c4842}.film-card__arrow{font:400 23px/1 Arial,sans-serif;color:var(--sobe-orange)}
.film-portfolio__caption{font:700 10px/1.7 Arial,sans-serif;letter-spacing:.1em;max-width:650px;color:#817b74;padding-top:80px;margin:0}
.film-director{padding:clamp(90px,11vw,170px) var(--film-page-pad);background:#181818;color:#f2efe8}.film-director__eyebrow{border-top:1px solid #fff6;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font:800 10px/1.6 Arial,sans-serif;letter-spacing:.15em;color:#bcbab6;margin-bottom:55px}
.film-director__layout{display:grid;grid-template-columns:52% minmax(0,1fr);gap:clamp(36px,6vw,100px);align-items:center}.film-director__visual{position:relative;aspect-ratio:4/5;background:#333;overflow:hidden}.film-director__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:48% 30%;filter:saturate(.88)}.film-director__visual>span{position:absolute;bottom:23px;left:25px;color:white;font:800 10px/1.5 Arial,sans-serif;letter-spacing:.16em}
.film-director__text>.film-eyebrow{color:#e4572e}.film-director__text h2{font:900 clamp(65px,7.5vw,125px)/.84 Arial,sans-serif;letter-spacing:-.09em;margin:28px 0 42px}.film-director__text h2 em{font:400 italic 1em Georgia,serif;letter-spacing:-.08em;color:var(--sobe-orange)}.film-director__text p{font:400 clamp(16px,1.6vw,23px)/1.48 Georgia,serif;letter-spacing:-.014em;color:#e0ddd6;max-width:660px}.film-director__details{display:flex;flex-direction:column;gap:10px;font:800 10px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#aaa39e;border-top:1px solid #ffffff40;margin-top:42px;padding-top:18px}
.film-director__link{display:inline-flex;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid #e4572e;color:#f5f0e9;margin-top:32px;font:900 10px/1.4 Arial,sans-serif;letter-spacing:.13em}.film-director__link:hover{color:#e4572e}.film-director__link span{font-size:21px}
.film-endnote{background:var(--sobe-blue);padding:clamp(65px,8vw,130px) var(--film-page-pad);display:flex;flex-direction:column;gap:32px;color:#f2efe8}.film-endnote>span{font:800 10px/1.5 Arial,sans-serif;letter-spacing:.18em}.film-endnote strong{font:900 clamp(52px,7.4vw,115px)/.9 Arial,sans-serif;letter-spacing:-.08em;max-width:1170px}.film-endnote strong em{font:400 italic .93em Georgia,serif;color:#fff;letter-spacing:-.07em}
.film-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;overflow:auto;border:0;margin:0;padding:clamp(15px,3.4vw,46px);background:#151515;color:#f2efe8}.film-viewer::backdrop{background:#000c}.film-viewer__shell{width:min(1500px,100%);margin:0 auto}.film-viewer__bar{display:flex;align-items:end;gap:16px;justify-content:space-between;border-bottom:1px solid #ffffff42;padding-bottom:25px;margin-bottom:clamp(18px,3vw,44px)}.film-viewer__bar span,.film-viewer__bottom{font:800 10px/1.5 Arial,sans-serif;letter-spacing:.14em;color:#b4b3b0}.film-viewer__bar h2{font:900 clamp(27px,3.2vw,53px)/1 Arial,sans-serif;letter-spacing:-.07em;margin:10px 0 0;max-width:70vw}.film-viewer__close{display:flex;align-items:center;gap:16px;border:1px solid #f2efe885;color:#f2efe8;background:transparent;padding:12px 17px;font:900 10px/1 Arial,sans-serif;letter-spacing:.13em;cursor:pointer}.film-viewer__close:hover{background:#e4572e;border-color:#e4572e}.film-viewer__close span{font-size:25px;line-height:.8}
.film-viewer__screen{aspect-ratio:16/9;width:100%;background:#080808;display:grid;place-items:center}.film-viewer__screen iframe{width:100%;height:100%;display:block;border:0}.film-viewer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:22px 0}.film-viewer__bottom a{color:#fff;border-bottom:1px solid #e4572e;padding-bottom:7px}.film-viewer__bottom a:hover{color:#e4572e}
@media(min-width:721px) and (max-width:1199px){.a2-app.is-menu-open .film-intro{display:block}.a2-app.is-menu-open .film-intro__serial{display:none}.a2-app.is-menu-open .film-intro__copy h1{font-size:clamp(51px,6vw,85px)}.a2-app.is-menu-open .film-intro__copy p{font-size:22px}.a2-app.is-menu-open .film-hero{min-height:550px}.a2-app.is-menu-open .film-hero__main h2{font-size:clamp(44px,5vw,72px)}.a2-app.is-menu-open .film-statement{display:block}.a2-app.is-menu-open .film-statement p{margin-top:25px;font-size:31px}.a2-app.is-menu-open .film-statement__line{margin-top:25px}.a2-app.is-menu-open .film-section-title{display:block}.a2-app.is-menu-open .film-section-title h2{margin-top:22px;font-size:57px}.a2-app.is-menu-open .film-grid{grid-template-columns:1fr}.a2-app.is-menu-open .film-card--lead{grid-column:auto}.a2-app.is-menu-open .film-card__foot{grid-template-columns:45px minmax(0,1fr) 22px}.a2-app.is-menu-open .film-card__tag{display:none}.a2-app.is-menu-open .film-director__layout{grid-template-columns:1fr}.a2-app.is-menu-open .film-director__visual{aspect-ratio:3/2}.a2-app.is-menu-open .film-director__text h2{font-size:75px}}
@media(max-width:720px){.a2-service--commercial-films{--film-page-pad:22px}.film-intro{display:block;padding:37px var(--film-page-pad) 67px}.film-intro__serial{display:none}.film-intro__copy h1{font-size:clamp(50px,12.2vw,86px);margin:22px 0 30px}.film-intro__copy p{font-size:23px;line-height:1.3;margin-bottom:30px}.film-intro__tags{font-size:9px}.film-hero{min-height:610px;background-position:center,51% center}.film-hero__top,.film-hero__credit{font-size:8px}.film-hero__main{padding:80px 0 55px;display:block}.film-hero__main h2{font-size:clamp(53px,11vw,80px)}.film-hero__counter{display:none}.film-hero__watch{min-width:210px}.film-statement{display:block;padding:80px var(--film-page-pad)}.film-statement p{font-size:clamp(28px,6.5vw,41px);margin-top:25px}.film-statement__line{margin-top:30px;grid-column:auto}.film-section-title{display:block}.film-section-title h2{font-size:clamp(52px,11vw,80px);margin-top:23px}.film-portfolio{padding:70px var(--film-page-pad)}.film-filters{flex-wrap:nowrap;overflow-x:auto;padding:32px 0 30px;scrollbar-width:thin}.film-filter{flex:none}.film-grid{grid-template-columns:1fr;row-gap:45px}.film-card--lead:first-child,.film-card--lead:nth-child(2){grid-column:auto}.film-card__media{aspect-ratio:4/3}.film-card__foot{grid-template-columns:35px 1fr 20px;gap:10px}.film-card__tag{display:none}.film-card__identity strong{font-size:32px}.film-card__identity>span{font-size:17px}.film-portfolio__caption{padding-top:53px}.film-director{padding:73px var(--film-page-pad)}.film-director__layout{grid-template-columns:1fr;gap:43px}.film-director__visual{aspect-ratio:5/4}.film-director__text h2{font-size:clamp(67px,15vw,100px)}.film-director__text p{font-size:19px}.film-endnote strong{font-size:clamp(53px,11vw,90px)}.film-viewer{padding:20px}.film-viewer__bar{align-items:start}.film-viewer__bar h2{font-size:27px}.film-viewer__close{padding:10px}.film-viewer__screen{margin-top:40px}.film-viewer__bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){.film-card__media img,.film-card__play{transition:none!important}}