@charset "UTF-8";
:root{--paper:#fafaf8;--white:#fff;--ink:#252724;--muted:#72756e;--line:#e0e2dc;--accent:#dc613b;--soft:#efefea;--side:272px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;width:100%;height:auto}p,h1,h2,h3,figure{margin:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}::selection{background:#f4c9b9;color:var(--ink)}.skip-link{position:fixed;left:20px;top:-70px;background:var(--ink);color:white;padding:12px 18px;z-index:20}.skip-link:focus{top:12px}.kicker{display:block;font-size:10px;letter-spacing:1.6px;line-height:1.5;font-weight:700;color:var(--muted)}
.profile{position:fixed;left:0;top:0;bottom:0;width:var(--side);padding:39px 30px 25px;background:var(--white);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.monogram{display:flex;align-items:center;justify-content:center;width:49px;height:49px;background:var(--ink);color:#fff!important;border-radius:9px;font-size:31px;letter-spacing:-2px;font-weight:700;line-height:1;flex-shrink:0}.monogram span{color:#f58b63}.profile-identity{margin-top:29px}.profile-name{font-size:32px;font-weight:700;line-height:1.07;letter-spacing:-1.2px;display:block}.name-dot{color:var(--accent)}.profile-role{font-size:13px;line-height:1.6;margin-top:15px;font-weight:600}.profile-intro{font-size:12px;line-height:1.8;color:var(--muted);margin:22px 0 16px;max-width:200px}.location{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.location span{height:6px;width:6px;background:#6e8970;border-radius:50%}.profile-nav{margin-top:36px;display:grid;gap:4px}.profile-nav a{display:flex;gap:10px;align-items:center;padding:10px 0;font-size:12px;font-weight:600;min-height:44px}.profile-nav a>span:first-child{font-size:9px;font-weight:400;color:#a2a59d}.profile-nav a.current{color:var(--accent)}.profile-nav small{font-size:8px;color:var(--muted);font-weight:400}.nav-arrow{margin-left:auto;color:#a2a59d}.profile-bottom{margin-top:auto;padding-top:35px;display:grid;gap:13px}.email-button{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:11px 13px;font-size:12px;font-weight:600;min-height:44px}.studio-link{font-size:10px;color:var(--muted);min-height:34px;display:flex;align-items:center}.profile-note{font-size:8px;letter-spacing:1.3px;color:#999c95}
.main-shell{margin-left:var(--side);padding:44px 48px 0;max-width:1570px}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px}.work-heading h1{font-size:44px;line-height:1.2;letter-spacing:-1.8px;margin-top:11px}.work-heading h1>span{color:var(--accent)}.work-heading p{font-size:13px;color:var(--muted);margin-top:11px;max-width:460px}.project-count{font-size:9px;line-height:1.9;letter-spacing:1px;text-align:right;flex-shrink:0;padding-bottom:3px}.project-count span{color:var(--muted);font-size:8px}.project-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:46px 26px}.card-image{display:block;position:relative;height:clamp(230px,24vw,360px);overflow:hidden;background:#ecebe7}.card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.card-image:hover>img{transform:scale(1.035)}.drama-card .card-image>img{object-position:center}.vertical-preview{background:#e8e7e2;display:flex;justify-content:center}.vertical-preview>img{height:100%;width:auto;max-width:100%;object-fit:contain}.media-chip{position:absolute;top:15px;left:15px;background:rgba(250,250,248,.94);color:#3c4039;padding:4px 7px;font-size:8px;letter-spacing:.7px;font-weight:700}.card-action{position:absolute;top:14px;right:14px;display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:var(--paper);color:var(--ink);font-size:18px;transition:background .2s,color .2s}.card-image:hover .card-action{background:var(--accent);color:white}.film-time{position:absolute;bottom:14px;right:15px;color:white;background:rgba(20,22,19,.75);font-size:10px;letter-spacing:1px;padding:3px 7px}.card-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:8px;letter-spacing:1px;line-height:1.5;margin:17px 0 8px}.project-card h2{font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.6px}.project-card h2 a{display:flex;justify-content:space-between;gap:12px}.project-card h2 a span{font-size:17px;flex-shrink:0;font-weight:400}.card-description{font-size:12px;line-height:1.75;color:var(--muted);max-width:370px;margin-top:9px}.contribution{font-size:10px;line-height:1.9;margin-top:13px}.contribution>span{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);margin-bottom:2px}.case-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;border-bottom:1px solid var(--line);padding:12px 0 13px;margin-top:3px;min-height:44px}.case-link span{font-size:17px}.diagram-preview{background:#e8ece6}.research-art{height:100%;width:100%;background:#e8ece6;color:#485a49;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.diagram-label{font-size:8px;letter-spacing:1.3px}.diagram-nodes{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}.diagram-node{display:flex;flex-direction:column;align-items:center;gap:15px;min-width:46px}.diagram-node>span{font-size:10px}.diagram-nodes>b{font-size:17px;font-weight:400;color:#8e9c8e;margin-top:-28px}.condition-glyph{display:grid;gap:7px;height:52px;width:45px;align-content:center}.condition-glyph i{height:4px;background:#718574;display:block}.condition-glyph i:nth-child(2){width:65%}.condition-glyph i:nth-child(3){width:83%}.grid-glyph{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;height:52px;width:52px;transform:rotate(-8deg)}.grid-glyph i{background:#5e795e;opacity:.3}.grid-glyph i:nth-child(3n){opacity:.8}.grid-glyph i:nth-child(2n){opacity:.55}.chart-glyph{display:flex;align-items:flex-end;gap:5px;width:49px;height:52px;border-bottom:1px solid #9da99d}.chart-glyph i{display:block;width:8px;background:#718574;height:20px}.chart-glyph i:nth-child(2){height:33px}.chart-glyph i:nth-child(3){height:28px}.chart-glyph i:nth-child(4){height:46px}.diagram-bottom{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#6f806f}.diagram-bottom span:first-child{letter-spacing:1px}
.about-section,.experience-section{display:grid;grid-template-columns:1fr 1.75fr;gap:45px;border-top:1px solid var(--line);padding:54px 0;scroll-margin-top:30px}.about-section{margin-top:70px}.section-label h2{font-size:25px;line-height:1.25;letter-spacing:-.8px;margin-top:13px}.about-content>p{color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:16px}.about-content>p.about-lead{color:var(--ink);font-size:18px;line-height:1.6;font-weight:500}.skills-table{border-top:1px solid var(--line);margin-top:26px}.skills-table>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.skills-table h3{font-size:11px;font-weight:600}.skills-table p{font-size:11px;color:var(--muted)}.inline-link{font-size:12px;font-weight:600;display:inline-block;border-bottom:1px solid #b9bdb4;padding:4px 0;margin-top:20px}.experience-item{position:relative;padding:0 0 22px 0;margin-bottom:22px;border-bottom:1px solid var(--line)}.experience-item:last-child{margin-bottom:0}.experience-item .date{font-size:9px;letter-spacing:.6px;color:var(--muted)}.experience-item h3{font-size:15px;font-weight:600;line-height:1.4;margin-top:6px}.experience-item p{font-size:12px;margin-top:5px;color:#555a52}.experience-item p.detail{font-size:11px;color:var(--muted);margin-top:8px}.contact-strip{border-top:1px solid var(--line);padding:38px 0 44px;display:flex;gap:25px;align-items:center;justify-content:space-between}.contact-strip h2{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.5px}.contact-strip>div>a{font-size:12px;display:block;margin-top:9px;overflow-wrap:anywhere}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 19px;font-size:11px;font-weight:600;min-height:44px;white-space:nowrap}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:var(--accent)}.footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;font-size:9px;color:var(--muted);padding:22px 0 28px}.footer a{padding:5px 0;min-height:30px;display:flex;align-items:center}.footer span{margin-right:auto}
.case-top{display:flex;justify-content:space-between;align-items:center;padding:0 0 25px;border-bottom:1px solid var(--line);font-size:11px}.case-top>a{min-height:36px;display:flex;align-items:center}.case-top>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.case-header{padding:38px 0 27px;max-width:800px}.case-header h1{font-size:clamp(38px,4.2vw,64px);line-height:1.07;letter-spacing:-2px;font-weight:600;margin-top:15px}.case-header>p{font-size:15px;line-height:1.7;color:var(--muted);margin-top:20px;max-width:580px}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:0 0 31px}.project-facts dt{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:7px}.project-facts dd{margin:0;font-size:12px;line-height:1.7}.case-video{background:#171a17;line-height:0;width:100%}.case-video video{display:block;aspect-ratio:16/9;max-height:75vh;max-width:100%;width:100%;height:auto;object-fit:contain}.case-video.portrait-video{background:#e9e8e2;padding:24px;display:flex;justify-content:center}.portrait-video video{width:auto;aspect-ratio:9/16;height:min(630px,74vh);max-width:100%;object-fit:contain;max-height:none;background:#191b18}.media-caption{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.3px;color:var(--muted);padding:11px 0 28px}.media-caption a{font-size:10px;letter-spacing:0}.video-error{font-size:12px;background:#fbe7df;padding:15px;margin:0 0 25px}.case-section{display:grid;grid-template-columns:1fr 1.75fr;gap:45px;padding:43px 0;border-top:1px solid var(--line)}.case-section h2{font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.7px;margin-top:12px}.case-body>p{font-size:13px;color:var(--muted);line-height:1.85;margin-bottom:17px}.case-body>p:last-child{margin-bottom:0}.case-body>p.large-copy{font-size:19px;line-height:1.55;color:var(--ink);font-weight:500}.role-list{list-style:none;padding:0;margin:0}.role-list li{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.role-list li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.role-list strong{display:block;font-size:14px;line-height:1.5;margin-bottom:7px;font-weight:600}.role-list span{display:block;font-size:12px;line-height:1.85;color:var(--muted)}.frame-section{padding:14px 0 44px}.frame-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.frame-heading p{font-size:10px;color:var(--muted)}.frame-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}figcaption{font-size:10px;line-height:1.6;color:var(--muted);margin-top:10px}figcaption span{font-size:9px;color:var(--accent);margin-right:8px}.process-list{list-style:none;margin:0;padding:0}.process-list li{display:flex;gap:20px;padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.process-list li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.process-list li>span{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);width:32px;height:32px;flex-shrink:0;font-size:10px;color:var(--accent)}.process-list h3{font-size:14px;font-weight:600}.process-list p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:6px}.outcome{display:flex;gap:24px;align-items:flex-start}.outcome>strong{font-size:38px;line-height:1;letter-spacing:-1.5px;font-weight:500;color:var(--accent);white-space:nowrap}.outcome h3{font-size:15px;font-weight:600;line-height:1.4}.outcome p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:9px}.outcome .inline-link{font-size:11px;margin-top:12px}.next-project{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px 0;margin-top:17px;border-top:1px solid var(--line)}.next-project strong{display:block;font-size:24px;line-height:1.3;letter-spacing:-.6px;font-weight:500;margin-top:9px}.next-project>span{font-size:37px;font-weight:400}.ad-breakdown{display:grid;grid-template-columns:1fr 1.35fr;gap:40px;padding:20px 0 50px;align-items:center}.ad-breakdown figure{max-width:300px;margin:auto}.ad-breakdown h2{font-size:31px;line-height:1.2;margin-top:15px;letter-spacing:-1px}.annotation-list{list-style:none;margin:27px 0 0;padding:0}.annotation-list li{display:flex;gap:18px;border-top:1px solid var(--line);padding:19px 0}.annotation-list li>span{font-size:10px;color:var(--accent);padding-top:3px}.annotation-list h3{font-size:13px;line-height:1.4}.annotation-list p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:7px}.full-frame{padding:0 0 40px}.research-case-art{height:300px;margin-bottom:35px}.research-case-art .research-art{padding:30px 42px}.research-case-art .diagram-nodes{max-width:550px;width:100%;align-self:center}.research-case-art .diagram-node>span{font-size:13px}.research-highlight{padding:37px;background:#e8ece6;margin:0 0 35px}.research-highlight>strong{font-size:57px;display:block;line-height:1.1;letter-spacing:-2px;margin:18px 0 14px;font-weight:500;color:#4d654f}.research-highlight h2{font-size:22px;line-height:1.4;font-weight:500}.research-highlight p{font-size:11px;color:var(--muted);margin-top:17px}.tool-note{padding:20px;background:var(--soft);margin-top:24px;font-size:12px}.tool-note p{font-size:12px;margin-top:9px;line-height:1.8;color:var(--muted)}
@media(min-width:1600px){:root{--side:300px}.profile{padding:45px 38px}.main-shell{padding:54px 65px 0}.card-image{height:350px}.project-card h2{font-size:25px}.card-description{font-size:14px}.contribution{font-size:12px}.work-heading{margin-bottom:40px}.work-heading h1{font-size:52px}}
@media(max-width:1100px){:root{--side:230px}.profile{padding:30px 23px 24px}.profile-name{font-size:29px}.profile-intro{font-size:11px}.main-shell{padding:35px 30px 0}.project-count{display:none}.project-grid{grid-template-columns:1.2fr 1fr;gap:36px 20px}.card-image{height:245px}.project-card h2{font-size:19px}.card-meta{font-size:7px;letter-spacing:.7px}.research-art{padding:18px}.diagram-nodes{gap:6px}.diagram-node>span{font-size:9px}.diagram-node{min-width:40px}.diagram-label{font-size:7px}.condition-glyph{width:37px}.grid-glyph{width:43px;height:43px}.chart-glyph{width:40px}.about-section,.experience-section,.case-section{gap:28px;grid-template-columns:1fr 1.6fr}.section-label h2,.case-section h2{font-size:23px}.contact-strip>.kicker{display:none}.contact-strip h2{font-size:19px}.skills-table>div{grid-template-columns:1fr;gap:5px}.case-header h1{font-size:48px}.project-facts dd{font-size:11px}.ad-breakdown{gap:27px}.outcome{flex-direction:column;gap:16px}}
@media(max-width:780px){:root{--side:0px}.profile{position:relative;width:100%;padding:24px;border-right:0;border-bottom:1px solid var(--line);overflow:visible;display:grid;grid-template-columns:48px 1fr auto;gap:0 15px;align-items:start}.monogram{width:44px;height:44px;font-size:28px}.profile-identity{margin-top:0}.profile-name{font-size:23px;line-height:1.1;letter-spacing:-.7px}.profile-name br{display:none}.profile-name br:after{content:' '}.profile-role{font-size:11px;margin-top:5px;line-height:1.5}.profile-role br{display:none}.profile-intro,.location,.studio-link,.profile-note{display:none}.profile-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:22px;margin-top:17px;border-top:1px solid var(--line);padding-top:8px}.profile-nav a{font-size:10px;gap:6px;min-height:35px}.profile-nav .nav-arrow{display:none}.profile-nav a>span:first-child{font-size:8px}.profile-bottom{margin:0;padding:0;align-self:center}.email-button{font-size:10px;gap:14px;padding:8px 10px;min-height:37px}.main-shell{padding:30px 24px 0;margin:0}.work-heading{margin-bottom:24px}.work-heading h1{font-size:38px;margin-top:8px}.work-heading p{font-size:12px;max-width:400px;margin-top:9px}.project-grid{grid-template-columns:1.2fr 1fr;gap:34px 19px}.card-image{height:270px}.project-card h2{font-size:20px}.card-description{font-size:12px}.contribution{font-size:10px}.about-section{margin-top:45px}.about-section,.experience-section,.case-section{padding:35px 0;gap:30px}.case-top{padding-bottom:17px}.case-header{padding-top:29px}.case-header h1{font-size:45px}.case-header>p{font-size:14px}.case-video video{max-height:none}.portrait-video video{height:min(610px,70vh)}.research-case-art{height:260px}.frame-grid{gap:13px}.ad-breakdown{padding:16px 0 35px}}
@media(max-width:540px){.profile{padding:21px 20px 12px;grid-template-columns:40px 1fr;gap:0 12px}.monogram{width:39px;height:39px;font-size:26px}.profile-name{font-size:22px}.profile-role{font-size:10px;max-width:240px}.profile-role br{display:block}.profile-bottom{position:absolute;right:20px;top:22px}.email-button{font-size:0;border:0;padding:0;min-height:32px;background:var(--soft);width:32px;justify-content:center}.email-button span{font-size:16px}.profile-nav{gap:23px;margin-top:16px}.profile-nav a{font-size:10px}.main-shell{padding:27px 20px 0}.work-heading h1{font-size:36px;letter-spacing:-1.4px}.work-heading p{font-size:12px;line-height:1.7;max-width:290px}.kicker{font-size:9px;letter-spacing:1.2px}.project-grid{grid-template-columns:1fr;gap:31px}.card-image{height:auto;aspect-ratio:1.42}.vertical-preview{aspect-ratio:1.28}.vertical-preview>img{height:100%;width:auto}.media-chip{font-size:8px;top:13px;left:13px}.project-card h2{font-size:22px;letter-spacing:-.6px}.card-meta{font-size:8px;margin-top:14px}.card-description{font-size:13px;line-height:1.75;max-width:100%}.contribution{font-size:11px;line-height:1.8;margin-top:12px}.case-link{font-size:12px}.diagram-preview{aspect-ratio:1.42}.research-art{padding:25px}.diagram-label{font-size:8px}.diagram-node>span{font-size:11px}.diagram-bottom{font-size:9px}.diagram-nodes{gap:12px}.condition-glyph{width:43px}.grid-glyph{height:50px;width:50px}.chart-glyph{width:48px}.about-section,.experience-section,.case-section{grid-template-columns:1fr;gap:23px;padding:31px 0}.about-section{margin-top:43px}.section-label h2,.case-section h2{font-size:27px;margin-top:10px}.section-label h2 br,.case-section h2 br{display:none}.about-content>p{font-size:13px}.about-content>p.about-lead{font-size:18px}.skills-table>div{grid-template-columns:110px 1fr}.skills-table p{font-size:11px}.experience-item h3{font-size:15px}.experience-item p{font-size:12px}.experience-item p.detail{font-size:12px}.contact-strip{display:block;padding:29px 0}.contact-strip .button{margin-top:20px}.contact-strip h2{font-size:23px}.contact-strip>div>a{font-size:12px}.footer{font-size:8px;gap:16px;flex-wrap:wrap}.footer a{font-size:9px}.footer span{width:100%}.case-top{font-size:11px}.case-header h1{font-size:39px;letter-spacing:-1.5px;line-height:1.1}.case-header>p{font-size:14px;line-height:1.75;margin-top:17px}.project-facts{grid-template-columns:1fr;gap:13px;padding:17px 0;margin-bottom:22px}.project-facts>div{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:start}.project-facts dt{margin-top:2px;font-size:8px;margin-bottom:0}.project-facts dd{font-size:11px}.project-facts dd br{display:initial}.case-video{margin-left:-20px;width:calc(100% + 40px)}.case-video.portrait-video{padding:18px}.portrait-video video{height:min(540px,65vh)}.media-caption{font-size:8px;padding:10px 0 23px;flex-wrap:wrap;gap:5px}.media-caption a{font-size:9px;min-height:30px;display:flex;align-items:center}.media-caption>span{display:flex;align-items:center}.case-body>p{font-size:13px}.case-body>p.large-copy{font-size:19px}.role-list span{font-size:13px}.role-list strong{font-size:14px}.frame-section{padding:6px 0 28px}.frame-heading{display:block;margin-bottom:14px}.frame-heading p{margin-top:5px;font-size:11px}.frame-grid{grid-template-columns:1fr;gap:22px}figcaption{font-size:11px}.process-list p{font-size:13px}.process-list li{gap:15px}.outcome{flex-direction:row;gap:22px}.outcome>strong{font-size:35px}.outcome p{font-size:12px}.next-project{padding:25px 0}.next-project strong{font-size:22px}.ad-breakdown{grid-template-columns:1fr;gap:27px}.ad-breakdown figure{max-width:245px}.ad-breakdown h2{font-size:29px}.annotation-list{margin-top:20px}.annotation-list h3{font-size:14px}.annotation-list p{font-size:13px}.research-case-art{height:230px}.research-case-art .research-art{padding:22px}.research-case-art .diagram-node>span{font-size:11px}.research-highlight{padding:26px}.research-highlight>strong{font-size:48px}.research-highlight h2{font-size:20px}}
@media(max-width:540px){.profile-nav{gap:12px;justify-content:space-between;flex-wrap:nowrap}.profile-nav a>span:first-child{display:none}.profile-nav a{font-size:11px;white-space:nowrap;min-height:44px}.profile-nav small{font-size:7px}}
.case-video{position:relative}.play-film{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.75);background:rgba(250,250,248,.94);color:var(--ink);padding:15px 23px;display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 22px #0002}.play-film span{font-size:14px}.play-film:hover{background:var(--accent);border-color:var(--accent);color:#fff}[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Advertising collection */
.ad-cover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;height:100%;padding:39px 15px;background:#e4dfd7;align-items:center}.ad-cover-grid img{height:auto;aspect-ratio:4/5;object-fit:cover;box-shadow:0 4px 12px #0002}.ad-cover-grid img:nth-child(2){transform:translateY(15px)}.ad-cover-grid img:nth-child(3){transform:translateY(-9px)}
.collection-nav{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:8px}.collection-nav a{display:flex;gap:10px;align-items:center;font-size:12px;min-height:44px;font-weight:600}.collection-nav span{font-size:9px;color:var(--muted);background:var(--soft);padding:2px 7px;border-radius:20px}.collection-section{padding:34px 0 42px;scroll-margin-top:24px}.collection-section+.collection-section{border-top:1px solid var(--line)}.collection-heading{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:end;margin-bottom:25px}.collection-heading h2{font-size:28px;line-height:1.2;letter-spacing:-.9px;margin-top:10px;font-weight:600}.collection-heading>p{font-size:12px;line-height:1.8;color:var(--muted)}.image-ad-grid,.video-ad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.image-open{display:block;padding:0;border:0;width:100%;background:var(--soft);position:relative;cursor:zoom-in}.image-open>img{aspect-ratio:4/5;object-fit:contain}.image-open>span{position:absolute;bottom:10px;right:10px;background:#fff;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:16px}.collection-section figcaption{margin-top:13px}.asset-number{display:block!important;font-size:8px!important;letter-spacing:.9px;color:var(--muted)!important;margin:0 0 6px!important}.collection-section h3{font-size:14px;line-height:1.4;font-weight:600;color:var(--ink)}.collection-section figcaption p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:7px}.asset-original{display:inline-flex;align-items:center;font-size:10px;min-height:36px;border-bottom:1px solid var(--line);margin-top:5px}.ad-player{margin:0!important;width:100%!important;background:#deded8}.ad-player video{height:auto;max-height:none;aspect-ratio:9/16;object-fit:contain;background:#171a17}.studio-ad-grid .ad-player video{aspect-ratio:4/5}.ad-player .play-film{font-size:10px;padding:11px 13px;gap:8px}.media-item .video-error{margin-top:10px;font-size:11px}.image-dialog{border:0;padding:15px;background:var(--paper);width:max-content;max-width:94vw;max-height:94vh;overflow:auto}.image-dialog::backdrop{background:#171a17d9}.image-dialog form{text-align:right;margin:0 0 10px}.image-dialog button{border:0;background:transparent;color:var(--ink);min-height:35px;cursor:pointer;font-size:12px}.image-dialog img{width:auto;height:auto;max-height:76vh;max-width:85vw;object-fit:contain;margin:auto}.dialog-caption{font-size:12px;margin-top:12px;text-align:center}
@media(max-width:1100px) and (min-width:781px){.image-ad-grid,.video-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-heading{grid-template-columns:1fr;gap:12px}}
@media(max-width:540px){.collection-nav{gap:8px;justify-content:space-between}.collection-nav a{font-size:10px;gap:5px}.collection-nav span{font-size:8px;padding:1px 5px}.collection-heading{grid-template-columns:1fr;gap:12px}.collection-heading h2{font-size:27px}.collection-heading>p{font-size:13px}.image-ad-grid,.video-ad-grid{grid-template-columns:1fr;gap:30px}.collection-section h3{font-size:17px}.collection-section figcaption p{font-size:13px}.asset-number{font-size:9px!important}.asset-original{font-size:12px;min-height:44px}.collection-section{padding:26px 0 32px}.ad-player .play-film{font-size:12px;padding:14px 21px}.ad-player video{max-height:65vh}.ad-cover-grid{padding:37px 15px}}