/* Tatler is a separate film case study within the journal. */
.tatler-player-dialog button{color:inherit;cursor:pointer}.tatler-toast{background:#dbe891!important}
.tatler-case{--tatler-bg:#151614;--tatler-paper:#f5f1e6;--tatler-accent:#dbe891;background:var(--tatler-bg);color:var(--tatler-paper);padding:0 4vw;font-family:Georgia,serif}
.tatler-case a{color:inherit;text-decoration:none}.tatler-case button{font:inherit;color:inherit;cursor:pointer}.tatler-case :focus-visible,.tatler-teaser :focus-visible{outline:2px solid #b6c963;outline-offset:5px}.tatler-case [hidden]{display:none!important}
body.viewing-tatler .site-header{padding-top:12px}body.viewing-tatler .utility,body.viewing-tatler .masthead-note,body.viewing-tatler .masthead-seal{display:none}body.viewing-tatler .masthead{padding:0 0 14px;min-height:0}body.viewing-tatler .wordmark{font-size:36px}body.viewing-tatler .wordmark span{font-size:8px}body.viewing-tatler #main{max-width:none;padding:0}
.tatler-case-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #50514c;padding:24px 0;gap:24px;font:10px/1.5 Arial,sans-serif;letter-spacing:.09em}.tatler-case-top p{margin:0;color:#a9aaa2}.tatler-case-top>a:last-child{display:flex;align-items:center;gap:10px}.tatler-case-top svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.tatler-kicker{font:10px/1.5 Arial,sans-serif;letter-spacing:.16em;margin:0 0 22px}.tatler-hero{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:8vw;padding:66px 5vw 60px}.tatler-hero h1{font-size:clamp(46px,5.6vw,86px);font-weight:400;line-height:1.06;letter-spacing:-.045em;margin:0 0 28px}.tatler-hero h1:focus{outline:none}.tatler-hero em{color:var(--tatler-accent);font-weight:400}.tatler-hero-deck{font-size:21px;line-height:1.55;max-width:560px;color:#cecec4;margin:0 0 30px}.tatler-hero-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.tatler-solid-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--tatler-accent);color:#151614!important;border:1px solid var(--tatler-accent);padding:16px 21px;font:11px/1.3 Arial,sans-serif}.tatler-solid-link:hover{background:#edf5c0}.tatler-hero-links>span{font:9px/1.7 Arial,sans-serif;color:#acada3}.tatler-hero-film{width:min(100%,320px);justify-self:end;transform:rotate(2deg)}.tatler-hero-film>button{position:relative;display:block;width:100%;padding:0;border:0;background:#30302d}.tatler-hero-film img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}.tatler-hero-film>p{display:flex;justify-content:space-between;font:10px/1.4 Arial,sans-serif;margin:13px 0 0;color:#c7c7bb}.tatler-hero-film>p span{color:#999a8f}.tatler-hero-film-label{position:absolute;left:15px;top:18px;font:8px/1.5 Arial,sans-serif;letter-spacing:.14em;background:#141414c9;padding:7px 9px}.tatler-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid #ffffffa8;background:#11111173;border-radius:50%;display:grid;place-items:center;transition:background .2s,transform .2s}.tatler-play svg{width:23px;height:23px;fill:#fff;stroke:none}.tatler-poster:hover .tatler-play,.tatler-hero-film button:hover .tatler-play{background:#121212ba;transform:translate(-50%,-50%) scale(1.1)}
.tatler-growth{border-top:1px solid #55564e;border-bottom:1px solid #55564e;padding:30px 0 23px}.tatler-growth-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px}.tatler-growth-heading .tatler-kicker{margin:0}.tatler-growth-heading>span{font:10px/1.4 Arial,sans-serif;color:#a5a799}.tatler-growth-numbers{display:grid;grid-template-columns:1fr .2fr 1.2fr;align-items:center;padding:30px 0 24px;gap:28px}.tatler-stat-label{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:.13em;margin-bottom:7px;color:#adb09f}.tatler-growth-numbers strong{font:400 clamp(66px,10.3vw,160px)/1 Arial,sans-serif;letter-spacing:-.075em;display:flex;align-items:center;gap:10px}.tatler-growth-numbers .tatler-stat-current{color:var(--tatler-accent)}.tatler-approx{font:20px/1 Georgia,serif;letter-spacing:0;align-self:flex-start;margin-top:13px;color:#7f8372}.tatler-growth-arrow{font:400 clamp(34px,5vw,70px)/1 Arial,sans-serif;color:#737766}.tatler-growth-bottom{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;align-items:center;border-top:1px solid #383b31;padding:24px 0 10px}.tatler-growth-bottom>p{margin:0}.tatler-growth-bottom strong{display:block;font:400 30px/1.1 Arial,sans-serif;color:var(--tatler-accent);margin-bottom:8px}.tatler-growth-bottom p>span{font:10px/1.4 Arial,sans-serif;color:#b3b5a6}.tatler-growth-line{max-width:220px;justify-self:end}.tatler-growth-line svg{display:block;width:100%;height:auto}.tatler-chart-area{fill:#dbe8910b}.tatler-chart-line{fill:none;stroke:var(--tatler-accent);stroke-width:1.5;stroke-dasharray:240;stroke-dashoffset:240;animation:tatler-line-in 1.4s .2s forwards}.tatler-growth-line circle{fill:var(--tatler-accent)}.tatler-growth-line>span{display:flex;justify-content:space-between;font:8px Arial,sans-serif;color:#949784;margin-top:7px}.tatler-data-note{font:9px/1.6 Arial,sans-serif;color:#9c9e91;margin:17px 0 0}
.tatler-film-library{padding:75px 0 65px}.tatler-library-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.tatler-library-heading h2{font-size:clamp(35px,4vw,58px);font-weight:400;line-height:1.13;letter-spacing:-.035em;margin:0 0 16px}.tatler-library-heading .tatler-kicker{color:#b6bc9c;margin-bottom:14px}.tatler-library-heading p:last-child{color:#b4b4a7;max-width:590px;font-size:17px;line-height:1.55;margin:0}.tatler-library-total{font:8px/1.5 Arial,sans-serif;letter-spacing:.08em;color:#b6b9a7;text-align:right}.tatler-library-total strong{display:block;font:400 64px/1 Arial,sans-serif;letter-spacing:-.06em;color:var(--tatler-accent);margin-bottom:6px}.tatler-film-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #55564e;border-bottom:1px solid #55564e}.tatler-filters{display:flex;gap:8px;flex-wrap:wrap}.tatler-filters button{font:10px/1.3 Arial,sans-serif;border:1px solid #56594b;background:none;padding:9px 16px;border-radius:30px}.tatler-filters button[aria-pressed=true]{color:#151614;background:var(--tatler-accent);border-color:var(--tatler-accent)}.tatler-filters button>span{opacity:.6;margin-left:7px}.tatler-film-tools>p{font:8px/1.5 Arial,sans-serif;letter-spacing:.06em;color:#969b82;margin:0;text-align:right}.tatler-film-tools>p>span{color:#c0c7a9}.tatler-views-note{font:9px/1.6 Arial,sans-serif;max-width:690px;color:#9da28b;margin:13px 0 25px}.tatler-film-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 22px}.tatler-film{min-width:0}.tatler-film-account{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;font:10px/1.5 Arial,sans-serif}.tatler-film-account>a{display:flex;align-items:center;gap:8px}.tatler-avatar{display:grid;place-items:center;border:1px solid #c1c2b5;border-radius:50%;width:26px;height:26px;font:20px/1 Georgia,serif;color:#ecebdc}.tatler-verified{color:var(--tatler-accent);margin-left:3px}.tatler-film-number{font:8px Arial,sans-serif;color:#888d78}.tatler-poster{width:100%;display:block;position:relative;overflow:hidden;padding:0;border:0;background:#292b24;aspect-ratio:9/16;text-align:left}.tatler-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s,opacity .4s}.tatler-poster:hover img{transform:scale(1.025)}.tatler-poster .tatler-alternate{position:absolute;inset:0;opacity:0}.tatler-poster:hover .tatler-alternate{opacity:1}.tatler-poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#0b0e0ba1)}.tatler-runtime{position:absolute;right:12px;top:13px;font:9px Arial,sans-serif;letter-spacing:.04em;background:#111b;padding:6px 8px}.tatler-poster-title{position:absolute;left:15px;right:15px;bottom:20px}.tatler-poster-title>span{display:block;font:8px/1.3 Arial,sans-serif;letter-spacing:.09em;color:#e1e2d6;margin-bottom:6px}.tatler-poster-title strong{display:block;font-size:25px;line-height:1.06;font-weight:400;letter-spacing:-.035em;color:white}.tatler-poster .tatler-play{width:44px;height:44px}.tatler-poster .tatler-play svg{width:18px;height:18px}.tatler-social{display:flex;align-items:center;gap:16px;padding:15px 1px 11px}.tatler-social button,.tatler-social a{display:grid;place-items:center;border:0;background:none;padding:0;width:22px;height:22px}.tatler-social svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tatler-social .tatler-bookmark{margin-left:auto}.tatler-social [data-favourite][aria-pressed=true]{color:#ff756f}.tatler-social [data-favourite][aria-pressed=true] svg{fill:#ff756f}.tatler-social [data-save-film][aria-pressed=true] svg{fill:var(--tatler-accent);stroke:var(--tatler-accent)}.tatler-views{margin:0 0 11px;font:10px/1.4 Arial,sans-serif;color:#9da28d}.tatler-views strong{color:var(--tatler-accent);font-weight:400;font-size:15px;margin-right:4px}.tatler-film-caption h3{font-size:21px;font-weight:400;line-height:1.15;margin:0 0 10px}.tatler-film-caption h3 button{border:0;background:none;padding:0;text-align:left}.tatler-film-caption>p:not(.tatler-views){font-size:14px;line-height:1.55;color:#afb2a4;margin:0 0 14px}.tatler-film-tag{font:8px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#7f8671}.tatler-empty{padding:70px 0;text-align:center;color:#bcc3a7;font-size:22px}
.tatler-approach{border-top:1px solid #55564e;display:grid;grid-template-columns:1.15fr 1fr;gap:11vw;padding:70px 2vw}.tatler-approach h2,.tatler-case-cta h2{font-size:clamp(38px,4.4vw,66px);line-height:1.07;font-weight:400;letter-spacing:-.035em;margin:0 0 23px}.tatler-approach h2 em,.tatler-case-cta h2 em{color:var(--tatler-accent);font-weight:400}.tatler-approach>div>p:last-child{font-size:18px;line-height:1.6;color:#bcbfb0;max-width:550px}.tatler-approach-list article{border-top:1px solid #4f5543;padding:18px 0 22px}.tatler-approach-list article:first-child{border-top:0;padding-top:0}.tatler-approach-list article>span{font:9px Arial,sans-serif;letter-spacing:.1em;color:#8f9975}.tatler-approach-list h3{font-size:25px;font-weight:400;margin:12px 0 10px}.tatler-approach-list p{font-size:15px;line-height:1.55;color:#aeb59f;margin:0}.tatler-case-cta{border-top:1px solid #55564e;text-align:center;padding:70px 0 90px}.tatler-case-cta h2{font-size:clamp(45px,6.4vw,96px);margin-bottom:32px}.tatler-instagram-link{display:block;font:10px Arial,sans-serif;margin-top:21px;color:#9ea989!important}
.tatler-player-dialog{background:#10110f;color:#f5f1e6;max-width:min(1000px,96vw);width:100%;max-height:96dvh;border:1px solid #5a6244;padding:20px 28px;overflow:auto}.tatler-player-dialog::backdrop{background:#090a08ef}.tatler-player-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.tatler-player-top p{font:9px Arial,sans-serif;letter-spacing:.09em;margin:0;color:#b0b99d}.tatler-player-top button{border:1px solid #505a3e;background:none;padding:8px 12px;font:10px Arial,sans-serif}.tatler-player-stage{height:min(64dvh,680px);aspect-ratio:9/16;margin:auto;background:#020302}.tatler-player-stage video,.tatler-player-stage iframe{display:block;width:100%;height:100%;border:0;object-fit:contain}.tatler-player-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:20px}.tatler-player-bottom h2{font:400 26px/1.15 Georgia,serif;margin:0 0 7px}.tatler-player-bottom p{font:11px/1.6 Arial,sans-serif;color:#a3ad8f;margin:0;max-width:650px}.tatler-player-bottom>div:last-child{display:flex;align-items:center;gap:15px;white-space:nowrap;font:10px Arial,sans-serif}.tatler-player-bottom button{width:36px;height:36px;background:none;border:1px solid #525e3d;font:18px Arial,sans-serif}.tatler-source-link{display:inline-block;font:10px Arial,sans-serif;margin-top:16px;color:#a9b58f!important}.tatler-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s;background:var(--tatler-accent);color:#131811;padding:14px 22px;font:11px/1.4 Arial,sans-serif;z-index:20;max-width:90vw;text-align:center}.tatler-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.tatler-teaser{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center;background:#191b16;color:#f5f1e6;padding:45px;margin:55px 0}.tatler-teaser h2{font:400 clamp(32px,3.6vw,50px)/1.1 Georgia,serif;letter-spacing:-.03em;margin:15px 0 18px}.tatler-teaser h2 em{font-weight:400;color:#dbe891}.tatler-teaser-copy>p:not(.eyebrow){font-size:17px;line-height:1.6;color:#b5bba7;max-width:410px}.tatler-teaser .text-link{color:#dbe891;border-color:#80945a;margin-top:15px}.tatler-teaser-films{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;color:inherit;text-decoration:none}.tatler-teaser-films figure{margin:0;position:relative;overflow:hidden}.tatler-teaser-films img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;transition:transform .3s}.tatler-teaser-films:hover img{transform:scale(1.03)}.tatler-teaser-films figure>span{position:absolute;inset:0;display:grid;place-items:center}.tatler-teaser-films svg{width:24px;height:24px;fill:white;filter:drop-shadow(0 0 5px #000)}.tatler-teaser-films>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #697651;padding-top:16px;margin-top:6px;gap:15px}.tatler-teaser-films strong{font:400 32px/1 Arial,sans-serif;letter-spacing:-.045em;color:#dbe891}.tatler-teaser-films>div>span{font:8px/1.5 Arial,sans-serif;color:#b4bda1;max-width:120px;text-align:right}
@keyframes tatler-line-in{to{stroke-dashoffset:0}}
/* Put the result in the opening view, beside a real featured film. */
body.viewing-tatler .masthead{grid-template-columns:1fr}
.tatler-hero{grid-template-columns:1.8fr 1fr;gap:6vw;padding:38px 2vw 44px}
.tatler-hero h1{font-size:clamp(38px,4.2vw,62px);margin-bottom:18px}
.tatler-hero-deck{font-size:18px;line-height:1.45;margin-bottom:25px;max-width:640px}
.tatler-hero-film{max-width:260px}
.tatler-hero .tatler-growth{padding:17px 0 15px;margin-bottom:22px}
.tatler-hero .tatler-growth-heading .tatler-kicker{font-size:8px;letter-spacing:.08em}
.tatler-hero .tatler-growth-heading>span{font-size:8px}
.tatler-hero .tatler-growth-numbers{gap:13px;padding:20px 0 17px}
.tatler-hero .tatler-growth-numbers strong{font-size:clamp(47px,5.8vw,86px);gap:5px}
.tatler-hero .tatler-stat-label{font-size:8px;letter-spacing:.07em}
.tatler-hero .tatler-growth-arrow{font-size:35px}
.tatler-hero .tatler-approx{font-size:14px;margin-top:7px}
.tatler-hero .tatler-growth-bottom{grid-template-columns:1.4fr 1fr 1fr;gap:20px;padding:15px 0 0}
.tatler-hero .tatler-growth-bottom strong{font-size:24px;margin-bottom:5px}
.tatler-hero .tatler-growth-line{display:none}
.tatler-hero .tatler-growth-bottom p>span{font-size:9px}
.tatler-hero .tatler-data-note{font-size:8px;line-height:1.5;margin-top:13px}
@media(min-width:1700px){.tatler-case{padding-left:max(4vw,calc((100vw - 1600px)/2));padding-right:max(4vw,calc((100vw - 1600px)/2))}.tatler-film-grid{gap:48px 28px}}
@media(max-width:1100px){.tatler-hero{padding:45px 1vw;gap:5vw}.tatler-hero-film{max-width:270px}.tatler-hero-deck{font-size:18px}.tatler-case-top p{font-size:8px}.tatler-film-grid{gap:35px 17px}.tatler-poster-title strong{font-size:22px}.tatler-film-tools>p{font-size:7px;max-width:160px}.tatler-teaser{gap:30px;padding:30px}.tatler-teaser-films>div{align-items:flex-start}.tatler-teaser-films strong{font-size:26px}.tatler-growth-numbers strong{font-size:10.4vw}}
@media(max-width:750px){.tatler-case{padding:0 22px}.tatler-case-top{font-size:9px;padding:20px 0;gap:12px}.tatler-case-top p{display:none}.tatler-hero{gap:24px;padding:38px 0;grid-template-columns:1.2fr .7fr;align-items:start}.tatler-hero h1{font-size:42px}.tatler-hero-deck{font-size:16px;margin-bottom:23px}.tatler-hero-film{margin-top:40px}.tatler-hero-film-label{display:none}.tatler-hero-links>span{font-size:8px}.tatler-hero-film>p{font-size:8px;gap:15px}.tatler-hero-film .tatler-play{width:42px;height:42px}.tatler-solid-link{padding:13px 15px;font-size:10px;gap:20px}.tatler-kicker{font-size:8px;letter-spacing:.1em;margin-bottom:18px}.tatler-growth-heading>span{display:none}.tatler-growth-numbers{gap:12px;grid-template-columns:1fr .2fr 1.15fr;padding:25px 0}.tatler-growth-numbers strong{font-size:12vw}.tatler-stat-label{font-size:8px;letter-spacing:.06em}.tatler-approx{font-size:13px;margin-top:8px}.tatler-growth-bottom{gap:20px;grid-template-columns:1.4fr 1fr 1fr}.tatler-growth-line{display:none}.tatler-growth-bottom strong{font-size:25px}.tatler-growth-bottom p>span{font-size:9px}.tatler-data-note{font-size:8px}.tatler-film-library{padding:46px 0}.tatler-library-heading h2{font-size:37px}.tatler-library-heading p:last-child{font-size:15px}.tatler-library-total strong{font-size:44px}.tatler-library-total{font-size:7px}.tatler-film-tools{display:block;padding:14px 0}.tatler-film-tools>p{max-width:none;text-align:left;margin-top:13px;font-size:7px}.tatler-filters{gap:7px}.tatler-filters button{font-size:9px;padding:8px 12px}.tatler-views-note{font-size:8px}.tatler-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.tatler-film-account{font-size:9px}.tatler-avatar{width:22px;height:22px;font-size:16px}.tatler-poster-title strong{font-size:25px}.tatler-film-caption h3{font-size:20px}.tatler-approach{grid-template-columns:1fr;gap:28px;padding:40px 0}.tatler-approach h2{font-size:40px}.tatler-approach>div>p:last-child{font-size:16px}.tatler-approach-list h3{font-size:24px}.tatler-case-cta{padding:45px 0 60px}.tatler-case-cta h2{font-size:47px}.tatler-player-dialog{padding:16px;width:94vw;max-width:94vw}.tatler-player-top p{font-size:7px}.tatler-player-stage{height:min(64dvh,650px);max-width:100%}.tatler-player-bottom h2{font-size:21px}.tatler-player-bottom p{font-size:10px}.tatler-player-bottom{gap:12px}.tatler-player-bottom>div:last-child{gap:8px}.tatler-player-bottom button{width:29px;height:29px}.tatler-teaser{grid-template-columns:1fr;padding:26px;margin:35px 0;gap:25px}.tatler-teaser h2{font-size:40px}.tatler-teaser-copy>p:not(.eyebrow){font-size:16px;max-width:550px}.tatler-teaser-films strong{font-size:32px}.tatler-teaser-films>div>span{max-width:none;align-self:center}}
@media(max-width:440px){body.viewing-tatler .wordmark{font-size:28px}.tatler-case{padding:0 15px}.tatler-hero{grid-template-columns:1fr;position:relative;padding:32px 0}.tatler-hero h1{font-size:46px}.tatler-hero-copy{position:relative;z-index:1}.tatler-hero-deck{max-width:310px}.tatler-hero-film{display:none}.tatler-growth-numbers{gap:8px}.tatler-growth-numbers strong{font-size:11.5vw;gap:3px}.tatler-approx{font-size:11px;margin-top:4px}.tatler-growth-bottom{gap:10px}.tatler-growth-bottom strong{font-size:21px}.tatler-growth-bottom p>span{font-size:8px}.tatler-library-heading{gap:14px}.tatler-library-heading h2{font-size:31px}.tatler-library-heading p:last-child{font-size:14px}.tatler-library-total{font-size:6px;white-space:nowrap}.tatler-film-grid{gap:30px 12px}.tatler-film-account{font-size:8px}.tatler-avatar{width:21px;height:21px}.tatler-film-account>a{gap:5px}.tatler-poster-title{left:10px;right:10px;bottom:14px}.tatler-poster-title strong{font-size:20px}.tatler-poster-title>span{font-size:7px}.tatler-runtime{right:9px;top:9px;font-size:8px;padding:5px 6px}.tatler-poster .tatler-play{width:34px;height:34px}.tatler-poster .tatler-play svg{width:15px;height:15px}.tatler-social{gap:12px}.tatler-social svg{width:19px;height:19px}.tatler-film-caption h3{font-size:18px}.tatler-film-caption>p:not(.tatler-views){font-size:12px}.tatler-film-tag{font-size:7px}.tatler-film-caption .tatler-views{font-size:8px}.tatler-views strong{font-size:13px}.tatler-player-bottom{align-items:flex-start;flex-wrap:wrap}.tatler-player-bottom>div:last-child{width:100%;justify-content:center}.tatler-teaser-films strong{font-size:26px}.tatler-teaser-films>div>span{max-width:130px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.tatler-case *, .tatler-teaser *{animation:none!important;transition:none!important}.tatler-chart-line{stroke-dashoffset:0}.tatler-hero-film{transform:none}}
@media(max-width:1100px){.tatler-hero{padding:32px 0;gap:4vw}.tatler-hero .tatler-growth-numbers strong{font-size:6.1vw}.tatler-hero .tatler-growth-heading>span{display:none}.tatler-hero .tatler-growth-bottom strong{font-size:21px}.tatler-hero .tatler-growth-bottom{gap:12px}.tatler-hero-film{max-width:230px}}
@media(max-width:900px){.tatler-hero{grid-template-columns:1fr;max-width:730px;margin:auto}.tatler-hero-film{display:none}.tatler-hero h1{font-size:clamp(38px,6vw,55px)}.tatler-hero .tatler-growth-numbers strong{font-size:clamp(52px,9.3vw,78px)}.tatler-hero-deck{font-size:17px}.tatler-hero .tatler-growth-heading>span{display:block}}
@media(max-width:440px){.tatler-hero h1{font-size:38px}.tatler-hero-deck{font-size:15px;max-width:none}.tatler-hero .tatler-growth-numbers strong{font-size:11.5vw}.tatler-hero .tatler-growth-heading>span{display:none}.tatler-hero .tatler-growth-numbers{gap:7px}.tatler-hero .tatler-growth-bottom{gap:10px}.tatler-hero .tatler-growth-bottom strong{font-size:21px}.tatler-hero .tatler-growth-bottom p>span{font-size:8px}.tatler-hero .tatler-stat-label{font-size:7px}.tatler-hero .tatler-approx{font-size:11px;margin-top:4px}.tatler-hero .tatler-growth-arrow{font-size:25px}}
.tatler-film-account{font-size:11px}.tatler-social{gap:10px;padding:8px 0}.tatler-social button,.tatler-social a{width:34px;height:38px}.tatler-views strong{font-size:20px}.tatler-views span{font-size:10px}.tatler-filters button{font-size:11px}
@media(max-width:440px){.tatler-film-account{font-size:9px}.tatler-social{gap:6px}.tatler-social button,.tatler-social a{width:29px;height:38px}.tatler-film-caption .tatler-views strong{font-size:18px}.tatler-filters button{font-size:10px}.tatler-film-caption .tatler-views span{font-size:9px}}
/* Let the source frames read clearly; titles and descriptions sit below. */
.tatler-poster-title{display:none}.tatler-social button,.tatler-social a{height:44px}
/* Instagram-inspired frames use genuine source films and local portfolio actions. */
.tatler-media{position:relative;overflow:hidden;border-radius:18px;background:#090a09;isolation:isolate}
.tatler-media .tatler-poster{border-radius:inherit}
.tatler-poster-shade{background:linear-gradient(180deg,#0004 0,transparent 24%,transparent 48%,#0008 100%);pointer-events:none}
.tatler-media .tatler-social{position:absolute;right:8px;bottom:12px;left:auto;display:flex;flex-direction:column;gap:3px;padding:0;z-index:2;color:#fff}
.tatler-media .tatler-social button,.tatler-media .tatler-social a{width:42px;height:42px;flex:none;border-radius:50%;background:#15161430;filter:drop-shadow(0 1px 3px #0008);transition:background .2s,transform .2s}
.tatler-media .tatler-social button:hover,.tatler-media .tatler-social a:hover{background:#151614a1;transform:scale(1.08)}
.tatler-media .tatler-social svg{width:23px;height:23px;stroke-width:1.8}
.tatler-media .tatler-social .tatler-bookmark{margin:0}
.tatler-film-account{margin-bottom:12px}
.tatler-film-account>a{min-width:0;gap:9px}
.tatler-film-account>a>span{min-width:0;display:grid;gap:2px}
.tatler-film-account strong{font:600 11px/1.3 Arial,sans-serif;white-space:nowrap}
.tatler-film-account>a>span>span{font:8px/1.3 Arial,sans-serif;color:#9a9c92}
.tatler-avatar{object-fit:cover;border:1px solid #66695e;padding:0;width:32px;height:32px;background:#000;flex:none}
.tatler-runtime{border-radius:7px;right:12px;top:12px}
.tatler-reel-mark{position:absolute;left:13px;bottom:17px;display:flex;align-items:center;gap:6px;font:9px/1.4 Arial,sans-serif;color:#fff;pointer-events:none}
.tatler-reel-mark svg,.tatler-instagram-header-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.tatler-film-caption{padding-top:16px}
.tatler-hero-film.tatler-instagram-frame{transform:none;width:100%;max-width:300px;padding:14px 14px 15px;border:1px solid #3b3e36;border-radius:25px;background:#1e211c;box-shadow:0 18px 50px #0003}
.tatler-instagram-frame .tatler-film-account{margin-bottom:13px}
.tatler-instagram-frame .tatler-film-account strong{font-size:12px}
.tatler-instagram-frame .tatler-film-account>a>span>span{font-size:9px}
.tatler-instagram-frame .tatler-avatar{width:36px;height:36px;aspect-ratio:1}
.tatler-instagram-header-icon{color:#d8dace;display:flex;align-items:center}
.tatler-reel-caption{padding:14px 1px 1px;display:grid;gap:7px}
.tatler-reel-caption>strong{font:600 12px/1.4 Arial,sans-serif}
.tatler-reel-caption>span{font:10px/1.5 Arial,sans-serif;color:#a8ad9e}
.tatler-reel-caption>a{font:10px/1.4 Arial,sans-serif;color:#dbe891}
.tatler-player-dialog{border-radius:24px}
.tatler-player-stage{border-radius:18px;overflow:hidden}
.tatler-player-stage video,.tatler-player-stage iframe{border-radius:18px}
.tatler-player-top button,.tatler-player-bottom button{border-radius:10px}
.tatler-teaser-films figure{border-radius:12px}
.tatler-film-entry{display:flex;align-items:center;gap:15px;border-top:1px solid #8e9182;padding:21px 0;margin-top:28px;color:inherit;text-decoration:none}
.tatler-film-entry>img{width:52px;height:52px;border-radius:50%;background:#000}
.tatler-film-entry>span:nth-child(2){display:grid;gap:6px}
.tatler-film-entry strong{font:400 27px/1.1 Georgia,serif}
.tatler-film-entry>span:nth-child(2)>span{font:11px/1.5 Arial,sans-serif;color:#65685e}
.tatler-film-entry>span:last-child{margin-left:auto;font-size:26px}
@media(max-width:1100px){.tatler-hero-film.tatler-instagram-frame{max-width:265px;padding:12px}.tatler-film-account strong{font-size:10px}.tatler-film-account>a>span>span{font-size:7px}}
@media(max-width:900px){.tatler-hero-film.tatler-instagram-frame{display:block;justify-self:center;margin-top:10px;max-width:270px}.tatler-hero{grid-template-columns:1fr;gap:25px}}
@media(max-width:750px){.tatler-film-account>a>span>span{display:none}.tatler-instagram-frame .tatler-film-account>a>span>span{display:block}.tatler-media{border-radius:15px}.tatler-media .tatler-social{right:6px;bottom:8px;gap:1px}.tatler-media .tatler-social button,.tatler-media .tatler-social a{width:38px;height:40px}.tatler-media .tatler-social svg{width:21px;height:21px}.tatler-film-caption{padding-top:13px}.tatler-avatar{width:27px;height:27px}.tatler-reel-mark{left:10px;bottom:14px;font-size:8px}}
@media(max-width:440px){.tatler-film-account strong{font-size:9px}.tatler-film-account>a{gap:6px}.tatler-avatar{width:24px;height:24px}.tatler-film-number{font-size:7px}.tatler-media .tatler-social{right:4px;bottom:6px}.tatler-media .tatler-social button,.tatler-media .tatler-social a{width:35px;height:38px}.tatler-media .tatler-social svg{width:19px;height:19px}.tatler-runtime{top:9px;right:9px}.tatler-poster .tatler-play{width:37px;height:37px}.tatler-film-entry strong{font-size:23px}.tatler-film-entry>span:nth-child(2)>span{font-size:10px}}
