@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/dm-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/dm-sans-500.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/dm-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/dm-sans-700.ttf) format('truetype');
}

:root{--bg:#f8f8f6;--surface:#fff;--surface-alt:#f0f0ed;--text:#19191c;--muted:#7a7a7f;--line:#dfdfdc;--accent:#1b1b20;--accent-text:#fff;--radius:18px;--shell:1320px;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{border:0;background:none}h1,h2,h3,p{margin:0}img,video{display:block;max-width:100%}img{object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #967aff;outline-offset:5px}::selection{background:#d8d0ff;color:#18151f}[hidden]{display:none!important}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.icon-button{width:38px;height:38px;display:inline-flex;justify-content:center;align-items:center;border-radius:8px;transition:background .2s}.icon-button:hover{background:#88888820}.section-shell{width:calc(100% - 112px);max-width:var(--shell);margin:0 auto}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;line-height:1.6}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:10px;vertical-align:2px}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:550;padding:8px 0;white-space:nowrap}.text-link .icon{width:18px;transition:transform .25s}.text-link:hover .icon{transform:translateX(4px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:0 24px;border-radius:100px;font-size:13px;font-weight:550;transition:transform .2s,background .2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--accent);color:var(--accent-text)}.btn.secondary{border-color:var(--line);background:transparent}.btn.secondary:hover{background:var(--surface-alt)}.btn .icon{width:17px}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;padding:12px 20px;background:var(--text);color:var(--bg);border-radius:8px}.skip-link:focus{top:10px}
/* Shared navigation */
.site-header{height:89px;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--bg)}.nav-wrap{width:calc(100% - 112px);height:100%;max-width:var(--shell);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center}.logo{width:132px;height:auto;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:36px;margin-left:100px}.desktop-nav a{font-size:12px;color:var(--muted);transition:color .2s;display:flex;align-items:center;gap:6px}.desktop-nav a.active,.desktop-nav a:hover{color:var(--text)}.nav-contact{display:flex;align-items:center;gap:18px;font-size:12px;font-weight:550;border:1px solid var(--line);border-radius:30px;padding:11px 17px;background:transparent}.nav-contact .icon{width:15px;height:15px}.nav-contact:hover{background:var(--text);color:var(--bg)}.menu-toggle{display:none}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:20px 30px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #0001}.mobile-nav a,.mobile-nav button{display:block;padding:14px 0;text-align:left;font-size:15px}
/* Light art direction */
.light-hero{padding-top:61px}.hero-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:44px}.hero-heading .eyebrow{margin-bottom:22px}.hero-heading h1{font-size:clamp(48px,5.25vw,80px);line-height:1.18;font-weight:550;letter-spacing:-3.5px}.title-dot{margin-left:0}.hero-aside{padding:0 15px 8px 0;min-width:246px}.hero-aside>p{font-size:13px;line-height:1.95;color:#717177;letter-spacing:.1px;margin-bottom:19px}.hero-aside .text-link{font-size:13px;border-bottom:1px solid #ccc;gap:50px;padding-bottom:11px}.cinema{position:relative;overflow:hidden;border-radius:var(--radius);background:#252c31;aspect-ratio:2.14;color:#fff;isolation:isolate}.cinema>video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cinema-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 35%,#080f195c 62%,#080f1985);pointer-events:none}.film-label{position:absolute;left:35px;top:29px;font-size:9px;letter-spacing:1.8px;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #ffffff10}.film-title{position:absolute;left:35px;bottom:85px}.film-title>span{font-size:10px;letter-spacing:3px;color:#ffffffe0}.film-title h2{font-size:37px;line-height:1.3;letter-spacing:-1px;font-weight:500;margin-top:12px}.film-title p{font-size:11px;color:#ffffffa6;margin-top:15px}.hero-play{position:absolute;right:37px;bottom:90px;display:flex;align-items:center;gap:14px;font-size:11px;color:white}.hero-play>.icon{width:57px;height:57px;border:1px solid #ffffff70;border-radius:50%;padding:18px;background:#ffffff10;backdrop-filter:blur(15px);transition:background .2s,transform .2s}.hero-play:hover>.icon{background:#ffffff35;transform:scale(1.06)}.film-bottom{position:absolute;bottom:16px;left:35px;right:26px;display:flex;align-items:center;justify-content:space-between}.film-bottom>span{font-size:8px;letter-spacing:1.5px;color:#ffffffa0}.film-bottom .icon-button{border:1px solid #ffffff30;border-radius:50%;width:28px;height:28px}.film-bottom .icon{width:12px;height:12px}.hero-footnote{display:flex;justify-content:space-between;margin-top:19px;font-size:10px;color:var(--muted)}.hero-footnote>span:last-child{display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:1.5px}.down-arrow{transform:rotate(90deg);width:13px;height:13px}
/* Work cards */
.selected-work{padding-top:114px;padding-bottom:112px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:37px}.section-heading .eyebrow{color:var(--muted);margin-bottom:17px}.section-heading h2{font-size:32px;line-height:1.4;letter-spacing:-.8px;font-weight:550}.section-heading>.text-link{font-size:12px}.inline-count{font-size:9px;border:1px solid var(--line);padding:3px 5px;border-radius:5px;color:var(--muted)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:37px 25px}.project-card{min-width:0}.project-media{width:100%;aspect-ratio:16/10;display:block;position:relative;overflow:hidden;border-radius:12px;background:var(--surface-alt);padding:0;isolation:isolate}.project-media>img,.card-preview{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .7s,opacity .35s}.project-media>img{z-index:-2}.card-preview{opacity:0;z-index:-1}.previewing .card-preview{opacity:1}.project-media:hover>img{transform:scale(1.035)}.media-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 45%,#0002);z-index:0;pointer-events:none}.card-topline{position:absolute;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;align-items:center;z-index:2;color:#fff}.card-category{font-size:9px;border:1px solid #ffffff50;padding:5px 9px;border-radius:20px;background:#00000012;backdrop-filter:blur(5px)}.card-number{font-size:9px;letter-spacing:1px}.duration{position:absolute;bottom:16px;right:16px;border:1px solid #ffffff25;background:#00000038;border-radius:4px;color:white;font-size:9px;font-variant-numeric:tabular-nums;padding:4px 6px;z-index:2}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);width:53px;height:53px;border-radius:50%;background:#ffffff30;backdrop-filter:blur(9px);border:1px solid #ffffff70;display:flex;align-items:center;justify-content:center;color:white;opacity:0;transition:opacity .25s,transform .25s;z-index:3}.play-circle .icon{width:20px;height:20px}.project-media:hover .play-circle,.project-media:focus-visible .play-circle{opacity:1;transform:translate(-50%,-50%) scale(1)}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:17px 2px 0;gap:15px}.project-title{font-size:16px;font-weight:500;padding:0;text-align:left}.project-caption p{font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-top:8px}.project-type{font-size:10px;color:var(--muted);margin-left:auto}.project-open{width:25px;height:25px}.project-open .icon{width:17px;height:17px}
/* Capabilities and studio story */
.services{padding:95px 0;border-top:1px solid var(--line)}.section-intro{font-size:12px;line-height:1.9;color:var(--muted)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.service-card{background:var(--surface-alt);padding:32px 34px 0;border-radius:16px;min-height:500px;overflow:hidden;position:relative}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.service-index{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.service-top>.icon{width:21px;height:21px;color:#777}.service-card h3{font-size:30px;line-height:1.45;letter-spacing:-.5px;font-weight:500}.service-card>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:17px}.service-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.service-tags span{font-size:9px;padding:5px 8px;border:1px solid #d8d8d4;border-radius:6px;color:#717176}.service-card>.text-link{font-size:11px;margin-top:14px}.film-stack{height:160px;margin-top:25px;display:flex;align-items:flex-start;justify-content:center;gap:8px;transform:rotate(-8deg);margin-left:-50px;margin-right:-50px}.film-stack img{width:47%;aspect-ratio:16/10;object-fit:cover;border:5px solid #fff;border-radius:9px;box-shadow:0 8px 25px #0001}.film-stack img:first-child{margin-top:30px}.film-stack img:nth-child(3){margin-top:55px}.app-service{background:#eceef0}.workflow-visual{display:flex;align-items:center;justify-content:center;height:175px;gap:0;padding-top:20px}.workflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;border:1px solid #fff;background:#ffffffa0;padding:16px 19px;border-radius:12px;box-shadow:0 8px 22px #20202a05}.workflow-node .icon{width:24px;height:24px;color:#60646e}.workflow-node span{font-size:9px;color:#727681}.workflow-line{width:35px;height:1px;background:#bfc4ca}.workflow-core{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(130deg,#fff,#d4d9e0);border:1px solid #fff;box-shadow:0 0 0 8px #ffffff40,0 10px 20px #12183215;border-radius:23px}.workflow-core .icon{width:30px;height:30px;color:#6c7380}.about{border-top:1px solid var(--line);padding:99px 0 107px;display:grid;grid-template-columns:1fr 2fr;gap:65px}.about-label .eyebrow{margin-bottom:25px;color:var(--muted)}.about-label>span{font-size:12px;line-height:1.9;color:var(--muted)}.about-main>h2{font-size:39px;font-weight:500;letter-spacing:-1.1px;line-height:1.45}.about-main>p{font-size:13px;color:var(--muted);line-height:2.1;max-width:630px;margin-top:25px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:42px}.principles>div{border-top:1px solid var(--line);padding-top:18px}.principles span{font-size:9px;color:var(--muted)}.principles h3{font-size:13px;font-weight:500;margin-top:20px}.principles p{font-size:11px;color:var(--muted);line-height:1.85;margin-top:10px}.contact-section{text-align:center;padding:94px 0 100px;border-top:1px solid var(--line)}.contact-section .eyebrow{color:var(--muted);margin-bottom:24px}.contact-section h2{font-size:49px;line-height:1.4;font-weight:500;letter-spacing:-1.5px}.contact-section .btn{margin-top:31px;min-width:170px}.contact-note{display:block;font-size:11px;color:var(--muted);margin-top:17px}.site-footer{width:calc(100% - 112px);max-width:var(--shell);margin:auto;border-top:1px solid var(--line);padding:46px 0 96px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.footer-top .logo{width:126px}.footer-top>p{font-size:15px;line-height:1.7;flex:1;margin-left:12%}.footer-top>p>span{font-size:10px;color:var(--muted)}.footer-links{display:flex;flex-direction:column;gap:14px}.footer-links>a,.footer-links>button{padding:0;font-size:11px;display:flex;gap:30px;align-items:center;justify-content:space-between}.footer-links .icon{width:13px;height:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:42px;font-size:8px;color:var(--muted)}.footer-bottom a .icon{width:11px;height:11px}
/* A small, persistent design comparison control */
.demo-switch{position:fixed;bottom:19px;left:50%;transform:translateX(-50%);padding:5px;display:flex;align-items:center;gap:3px;border:1px solid #ffffff24;border-radius:100px;background:#212126ed;box-shadow:0 7px 24px #0003;color:#b6b6bd;z-index:30;backdrop-filter:blur(20px);white-space:nowrap}.demo-label{font-size:7px;letter-spacing:1.3px;padding:0 11px}.demo-switch a{display:flex;align-items:center;gap:7px;font-size:10px;border-radius:100px;padding:10px 15px;transition:background .2s,color .2s}.demo-switch a.selected{background:#fffffff0;color:#18181c}.demo-switch a:not(.selected):hover{color:white;background:#ffffff0d}.theme-dot{width:8px;height:8px;border-radius:50%;border:1px solid #888}.light-dot{background:#f5f5f3}.dark-dot{background:#33333c}.demo-switch a.selected .dark-dot{background:#7963c9;border-color:#7963c9}
/* Dark studio direction */
[data-design=studio]{--bg:#101014;--surface:#19191f;--surface-alt:#202027;--text:#f4f3f7;--muted:#92919c;--line:#2b2a33;--accent:#c1a7ff;--accent-text:#201438;--radius:12px}
[data-design=studio] .site-header{height:79px;background:#101014ed;border-bottom-color:#25252c}
[data-design=studio] .desktop-nav{margin-left:50px}[data-design=studio] .nav-contact{background:#e9e8ed;color:#1c1b20;border:0;border-radius:7px;padding:11px 16px}[data-design=studio] .nav-contact:hover{background:white}.nav-count{font-size:8px;color:#99949f;background:#ffffff0c;padding:2px 4px;border-radius:4px}[data-design=studio] .logo{width:130px}[data-design=studio] .btn{border-radius:7px;min-height:46px}[data-design=studio] .btn.primary{background:#eeedf2;color:#211d2b}[data-design=studio] .btn.secondary{background:#1c1a22;border-color:#3a3348;color:#e0d9eb}[data-design=studio] .btn.secondary:hover{background:#282330}
.dark-hero{padding-top:48px;text-align:center;position:relative}.dark-hero:before{content:'';position:absolute;z-index:-1;top:-40px;left:50%;transform:translateX(-50%);width:80%;height:730px;background:radial-gradient(ellipse at 50% 50%,#7650ad22,transparent 66%);pointer-events:none}.studio-kicker{display:inline-flex;gap:10px;align-items:center;font-size:8px;letter-spacing:1.3px;border:1px solid #66557e6b;background:#a179d412;padding:8px 11px;border-radius:100px;color:#d0bbea}.studio-kicker .icon{width:12px;height:12px}.studio-kicker .live-dot{color:#bca2e5;width:4px;height:4px}.dark-hero h1{font-size:68px;line-height:1.18;font-weight:550;letter-spacing:-2.8px;margin-top:23px}.dark-hero h1>span{color:#c5b0ee}.hero-description{font-size:12px;line-height:1.9;color:#aaa6b6;margin-top:22px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.hero-actions .btn{font-size:11px;gap:22px;padding:0 20px;min-height:43px}.workspace-preview{border:1px solid #51415b;border-radius:13px;background:#18171d;margin:43px auto 0;max-width:1060px;text-align:left;box-shadow:0 -8px 40px #9a68cf0c,0 30px 90px #0005;overflow:hidden}.workspace-top{height:40px;display:flex;align-items:center;border-bottom:1px solid #ffffff07;padding:0 15px;gap:22px;background:linear-gradient(90deg,#292331,#211e29)}.traffic-lights{display:flex;gap:5px}.traffic-lights>i{display:block;width:6px;height:6px;border-radius:50%;background:#66616f}.traffic-lights>i:first-child{background:#8b788c}.workspace-top>span{font-size:9px;color:#cec8d6;display:flex;gap:10px;align-items:center}.workspace-top>span>.icon{width:12px;height:12px;color:#a89ab9}.workspace-top b{font-weight:400;color:#665e73}.workspace-top>.preview-badge{margin-left:auto;font-size:6px;letter-spacing:1.3px;color:#a698b6;border:1px solid #64566f;padding:4px 6px;border-radius:4px}.workspace-body{display:flex}.workspace-rail{width:48px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:13px;border-right:1px solid #ffffff08;background:#201d27;padding:14px 0;color:#918799}.rail-mark{font-size:24px;font-weight:650;color:#c6b1e5;line-height:1;margin-bottom:15px}.workspace-rail .icon-button{width:30px;height:30px}.workspace-rail .icon-button.active{color:#cfb4ff;background:#aa75ec20}.workspace-rail .icon{width:15px;height:15px}.rail-bottom{margin-top:auto}.in-workspace{flex:1;border-radius:0;aspect-ratio:2.27}.in-workspace .film-label{font-size:7px;top:25px;left:28px}.in-workspace .film-title{left:28px;bottom:31px}.in-workspace .film-title>span{font-size:8px;letter-spacing:2px}.in-workspace .film-title h2{font-size:31px;letter-spacing:-.5px;margin-top:9px}.in-workspace .film-title p{font-size:9px;margin-top:10px}.in-workspace .hero-play{right:32px;bottom:45px}.in-workspace .hero-play>span{display:none}.in-workspace .hero-play>.icon{width:48px;height:48px;padding:15px}.workspace-controls{height:41px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#211d28;color:#bfb3ce}.workspace-controls .icon-button{width:25px;height:25px}.workspace-controls .icon{width:13px;height:13px}.video-time,.video-length{font-size:8px;font-variant-numeric:tabular-nums}.workspace-controls input{height:3px;flex:1;min-width:0;accent-color:#b7a0d6;cursor:pointer}.studio-types{display:flex;justify-content:center;gap:57px;margin-top:34px}.studio-types a{font-size:10px;display:flex;align-items:center;gap:8px;color:#85818f}.studio-types a:hover{color:#ddd}.studio-types .icon{width:11px;height:11px}[data-design=studio] .selected-work{padding-top:105px;padding-bottom:99px}[data-design=studio] .section-heading h2{font-size:33px}[data-design=studio] .section-heading .eyebrow{color:#8d819e}[data-design=studio] .section-heading>.text-link{color:#c3b0de}[data-design=studio] .project-media{border-radius:9px;border:1px solid #ffffff0b;aspect-ratio:16/9}[data-design=studio] .project-title{font-size:15px}[data-design=studio] .project-caption{padding-top:15px}[data-design=studio] .project-type{padding:5px 7px;border:1px solid #ffffff10;border-radius:4px;font-size:8px}[data-design=studio] .card-category{border-radius:4px;font-size:8px}[data-design=studio] .services{padding:85px 0}[data-design=studio] .service-card{border:1px solid #332c40;background:linear-gradient(130deg,#24202c,#18171e);border-radius:11px}[data-design=studio] .service-tags span{border-color:#49404f;color:#aaa0b6}[data-design=studio] .service-top>.icon{color:#bd9ee3}[data-design=studio] .service-card h3{font-size:29px}[data-design=studio] .film-stack img{border-color:#36303f}[data-design=studio] .app-service{background:radial-gradient(ellipse at 50% 100%,#63389124,transparent 70%),#1a1821}[data-design=studio] .workflow-node{border-color:#4b3c60;background:#292330;box-shadow:0 8px 22px #0003}[data-design=studio] .workflow-node .icon,[data-design=studio] .workflow-node span{color:#b6a4cd}[data-design=studio] .workflow-line{background:#59416c}[data-design=studio] .workflow-core{border-color:#a384c7;background:linear-gradient(130deg,#9c7cc3,#513571);box-shadow:0 0 0 7px #966dba10,0 0 40px #74429533}[data-design=studio] .workflow-core .icon{color:#e4d4ff}[data-design=studio] .about{padding-top:87px}[data-design=studio] .contact-section{position:relative;background:radial-gradient(ellipse at center,#7c48b01a,transparent 65%)}[data-design=studio] .contact-section .eyebrow{color:#ad91c8}[data-design=studio] .contact-section .btn{background:#c8aff0;color:#221832}[data-design=studio] .footer-top>p{color:#d3c8df}
/* Independent case collection */
.library{padding-top:69px;padding-bottom:96px;min-height:calc(100vh - 400px)}.library-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:45px}.library-heading .eyebrow{color:var(--muted);margin-bottom:21px}.library-heading h1{font-size:51px;font-weight:550;letter-spacing:-2px;line-height:1.3}.library-heading>div>p:last-child{font-size:12px;color:var(--muted);margin-top:20px;line-height:1.9}.collection-mark{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:14px;text-align:right}.collection-mark>.icon{width:20px;height:20px;color:var(--muted)}.collection-mark b{font-size:46px;font-weight:400;line-height:1.2;letter-spacing:-2px}.collection-mark>span{grid-column:1/-1;font-size:7px;letter-spacing:1.4px;color:var(--muted);margin-top:9px}.library-filters{border-top:1px solid var(--line);padding-top:23px;margin-bottom:27px}.filter-label{display:none}.filter-buttons{display:flex;gap:9px;flex-wrap:wrap}.filter-button{display:flex;align-items:center;gap:14px;padding:10px 15px;border-radius:30px;border:1px solid transparent;font-size:11px;color:var(--muted);transition:background .2s,color .2s}.filter-button:hover{background:var(--surface-alt);color:var(--text)}.filter-button.active{background:var(--text);color:var(--bg)}.filter-count{font-size:8px;opacity:.65}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;min-height:36px}.results-label{display:flex;align-items:center;gap:12px;font-size:12px}.results-label>span:first-child{font-weight:500}.results-label>span:last-child{font-size:10px;color:var(--muted)}.library-tools{display:flex;gap:13px;align-items:center}.search-box{display:flex;align-items:center;gap:8px;position:relative}.search-box>.icon{width:15px;height:15px;color:var(--muted);position:absolute;left:12px;pointer-events:none}.search-box input{width:216px;font-size:10px;border:1px solid var(--line);background:transparent;border-radius:7px;padding:10px 12px 10px 34px;color:var(--text)}.search-box input::placeholder{color:var(--muted)}#case-sort{font-size:10px;border:0;color:var(--muted);background:var(--bg);padding:7px 15px 7px 3px;cursor:pointer}.view-toggle{display:flex;padding-left:10px;border-left:1px solid var(--line);gap:2px}.view-toggle .icon-button{width:30px;height:30px;color:var(--muted);border-radius:5px}.view-toggle .icon-button.active{background:var(--surface-alt);color:var(--text)}.view-toggle .icon{width:14px;height:14px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:33px 23px}.library-grid .project-media{aspect-ratio:16/10}.library-grid .project-title{font-size:14px}.library-grid .project-type{display:none}.library-grid .project-caption p{font-size:7px;letter-spacing:1px}.library-grid .card-topline{top:13px;left:13px;right:13px}.library-grid .card-category{font-size:8px;padding:4px 7px}.library-grid .duration{bottom:12px;right:12px;font-size:8px}.library-end{display:flex;justify-content:space-between;padding-top:38px;margin-top:38px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.library-end>span:last-child{font-size:8px;letter-spacing:.6px}.empty-state{text-align:center;padding:75px 15px 95px}.empty-state>.icon{width:31px;height:31px;color:var(--muted);margin-bottom:25px}.empty-state h2{font-size:22px;font-weight:500}.empty-state p{font-size:12px;color:var(--muted);margin:14px 0 23px}.empty-state .btn{font-size:11px;min-height:40px}.library-grid.list-view{grid-template-columns:1fr;gap:0}.list-view .project-card{display:flex;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.list-view .project-media{width:200px;flex-shrink:0;aspect-ratio:16/9}.list-view .project-caption{flex:1;padding:0 6px 0 0}.list-view .project-type{display:block}.list-view .card-topline{display:none}[data-design=studio] .library{padding-top:54px}[data-design=studio] .library-heading{padding-bottom:42px}[data-design=studio] .library-heading h1{font-size:46px}[data-design=studio] .library-heading .eyebrow{color:#a68cbf}[data-design=studio] .library-layout{display:grid;grid-template-columns:178px minmax(0,1fr);gap:30px;border-top:1px solid var(--line);padding-top:26px}[data-design=studio] .library-filters{border:0;padding-top:1px;padding-right:17px;border-right:1px solid var(--line);margin:0}[data-design=studio] .filter-label{display:block;font-size:8px;letter-spacing:1px;color:#817a8b;margin:12px 12px 20px}[data-design=studio] .filter-buttons{flex-direction:column;gap:7px}[data-design=studio] .filter-button{border-radius:6px;padding:11px 10px;gap:9px;text-align:left;font-size:10px}[data-design=studio] .filter-count{margin-left:auto;font-size:8px}[data-design=studio] .filter-button .icon{width:14px;height:14px;opacity:.8}[data-design=studio] .filter-button.active{background:#ba8ded18;color:#d8b9ff;border-color:#a474d02e}.library-note{border:1px solid #ffffff0d;padding:16px 12px;margin-top:35px;border-radius:8px;background:linear-gradient(140deg,#7b519115,transparent)}.library-note>.icon{color:#b496d5;width:17px;height:17px}.library-note>p{font-size:9px;line-height:1.9;color:#94899f;margin-top:11px}.library-note .text-link{font-size:9px;color:#c8b0de;margin-top:14px;gap:10px}.library-note .text-link .icon{width:12px}[data-design=studio] .library-toolbar{gap:12px}[data-design=studio] .search-box input{background:#1b191f;width:191px}[data-design=studio] .library-grid{gap:26px 18px}[data-design=studio] .library-grid .project-caption{padding-top:12px}[data-design=studio] .library-grid .project-title{font-size:12px}[data-design=studio] .library-grid .project-media{aspect-ratio:16/10}[data-design=studio] .library-grid .card-category{font-size:7px;padding:3px 5px}[data-design=studio] .library-grid .project-open .icon{width:15px}[data-design=studio] .library-grid .card-topline{left:10px;right:10px;top:10px}[data-design=studio] .library-grid .card-number{font-size:7px}[data-design=studio] .library-grid .project-caption p{font-size:6px;letter-spacing:.8px}[data-design=studio] .library-end{margin-top:30px;padding-top:25px}
/* Video and project brief dialogs */
.modal-open{overflow:hidden}dialog{padding:0;border:1px solid var(--line);border-radius:16px;color:var(--text);background:var(--bg);box-shadow:0 30px 100px #0005}dialog::backdrop{background:#07060bd4;backdrop-filter:blur(12px)}.project-dialog{width:min(1030px,calc(100% - 40px));max-height:90vh;max-height:90dvh}.dialog-top{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;background:var(--bg);position:sticky;top:0;z-index:2;border-bottom:1px solid var(--line)}.dialog-top>span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.dialog-top .icon-button{width:30px;height:30px}.project-dialog video{width:100%;max-height:59vh;aspect-ratio:16/9;object-fit:contain;background:black}.detail-body{padding:28px 32px}.detail-heading{display:flex;justify-content:space-between;align-items:center}.detail-heading .eyebrow{font-size:8px;color:var(--muted)}.detail-heading h2{font-size:29px;font-weight:500;letter-spacing:-.5px;margin-top:7px}.detail-type{font-size:10px;border:1px solid var(--line);padding:6px 10px;border-radius:20px}.detail-description{font-size:13px;line-height:1.95;color:var(--muted);margin-top:21px;max-width:760px}.detail-meta{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.detail-meta span{font-size:9px;color:var(--muted)}.detail-meta p{font-size:11px;line-height:1.8;margin-top:8px}.demo-disclosure{font-size:9px;line-height:1.8;color:var(--muted);padding:14px 17px;background:var(--surface-alt);border-radius:7px;margin-top:25px}.detail-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:25px;padding-top:15px}.detail-actions .text-link{font-size:11px}.contact-dialog{width:min(530px,calc(100% - 32px));max-height:90vh;padding:36px}.close-contact{position:absolute;right:16px;top:16px}.contact-dialog>.eyebrow{font-size:8px;color:var(--muted);margin-bottom:20px}.contact-dialog h2{font-size:32px;letter-spacing:-.7px;font-weight:500}.contact-lead{font-size:12px;color:var(--muted);line-height:1.8;margin:15px 0 27px}#brief-form label{display:flex;flex-direction:column;gap:9px;font-size:11px;margin-top:17px}#brief-form input,#brief-form select,#brief-form textarea{border:1px solid var(--line);border-radius:7px;padding:11px;background:var(--surface);color:var(--text);font-size:12px;min-width:0;resize:vertical}#brief-form input::placeholder,#brief-form textarea::placeholder{color:var(--muted);opacity:.8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}#brief-form .btn{width:100%;margin-top:21px}.form-note{font-size:9px;color:var(--muted);line-height:1.8;text-align:center;margin-top:12px}.form-success{font-size:11px;color:#5e9c73;padding-top:17px;text-align:center}.form-success .icon{width:15px;height:15px;margin-right:5px}
/* Responsive */
@media(min-width:1600px){.hero-heading h1{font-size:84px}.light-hero{padding-top:76px}.hero-heading{margin-bottom:53px}.hero-aside{min-width:300px}.hero-aside>p{font-size:15px}.cinema{aspect-ratio:2.23}}
@media(max-width:1100px){.section-shell,.nav-wrap,.site-footer{width:calc(100% - 72px)}.desktop-nav{gap:25px;margin-left:30px}.hero-heading h1{font-size:59px;letter-spacing:-2.5px}.hero-aside{min-width:225px}.hero-aside>p{font-size:12px}.film-title h2{font-size:31px}.section-heading h2{font-size:27px}.section-heading{gap:18px}.service-card{padding-left:26px;padding-right:26px}.service-card h3{font-size:27px}.workflow-node{padding:15px}.workflow-line{width:25px}.workflow-core{width:68px;height:68px}.about{gap:40px;grid-template-columns:1fr 2.3fr}.library-grid{gap:30px 18px}.library-tools{gap:9px}.search-box input{width:185px}.library-heading h1{font-size:45px}[data-design=studio] .library-layout{grid-template-columns:148px minmax(0,1fr);gap:22px}[data-design=studio] .library-filters{padding-right:10px}[data-design=studio] .library-toolbar{align-items:flex-start}[data-design=studio] .results-label{flex-direction:column;align-items:flex-start;gap:5px;min-width:58px}[data-design=studio] .library-tools{gap:5px}[data-design=studio] .search-box input{width:170px}[data-design=studio] .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-design=studio] .library-grid.list-view{grid-template-columns:1fr}.list-view .project-media{width:170px}.studio-types{gap:37px}}
@media(max-width:800px){.section-shell,.nav-wrap,.site-footer{width:calc(100% - 44px)}.site-header,[data-design=studio] .site-header{height:74px}.desktop-nav{gap:21px;margin-left:0}.desktop-nav a{font-size:11px}.logo,[data-design=studio] .logo{width:115px}.nav-contact{font-size:10px;gap:12px}.hero-heading{gap:20px}.hero-heading h1{font-size:47px;letter-spacing:-2px}.hero-aside{min-width:193px;padding-right:0}.hero-aside>p{font-size:10px}.hero-aside .text-link{font-size:11px;gap:35px}.hero-heading .eyebrow{font-size:8px;letter-spacing:1px}.light-hero{padding-top:49px}.film-label{left:24px;top:24px;font-size:7px;letter-spacing:1.2px}.film-title{left:24px;bottom:70px}.film-title h2{font-size:26px}.film-title>span{font-size:8px;letter-spacing:2px}.film-title p{font-size:9px}.hero-play{right:24px;bottom:75px}.hero-play>span{display:none}.hero-play>.icon{width:48px;height:48px;padding:15px}.film-bottom{left:24px;right:20px}.film-bottom>span{font-size:6px}.hero-footnote{font-size:8px}.hero-footnote>span:last-child{font-size:7px}.selected-work{padding-top:75px;padding-bottom:74px}.section-heading h2,[data-design=studio] .section-heading h2{font-size:24px;letter-spacing:-.5px}.section-heading>.text-link{font-size:10px;gap:8px}.section-heading .eyebrow{font-size:8px}.projects-grid{gap:28px 18px}.project-title{font-size:14px}.project-type{font-size:9px}.services,[data-design=studio] .services{padding:65px 0}.section-intro{font-size:10px}.service-grid{gap:17px}.service-card{padding:24px 23px 0;min-height:470px}.service-card h3,[data-design=studio] .service-card h3{font-size:24px}.service-card>p{font-size:10px}.service-index{font-size:7px}.service-tags{gap:5px}.service-tags span{font-size:8px;padding:4px 6px}.service-card>.text-link{font-size:10px}.workflow-visual{height:170px}.workflow-node{padding:13px 11px}.workflow-node span{font-size:7px}.workflow-node .icon{width:18px;height:18px}.workflow-line{width:16px}.workflow-core{width:56px;height:56px;border-radius:18px;flex-shrink:0}.workflow-core .icon{width:24px;height:24px}.about,[data-design=studio] .about{padding:65px 0 75px;gap:30px;grid-template-columns:1fr 2.5fr}.about-main>h2{font-size:31px}.about-main>p{font-size:11px}.principles{gap:15px}.principles h3{font-size:11px}.principles p{font-size:9px}.about-label>span{font-size:10px}.contact-section{padding:70px 0}.contact-section h2{font-size:42px}.footer-top>p{margin-left:4%;font-size:13px}.footer-top .logo{width:111px}.footer-bottom{flex-wrap:wrap;font-size:7px}.dark-hero h1{font-size:59px}.dark-hero{padding-top:42px}.in-workspace .film-title h2{font-size:25px}.in-workspace .film-title p{font-size:8px}.in-workspace .film-label{font-size:6px}.studio-types{gap:24px}.studio-types a{font-size:9px}[data-design=studio] .desktop-nav{margin-left:0}.library{padding-top:49px}.library-heading h1,[data-design=studio] .library-heading h1{font-size:38px}.library-heading>div>p:last-child{font-size:10px}.collection-mark b{font-size:38px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-toolbar{flex-wrap:wrap;gap:16px}.library-tools{flex:1;justify-content:flex-end}.library-tools #case-sort{font-size:9px}.search-box input{width:170px}.library-filters{padding-top:18px}.filter-buttons{gap:4px}.filter-button{font-size:10px;padding:9px 12px;gap:10px}[data-design=studio] .library-layout{grid-template-columns:135px minmax(0,1fr);gap:18px}[data-design=studio] .library-toolbar{gap:12px}[data-design=studio] .results-label{flex-direction:row;align-items:center}[data-design=studio] .library-tools{justify-content:space-between;flex-basis:100%}[data-design=studio] .search-box{flex:1}[data-design=studio] .search-box input{width:100%}[data-design=studio] .library-grid{gap:25px 13px}[data-design=studio] .library-grid .project-title{font-size:11px}[data-design=studio] .library-grid .project-caption p{font-size:6px;letter-spacing:.5px}.view-toggle{padding-left:5px}.list-view .project-media{width:145px}.list-view .project-card{gap:17px}.library-grid.list-view .project-type{display:none}}
@media(max-width:600px){.section-shell,.nav-wrap,.site-footer{width:calc(100% - 36px)}.site-header,[data-design=studio] .site-header{height:68px}.desktop-nav,.nav-contact{display:none}.menu-toggle{display:inline-flex}.logo,[data-design=studio] .logo{width:115px}.hero-heading{display:block;margin-bottom:31px}.light-hero{padding-top:39px}.hero-heading .eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:21px}.hero-heading h1{font-size:clamp(36px,9.2vw,55px);letter-spacing:-1.7px;line-height:1.28}.hero-aside{display:flex;justify-content:space-between;align-items:flex-end;padding:24px 0 0;gap:13px}.hero-aside>p{font-size:10px;line-height:1.9;margin:0}.hero-aside .text-link{font-size:9px;gap:12px;align-self:flex-end;flex-shrink:0;padding-bottom:8px}.hero-aside .text-link .icon{width:14px}.cinema{aspect-ratio:4/4.2;border-radius:12px}.cinema>video{object-position:55% center}.film-label{left:22px;top:21px;font-size:6px;letter-spacing:1.2px;gap:6px}.film-label .live-dot{width:3px;height:3px}.film-title{left:22px;bottom:82px;right:17px}.film-title>span{font-size:7px;letter-spacing:1.7px}.film-title h2{font-size:26px;margin-top:10px}.film-title p{font-size:8px;max-width:220px;line-height:1.8}.hero-play{right:19px;bottom:26px}.hero-play>.icon{width:36px;height:36px;padding:11px}.film-bottom{left:22px;right:70px;bottom:25px}.film-bottom .icon-button{width:27px;height:27px}.film-bottom>span{font-size:5px;letter-spacing:1px}.hero-footnote{font-size:7px;margin-top:16px;gap:10px}.hero-footnote>span:last-child{font-size:0;gap:0}.hero-footnote>span:last-child .icon{width:12px;height:12px}.selected-work,[data-design=studio] .selected-work{padding-top:64px;padding-bottom:60px}.section-heading{align-items:flex-start;gap:15px;margin-bottom:26px;flex-wrap:wrap}.section-heading .eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:13px}.section-heading h2,[data-design=studio] .section-heading h2{font-size:24px;line-height:1.45;letter-spacing:-.8px}.section-heading>.text-link{font-size:10px;padding-top:0;gap:10px}.home-grid{grid-template-columns:1fr;gap:29px}.project-media{border-radius:10px;aspect-ratio:16/10}.project-caption{padding-top:14px}.project-title{font-size:15px}.project-caption p{font-size:7px;margin-top:7px}.project-type{font-size:9px}.play-circle{opacity:1;width:40px;height:40px;transform:translate(-50%,-50%);background:#ffffff16}.play-circle .icon{width:17px;height:17px}.card-topline{top:16px;left:16px;right:16px}.card-category{font-size:8px}.services,[data-design=studio] .services{padding:59px 0}.section-intro{font-size:11px;line-height:1.8}.service-grid{grid-template-columns:1fr;gap:18px}.service-card{padding:26px 25px 0;min-height:460px}.service-card h3,[data-design=studio] .service-card h3{font-size:28px}.service-card>p{font-size:11px}.service-index{font-size:8px}.service-tags{margin-top:21px;gap:7px}.service-tags span{font-size:8px;padding:5px 7px}.service-card>.text-link{font-size:11px;margin-top:16px}.film-stack{height:160px;margin-top:31px}.workflow-visual{height:170px}.workflow-node{padding:14px 17px}.workflow-node span{font-size:8px}.workflow-node .icon{width:22px;height:22px}.workflow-core{width:68px;height:68px;border-radius:20px}.workflow-line{width:28px}.about,[data-design=studio] .about{grid-template-columns:1fr;gap:25px;padding:59px 0}.about-label>span{display:none}.about-label .eyebrow{font-size:8px;margin:0}.about-main>h2{font-size:31px;letter-spacing:-1px}.about-main>p{font-size:12px;margin-top:20px;line-height:1.95}.principles{grid-template-columns:1fr;gap:20px;margin-top:31px}.principles>div{display:grid;grid-template-columns:30px 1fr;column-gap:12px;padding-top:18px}.principles span{grid-row:1/3;margin-top:4px}.principles h3{margin:0;font-size:13px}.principles p{margin-top:7px;font-size:11px;grid-column:2}.contact-section{padding:62px 0}.contact-section .eyebrow{font-size:7px}.contact-section h2{font-size:35px;letter-spacing:-1px}.contact-section .btn{min-height:45px;min-width:150px;font-size:12px}.contact-note{font-size:10px}.site-footer{padding-top:31px;padding-bottom:100px}.footer-top{gap:24px;flex-wrap:wrap}.footer-top .logo{width:109px}.footer-top>p{font-size:12px;margin-left:auto;flex:initial}.footer-top>p>span{font-size:8px}.footer-links{flex-direction:row;flex-basis:100%;gap:25px;margin-top:7px}.footer-links>a,.footer-links>button{font-size:9px;gap:9px}.footer-bottom{padding-top:28px;gap:13px;flex-direction:column;font-size:8px}.footer-bottom a{display:none}.demo-switch{bottom:14px;padding:4px}.demo-label{display:none}.demo-switch a{font-size:9px;padding:10px 15px;gap:7px}.theme-dot{width:7px;height:7px}.dark-hero{padding-top:34px}.studio-kicker{font-size:6px;letter-spacing:.8px;padding:7px 10px;gap:8px}.dark-hero h1{font-size:52px;line-height:1.23;margin-top:25px;letter-spacing:-2px}.hero-description{font-size:11px;margin-top:20px}.hero-actions{gap:9px;margin-top:24px}.hero-actions .btn{font-size:10px;padding:0 14px;min-height:40px;gap:16px}.workspace-preview{margin-top:33px;border-radius:9px}.workspace-top{height:32px;padding:0 10px;gap:15px}.workspace-top>span{font-size:7px;gap:7px}.traffic-lights{gap:4px}.traffic-lights>i{width:4px;height:4px}.workspace-top>.preview-badge{display:none}.workspace-rail{width:32px;padding:12px 0;gap:10px}.rail-mark{font-size:19px;margin-bottom:8px}.workspace-rail .icon-button{width:24px;height:24px}.workspace-rail .icon{width:12px;height:12px}.in-workspace{aspect-ratio:1.13;border-radius:0}.in-workspace .film-label{font-size:5px;letter-spacing:.5px;top:17px;left:15px}.in-workspace .film-title{left:15px;bottom:31px;right:15px}.in-workspace .film-title>span{font-size:6px;letter-spacing:1px}.in-workspace .film-title h2{font-size:21px;letter-spacing:-.5px;margin-top:9px}.in-workspace .film-title p{font-size:7px;max-width:175px;margin-top:9px}.in-workspace .hero-play{bottom:auto;top:38%;right:calc(50% - 15px)}.in-workspace .hero-play>.icon{width:35px;height:35px;padding:11px}.workspace-controls{height:34px;padding:0 8px;gap:7px}.workspace-controls .icon-button{width:21px;height:21px}.workspace-controls .icon{width:11px;height:11px}.video-time,.video-length{font-size:6px}.studio-types{justify-content:space-between;gap:5px;flex-wrap:wrap;margin-top:23px}.studio-types a{font-size:8px;gap:3px}.studio-types .icon{width:8px;height:8px}.library,[data-design=studio] .library{padding-top:37px;padding-bottom:60px}.library-heading{padding-bottom:27px;gap:15px;align-items:flex-start}.library-heading .eyebrow{font-size:7px;margin-bottom:17px;letter-spacing:1.1px}.library-heading h1,[data-design=studio] .library-heading h1{font-size:33px;letter-spacing:-1.5px}.library-heading>div>p:last-child{font-size:10px;line-height:1.9;margin-top:15px;max-width:260px}.collection-mark{display:none}.library-filters{padding-top:15px;margin-bottom:21px}.filter-buttons{gap:5px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.filter-buttons::-webkit-scrollbar{display:none}.filter-button{font-size:10px;gap:6px;white-space:nowrap;padding:9px 11px;flex-shrink:0}.filter-count{font-size:7px}.library-toolbar{margin-bottom:19px;gap:17px}.results-label{font-size:11px}.results-label>span:last-child{font-size:9px}.library-tools{flex-basis:100%;gap:8px}.search-box{flex:1;min-width:0}.search-box input{width:100%;font-size:10px;min-width:0}.search-box>.icon{width:13px;height:13px}#case-sort{font-size:9px;max-width:86px;padding-right:5px}.view-toggle{gap:0}.view-toggle .icon-button{width:27px;height:27px}.library-grid,[data-design=studio] .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.library-grid .project-media,[data-design=studio] .library-grid .project-media{aspect-ratio:4/3;border-radius:7px}.library-grid .project-title,[data-design=studio] .library-grid .project-title{font-size:11px}.library-grid .project-caption,[data-design=studio] .library-grid .project-caption{padding-top:11px;gap:3px;align-items:flex-start}.library-grid .project-caption p,[data-design=studio] .library-grid .project-caption p{font-size:5px;letter-spacing:.4px;line-height:1.7;margin-top:5px}.library-grid .project-open{width:16px;height:19px}.library-grid .project-open .icon{width:13px;height:13px}.library-grid .card-topline,[data-design=studio] .library-grid .card-topline{top:8px;left:8px;right:8px}.library-grid .card-category,[data-design=studio] .library-grid .card-category{font-size:6px;padding:3px 5px}.library-grid .card-number{display:none}.library-grid .duration{font-size:6px;bottom:8px;right:8px;padding:3px 4px}.library-grid .play-circle{width:28px;height:28px}.library-grid .play-circle .icon{width:12px;height:12px}.library-end{margin-top:30px;padding-top:23px;font-size:8px;gap:10px}.library-end>span:last-child{font-size:6px}.empty-state{padding:55px 5px}.empty-state h2{font-size:19px}.empty-state p{font-size:10px;line-height:1.8}[data-design=studio] .library-heading{padding-bottom:26px}[data-design=studio] .library-layout{display:block;padding-top:15px}[data-design=studio] .library-filters{padding:0;border:0;margin-bottom:18px}[data-design=studio] .filter-label,[data-design=studio] .library-note{display:none}[data-design=studio] .filter-buttons{flex-direction:row;gap:5px}[data-design=studio] .filter-button{font-size:9px;padding:9px 10px;gap:6px}[data-design=studio] .filter-button .icon{display:none}[data-design=studio] .filter-count{font-size:7px}[data-design=studio] .library-toolbar{gap:17px}[data-design=studio] .library-tools{gap:8px}.library-grid.list-view,[data-design=studio] .library-grid.list-view{grid-template-columns:1fr}.list-view .project-card{padding:13px 0;gap:16px}.list-view .project-media,[data-design=studio] .list-view .project-media{width:130px;aspect-ratio:16/10}.list-view .project-caption,[data-design=studio] .list-view .project-caption{align-items:center;padding-top:0}.library-grid.list-view .project-title{font-size:13px}.library-grid.list-view .project-caption p{font-size:6px}.list-view .project-open{width:26px;height:26px}.project-dialog{width:calc(100% - 20px);max-height:94dvh;border-radius:11px}.dialog-top{padding:9px 12px}.dialog-top>span{font-size:7px;letter-spacing:1px}.detail-body{padding:22px 19px}.detail-heading h2{font-size:25px}.detail-heading .eyebrow{font-size:6px}.detail-type{font-size:8px;padding:5px 8px}.detail-description{font-size:11px;margin-top:18px}.detail-meta{grid-template-columns:1fr;gap:20px;margin-top:21px}.detail-meta p{font-size:10px}.demo-disclosure{font-size:8px;padding:12px}.detail-actions .text-link{font-size:9px}.contact-dialog{padding:31px 23px;max-height:92dvh}.contact-dialog h2{font-size:28px}.contact-lead{font-size:11px}.form-row{gap:10px}#brief-form label{font-size:10px}#brief-form input,#brief-form select,#brief-form textarea{font-size:16px;padding:10px}.form-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.card-preview{display:none!important}}

.silent-label{font-size:7px;color:#998da8;white-space:nowrap}@media(max-width:600px){.silent-label{display:none}}

/* Featured logo film retains its original widescreen composition. */
.cinema.featured-film{aspect-ratio:40/17;background:#080809}
.cinema.featured-film>video{object-fit:contain;object-position:center}
.featured-film .film-title{display:none}
.featured-film .cinema-gradient{background:linear-gradient(180deg,#0004,transparent 24%,transparent 78%,#0004)}
@media(max-width:600px){.cinema.featured-film{aspect-ratio:3/2}.featured-film .hero-play,.in-workspace.featured-film .hero-play{top:auto;bottom:17px;right:18px}.featured-film .film-bottom{bottom:16px}.featured-film .film-label{top:15px}}

/* A case can belong to several categories. */
.detail-heading{flex-wrap:wrap}.detail-heading>div:first-child{min-width:0}.detail-heading .detail-type{display:flex;flex-wrap:wrap;gap:7px;border:0;padding:0;max-width:100%;white-space:normal}.detail-type .type-pill{display:inline-block;border:1px solid var(--line);padding:7px 10px;border-radius:7px;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.project-type{white-space:nowrap}.card-category{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-number{flex-shrink:0}