@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Anton&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--blue:#222cff;--yellow:#edff65;--ink:#131419;--paper:#f3f3ef;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ff6c30;outline-offset:6px}button{color:inherit}.header{height:94px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;background:var(--paper);border-bottom:1px solid #13141922;position:relative;z-index:5}.logo{font-family:'Space Grotesk',Arial,sans-serif;font-size:45px;font-weight:700;letter-spacing:-4px;line-height:1}.logo span{font-size:15px;letter-spacing:0;vertical-align:top;margin-left:5px}.header nav{display:flex;gap:40px;font-size:16px;font-weight:500}.header nav a{position:relative;padding:9px 0}.header nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--blue);transition:width .35s}.header nav a:hover:after{width:100%}sup{font-size:12px;margin-left:4px}.menu{display:none}.hero{background:var(--blue);color:var(--yellow);position:relative;padding:32px 4% 27px;min-height:660px;overflow:hidden}.hero-top{display:flex;justify-content:space-between;font-size:13px;letter-spacing:1.5px}.hero-top p{margin:0}.hero h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(70px,10.7vw,170px);font-weight:600;line-height:.96;letter-spacing:-.075em;margin:54px 0 35px;position:relative;z-index:1;animation:enter 1s var(--ease) both}.outline{-webkit-text-stroke:2px var(--yellow);color:transparent}.hero-bottom{display:flex;gap:80px;align-items:flex-end;position:relative;z-index:2}.hero-bottom p{line-height:1.5;font-size:17px;margin:0}.work-link{display:flex;align-items:center;gap:18px;border-bottom:1px solid #edff6577;padding-bottom:8px}.small-circle{border:1px solid var(--yellow);width:31px;height:31px;border-radius:50%;display:grid;place-items:center}.orbit{position:absolute;width:215px;height:215px;right:7%;bottom:105px;border-radius:50%;transition:transform .5s var(--ease)}.orbit:hover{transform:scale(1.07)}.orbit svg{width:100%;height:100%;animation:rotate 25s linear infinite;fill:var(--yellow);font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:500;letter-spacing:3px}.orbit-center{position:absolute;inset:47px;background:var(--yellow);border-radius:50%;color:var(--blue);display:grid;place-items:center;font-size:98px;font-weight:700;letter-spacing:-8px;line-height:1}.orbit-center>span{position:absolute;font-size:38px;right:18px;top:8px;letter-spacing:0}.hero-index{font-size:12px;letter-spacing:1px;margin-top:44px;opacity:.8}.work{padding:76px 4% 80px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.section-heading h2{font-size:clamp(30px,3vw,46px);font-family:'Space Grotesk',sans-serif;letter-spacing:-2px;margin:0}.section-heading h2 span{font-size:17px;letter-spacing:0;vertical-align:top;font-weight:400}.section-heading p{font-size:15px;line-height:1.5;margin:0}.filters{display:flex;gap:10px;margin:32px 0}.filters button{border:1px solid #13141944;background:transparent;padding:10px 20px;border-radius:30px;font-size:14px;transition:background .25s,color .25s}.filters button.active,.filters button:hover{background:var(--ink);color:var(--paper)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 24px}.project{background:none;border:0;text-align:left;padding:0;display:block;width:100%}.project-image{aspect-ratio:1.45;position:relative;background:var(--blue);overflow:hidden}.project:nth-child(2) .project-image{background:#ed7946}.project:nth-child(3) .project-image{background:#292a30}.project:nth-child(4) .project-image{background:#b6ed47}.project:nth-child(5) .project-image{background:#bfa0f4}.project:nth-child(6) .project-image{background:#ea643e}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.project:hover img{transform:scale(1.045)}.project-image:after{content:'View project';position:absolute;right:20px;bottom:20px;border-radius:40px;background:var(--paper);color:var(--ink);padding:12px 18px;font-size:14px;transform:translateY(75px);transition:transform .4s var(--ease)}.project:hover .project-image:after,.project:focus-visible .project-image:after{transform:translateY(0)}.project-info{display:flex;justify-content:space-between;padding-top:18px;gap:12px}.project-info h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:0}.project-info p{font-size:14px;margin:5px 0 0;color:#58585c}.project-info>span{font-size:13px;padding-top:5px}.project[hidden]{display:none}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.visible{opacity:1;transform:none}.ticker{background:var(--yellow);padding:22px 0;overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.ticker>div{white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-size:38px;font-weight:600;letter-spacing:-1.5px;width:max-content;animation:marquee 32s linear infinite}.ticker span{display:inline-block;margin:0 35px}.about{padding:100px 4%;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px}.about-label{font-size:13px;letter-spacing:1px;padding-top:10px}.about h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(42px,5vw,76px);line-height:1.03;letter-spacing:-4px;font-weight:500;margin:0 0 30px}.about p{max-width:570px;font-size:18px;line-height:1.65;color:#45464b}.services{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:35px;font-size:14px}.about-stamp{width:180px;height:180px;background:var(--yellow);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:'Space Grotesk',sans-serif;font-size:43px;font-weight:700;letter-spacing:-3px;transform:rotate(12deg);align-self:center}.about-stamp span{font-size:12px;text-align:center;line-height:1.4;letter-spacing:1px;margin-top:10px}.contact{background:var(--ink);color:var(--paper);padding:52px 4%}.contact>p{font-size:13px;letter-spacing:1.5px}.contact h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(65px,10vw,150px);font-weight:500;letter-spacing:-.075em;line-height:1;margin:40px 0}.contact h2 span{color:var(--yellow)}.contact-row{display:flex;justify-content:space-between;align-items:center}.contact-row p{font-size:16px;line-height:1.5}.contact-row .contact-cta{background:var(--yellow);color:var(--ink);border:0;border-radius:50px;padding:20px 30px;transition:transform .3s,background .3s}.contact-row .contact-cta:hover{transform:translateY(-3px);background:white}.contact-note{padding:20px 0;color:var(--yellow)}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 4%;gap:20px}footer p,footer>a:last-child{font-size:13px}dialog{border:0;padding:0;width:min(1000px,94vw);max-height:90dvh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#131419c9;backdrop-filter:blur(7px)}.close{position:sticky;top:16px;float:right;margin:16px;z-index:2;border:0;padding:12px 20px;border-radius:30px;background:var(--yellow)}.detail-image{display:block;width:100%;margin-top:-72px;max-height:65vh;object-fit:cover}.detail-copy{padding:35px}.detail-copy h2{font-family:'Space Grotesk',sans-serif;font-size:45px;letter-spacing:-2px;margin:0 0 15px}.detail-copy p{font-size:17px;line-height:1.65;max-width:700px}.detail-meta{display:flex;gap:25px;font-size:14px;border-top:1px solid #13141933;padding-top:20px;margin-top:25px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:800px}.orbit{width:260px;height:260px;bottom:140px}.orbit-center{inset:58px}}
@media(max-width:800px){.header{height:78px}.header nav{gap:20px;font-size:14px}.logo{font-size:38px}.hero{min-height:640px;padding:26px 5%}.hero-top{font-size:11px}.hero-top p:last-child{display:none}.hero h1{font-size:clamp(65px,13vw,104px);margin:50px 0 30px}.hero-bottom{gap:25px;align-items:flex-start;flex-direction:column}.hero-bottom p{font-size:16px}.orbit{width:160px;height:160px;right:5%;bottom:44px}.orbit-center{inset:35px;font-size:76px}.orbit-center>span{font-size:28px;right:13px}.hero-index{margin-top:70px}.work{padding:50px 5%}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading h2{letter-spacing:-1px}.filters{gap:8px;flex-wrap:wrap}.filters button{padding:9px 13px;font-size:13px}.grid{gap:30px 16px}.project-info{flex-direction:column;gap:0}.project-info h3{font-size:20px}.project-info>span{display:none}.project-image{aspect-ratio:1.1}.about{padding:60px 5%;grid-template-columns:1fr;gap:25px}.about h2{letter-spacing:-2px}.about-stamp{display:none}.ticker>div{font-size:28px}.contact{padding:40px 5%}.contact h2{margin:32px 0}.contact-row{gap:20px;align-items:flex-start;flex-direction:column}footer{flex-wrap:wrap}.detail-copy{padding:24px}.detail-meta{flex-wrap:wrap}}
@media(max-width:460px){.grid{grid-template-columns:1fr}.project-image{aspect-ratio:1.3}.hero h1{font-size:14.4vw}.hero{min-height:580px}.header nav{display:none}.menu{display:block;border:1px solid #13141944;padding:9px 14px;border-radius:25px;background:none;font-size:14px}.header nav.open{position:absolute;display:flex;left:0;right:0;top:78px;background:var(--paper);padding:20px;justify-content:space-between;border-bottom:1px solid #13141933}.orbit{width:145px;height:145px}.orbit-center{inset:32px;font-size:68px}.services{grid-template-columns:1fr}.contact h2{font-size:17vw}.hero-top{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


@font-face{font-family:MorossHeading;src:url('assets/menu-heading.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:MorossBody;src:url('assets/menu-body.woff2') format('woff2');font-weight:400;font-display:swap}
.moross-menu{position:fixed;z-index:30;top:7px;left:50%;transform:translateX(-50%);width:237px;max-width:calc(100vw - 24px);color:#050505}
#navigation-panel{display:grid;grid-template-rows:0fr;background:#ff8000;transition:grid-template-rows .6s cubic-bezier(.25,.1,.25,1);border:0;margin:0;padding:0;width:100%;position:static;max-height:none;overflow:hidden;box-shadow:none}
.moross-menu.is-open #navigation-panel{grid-template-rows:1fr}
.panel-inner{min-height:0;overflow:hidden}
.panel-links{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:32px 20px 0;max-height:calc(100dvh - 84px);overflow-y:auto;opacity:0;transition:opacity .25s ease}
.is-open .panel-links{opacity:1;transition-delay:.15s}
.panel-links a,.panel-links .social-placeholder{font-family:MorossHeading,'Anton',Impact,sans-serif;font-size:32px;font-weight:400;line-height:.85;letter-spacing:.02em;text-transform:uppercase;display:block;padding:0;margin:0 0 3px;transition:opacity .3s ease}
.panel-links a:hover,.panel-links .social-placeholder:hover{opacity:.5;transform:none;color:inherit}
.panel-links a:focus-visible,.social-placeholder:focus-visible,.menu-tab:focus-visible{outline:2px solid #050505;outline-offset:3px}
.panel-group{display:flex;flex-direction:column;align-items:center;width:100%}
.panel-group>span{font-family:MorossBody,Arial,sans-serif;font-size:19px;font-weight:400;line-height:1.3;text-transform:uppercase;margin:0 0 6px}
.panel-links .social-placeholder{border:0;background:transparent;color:inherit;cursor:pointer}
.moross-menu .menu-tab{display:block;position:relative;margin:0;width:100%;height:77px;padding:0;border:0;border-radius:0;background:none;cursor:pointer;line-height:0}
.menu-tab svg{display:block;width:100%;height:100%}
.social-note{font-family:MorossBody,sans-serif;font-size:13px;line-height:1.4;margin:3px 0 0;max-width:200px}
@media(max-width:600px){.moross-menu{width:237px}.panel-links{padding-top:30px}.panel-links a,.panel-links .social-placeholder{font-size:32px}}
@media(max-height:540px){.panel-links{padding-top:22px;gap:10px}.panel-links a,.panel-links .social-placeholder{font-size:29px}.panel-group>span{font-size:17px}.moross-menu .menu-tab{height:60px}.panel-links{max-height:calc(100dvh - 67px)}}
@media(prefers-reduced-motion:reduce){#navigation-panel,.panel-links{transition:none}}

/* BiDu's editorial opening. */
.header{border-bottom:0;background:#f4f4ee;padding:0 4.5%;height:100px}.header .logo{color:#222cff}
.editorial-hero{background:#f4f4ee;color:#202648;padding:28px 4.5% 0;min-height:0;overflow:hidden}
.editorial-hero .hero-top{font-size:12px;letter-spacing:1.1px;padding:0 0 22px;border-bottom:1px solid #20264825}
.hero-composition{display:grid;grid-template-columns:1.12fr 1fr;gap:5%;position:relative;padding:48px 0 55px;align-items:center}
.hero-kicker{font-size:12px;letter-spacing:1.3px;color:#62667b}
.editorial-hero h1{font-size:clamp(66px,6.8vw,113px);font-weight:500;letter-spacing:-.065em;line-height:1.04;margin:22px 0 25px;animation:enter 1s var(--ease) both}
.editorial-hero h1 em{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.055em;color:var(--blue);font-size:1.07em;line-height:1.03}
.editorial-hero .hero-description{font-size:17px;line-height:1.65;letter-spacing:-.2px;margin:0 0 28px;color:#5c6071}
.editorial-hero .work-link{display:inline-flex;font-size:15px;font-weight:600;gap:24px;padding-bottom:8px;border-bottom:1px solid #202648;transition:color .3s,gap .3s}
.editorial-hero .work-link:hover{color:var(--blue);gap:35px}.link-line{width:35px;height:1px;background:currentColor}
.hero-artboard{position:relative;min-width:0;height:510px;background:#dce2ff;border-radius:48% 48% 8px 8px}
.artboard-label{position:absolute;top:27px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:1.2px;color:#434c80}
.hero-art{position:absolute;display:block;padding:10px 10px 0;border:0;background:white;box-shadow:0 18px 40px #1d2e6020;text-align:left;transition:box-shadow .5s var(--ease)}
.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.hero-art>span{display:block;font-size:10px;font-weight:500;letter-spacing:1px;padding:13px 1px;color:#252a41;white-space:normal}
.hero-art-main{width:66%;left:3%;top:78px;transform:rotate(-9deg);animation:float-main 9s ease-in-out infinite}
.hero-art-small{width:45%;right:-3%;bottom:30px;transform:rotate(9deg);animation:float-small 8s ease-in-out infinite}
.hero-art:hover{box-shadow:0 25px 48px #1d2e603a}.hero-art:focus-visible{outline:3px solid var(--blue);outline-offset:7px}
.artboard-note{position:absolute;left:7%;bottom:31px;color:#434c80;font-size:13px;line-height:1.45;letter-spacing:-.3px}
.editorial-hero .orbit{width:133px;height:133px;left:47%;right:auto;bottom:85px;z-index:3;transform:rotate(-10deg)}
.editorial-hero .orbit:hover{transform:rotate(-10deg) scale(1.05)}.editorial-hero .orbit svg{fill:var(--blue);font-size:15px}.editorial-hero .orbit-center{inset:30px;background:#ffc39e;color:#222cff;font-size:62px;letter-spacing:-4px}.editorial-hero .orbit-center>span{font-size:23px;right:11px;top:5px}
.hero-foot{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #20264825;font-size:11px;letter-spacing:1px;color:#62667b}
@keyframes float-main{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-9px) rotate(-7deg)}}@keyframes float-small{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(8px) rotate(7deg)}}
@media(min-width:1600px){.hero-artboard{height:570px}.hero-composition{padding-top:55px;padding-bottom:65px;gap:7%}.hero-art-main{width:62%;left:4%}.hero-art-small{width:42%;bottom:36px;right:1%}.editorial-hero .orbit{left:46%;bottom:90px}}
@media(max-width:1000px){.hero-composition{gap:3%;grid-template-columns:1.05fr 1fr}.hero-artboard{height:440px}.editorial-hero h1{font-size:clamp(59px,7vw,76px)}.hero-art-main{top:85px;width:73%;left:0}.hero-art-small{width:51%;bottom:50px}.editorial-hero .orbit{width:110px;height:110px;left:45%;bottom:62px}.editorial-hero .orbit-center{inset:25px;font-size:50px}.editorial-hero .orbit-center>span{font-size:19px;right:8px}.artboard-note{bottom:19px;font-size:12px}.hero-foot span:nth-child(2){display:none}}
@media(max-width:700px){.header{height:98px}.header .logo{font-size:35px}.editorial-hero{padding:22px 6% 0}.editorial-hero .hero-top{font-size:10px}.editorial-hero .hero-top p:last-child{display:none}.hero-composition{grid-template-columns:1fr;gap:44px;padding:30px 0 36px}.editorial-hero h1{font-size:clamp(59px,12vw,86px);margin-top:17px;letter-spacing:-.06em}.hero-kicker{font-size:11px}.editorial-hero .hero-description{font-size:16px;margin-bottom:21px}.hero-artboard{height:440px;width:92%;margin:0 auto}.hero-art-main{width:65%;left:0;top:75px}.hero-art-small{width:46%;right:-4%;bottom:34px}.editorial-hero .orbit{left:auto;right:1%;bottom:437px;width:105px;height:105px}.editorial-hero .orbit-center{inset:23px;font-size:49px}.artboard-label{font-size:10px;top:30px}.hero-foot{font-size:10px;gap:15px}.hero-art>span{font-size:9px;padding:11px 0}}
@media(max-width:420px){.hero-artboard{height:355px}.editorial-hero .orbit{bottom:345px;width:96px;height:96px;right:-2%}.editorial-hero .orbit-center{inset:22px;font-size:44px}.hero-art-main{top:64px}.hero-art-small{bottom:29px}.artboard-note{font-size:11px;bottom:24px;left:4%}.hero-foot span:first-child{max-width:150px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.hero-art-main,.hero-art-small{animation:none}}

.editorial-hero .hero-top,.hero-kicker,.artboard-label,.hero-art>span,.hero-foot{font-size:12px}.hero-art>span{letter-spacing:.4px;line-height:1.3}

/* Skills presented as an editorial service list. */
.capabilities{padding:0 4% 100px}.capabilities .section-heading{align-items:baseline;margin-bottom:40px}.capability-list{border-top:1px solid #13141935}.capability-row{display:grid;grid-template-columns:64px 1fr 1.4fr;gap:32px;padding:32px 0;border-bottom:1px solid #13141935;align-items:start}.capability-number{font-size:14px;color:var(--blue);padding-top:5px}.capability-row h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(23px,2.3vw,34px);font-weight:500;letter-spacing:-1px;line-height:1.15;margin:0}.capability-row p{font-size:16px;line-height:1.65;color:#45464b;max-width:680px;margin:0}.skill-tools{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:17px 0 0}.skill-tools li{font-size:14px;line-height:1.4;border:1px solid #13141930;border-radius:24px;padding:7px 13px;background:transparent}.capability-row:hover .capability-number{color:#131419}.capability-row h3{overflow-wrap:break-word}
@media(max-width:800px){.capabilities{padding:0 5% 60px}.capabilities .section-heading{align-items:flex-start;margin-bottom:28px}.capability-row{grid-template-columns:35px 1fr;gap:12px 18px;padding:27px 0}.capability-row>div{grid-column:2}.capability-row h3{font-size:25px}.capability-row h3 br{display:none}.capability-row p{font-size:16px}.skill-tools li{font-size:14px}}

/* Portrait video work keeps the original frame intact. */
.video-work{padding:68px 4% 76px;background:#202648;color:#f4f4ee}.video-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-bottom:1px solid #f4f4ee35;padding-bottom:24px}.video-heading h2{font-family:'Space Grotesk',sans-serif;font-size:46px;letter-spacing:-2px;font-weight:500;margin:0}.video-heading h2 span{font-size:17px;letter-spacing:0;vertical-align:top}.video-heading>p{font-size:15px;margin:0;line-height:1.5;color:#d4d7e6}.video-project{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:44px}.video-eyebrow{font-size:13px;letter-spacing:1.5px;color:#edff65;margin:0 0 22px}.video-copy h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(48px,6vw,90px);letter-spacing:-2px;line-height:1.05;margin:0 0 24px}.video-description{font-size:18px;line-height:1.6;color:#d4d7e6;max-width:360px;margin:0}.video-details{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0 0;border-top:1px solid #f4f4ee35;padding-top:20px}.video-details dt{font-size:12px;letter-spacing:1px;color:#b6bdd8;text-transform:uppercase;margin-bottom:9px}.video-details dd{font-size:15px;line-height:1.4;margin:0}.video-player{width:min(350px,100%);justify-self:center}.video-player video{display:block;width:100%;aspect-ratio:9/16;max-height:680px;object-fit:contain;background:#10121c;border-radius:16px}.video-player>p{font-size:13px;letter-spacing:.4px;color:#d4d7e6;margin:14px 0 0}
@media(max-width:800px){.video-work{padding:48px 5% 55px}.video-heading{align-items:flex-start;flex-direction:column;gap:12px}.video-heading h2{font-size:36px}.video-project{grid-template-columns:1fr;gap:36px;padding-top:30px}.video-copy h3{font-size:58px}.video-copy h3 br{display:none}.video-details{max-width:500px;margin-top:27px}.video-player{width:min(320px,100%)}.video-player video{max-height:70svh}.video-description{font-size:17px;max-width:480px}}

@media(max-width:600px){.video-work{padding:32px 5% 38px}.video-heading{padding-bottom:18px;gap:8px}.video-heading h2{font-size:30px;letter-spacing:-1px}.video-heading>p{font-size:14px}.video-project{gap:24px;padding-top:23px}.video-eyebrow{font-size:12px;margin-bottom:14px}.video-copy h3{font-size:42px;letter-spacing:-1px;margin-bottom:16px}.video-description{font-size:16px;line-height:1.5}.video-details{margin-top:20px;padding-top:15px;gap:12px}.video-details dt{font-size:12px;margin-bottom:6px}.video-details dd{font-size:14px}.video-player{width:min(240px,100%)}.video-player video{max-height:54svh;border-radius:12px}.video-player>p{font-size:12px;margin-top:10px}}