.film-header{z-index:50;justify-content:space-between;align-items:center;gap:24px;height:88px;padding:0 4.6vw;display:flex;position:absolute;inset:0 0 auto}.film-header nav{align-items:center;gap:36px;display:flex}.film-header nav a{align-items:center;min-height:44px;font-size:12px;display:flex}.start-project{border-bottom:1px solid #ffffff60;gap:28px}.start-project span{font-size:22px}@media (width>=700px) and (width<=1000px){.film-header nav{gap:20px}}@media (width<=699px){.film-header{height:78px;padding:0 22px}.film-header nav{gap:18px}.film-header .compare{display:none}.film-header .start-project{gap:17px;font-size:11px}}.film-header{background:linear-gradient(#101314d9,#10131400);position:fixed}body:has(.is-cinematic[data-scene=composition]) .film-header{color:#242a26;background:linear-gradient(#eae8e1f2,#eae8e100)}:root{--glass-ink:#101314;--glass-white:#f2f1ed;--glass-rose:#d88f9f;--glass-edge:#f2f1ed33;--glass-dark:#161a1bd1;--glass-shadow:0 12px 32px -12px #0008,inset 0 1px 0 #ffffff24,inset 0 -1px 0 #0005}.film-header{border:1px solid var(--glass-edge);background:var(--glass-dark);height:64px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(140%);border-top-color:#ffffff38;border-radius:36px;padding:7px 9px 7px 22px;inset:20px 4.6vw auto}.film-header .brand{letter-spacing:-1.6px;font-size:27px}.film-header .brand span{margin-top:6px}.film-header nav{gap:8px}.film-header nav a{border-radius:24px;padding:0 20px;font-weight:650}.film-header .compare{color:#dedfdb;border:1px solid #0000}.film-header .compare:hover{background:#ffffff0e;border-color:#ffffff14}.film-header .start-project{color:#101314;background:#d88f9f;border:1px solid #f9d5dd80;border-bottom:2px solid #a96172;gap:24px;box-shadow:0 3px 9px #0003,inset 0 1px 1px #ffe5eb80}.film-header .start-project span{font-size:20px}body:has(.is-cinematic[data-scene=composition]) .film-header{color:#242a26;background:#f2f1eddf;border-color:#fff #242a2615 #242a2615;box-shadow:0 12px 32px -12px #181d182e,inset 0 1px #fff,inset 0 -1px #242a260c}body:has(.is-cinematic[data-scene=composition]) .film-header .compare{color:#424944}.film-header a{transition:background .18s,box-shadow .18s,translate .18s}.film-header .start-project:hover{background:#e3a4b2}.film-header .start-project:active{translate:0 1px}@media (width>=700px) and (width<=1000px){.film-header nav{gap:4px}.film-header nav a{padding-inline:16px}}@media (width<=699px){.film-header{gap:12px;height:60px;padding:6px 7px 6px 17px;inset:14px 14px auto}.film-header .brand{font-size:25px}.film-header nav a{padding-inline:15px}.film-header .start-project{gap:14px}}@media (prefers-reduced-motion:reduce){.film-header .start-project:active{translate:none}}@supports not (backdrop-filter:blur(1px)){.film-header{background:#1b1f20}body:has(.is-cinematic[data-scene=composition]) .film-header{background:#f2f1ed}}@media (prefers-reduced-transparency:reduce){.film-header{-webkit-backdrop-filter:none;background:#1b1f20}body:has(.is-cinematic[data-scene=composition]) .film-header{background:#f2f1ed}}@media (forced-colors:active){.film-header{box-shadow:none;border:1px solid buttontext}}.film-menu{position:relative}.film-menu summary{cursor:pointer;border-radius:24px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:0 17px;font-size:12px;font-weight:650;list-style:none;display:flex}.film-menu summary::-webkit-details-marker{display:none}.film-menu summary svg{width:18px;height:18px}.film-menu[open] summary,.film-menu summary:hover{background:#f2f1ed12}.film-menu summary:focus-visible{outline-offset:4px;outline:3px solid #f2f1ed;box-shadow:0 0 0 7px #101314}.film-menu-panel{color:#f2f1ed;-webkit-backdrop-filter:blur(24px);background:#1b1f20f5;border:1px solid #ffffff30;border-radius:20px;width:260px;padding:7px;position:absolute;top:calc(100% + 18px);right:0;box-shadow:0 18px 45px #0005,inset 0 1px #ffffff25}.film-header .film-menu-panel a{border-radius:13px;justify-content:space-between;min-height:48px;padding:0 16px;font-size:13px;font-weight:500;display:flex}.film-menu-panel a:hover{background:#ffffff10}.film-menu-panel svg{width:18px;height:18px}@media (width<=699px){.film-header{gap:8px;padding-left:14px}.film-header nav{gap:4px}.film-header .brand{font-size:23px}.film-header .start-project{gap:10px;padding-inline:12px}.film-menu summary{width:40px;padding:0}.film-menu-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.film-menu-panel{width:min(300px,100vw - 28px);position:fixed;top:84px;right:14px}}@media (forced-colors:active){.film-menu-panel,.film-menu summary{border:1px solid buttontext}}.film-header .brand{flex:none}.film-header .brand img{width:104px;height:auto}.film-header .brand .logo-on-pale,body:has(.is-cinematic[data-scene=composition]) .film-header .logo-on-dark{display:none}body:has(.is-cinematic[data-scene=composition]) .film-header .logo-on-pale{display:block}@media (width<=699px){.film-header .brand img{width:80px}}.film-header{color:#f2f1ed;font-family:Manrope Variable,sans-serif;line-height:normal}.film-header a{color:inherit;text-decoration:none}.film-header .brand{flex:none;align-items:center;width:auto;height:auto;min-height:44px;display:flex}.film-header .brand img{object-fit:contain;filter:none;max-width:100%;max-height:none;display:block}.film-header .start-project{color:#101314}.film-header a:focus-visible{outline-offset:4px;outline:3px solid #f2f1ed;box-shadow:0 0 0 7px #101314}.film-header .film-menu-panel a[aria-current]{color:#f2f1ed;background:#f2f1ed12;box-shadow:inset 3px 0 #d88f9f}.film-menu summary{touch-action:manipulation}.film-menu-panel{overscroll-behavior:contain;max-height:calc(100dvh - 108px);overflow-y:auto}@media (prefers-reduced-motion:reduce){.film-header *{transition:none!important}.film-header .start-project:active{translate:none}}.film-header .film-links{display:none}@media (width>=900px){.film-header .film-menu{display:none}.film-header .film-links{align-items:center;gap:2px;display:flex}.film-header .film-links a{white-space:nowrap;border:1px solid #0000;padding-inline:16px;font-size:12px;font-weight:500}.film-header .film-links a:hover{background:#f2f1ed0c;border-color:#f2f1ed18}.film-header .film-links a[aria-current]{background:#f2f1ed12;box-shadow:inset 0 -2px #d88f9f}body:has(.is-cinematic[data-scene=composition]) .film-links a:hover,body:has(.is-cinematic[data-scene=composition]) .film-links a[aria-current]{background:#242a260b;border-color:#242a2618}}@media (width>=900px) and (width<=1100px){.film-header .film-links a{padding-inline:12px}.film-header .start-project{gap:14px;padding-inline:15px}}