/* Silver glass surfaces and cinematic project cards. */
:root{--bg:#f5f5f7;--fg:#1d1d1f;--muted:#67676e;--rule:#d8d8de;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif}
html{scroll-padding-top:110px}body{background:radial-gradient(ellipse at 12% 30%,#e8eef7 0,transparent 35%),radial-gradient(ellipse at 95% 60%,#ece9f2 0,transparent 32%),#f5f5f7;color:var(--fg)}
.site-header{position:fixed;top:18px;left:50%;right:auto;transform:translateX(-50%);width:min(1080px,calc(100% - 48px));height:70px;padding:0 22px;border-radius:28px;color:#fff;background:linear-gradient(130deg,#ffffff22,#ffffff08),#181b258c;border:1px solid #ffffff5c;box-shadow:inset 0 1px 1px #ffffff66,inset 0 -1px 1px #ffffff1a,0 12px 40px #11182726;backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%)}
.brand{min-width:0;gap:10px}.brand-name{font-size:18px;letter-spacing:.06em}.brand-name small{font-size:9px}.brand-symbol{width:36px;height:37px}.brand-symbol img{width:68px;left:-16px}.nav{gap:30px;font-size:14px}.nav a{padding:10px 2px}.nav .nav-contact{border:1px solid #ffffff60;border-radius:100px;padding:10px 18px;background:linear-gradient(135deg,#ffffff35,#ffffff0d);box-shadow:inset 0 1px #ffffff5c}
.hero{margin:14px;height:min(860px,calc(100svh - 28px));min-height:680px;border-radius:40px;background:#101723;box-shadow:0 22px 60px #141b2b22;color:#fff}.hero-shade{background:linear-gradient(0deg,#060a13e8 0%,#0a10183d 65%,#0a101838),linear-gradient(90deg,#0004,transparent)}.hero-content{left:6.5%;right:6.5%;bottom:64px}.hero h1{font-size:clamp(52px,7.2vw,108px);letter-spacing:-.055em;font-weight:650;line-height:1.17;text-shadow:0 3px 40px #0003}.hero h1 em{color:#e5eaf2;font-weight:500}.hero .eyebrow{font-size:12px;letter-spacing:.18em;margin-bottom:24px;color:#e4e9f0}.hero-bottom{margin-top:32px;border:0;padding:0;align-items:center}.hero-bottom p{color:#e1e5ec;font-size:16px;line-height:1.9}.hero-index{display:none}.text-link{gap:26px;padding:15px 22px;border:1px solid #ffffff70;border-radius:100px;background:linear-gradient(130deg,#ffffff38,#ffffff14);box-shadow:inset 0 1px 1px #fff8,0 8px 28px #0002;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);font-weight:550}.text-link span{font-size:21px}
.section-shell{max-width:1440px;padding-inline:clamp(24px,6vw,88px);margin-inline:auto}.works,.services{padding-block:112px}.section-topline{border:0;padding:0;color:#787982;font-size:12px;letter-spacing:.14em}.section-topline>span:last-child{font-size:14px;letter-spacing:0}.section-heading{margin:30px 0 48px;gap:38px}.section-heading h2,.about h2{font-size:clamp(34px,4.3vw,62px);line-height:1.25;letter-spacing:-.045em;font-weight:650}.section-heading p{font-size:16px;line-height:1.85;color:#696a72;max-width:360px}
.project-block,.daming-feature.project-block{margin:28px 0 0;padding:0;border:1px solid #fff;border-radius:32px;overflow:hidden;background:linear-gradient(145deg,#ffffffed,#ffffffb8);box-shadow:0 12px 40px #1b24400a,0 1px 4px #18233b06;scroll-margin-top:110px;transition:box-shadow .35s ease,transform .35s ease}.project-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:36px 38px 30px;gap:36px;margin:0}.project-heading h3,.film-catalog .project-heading h3{font-size:clamp(27px,3.4vw,46px);line-height:1.4;letter-spacing:-.045em;margin:12px 0 14px;font-weight:650;color:#1d1d1f}.project-meta{font-size:12px;color:#797c85;letter-spacing:.07em;gap:14px}.project-format{font-size:13px;color:#637084}.project-introduction{border:0;padding:0}.intro-label{font-size:13px;letter-spacing:.04em;color:#414754;margin:0 0 10px}.project-introduction p{font-size:16px;color:#6b6d76;line-height:1.85;max-width:60ch}.daming-feature .work-image{margin:0 14px 14px;width:calc(100% - 28px);border-radius:22px;background:#0b0e14}.daming-feature .work-image img{aspect-ratio:16/8.6;object-fit:contain;background:#090b0e}.daming-feature .play-button,.play-button{width:76px;height:76px;border-radius:50%;font-size:20px;background:linear-gradient(140deg,#ffffff55,#ffffff14);border:1px solid #ffffffa1;box-shadow:inset 0 2px 3px #ffffff70,inset 0 -2px 3px #ffffff30,0 8px 25px #0003;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);color:white}.image-corner{left:22px;bottom:20px;background:#1b202957;padding:10px 16px;border:1px solid #ffffff4d;border-radius:100px;letter-spacing:.04em;font-size:13px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.film-catalog{gap:24px}.film-catalog .project-heading{padding:28px;gap:20px}.film-catalog .project-heading h3{font-size:30px}.film-catalog .work-image img{aspect-ratio:16/10}
.project-stills{margin-top:100px;padding-top:0;border:0}.stills-heading{margin-bottom:34px;gap:28px}.stills-heading .eyebrow{color:#858792;font-size:12px;margin-bottom:16px}.stills-heading h2{font-size:clamp(36px,4.5vw,60px);letter-spacing:-.045em;font-weight:650}.stills-heading>p{font-size:16px;color:#70717b}.still-project.project-block{margin-top:28px}.still-grid{gap:12px;padding:0 14px 14px;grid-template-columns:repeat(3,minmax(0,1fr))}.still-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.still-grid-2:has(>:only-child){grid-template-columns:1fr}.still-preview{border-radius:20px;background:#12151a}.still-preview img{aspect-ratio:16/10;object-fit:contain;background:#101216;transition:transform .6s ease,filter .3s}.still-number{border:1px solid #fff4;background:#20252b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 10px;border-radius:100px;left:12px;bottom:12px}.still-expand{width:40px;height:40px;display:grid;place-items:center;right:10px;top:10px;background:linear-gradient(140deg,#fff5,#fff1);border:1px solid #fff7;box-shadow:inset 0 1px #fff8;border-radius:50%;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:22px}
.manifesto{margin:0 24px;padding:100px clamp(24px,7vw,108px);border-radius:40px;background:radial-gradient(ellipse at 80% 0,#40547270,transparent 65%),linear-gradient(130deg,#131821,#080a10);color:#f7f8fa;text-align:center;box-shadow:0 20px 60px #20263814}.manifesto-inner>span{font-size:12px;color:#a8b5c7;letter-spacing:.16em}.manifesto p{font-size:clamp(34px,5vw,72px);line-height:1.35;letter-spacing:-.04em;margin:34px 0;font-weight:500}.manifesto strong{font-weight:650;background:linear-gradient(110deg,#fafcff,#bfd0ee);color:transparent;background-clip:text;-webkit-background-clip:text}.manifesto-note{border:0;padding:14px 24px;display:inline-block!important;border-radius:100px;background:linear-gradient(135deg,#fff2,#ffffff08);border:1px solid #fff3;box-shadow:inset 0 1px #fff4;color:#d7e1f0!important}
.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border:0}.service-list article{display:flex;align-items:flex-start;flex-direction:column;gap:24px;min-width:0;padding:32px;border:1px solid white;border-radius:30px;background:linear-gradient(145deg,#fff,#ffffff8c);box-shadow:0 10px 35px #202d4807;transition:transform .35s,box-shadow .35s}.service-list article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:linear-gradient(130deg,#eff4fc,#dce5f46e);border:1px solid #fff;box-shadow:inset 0 1px 2px white,0 4px 12px #5675a011;color:#526682;font-size:14px}.service-list h3{font-size:clamp(24px,2.3vw,32px);font-weight:600;line-height:1.4;letter-spacing:-.035em}.service-list p{font-size:16px;color:#71717a;line-height:1.85}.method{margin-top:24px;padding:25px 30px;border:1px solid #fff;border-radius:24px;background:#ffffff80;align-items:center}.method-label{color:#7b7e89;font-size:12px}.method p{font-size:16px;color:#4b5361}.method i{width:14px;background:#bbc2cf;margin-inline:12px}
.about{max-width:calc(100% - 48px);padding:70px clamp(26px,7vw,108px);border-radius:40px;background:linear-gradient(145deg,#e5ebf4,#eff0f6 65%,#e4e9f2);border:1px solid #fff;box-shadow:inset 0 1px white}.about-layout{padding-top:50px;gap:70px;align-items:start}.about-copy p{font-size:17px;color:#555f6d;line-height:1.95}.about-copy .about-small{font-size:14px;color:#717b89;margin-top:25px}.about h2{font-size:clamp(32px,4.1vw,58px);line-height:1.4}
.contact{background:transparent;min-height:0;padding:100px 24px 0}.contact-inner{border-radius:40px;padding:55px clamp(26px,6vw,80px);background:radial-gradient(ellipse at 100% 0,#c6d5eb55,transparent 65%),#fff;border:1px solid #fff;box-shadow:0 15px 50px #27375108}.contact h2{font-size:clamp(48px,7vw,94px);letter-spacing:-.045em;line-height:1.2;margin:45px 0 55px;font-weight:650}.contact h2 em{color:#929ba9;font-weight:550}.contact-bottom{border-color:#e4e6eb;align-items:start;gap:30px}.contact-bottom p,.contact-bottom address{font-size:15px;color:#6e7480;line-height:1.9}.footer{max-width:1440px;margin:auto;padding:32px clamp(24px,6vw,88px);color:#7b808b;font-size:12px;align-items:center}.footer a{display:inline-block;padding-block:10px}.footer a:hover{color:#171d28}
.video-dialog,.still-dialog{color:#fff;border:1px solid #ffffff55;border-radius:28px;background:linear-gradient(135deg,#252c36d9,#10151ce8);box-shadow:inset 0 1px #fff4,0 30px 100px #0006;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.video-dialog::backdrop,.still-dialog::backdrop{background:#08101bc9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.video-dialog video,.still-full{border-radius:16px}.video-dialog-inner{padding:58px 20px 20px}.close-video,.close-still{width:44px;height:44px;border-radius:50%;background:#ffffff17;border:1px solid #fff3;font-size:19px;color:white}.video-title,.still-viewer h2{font-size:20px;color:white;line-height:1.5}.still-viewer>header{align-items:center}.still-viewer footer button{border:1px solid #ffffff40;border-radius:100px;background:#ffffff14;color:white;min-height:44px}.still-counter{color:#dce3ed}.preview-bar{position:sticky;top:0;z-index:30;color:#26354a;background:#e8eef3e6;border-bottom:1px solid #fff;backdrop-filter:blur(18px)}.preview-main{padding-top:24px}.preview-main .project-stills{margin-top:32px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.project-block:hover{box-shadow:0 20px 55px #26365012}.service-list article:hover{transform:translateY(-5px);box-shadow:0 18px 40px #26365012}.still-preview:hover img{transform:scale(1.025)}.text-link:hover,.nav-contact:hover{background-color:#ffffff20}}
@media(max-width:1000px){.service-list{grid-template-columns:1fr}.service-list article{display:grid;grid-template-columns:48px 1fr;gap:18px 24px}.service-list h3{align-self:center}.service-list p{grid-column:2}.about-layout{gap:35px}.method{display:block}.method p{margin-top:14px;line-height:2}}
@media(max-width:800px){html{scroll-padding-top:100px}.site-header{top:12px;width:calc(100% - 32px);height:62px;padding:0 16px;border-radius:23px}.brand-name{font-size:16px}.brand-name small{font-size:8px}.menu-toggle{display:flex}.nav{top:72px;left:0;right:0;padding:22px;border:1px solid #ffffff4a;border-radius:24px;background:#202836f5;box-shadow:0 20px 50px #0003;gap:12px}.nav a{padding:12px}.nav .nav-contact{width:100%;text-align:center;padding:12px}.hero{margin:8px;min-height:660px;height:calc(100svh - 16px);border-radius:30px}.hero-content{left:26px;right:26px;bottom:38px}.hero h1{font-size:clamp(42px,8.8vw,70px)}.hero .eyebrow{font-size:11px;letter-spacing:.09em;line-height:1.8;margin-bottom:18px}.hero-bottom{display:block;margin-top:26px}.hero-bottom p{font-size:15px;margin-bottom:22px}.text-link{width:max-content;font-size:14px;padding:12px 19px}.section-shell{padding-inline:22px}.works,.services{padding-block:72px}.section-heading{display:block;margin:24px 0 32px}.section-heading p{margin-top:20px}.section-heading h2{font-size:36px}.section-topline{font-size:11px}.project-block,.daming-feature.project-block{border-radius:26px;margin-top:22px;padding:0;scroll-margin-top:100px}.project-heading,.film-catalog .project-heading{grid-template-columns:1fr;padding:26px 24px;gap:23px}.project-heading h3,.film-catalog .project-heading h3{font-size:30px;line-height:1.45}.project-meta{font-size:12px}.project-introduction p{font-size:16px;line-height:1.85}.daming-feature .work-image{margin:0 9px 9px;width:calc(100% - 18px);border-radius:19px}.daming-feature .work-image img{aspect-ratio:16/10}.daming-feature .play-button{width:60px;height:60px;font-size:16px}.image-corner{padding:7px 11px;font-size:12px;bottom:12px;left:12px}.film-catalog{grid-template-columns:1fr;gap:0}.project-stills{margin-top:64px}.stills-heading{display:block;margin-bottom:28px}.stills-heading h2{font-size:38px}.stills-heading>p{margin-top:18px}.still-grid,.still-grid-2{grid-template-columns:1fr;gap:9px;padding:0 9px 9px}.still-preview{border-radius:18px}.still-preview img{aspect-ratio:auto;max-height:520px;object-fit:contain}.manifesto{margin-inline:12px;border-radius:30px;padding:65px 25px}.manifesto p{font-size:34px;line-height:1.45;letter-spacing:-.045em}.manifesto-note{font-size:11px!important;letter-spacing:.05em!important;padding:12px 17px}.service-list{gap:16px}.service-list article{border-radius:26px;padding:25px;display:flex;gap:18px}.service-list h3{align-self:flex-start;font-size:27px}.method{padding:24px;border-radius:24px}.method p{font-size:14px}.method i{margin-inline:6px;width:8px}.about{max-width:calc(100% - 24px);border-radius:30px;padding:42px 24px}.about-layout{grid-template-columns:1fr;gap:30px;padding-top:32px}.about h2{font-size:34px}.about-copy p{font-size:16px}.contact{padding:64px 12px 0}.contact-inner{border-radius:30px;padding:35px 24px}.contact h2{font-size:48px;margin:36px 0}.contact-bottom{display:block}.contact-bottom address{text-align:left;margin-top:24px;font-size:14px}.footer{padding:20px 24px;flex-wrap:wrap;gap:0 15px}.footer span:nth-child(2){display:none}.video-dialog,.still-dialog{border-radius:22px;max-width:96vw}.video-dialog-inner{padding:56px 12px 12px}.video-title,.still-viewer h2{font-size:17px}.still-viewer{padding:14px}.still-viewer footer button{padding:10px 12px;font-size:13px}.preview-main{padding-top:18px}}
@media(max-width:380px){.hero h1{font-size:39px}.hero-content{left:21px;right:21px}.section-shell{padding-inline:16px}.project-heading,.film-catalog .project-heading{padding:24px 20px}.project-heading h3{font-size:27px}.contact h2{font-size:42px}.section-topline>span:last-child{font-size:12px}.manifesto p{font-size:30px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.nav{background:#252c39}.text-link,.play-button,.still-expand{background:#3b4455}.video-dialog,.still-dialog{background:#141b26}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media{background:url('/assets/showreel-cover.webp') center/cover}.project-block,.service-list article{transform:none!important}}
/* Project titles use the same translucent material as the floating navigation. */
.project-heading{position:relative;background:linear-gradient(135deg,#ffffffb8,#ffffff4d 55%,#dfe8f655);border-bottom:1px solid #fff9;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #8d9bb51a;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.project-heading:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff4,transparent 25%,transparent 70%,#fff3);opacity:.8}
.project-identity,.project-introduction{position:relative;z-index:1}
.project-introduction{border-left:1px solid #ffffffa8;padding-left:28px}
.project-introduction p{color:#555f6d}
@media(max-width:800px){
 .project-heading,.film-catalog .project-heading{padding:25px 21px 24px;gap:20px;background:linear-gradient(145deg,#ffffffc9,#ffffff75 58%,#e0e7f480);border-radius:24px 24px 0 0}
 .project-heading:before{background:linear-gradient(145deg,#fff5,transparent 45%,#cfd9eb33)}
 .project-meta{font-size:11px;letter-spacing:.055em}
 .project-heading h3,.film-catalog .project-heading h3{font-size:clamp(28px,8vw,34px);line-height:1.35;margin:10px 0 11px;letter-spacing:-.04em}
 .project-format{font-size:13px;color:#526782}
 .project-introduction{border-left:0;border-top:1px solid #ffffffb0;padding:17px 0 0}
 .intro-label{font-size:12px;letter-spacing:.08em;margin-bottom:7px;color:#4f5b6d}
 .project-introduction p{font-size:15px;line-height:1.8;color:#626c7a}
 .daming-feature .work-image{margin:0 8px 8px;width:calc(100% - 16px);border-radius:18px}
 .still-grid{padding:0 8px 8px}
 .still-project .project-heading{border-radius:24px 24px 0 0}
}
@media(max-width:380px){.project-heading,.film-catalog .project-heading{padding-inline:18px}.project-heading h3{font-size:28px}.project-introduction p{font-size:14px}}
/* Every major content block receives the same translucent material language. */
.works,.services{margin:72px auto;padding:56px clamp(26px,6vw,88px);max-width:1440px;border:1px solid #fff;border-radius:40px;background:linear-gradient(145deg,#ffffffa8,#ffffff45 58%,#dce5f34d);box-shadow:inset 0 1px 2px #fff,0 20px 70px #2636500d;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.works .project-block,.services .service-list article,.method{box-shadow:inset 0 1px 1px #fff9,0 12px 40px #2636500b}
.services{margin-top:0}.about{margin:72px auto;max-width:1440px}.contact{padding-top:0}.contact-inner{box-shadow:inset 0 1px 2px #fff,0 20px 70px #2636500d}
.still-project.still-featured{background:linear-gradient(145deg,#ffffffe8,#ffffff91 58%,#dfe8f655);border-color:#fff;box-shadow:inset 0 1px 2px #fff,0 18px 55px #31415b14}
.still-featured .project-heading h3{font-size:clamp(34px,4.4vw,60px)}
.still-featured .still-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.still-featured .still-preview:first-child{grid-column:span 2}
.still-regular{background:linear-gradient(145deg,#ffffffbd,#ffffff55 62%,#e5e9f055);border-radius:28px}
.still-regular .project-heading{padding:26px 30px 23px}.still-regular .project-heading h3{font-size:clamp(25px,3vw,38px)}
.still-regular .still-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.video-dialog video{display:block;pointer-events:auto;cursor:default;min-height:220px}
.video-dialog .video-dialog-inner{background:linear-gradient(135deg,#202834ee,#0c1119ee)}
@media(max-width:800px){.works,.services{margin:38px 12px;padding:34px 16px;border-radius:30px}.about{margin:38px 12px}.still-featured .project-heading h3{font-size:34px}.still-featured .still-grid{grid-template-columns:1fr}.still-featured .still-preview:first-child{grid-column:auto}.still-regular .still-grid{grid-template-columns:1fr}.still-regular .project-heading{padding:25px 21px 22px}.video-dialog video{min-height:0;max-height:66svh}.contact{padding-top:0}}

/* Unified refractive surfaces and an editorial stills collection. */
body{background:radial-gradient(ellipse at 0% 22%,#a9c5db80,transparent 42%),radial-gradient(ellipse at 100% 54%,#b2becf88,transparent 38%),radial-gradient(ellipse at 15% 88%,#c4dbe3,transparent 40%),#e9edf2;background-attachment:fixed}
.works,.services,.about,.contact-inner,.manifesto,.footer{position:relative;border:1px solid #ffffffc7;background:linear-gradient(125deg,#ffffff8a 0%,#ffffff30 45%,#d2e1ee50 75%,#ffffff80);box-shadow:inset 0 1px 2px #fff,inset 1px 0 1px #fff9,inset 0 -1px 2px #788ea329,0 22px 65px #263b5412;backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%)}
.works,.services,.about{width:calc(100% - 48px);max-width:1380px;padding-inline:clamp(24px,4vw,64px)}
.hero{border:1px solid #ffffff90;box-shadow:inset 0 0 0 1px #fff5,0 22px 60px #141b2b22}
.hero-bottom{padding:20px 24px;background:linear-gradient(120deg,#ffffff28,#ffffff0b);border:1px solid #ffffff50;border-radius:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff60}
.project-block,.daming-feature.project-block,.service-list article,.method{background:linear-gradient(130deg,#ffffff85,#ffffff2c 60%,#c5d8e644);border-color:#ffffffd0;box-shadow:inset 0 1px 2px #fff,inset 0 -1px 2px #7b8d9b25,0 14px 35px #21395213;backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}
.project-heading{background:linear-gradient(120deg,#ffffff80,#ffffff25 58%,#b6ccdd40);box-shadow:inset 0 1px #fff,inset 0 -1px #fff7}
.project-introduction p,.service-list p{color:#4b5765;font-size:16px}
.manifesto{background:linear-gradient(130deg,#243348cf,#111b2bbb 65%,#526779b3);border-color:#ffffff90}
.footer{width:calc(100% - 48px);border-radius:24px;margin:24px auto;padding:20px 32px;color:#525f70}
.stills-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.stills-collection>.still-project{margin:0!important;min-width:0}
.stills-collection>.still-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.8fr);align-items:stretch;background:linear-gradient(125deg,#ffffffa8,#ffffff36 60%,#c6dae966)}
.still-featured .project-heading{display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:36px 30px;border:0;border-right:1px solid #fffc}
.still-featured .project-heading h3{font-size:clamp(32px,3.7vw,50px);line-height:1.35}
.still-featured .project-introduction{border-left:0;border-top:1px solid #fff9;padding:24px 0 0}
.still-featured .still-grid{padding:12px;gap:10px;align-content:center;grid-template-columns:repeat(2,minmax(0,1fr))}
.still-featured .still-preview:first-child{grid-column:1/-1}
.still-featured .still-preview:first-child img{aspect-ratio:4/3;object-fit:contain}
.still-regular .project-heading{display:flex;flex-direction:column;padding:28px;gap:20px}
.still-regular .project-heading h3{font-size:clamp(26px,2.6vw,36px);margin:12px 0}
.still-regular .project-introduction{border-left:0;border-top:1px solid #fff9;padding:18px 0 0}
.still-regular .still-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 10px 10px}
.still-regular .still-preview:first-child{grid-column:1/-1}
.still-regular .still-preview:first-child img{aspect-ratio:16/10}
.still-regular .still-preview:not(:first-child){border-radius:12px}
.still-regular .still-preview:not(:first-child) img{aspect-ratio:4/3}
.still-regular .still-preview:not(:first-child) .still-number{font-size:12px;bottom:6px;left:6px;padding:3px 7px}
.still-regular .still-preview:not(:first-child) .still-expand{display:none}
.still-regular:has(.still-preview:nth-child(2):last-child) .still-grid{grid-template-columns:1fr 1fr}
.still-regular:has(.still-preview:nth-child(2):last-child) .still-preview:nth-child(2){grid-column:2}
.project-meta{font-size:12px}.project-format,.intro-label{font-size:14px}
@media(min-width:1100px){.stills-collection>.still-regular:nth-child(2n + 3){margin-top:68px!important}}
@media(max-width:1000px){.stills-collection>.still-featured{grid-template-columns:1fr}.still-featured .project-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-right:0}.still-featured .project-introduction{border-top:0;padding-top:0}.still-featured .still-preview:first-child img{aspect-ratio:16/9}.still-regular .project-heading{padding:24px}}
@media(max-width:800px){
 .works,.services,.about{width:calc(100% - 24px);padding-inline:16px;margin-inline:12px}
 .about{padding-inline:24px}.hero-bottom{padding:18px;border-radius:22px}.hero-bottom p{font-size:16px}
 .stills-collection{grid-template-columns:1fr;gap:24px}.stills-collection>.still-featured{display:flex;flex-direction:column}
 .still-featured .project-heading,.still-regular .project-heading{display:flex;flex-direction:column;padding:26px 20px;gap:20px;background:linear-gradient(130deg,#ffffff8c,#ffffff33 65%,#c2d5e455)}
 .still-featured .project-heading h3{font-size:34px}.still-regular .project-heading h3{font-size:28px}
 .still-featured .project-introduction{border-top:1px solid #fff9;padding-top:18px}
 .project-introduction p{font-size:16px;line-height:1.85}
 .still-featured .still-grid{display:grid;padding:0 8px 8px;width:100%}
 .still-featured .still-preview:first-child img{aspect-ratio:4/3}
 .still-regular .still-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 8px 8px;gap:6px}
 .still-preview img{width:100%;height:auto}.still-regular .still-preview:first-child{border-radius:18px}.still-regular .still-preview:not(:first-child){border-radius:10px}
 .footer{width:calc(100% - 24px);padding:18px 22px;margin:18px 12px}.contact-inner{padding-inline:24px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.works,.services,.about,.contact-inner,.footer,.project-heading,.project-block,.service-list article{background:#eaf0f5}.manifesto{background:#243348}}

/* Quiet, neutral glass with an image-led hierarchy. */
body{background:radial-gradient(ellipse at 80% 25%,#e6ebf166,transparent 50%),#f5f5f7}
.works,.services{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.hero-bottom{background:transparent;border:0;box-shadow:none;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.project-heading:before{display:none}
.project-stills .stills-heading{padding:0;margin-bottom:40px;background:none;border:0;box-shadow:none}
.stills-heading h2{font-size:clamp(32px,4vw,52px);font-weight:600;letter-spacing:-.04em;line-height:1.3}
.stills-heading .eyebrow{letter-spacing:.12em;margin-bottom:14px}
.stills-collection{gap:32px}
.stills-collection .still-project{position:relative;display:flex;flex-direction:column;isolation:isolate;padding:0;gap:0;background:#ffffff66;border:1px solid #fff;border-radius:30px;box-shadow:0 12px 40px #1d28360a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.still-atmosphere{display:none}
.stills-collection .still-grid{order:0;margin:0;padding:0;gap:5px;border-radius:29px 29px 0 0;overflow:hidden}
.stills-collection .still-preview{border-radius:0!important;border:0;box-shadow:none}
.stills-collection .still-featured .still-preview:first-child img{aspect-ratio:21/9;object-fit:contain}
.stills-collection .still-regular .still-preview:first-child img{aspect-ratio:16/10}
.stills-collection .project-heading{order:1;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:0;padding:32px 36px;border:0;border-top:1px solid #ffffffc0;border-radius:0;background:linear-gradient(120deg,#ffffffb8,#ffffff70);box-shadow:inset 0 1px 0 #fff;backdrop-filter:blur(30px) saturate(120%);-webkit-backdrop-filter:blur(30px) saturate(120%);color:#1d1d1f}
.stills-collection .still-featured .project-heading{margin:-36px 20px 20px;border:1px solid #ffffffc9;border-radius:22px;background:linear-gradient(120deg,#ffffffd9,#ffffffa6);box-shadow:0 6px 24px #1d283608,inset 0 1px #fff}
.stills-collection .still-regular .project-heading{display:flex;flex-direction:column;gap:18px;padding:28px}
.stills-collection .project-heading h3{font-size:30px;line-height:1.4;font-weight:600;color:#1d1d1f;letter-spacing:-.04em;text-shadow:none;margin:10px 0}
.stills-collection .still-featured .project-heading h3{font-size:clamp(30px,3vw,42px)}
.stills-collection .project-meta{color:#74777f;font-size:12px;letter-spacing:.02em}
.stills-collection .project-format{color:#737780;font-size:13px;background:none;border:0;padding:0;box-shadow:none}
.stills-collection .project-introduction{border:0;padding:0}
.stills-collection .intro-label{display:none}
.stills-collection .project-introduction p{color:#62646b;font-size:16px;line-height:1.85}
.stills-collection .still-regular .project-introduction{padding-top:0}
.still-number{background:#171d254d;border-color:#ffffff40;box-shadow:none}.still-expand{box-shadow:none;background:#ffffff26}
@media(min-width:1100px){.stills-collection>.still-regular:nth-child(2n + 3){margin-top:0!important}}
@media(max-width:800px){
 .works,.services{padding-inline:8px}.stills-collection{gap:24px}.project-stills .stills-heading{margin:0 4px 28px}.stills-heading h2{font-size:32px}.stills-heading>p{font-size:16px;margin-top:16px}
 .stills-collection .still-project{border-radius:24px}.stills-collection .still-grid{border-radius:23px 23px 0 0}
 .stills-collection .still-featured .still-preview:first-child img{aspect-ratio:4/3}
 .stills-collection .project-heading,.stills-collection .still-regular .project-heading{display:flex;flex-direction:column;padding:24px 22px;gap:16px}
 .stills-collection .still-featured .project-heading{margin:-22px 10px 10px;border-radius:18px;padding:22px 18px}
 .stills-collection .project-heading h3,.stills-collection .still-featured .project-heading h3{font-size:27px;line-height:1.45}
 .stills-collection .project-introduction p{font-size:16px;line-height:1.85}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.stills-collection .project-heading,.stills-collection .still-featured .project-heading{background:#f8f9fb}}

/* Page rhythm: one owner for each gap; no section margin stacking. */
:root{--section-gap:72px;--project-gap:28px;--content-width:1280px;--page-gutter:32px}
#main{display:flex;flex-direction:column;gap:var(--section-gap)}
#main>.hero{flex:none;margin:14px 14px 0}
#main>.works,#main>.services,#main>.about,#main>.manifesto,#main>.contact{width:min(var(--content-width),calc(100% - var(--page-gutter)*2));max-width:var(--content-width);margin:0 auto;box-sizing:border-box}
#main>.works,#main>.services{padding:0;border:0;border-radius:0}
#main>.manifesto{padding:64px 40px}
#main>.about{padding:48px 40px}
#main>.contact{padding:0}
.contact-inner{width:100%;max-width:none;margin:0;padding:48px 40px;box-sizing:border-box}
.section-heading{margin:24px 0 32px;gap:32px}
.works>.project-block{margin-top:var(--project-gap)}
.works>.section-heading+.project-block{margin-top:0}
.film-catalog{gap:var(--project-gap);margin-top:var(--project-gap)}
.film-catalog .project-block{margin:0}
.project-stills{margin-top:64px;padding-top:0}
.project-stills .stills-heading{margin:0 0 28px}
.stills-collection{gap:var(--project-gap);align-items:start}
.stills-collection>.still-project,.stills-collection>.still-regular:nth-child(2n + 3){margin:0!important}
.stills-collection .still-regular:has(.still-preview:nth-child(2):last-child) .still-preview:nth-child(2){grid-column:1/-1}
.stills-collection .still-regular:has(.still-preview:nth-child(2):last-child) .still-preview:nth-child(2) img{aspect-ratio:16/9}
.service-list{gap:24px}.method{margin-top:24px}
.about-layout{padding-top:32px;gap:48px}.about-copy p{margin:0}.about-copy p+p{margin-top:16px}.about-copy .about-small{margin-top:24px}
.contact h2{margin:32px 0 40px}.contact-bottom{padding-top:24px}
.footer{width:min(var(--content-width),calc(100% - var(--page-gutter)*2));max-width:var(--content-width);margin:24px auto 20px;padding:20px 24px;box-sizing:border-box}
@media(max-width:800px){
 :root{--section-gap:40px;--project-gap:20px;--page-gutter:20px}
 #main>.hero{margin:8px 8px 0}
 #main>.manifesto{padding:40px 24px;border-radius:26px}
 #main>.about,.contact-inner{padding:32px 24px;border-radius:26px}
 .section-heading{margin:18px 0 24px}.section-heading p{margin-top:16px}
 .project-stills{margin-top:40px}.project-stills .stills-heading{margin:0 0 24px}.stills-heading>p{margin-top:12px}
 .project-heading,.film-catalog .project-heading{padding:24px 20px;gap:18px}
 .service-list{gap:16px}.service-list article{padding:24px;gap:16px}.method{margin-top:16px;padding:20px}
 .about-layout{padding-top:24px;gap:24px}.about-copy p+p{margin-top:16px}
 .contact h2{margin:24px 0 28px}.contact-bottom{padding-top:20px}.contact-bottom address{margin-top:16px}
 .footer{margin-top:20px;margin-bottom:16px;padding:16px 20px}
}
@media(max-width:380px){:root{--page-gutter:16px}#main>.about,.contact-inner{padding:28px 20px}}

/* Information precedes every project; consistent vertical rhythm. */
:root{--section-gap:56px;--project-gap:24px}
.stills-collection .project-heading,.stills-collection .still-featured .project-heading{order:0;margin:0;padding:28px 32px;border:0;border-bottom:1px solid #ffffffa0;border-radius:0;background:linear-gradient(120deg,#ffffffb8,#ffffff70);box-shadow:inset 0 1px #fff}
.stills-collection .still-grid{order:1;margin:0;padding:0 10px 10px;border-radius:0;gap:8px}
.stills-collection .still-preview{border-radius:14px!important}
.stills-collection .still-featured .project-heading{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.stills-collection .still-regular .project-heading{padding:26px;gap:16px}
.project-stills{margin-top:48px}.project-stills .stills-heading{margin-bottom:24px}
.section-heading{margin:20px 0 28px}.about-layout{padding-top:28px}
.stills-collection{align-items:start}
@media(max-width:800px){
 :root{--section-gap:32px;--project-gap:20px}
 .project-stills{margin-top:36px}.project-stills .stills-heading{margin-bottom:20px}
 .section-heading{margin:16px 0 24px}
 .stills-collection .project-heading,.stills-collection .still-featured .project-heading,.stills-collection .still-regular .project-heading{display:flex;flex-direction:column;order:0;margin:0;padding:24px 20px;border-radius:0;gap:16px}
 .stills-collection .still-grid{order:1;padding:0 8px 8px;gap:6px}
 #main>.about,.contact-inner{padding:28px 24px}.about-layout{padding-top:24px;gap:20px}
}