:root{--dark:0;--gutter:clamp(24px,4vw,64px);font-synthesis:none} @media(max-width:1023px){:root{--gutter:26px}} @media(max-width:639px){:root{--gutter:22px}} @media(max-width:359px){:root{--gutter:18px}} @media(orientation:landscape) and (max-height:560px){:root{--gutter:25px}} @keyframes lf-rise{from{transform:translateY(20px)}to{transform:translateY(0)}} #lf6-module{font-synthesis:none} #lf6-module *{box-sizing:border-box} #lf6-module{margin:0;min-height:100vh} #lf6-module a{text-decoration:none} #lf6-module a:focus-visible{outline:2px solid currentColor;outline-offset:6px} #lf6-module .footer{position:relative;min-height:100vh;padding-top:6.54vw} #lf6-module .jobs{margin-left:8.65vw;width:25vw} #lf6-module .tag{display:inline-flex;align-items:center;padding:.39vw .61vw;font-size:.88vw;line-height:1.2;height:1.9vw;white-space:nowrap} #lf6-module .headline{font-size:1.66vw;line-height:1.2} #lf6-module .job-title{display:block;margin-top:1.45vw} #lf6-module .footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:.93vw;margin-top:1.3vw;font-size:1.075vw;line-height:1.35} #lf6-module .logo{position:absolute;left:40.33vw;top:7.7vw;width:17vw} #lf6-module .logo svg{display:block;width:100%;height:auto} #lf6-module .contact{position:absolute;left:74.3vw;top:6.54vw} #lf6-module .contact-links{display:flex;flex-direction:column;align-items:flex-start;margin-top:1.45vw;white-space:nowrap} #lf6-module .note{margin:1.05vw 0 0;font-size:.733vw;line-height:1.4;white-space:nowrap} #lf6-module .socials{display:flex;align-items:center;gap:1.43vw;margin-top:1.61vw} #lf6-module .socials span,#lf6-module .socials img{display:block;width:1.71vw;height:1.71vw} #lf6-module .footer{isolation:isolate;overflow:hidden} #lf6-module .footer-background{position:absolute;inset:0;z-index:-1;pointer-events:none} #lf6-module .footer-background video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center} @media(max-width:700px){#lf6-module .footer{display:flex;flex-direction:column;gap:36px;min-height:100svh;padding:40px 24px 0} #lf6-module .logo{position:static;order:0;align-self:flex-start;width:210px;max-width:75%;margin-bottom:4px} #lf6-module .jobs{order:1;margin:0;width:100%} #lf6-module .tag{height:30px;padding:6px 11px;font-size:14px} #lf6-module .headline{font-size:clamp(22px,6.3vw,30px);line-height:1.25} #lf6-module .job-title,#lf6-module .contact-links{margin-top:19px} #lf6-module .footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:20px;font-size:17px;line-height:1.4} #lf6-module .footer-nav span{display:flex;align-items:center;min-height:44px} #lf6-module .contact{position:static;order:2;width:100%} #lf6-module .contact-links{gap:4px;white-space:normal} #lf6-module .note{max-width:34ch;margin:16px 0 0;font-size:14px;line-height:1.5;white-space:normal} #lf6-module .socials{gap:18px;margin-top:20px} #lf6-module .socials span{display:flex;align-items:center;justify-content:center;width:44px;height:44px} #lf6-module .socials img{width:30px;height:30px} #lf6-module .socials span:first-child{margin-left:-7px} #lf6-module .footer-background{position:relative;inset:auto;order:3;z-index:auto;flex:none;align-self:center;width:calc(100% + 48px);aspect-ratio:4/3;margin-top:-16px} #lf6-module .footer-background video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}} #lf6-module .scene-still{position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center} #lf6-module .footer-background video{opacity: 0} #lf6-module .footer-background video[data-decoded="true"]{opacity: 1} #lf6-module .socials svg{display: block;width: 100%;height: 100%} @media (min-width: 700.01px) {#lf6-module:not([data-layout="document"]) .footer{padding-top: 0} #lf6-module:not([data-layout="document"]) .jobs{position: absolute;left: 4.6vw;top: 30.8vh;margin: 0;width: 26vw} #lf6-module:not([data-layout="document"]) .tag{height: 2.5vw;padding: .55vw 1.05vw;font-size: 1.02vw} #lf6-module:not([data-layout="document"]) .headline{font-size: 3.35vw;line-height: 1.04} #lf6-module:not([data-layout="document"]) .job-title{margin-top: 1.7vw} #lf6-module:not([data-layout="document"]) .footer-nav{gap: 1.13vw;margin-top: 2.3vw;font-size: 1.4vw;line-height: 1.4} #lf6-module:not([data-layout="document"]) .logo{top: 2.7vh;left: 44.45vw;width: 11.1vw} #lf6-module:not([data-layout="document"]) .contact{left: 75vw;top: 30.8vh;max-width: 24vw} #lf6-module:not([data-layout="document"]) .contact-links{margin-top: 1.7vw;font-size: 2.5vw;line-height: 1.12} #lf6-module:not([data-layout="document"]) .note{margin-top: 1.9vw;font-size: .975vw;line-height: 1.5;white-space: normal;max-width: 24vw} #lf6-module:not([data-layout="document"]) .socials{gap: 1.8vw;margin-top: 2vw} #lf6-module:not([data-layout="document"]) .socials span,#lf6-module:not([data-layout="document"]) .socials svg{width: 1.95vw;height: 1.95vw}} @media (max-width: 700px) {#lf6-module .socials svg{width: 30px;height: 30px}} #lf5-module,#lf6-module{display:block;position:relative;width:100%;margin:0;padding:0;isolation:isolate;line-height:normal;font-size:16px} :root{--gutter:clamp(24px,3.2vw,64px)} .lf8,#lf5-module,#lf6-module{--home-rule:#deded8;--home-gutter:var(--gutter)} #lf6-module{border-top:1px solid var(--line)} #lf6-module .tag,#lf6-module:not([data-layout=document]) .tag{font:500 14px/1.4 var(--lf-body);height:auto;padding:8px 15px} #lf6-module:not([data-layout=document]) .headline{font-size:clamp(35px,4.2vw,64px);line-height:1.12} #lf6-module .footer-nav,#lf6-module:not([data-layout=document]) .footer-nav{font:16px/1.5 var(--lf-body);gap:13px} #lf6-module:not([data-layout=document]) .contact-links{font-size:clamp(26px,2.7vw,42px);line-height:1.2} #lf6-module .note,#lf6-module:not([data-layout=document]) .note{font:15px/1.7 var(--lf-body);margin-top:22px} #lf6-module .logo img{display:block;width:100%;height:auto} #lf6-module:not([data-layout=document]) .logo{top:42px;left:var(--gutter);width:180px} #lf6-module .footer-cta{font:500 15px/1.5 var(--lf-body);padding:12px 22px;margin-top:22px;display:inline-flex;gap:20px;align-items:center} #lf6-module .footer-credit{position:absolute;bottom:26px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px;font:13px/1.5 var(--lf-body)} @media(max-width:640px){:root{--gutter:20px} #lf6-module .footer{padding:40px 24px 0;gap:32px} #lf6-module .logo,#lf6-module:not([data-layout=document]) .logo{position:static;width:180px;margin:0} #lf6-module .jobs,#lf6-module:not([data-layout=document]) .jobs{position:static;width:100%;margin:0} #lf6-module .contact,#lf6-module:not([data-layout=document]) .contact{position:static;width:100%;max-width:none} #lf6-module .headline,#lf6-module:not([data-layout=document]) .headline{font-size:40px} #lf6-module .footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:15px} #lf6-module .footer-nav a{min-height:32px;display:flex;align-items:center} #lf6-module .note,#lf6-module:not([data-layout=document]) .note{max-width:100%;font-size:14px;margin-top:14px} #lf6-module:not([data-layout=document]) .contact-links{font-size:30px} #lf6-module .footer-credit{position:relative;order:4;inset:auto;display:block;padding:0 0 22px;font-size:12px} #lf6-module .footer-credit span{display:block;margin-top:5px}} @media(min-width:701px){#lf6-module:not([data-layout=document]) .job-title{font-size:clamp(34px,3.35vw,52px)}} @font-face{font-family:"Lingfei Sans SC";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/0ae2aa8d70361559a2758c4c.woff) format("woff");} @font-face{font-family:"Mona Sans";src:url(/assets/b1805bff4463df0a5c4226c3.woff2) format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap;} :root{--lf-display:"Mona Sans","Lingfei Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--lf-body:var(--lf-display);--lf-mono:var(--lf-display);--paper:#f5f0e4!important;--ink:#252422!important;--muted:#77716a!important;--line:#d8d1c5!important;--orange:#f47735;--cream:#f5f0e4;--lime:#f47735;--olive:#252422;--gutter:clamp(24px,3.2vw,64px);font-family:var(--lf-body);color:var(--olive)} .lf8,#lf5-module,#lf6-module{font-family:var(--lf-body);--lf-ink:#252422;--lf-muted:#77716a;--lf-paper:#f5f0e4;--lf-line:#d8d1c5;--lf-orange:#f47735;--home-paper:#252422;--home-ink:#f5f0e4;--home-muted:#bcb5ab;--home-rule:#59544e;--home-gutter:var(--gutter);--text-fancy:var(--lf-display);--text-mono:var(--lf-body)} #lf6-module{--background:#f5f0e4;--foreground:#252422;--scene-background:#f5f0e4;background:#f5f0e4;color:#252422;border:0} #lf6-module .footer-background{background:#f5f0e4} #lf6-module .footer-background video,#lf6-module .scene-still{filter:brightness(1.048);mix-blend-mode:multiply} #lf6-module .headline,#lf6-module:not([data-layout=document]) .headline{font-family:var(--lf-display);font-weight:850;line-height:1.07;letter-spacing:-.04em;color:#252422} #lf6-module .tag,#lf6-module:not([data-layout=document]) .tag{font:750 12px/1.4 var(--lf-body);padding:7px 10px;background:#f47735;color:#252422;border-radius:5px;height:auto} #lf6-module .footer-nav,#lf6-module:not([data-layout=document]) .footer-nav{font:650 15px/1.5 var(--lf-body);color:#77716a} #lf6-module .footer-nav a:hover{color:#252422} #lf6-module .note,#lf6-module:not([data-layout=document]) .note{font:500 15px/1.6 var(--lf-body);color:#77716a} #lf6-module .footer-cta{font:800 14px/1.5 var(--lf-body);background:#f47735;color:#252422;border:1px solid #f47735;border-radius:9px;padding:12px 18px} #lf6-module .footer-cta:hover{background:#252422;color:#f47735;border-color:#252422} #lf6-module .footer-credit{font:600 12px/1.5 var(--lf-body);color:#77716a} @media(max-width:640px){#lf6-module .footer{background:#f5f0e4} #lf6-module .headline,#lf6-module:not([data-layout=document]) .headline{font-size:36px} #lf6-module:not([data-layout=document]) .contact-links{font-size:30px}} .header-contact,.filled-button,.outline-button,.lf8-next-cue,#lf6-module .footer-cta{border-radius:6px;font-weight:650} #lf6-module .footer-background video,#lf6-module .scene-still{filter:none!important;mix-blend-mode:normal!important} #lf6-module .footer-background video{opacity:0} #lf6-module .footer-background video[data-decoded=true]{opacity:1} #lf6-module .tag,#lf6-module:not([data-layout=document]) .tag{background:transparent;border-radius:0;padding:0;font-size:11px;letter-spacing:.06em;color:#8b7564} #lf6-module .headline,#lf6-module:not([data-layout=document]) .headline{font-weight:700;letter-spacing:-.035em} #lf6-module .jobs .headline{margin-top:22px} #lf6-module .contact .headline{margin-top:22px} #lf6-module .footer-credit{color:#77716a} @media(max-width:640px){#lf6-module .footer{gap:28px;padding-top:44px} #lf6-module .footer-credit{margin-top:0} #lf6-module .tag{font-size:10px}} @keyframes lf-intro-reveal{from{clip-path:ellipse(150% 130% at 50% 0%)}to{clip-path:ellipse(110% 0% at 50% 0%)}} @media(prefers-reduced-motion:reduce){@keyframes lf-intro-accessible{to{opacity:0}}} #lf-nav-v4-root .lf-nav-brand{clip-path:inset(0 14.2% 0 0);will-change:transform,opacity} #lf-nav-v4-root .lf-nav-contact{will-change:transform,opacity} #lf-nav-v4-root .lf-nav-contact-group{display:flex;flex-direction:column;align-items:center;width:100%;gap:5px} #lf-nav-v4-root .lf-nav-sub-link{font:560 clamp(15px,1.18vw,20px)/1.5 var(--lf-body);letter-spacing:0;background:none;color:#aaa398;padding:5px 16px;transition:color .25s;white-space:nowrap} #lf-nav-v4-root .lf-nav-sub-link:hover,#lf-nav-v4-root .lf-nav-sub-link:focus-visible{color:#f47735} #lf-nav-v4-root .lf-nav-contact-group .lf-nav-sub-link{position:relative;opacity:0;transform:translateY(12px)} #lf-nav-v4-root .lf-nav-secondary{margin-top:clamp(20px,3.3vh,38px)} html[data-lf-reference-copy="six"] #lf6-module .jobs { position:absolute!important;left:4.6%!important;top:28.5%!important;bottom:auto!important; width:24%!important;max-width:none;margin:0!important;color:#35251f; } html[data-lf-reference-copy="six"] #lf6-module .jobs>.tag { display:block;font-size:.94vw;line-height:1.5;font-weight:550;letter-spacing:.33em;color:#705b51; } html[data-lf-reference-copy="six"] #lf6-module .headline.job-title { display:block;margin-top:2.65vh;font-size:5.23vw;line-height:.87;font-weight:800; font-variation-settings:"wght" 800,"wdth" 100;letter-spacing:-.05em;color:#35251f; } html[data-lf-reference-copy="six"] .lf-ref-footer-description { margin-top:5.65vh;font-size:1.44vw;line-height:1.6;font-weight:400;letter-spacing:.025em;white-space:nowrap;color:#705f55; } html[data-lf-reference-copy="six"] #lf6-module .contact { position:absolute!important;left:auto!important;right:4.55%!important;top:35.6%!important; bottom:auto!important;width:18.45%!important;max-width:none; } html[data-lf-reference-copy="six"] #lf6-module .contact>.tag {display:none!important} html[data-lf-reference-copy="six"] #lf6-module .headline.contact-links { display:flex;align-items:flex-start;gap:0;margin:0;font-size:5.23vw;line-height:.9; font-weight:800;font-variation-settings:"wght" 800,"wdth" 100;letter-spacing:-.055em;color:#35251f; } html[data-lf-reference-copy="six"] #lf6-module .contact .note { margin:2.3vh 0 0;font-size:1.51vw;line-height:1.6;font-weight:400;letter-spacing:.015em;color:#705f55;white-space:nowrap; } html[data-lf-reference-copy="six"] #lf6-module .contact .footer-cta { width:100%;display:flex;align-items:center;justify-content:space-between; margin:4.35vh 0 0;padding:0 0 1.4vh;min-height:0;border:0;border-bottom:1px solid #95857b; border-radius:0;background:transparent;box-shadow:none;color:#675046;font-size:1.27vw; line-height:1.5;font-weight:550;letter-spacing:.035em; } html[data-lf-reference-copy="six"] #lf6-module .contact .footer-cta span {color:#ff782d;font-size:2vw;line-height:1;font-weight:350} html[data-lf-reference-copy="six"] #lf6-module .contact .footer-cta:hover {color:#f47735} html[data-lf-reference-copy="six"] #lf6-module .contact .footer-nav { display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1.6vw;margin:3.75vh 0 0; font-size:1.08vw;line-height:1.5;font-weight:450;letter-spacing:.05em;color:#67554c; } html[data-lf-reference-copy="six"] #lf6-module .contact .footer-nav a {min-height:28px;display:inline-flex;align-items:center} html[data-lf-reference-copy="six"] #lf6-module .contact .footer-nav a:nth-of-type(2)::before {content:"/";margin-right:1.6vw} html[data-lf-reference-copy="six"] #lf6-module .contact .footer-nav a:nth-of-type(n/**/+3) {display:none!important} html[data-lf-reference-copy="six"] #lf6-module .footer-credit { left:3.2%;right:3.1%;bottom:3.3%;font-size:.84vw;line-height:1.5;font-weight:450;color:#807971; } @media(max-width:640px) {html[data-lf-reference-copy="six"] #lf6-module .jobs {position:static!important;width:100%!important;max-width:none;margin:0!important;order:1} html[data-lf-reference-copy="six"] #lf6-module .jobs>.tag {font-size:11px} html[data-lf-reference-copy="six"] #lf6-module .headline.job-title {font-size:42px;line-height:.93;margin-top:18px} html[data-lf-reference-copy="six"] #lf6-module .headline.job-title br {display:none} html[data-lf-reference-copy="six"] .lf-ref-footer-description {font-size:14px;white-space:normal;margin-top:20px} html[data-lf-reference-copy="six"] #lf6-module .contact {position:static!important;width:100%!important;max-width:none;order:2} html[data-lf-reference-copy="six"] #lf6-module .headline.contact-links {font-size:40px;line-height:.95;flex-direction:row;gap:12px} html[data-lf-reference-copy="six"] #lf6-module .contact .note {font-size:16px;margin-top:16px} html[data-lf-reference-copy="six"] #lf6-module .contact .footer-cta {font-size:15px;margin-top:24px;padding-bottom:12px} html[data-lf-reference-copy="six"] #lf6-module .contact .footer-cta span {font-size:25px} html[data-lf-reference-copy="six"] #lf6-module .contact .footer-nav {font-size:14px;gap:20px;margin-top:20px} html[data-lf-reference-copy="six"] #lf6-module .contact .footer-nav a:nth-of-type(2)::before {margin-right:20px} html[data-lf-reference-copy="six"] #lf6-module .footer-credit {position:relative;inset:auto;font-size:11px;order:4}} @media(max-width:370px) {html[data-lf-reference-copy="six"] #lf6-module .headline.job-title {font-size:36px}} html[data-lf-reference-copy="six"] #root :is(.hero-copy,.bridge-heading,.finale-ui) *, html[data-lf-reference-copy="six"] #services :is(.lf8-fan-heading,.lf8-delivery,.lf8-delivery-foot,.lf-card-label) *, html[data-lf-reference-copy="six"] #lf6-module :is(.jobs,.contact) * {font-family:var(--lf-ref-font)!important} @media(min-width:992px){html[data-lf-reference-copy="six"] #lf6-module .contact {right:3.85%!important} html[data-lf-reference-copy="six"] #lf6-module .headline.contact-links {letter-spacing:-.04em} html[data-lf-reference-copy="six"] .lf-ref-footer-description {margin-top:4.75vh}} @keyframes nxw-scroll06-flip { 0% { transform: rotateY(0) rotateZ(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px); opacity: 0; } } :root { --cbx-header-height: clamp(76px, 4.94vw, 102px); --cbx-header-inset: 7.5%; --cbx-nav-size: clamp(17px, 1.27vw, 26px); --cbx-nav-gap: clamp(30px, 2.55vw, 54px); --cbx-gallery-inset: 9.1%; --cbx-gallery-width: 75.4%; --cbx-gallery-gap: 8.4vw; --cbx-card-radius: clamp(18px, 1.46vw, 32px); --cbx-stagger: 9.7vw; --cbx-cursor-size: clamp(78px, 5.37vw, 112px); --cbx-image-hover-scale: 1.035; --cbx-ease-out: cubic-bezier(.19, 1, .22, 1); --cbx-font: Arial, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; } .cbx-header, .cbx-header *, .cbx-projects, .cbx-projects *, .cbx-cursor * { box-sizing: border-box; } .cbx-header a, .cbx-projects a { color: inherit; text-decoration: none; } .cbx-header button, .cbx-header a { -webkit-tap-highlight-color: transparent; } .cbx-header [hidden] { display: none !important; } .cbx-header { position: sticky; top: 0; z-index: 100; width: 100%; height: var(--cbx-header-height); color: #000; background: #fff; font-family: var(--cbx-font); } .cbx-header__inner { display: flex; align-items: center; height: 100%; margin-inline: var(--cbx-header-inset); gap: var(--cbx-nav-gap); } .cbx-brand { display: inline-flex; align-items: center; flex-shrink: 0; } .cbx-brand img { display: block; width: clamp(120px, 7.15vw, 148px); height: auto; } .cbx-nav { display: flex; align-items: center; gap: var(--cbx-nav-gap); margin-left: auto; } .cbx-nav__link { display: inline-flex; align-items: center; padding-block: 12px; font-size: var(--cbx-nav-size); font-weight: 400; line-height: 1.3; white-space: nowrap; } .cbx-roll { display: block; position: relative; overflow: hidden; } .cbx-roll__first, .cbx-roll__second { display: block; transition: transform .65s var(--cbx-ease-out); } .cbx-roll__second { position: absolute; inset: 0; transform: translateY(115%); } .cbx-header__actions { display: flex; align-items: center; flex-shrink: 0; gap: 12px; } .cbx-contact { display: inline-flex; position: relative; align-items: center; justify-content: center; height: clamp(52px, 3.62vw, 76px); padding-inline: clamp(25px, 1.7vw, 36px); border: 1px solid #000; border-radius: 999px; background: #000; color: #fff !important; font-size: var(--cbx-nav-size); font-weight: 600; line-height: 1.2; white-space: nowrap; overflow: hidden; transform: translate3d(var(--cbx-magnet-x, 0px), var(--cbx-magnet-y, 0px), 0); transition: transform .5s var(--cbx-ease-out); } .cbx-contact::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; background: #fff; transform: translateY(103%); transition: transform .55s var(--cbx-ease-out); } .cbx-contact__label { position: relative; transition: color .28s; } .cbx-menu-toggle { display: none; align-items: center; justify-content: center; flex-direction: column; gap: 6px; width: 42px; height: 42px; padding: 0; border: 1px solid #dedede; border-radius: 50%; background: #fff; color: #000; } .cbx-menu-toggle span { display: block; width: 16px; height: 1.5px; background: currentColor; transition: transform .25s; } .cbx-menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.75px) rotate(45deg); } .cbx-menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.75px) rotate(-45deg); } .cbx-header a:focus-visible, .cbx-menu-toggle:focus-visible { outline: 2px solid #000; outline-offset: 7px; border-radius: 4px; } .cbx-contact:focus-visible { border-radius: 999px !important; } @media (hover: hover) and (pointer: fine) {.cbx-nav__link:hover .cbx-roll__first { transform: translateY(-115%); } .cbx-nav__link:hover .cbx-roll__second { transform: translateY(0); } .cbx-contact:hover::before { transform: translateY(0); } .cbx-contact:hover .cbx-contact__label { color: #000; }} @media (min-width: 2200px) {.cbx-header__inner { max-width: 1870px; margin-inline: auto; }} @media (max-width: 1000px) {:root { --cbx-header-inset: 5%; --cbx-gallery-inset: 6%; --cbx-gallery-width: 88%; --cbx-gallery-gap: 6vw; --cbx-nav-gap: 24px; }} @media (max-width: 760px) {:root { --cbx-header-height: 76px; --cbx-header-inset: 24px; --cbx-gallery-inset: 24px; --cbx-gallery-width: calc(100% - 48px); --cbx-nav-size: 16px; --cbx-card-radius: 20px; } .cbx-header__inner { justify-content: space-between; gap: 12px; } .cbx-brand img { width: 110px; } .cbx-header__actions { margin-left: auto; gap: 10px; } .cbx-contact { height: 44px; padding-inline: 18px; font-size: 14px; } .cbx-menu-toggle { display: flex; } .cbx-nav { position: absolute; top: calc(100% - 1px); left: 0; right: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 4px 24px; margin: 0; padding: 20px 24px 27px; border-top: 1px solid #eee; background: #fff; } .cbx-nav__link { min-height: 48px; padding-block: 10px; font-size: 19px; }} @media (max-width: 360px) {:root { --cbx-header-inset: 18px; --cbx-gallery-inset: 18px; --cbx-gallery-width: calc(100% - 36px); } .cbx-brand img { width: 98px; } .cbx-contact { padding-inline: 13px; } .cbx-header__actions { gap: 8px; }} @media (prefers-reduced-motion: reduce) {.cbx-header *, .cbx-projects *, .cbx-cursor * { transition-duration: .001ms !important; } .cbx-project__image, .cbx-contact { transform: none !important; }} #lf-nav-v4-root.cbx-header { position:fixed;inset:0 0 auto;width:auto;z-index:980;margin:0;padding:0;border:0;box-shadow:none;letter-spacing:0; } #lf-nav-v4-root.cbx-header a,#lf-nav-v4-root.cbx-header button { font-family:var(--cbx-font); } #lf-nav-v4-root .cbx-brand { color:#000; } .cbx-brand__art { display:block;width:clamp(120px,7.15vw,148px);overflow:hidden; } #lf-nav-v4-root .cbx-brand__art img { width:116.55011655%;max-width:none;height:auto; } .cbx-brand__fallback { font:750 24px/1 Arial,sans-serif;letter-spacing:-.06em; } #lf-nav-v4-root .cbx-nav__link { color:#000;font-weight:400; } #lf-nav-v4-root .cbx-contact { text-decoration:none; } #lf-nav-v4-root .cbx-menu-toggle { flex-shrink:0;cursor:pointer; } .cbx-nav__link:focus-visible .cbx-roll__first { transform:translateY(-115%); } .cbx-nav__link:focus-visible .cbx-roll__second { transform:translateY(0); } .cbx-contact:focus-visible::before { transform:translateY(0); } .cbx-contact:focus-visible .cbx-contact__label { color:#000; } @media (max-width:760px) {.cbx-brand__art { width:110px; } #lf-nav-v4-root .cbx-nav { max-height:calc(100svh - var(--cbx-header-height));overflow:auto;overscroll-behavior:contain; }} @media (max-width:360px) {.cbx-brand__art { width:98px; }} :root { --lf-page-white:#fff; --paper:var(--lf-page-white)!important; --cream:var(--lf-page-white); --lf-paper:var(--lf-page-white); color-scheme:light; } .lf8,#lf5-module,#lf6-module { --lf-paper:var(--lf-page-white); } #lf6-module { --background:var(--lf-page-white); --scene-background:var(--lf-page-white); background:var(--lf-page-white)!important; } #lf6-module .footer,#lf6-module .footer-background { background:var(--lf-page-white)!important; } #lf-nav-v4-root .cbx-roll { display:grid;grid-template-columns:max-content; align-items:center;justify-items:center;position:relative;overflow:hidden; } #lf-nav-v4-root .cbx-roll__first,#lf-nav-v4-root .cbx-roll__second { grid-area:1 / 1;position:relative;inset:auto; display:block;width:auto;white-space:nowrap; transition:transform .55s var(--cbx-ease-out); } #lf-nav-v4-root .cbx-roll__second { transform:translateY(115%); } #lf-nav-v4-root .cbx-nav__link--contact { display:none; } #lf-nav-v4-root .cbx-nav__link:focus-visible .cbx-roll__first, #lf-nav-v4-root .cbx-contact:focus-visible .cbx-roll__first { transform:translateY(-115%); } #lf-nav-v4-root .cbx-nav__link:focus-visible .cbx-roll__second, #lf-nav-v4-root .cbx-contact:focus-visible .cbx-roll__second { transform:translateY(0); } @media(hover:hover) and (pointer:fine) {#lf-nav-v4-root .cbx-nav__link:hover .cbx-roll__first, #lf-nav-v4-root .cbx-contact:hover .cbx-roll__first { transform:translateY(-115%); } #lf-nav-v4-root .cbx-nav__link:hover .cbx-roll__second, #lf-nav-v4-root .cbx-contact:hover .cbx-roll__second { transform:translateY(0); }} #lf-nav-v4-root { background:#fff;transition:background-color .25s ease; } #lf-nav-v4-root .cbx-header__inner { position:relative; } #lf-nav-v4-root .cbx-brand { transition:opacity .25s ease,transform .35s var(--cbx-ease-out),visibility .25s; } #lf-nav-v4-root .cbx-menu-toggle { display:none;position:relative;width:52px;height:52px; flex-direction:column;align-items:center;justify-content:center;gap:6px; margin:0;padding:0;border:0;border-radius:50%;background:#fff;color:#000; pointer-events:auto;touch-action:manipulation; } #lf-nav-v4-root .cbx-menu-toggle span { display:block;flex:0 0 2px;width:26px;height:2px;border-radius:1px; background:currentColor;transform:none;transform-origin:center; transition:transform .3s var(--cbx-ease-out),opacity .2s ease; } #lf-nav-v4-root .cbx-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(8px) rotate(45deg); } #lf-nav-v4-root .cbx-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0;transform:scaleX(0); } #lf-nav-v4-root .cbx-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); } #lf-nav-v4-root[data-nav-compact="true"] .cbx-header__inner { margin-inline:var(--gutter);gap:0; } #lf-nav-v4-root[data-nav-compact="true"] .cbx-header__actions { margin-left:auto; } #lf-nav-v4-root[data-nav-compact="true"] .cbx-header__actions>.cbx-contact { display:none; } #lf-nav-v4-root[data-nav-compact="true"] .cbx-menu-toggle { display:flex; } #lf-nav-v4-root[data-nav-scrolled="true"] { background:transparent;pointer-events:none; } #lf-nav-v4-root[data-nav-scrolled="true"] .cbx-brand { opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px); } #lf-nav-v4-root[data-nav-compact="true"] .cbx-nav { display:none!important; } @media(max-width:960px) {#lf-nav-v4-root:not([data-nav-compact]) .cbx-nav, #lf-nav-v4-root:not([data-nav-compact]) .cbx-header__actions>.cbx-contact { display:none; } #lf-nav-v4-root:not([data-nav-compact]) .cbx-menu-toggle { display:flex; }} @media(prefers-reduced-motion:reduce) {#lf-nav-v4-root,#lf-nav-v4-root * { animation:none!important;transition:none!important; }} #lf6-module .footer-background video,#lf6-module .scene-still { filter:brightness(1.048) url(#lf-white-paper-footer)!important; mix-blend-mode:normal!important; } #lf-nav-v4-root { --ln-orange:#f47735;--ln-charcoal:#252422;--ln-warm:#f5f0e4; --ln-rem:calc(clamp(992px,100vw,1920px) / 108); --ln-gutter:calc(var(--ln-rem) * 1.25); } #lf-nav-v4-root .cbx-header__inner { z-index:982; } #lf-nav-v4-root[data-menu-visible="true"] { background:transparent; } #lf-nav-v4-root[data-menu-visible="true"] .cbx-brand { opacity:0;visibility:hidden;pointer-events:none; } #lf-nav-v4-root .lf-nav-sr { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; } #lf-nav-v4-root .lf-nav-overlay{pointer-events:auto;position:fixed;z-index:981;inset:0;width:100%;height:100vh;height:100svh;color:var(--ln-warm);background:var(--ln-charcoal);overflow:clip;clip-path:ellipse(120% 0% at 50% 0%);isolation:isolate} #lf-nav-v4-root .lf-nav-overlay[hidden]{display:none!important} #lf-nav-v4-root .lf-nav-menu-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--ln-rem) * 1.25);width:100%;height:100%;margin:auto;padding:calc(var(--ln-rem) * 2.5) calc(var(--ln-rem) * 9.25) calc(var(--ln-rem) * 2) calc(var(--ln-rem) * 3.5)} #lf-nav-v4-root .lf-nav-pattern{position:absolute;z-index:0;inset:0;pointer-events:none;opacity:0;background:none} #lf-nav-v4-root .lf-nav-images{position:relative;display:flex;align-items:center;justify-content:center;gap:calc(var(--ln-rem) * 3.75);width:calc(var(--ln-rem) * 49.75);height:calc(100svh - var(--ln-rem) * 2.5);flex:none;min-height:0;pointer-events:none} #lf-nav-v4-root .lf-nav-image-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--ln-rem) * 3.75);width:calc(var(--ln-rem) * 23);flex:none;min-width:0;will-change:transform} #lf-nav-v4-root .lf-nav-image-frame{position:relative;flex:none;width:100%;height:calc(var(--ln-rem) * 25);margin:0;overflow:hidden;clip-path:ellipse(120% 0% at 50% 0%);background:#35322e;transform:translateY(25px)} #lf-nav-v4-root .lf-nav-image-frame img{display:block;width:100%;height:100%;object-fit:cover;opacity:.56;transition:opacity .25s ease;max-width:none} #lf-nav-v4-root .lf-nav-image-frame[data-featured="true"] img{opacity:1} #lf-nav-v4-root .lf-nav-copy{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(var(--ln-rem) * 27.25);flex:none;min-width:0;padding-top:5px} #lf-nav-v4-root .lf-nav-links{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%} #lf-nav-v4-root .lf-nav-main-link{position:relative;display:flex;align-items:center;justify-content:center;gap:0;padding:4px 4px 6px;background:transparent;color:var(--ln-warm);text-align:center;clip-path:ellipse(30% 0% at 50% 0%);transform:translateY(20px);transition:color .35s ease;max-width:100%} #lf-nav-v4-root .lf-nav-main-link:hover{color:var(--ln-orange)} #lf-nav-v4-root .lf-nav-link-index{font-size:11px;line-height:1.5;letter-spacing:.02em;opacity:.45;padding-top:12px;font-weight:450} #lf-nav-v4-root .lf-nav-link-label{font-size:calc(var(--ln-rem) * 5.25);line-height:1.12;letter-spacing:-.055em;font-weight:660;white-space:nowrap} #lf-nav-v4-root .lf-nav-secondary{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:calc(var(--ln-rem) * 3);margin-left:0} #lf-nav-v4-root .lf-nav-highlight{position:relative;clip-path:inset(0 100% 0 0);transform:translateY(15px);overflow:hidden} #lf-nav-v4-root .lf-nav-highlight-cover{position:absolute;z-index:2;inset:0;background:var(--ln-orange);transform-origin:right center;pointer-events:none} #lf-nav-v4-root .lf-nav-secondary-label{margin:0;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.14em;color:rgba(245,240,228,.44)} #lf-nav-v4-root .lf-nav-menu-contact{display:flex;align-items:center;justify-content:center;gap:28px;padding:3px 0;background:transparent;color:var(--ln-orange);font-size:17px;line-height:1.5;font-weight:600;text-align:left} #lf-nav-v4-root .lf-nav-menu-contact:hover{color:var(--ln-warm)} @media(min-width:992px) and (max-height:720px){#lf-nav-v4-root .lf-nav-menu-inner{padding-top:100px;padding-bottom:24px} #lf-nav-v4-root .lf-nav-links{gap:3px} #lf-nav-v4-root .lf-nav-link-label{font-size:clamp(37px,6.8vh,60px)} #lf-nav-v4-root .lf-nav-secondary{margin-top:22px}} @media(max-width:991px){#lf-nav-v4-root{--ln-rem:14px;--ln-gutter:24px} #lf-nav-v4-root .lf-site-nav{height:88px;padding:18px var(--ln-gutter)} #lf-nav-v4-root .lf-nav-inner{height:52px} #lf-nav-v4-root .lf-nav-brand{width:174px;height:43px} #lf-nav-v4-root .lf-nav-menu-inner{display:flex;align-items:center;justify-content:center;padding:110px 32px 42px} #lf-nav-v4-root .lf-nav-images{display:none} #lf-nav-v4-root .lf-nav-copy{width:min(100%,560px);align-items:center} #lf-nav-v4-root .lf-nav-link-label{font-size:clamp(43px,7vw,70px)} #lf-nav-v4-root .lf-nav-links{gap:12px} #lf-nav-v4-root .lf-nav-secondary{margin-top:44px;margin-left:0}} @media(max-width:600px){#lf-nav-v4-root{--ln-gutter:20px} #lf-nav-v4-root .lf-site-nav{height:84px;padding-top:16px;padding-bottom:16px} #lf-nav-v4-root .lf-nav-brand{width:142px;height:38px} #lf-nav-v4-root .lf-nav-actions{gap:7px} #lf-nav-v4-root .lf-nav-contact{min-height:44px;padding:0 12px;font-size:11px;gap:9px;border-radius:6px} #lf-nav-v4-root .lf-nav-arrow{font-size:18px} #lf-nav-v4-root .lf-nav-toggle{width:44px;height:44px;border-radius:6px} #lf-nav-v4-root .lf-nav-menu-inner{padding:103px 27px 34px;align-items:center} #lf-nav-v4-root .lf-nav-main-link{gap:19px;padding-top:5px;padding-bottom:7px} #lf-nav-v4-root .lf-nav-link-label{font-size:clamp(38px,10.4vw,60px)} #lf-nav-v4-root .lf-nav-link-index{padding-top:9px;font-size:10px} #lf-nav-v4-root .lf-nav-secondary{margin-top:32px;margin-left:0} #lf-nav-v4-root .lf-nav-links{gap:13px}} @media(max-width:370px){#lf-nav-v4-root .lf-nav-brand{width:120px} #lf-nav-v4-root .lf-nav-contact{padding:0 10px;font-size:10px;gap:6px} #lf-nav-v4-root .lf-nav-contact .lf-nav-arrow{display:none} #lf-nav-v4-root .lf-nav-actions{gap:6px}} @media(max-width:991px) and (max-height:540px){#lf-nav-v4-root .lf-nav-menu-inner{padding-top:95px;padding-bottom:20px;align-items:flex-start;overflow-y:auto;overscroll-behavior:contain} #lf-nav-v4-root .lf-nav-link-label{font-size:31px} #lf-nav-v4-root .lf-nav-links{gap:0} #lf-nav-v4-root .lf-nav-secondary{margin-top:15px;gap:7px}} @media(prefers-reduced-motion:reduce){#lf-nav-v4-root *,#lf-nav-v4-root *::before,#lf-nav-v4-root *::after{transition-duration:.01ms!important} #lf-nav-v4-root .lf-nav-image-col{will-change:auto}} #lf-nav-v4-root .lf-nav-overlay { width:100vw;font-family:var(--lf-body,"Mona Sans",Arial,sans-serif); } #lf-nav-v4-root .lf-nav-overlay a { font-family:inherit; } #lf-nav-v4-root .lf-nav-overlay a:focus-visible { outline:2px solid var(--ln-orange);outline-offset:6px;border-radius:2px; } #lf-nav-v4-root .lf-nav-main-link:focus-visible { color:var(--ln-orange); } #lf-nav-v4-root .lf-nav-main-link:focus-visible .cbx-roll__first, #lf-nav-v4-root .lf-nav-sub-link:focus-visible .cbx-roll__first { transform:translateY(-115%); } #lf-nav-v4-root .lf-nav-main-link:focus-visible .cbx-roll__second, #lf-nav-v4-root .lf-nav-sub-link:focus-visible .cbx-roll__second { transform:translateY(0); } @media(hover:hover) and (pointer:fine) {#lf-nav-v4-root .lf-nav-main-link:hover .cbx-roll__first, #lf-nav-v4-root .lf-nav-sub-link:hover .cbx-roll__first { transform:translateY(-115%); } #lf-nav-v4-root .lf-nav-main-link:hover .cbx-roll__second, #lf-nav-v4-root .lf-nav-sub-link:hover .cbx-roll__second { transform:translateY(0); }} #lf-nav-v4-root.cbx-header, #lf-nav-v4-root .cbx-header__inner { background: transparent !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } #lf-nav-v4-root .cbx-nav > [data-lf-cbx-action="news"] { display: none !important; } #lf-nav-v4-root[data-liquid-dark="true"]:not([data-menu-visible="true"]) .lf-nav-brand-art--dark{display:none} #lf-nav-v4-root[data-liquid-dark="true"]:not([data-menu-visible="true"]) .lf-nav-brand-art--light{display:block} #lf-nav-v4-root{--lf-menu-safe-top:calc(var(--ln-rem) * 6.25 + 24px)} @media(min-width:992px){#lf-nav-v4-root .lf-nav-menu-inner{padding-top:var(--lf-menu-safe-top);padding-bottom:clamp(24px,4vh,48px);align-items:stretch;gap:clamp(36px,5vw,96px)} #lf-nav-v4-root .lf-nav-images{width:auto;flex:1 1 0;height:100%;min-width:0;overflow:hidden;overflow:clip;contain:paint;isolation:isolate;gap:clamp(20px,2.8vw,48px)} #lf-nav-v4-root .lf-nav-image-col{width:calc((100% - clamp(20px,2.8vw,48px)) / 2);gap:clamp(20px,2.8vw,48px)} #lf-nav-v4-root .lf-nav-image-frame{height:clamp(170px,34vh,460px)} #lf-nav-v4-root .lf-nav-copy{width:auto;flex:0 0 32%;min-height:0;padding-top:0} #lf-nav-v4-root .lf-nav-link-label{font-size:clamp(40px,min(6vw,8.4vh),106px)} #lf-nav-v4-root .lf-nav-links{gap:clamp(2px,1vh,10px)} #lf-nav-v4-root .lf-nav-secondary{margin-top:clamp(18px,3vh,34px)}} @media(max-width:991px) and (max-height:680px){#lf-nav-v4-root .lf-nav-menu-inner{padding-top:98px;padding-bottom:20px} #lf-nav-v4-root .lf-nav-link-label{font-size:clamp(30px,7.4vh,46px)} #lf-nav-v4-root .lf-nav-links{gap:3px} #lf-nav-v4-root .lf-nav-secondary{margin-top:16px;gap:7px} #lf-nav-v4-root .lf-nav-contact-group{gap:1px}} :root { --lf-brand-orange-2026: #ff7417; } #lf-nav-v4-root .cbx-brand__art { width: clamp(132px, 8.2vw, 164px) !important; aspect-ratio: 1454 / 388; overflow: visible !important; clip-path: none !important; } #lf-nav-v4-root .cbx-brand__art > img, #lf-nav-v4-root .lf-nav-brand-art, .nav-brand-link .lf-new-brand-logo, #lf6-module .logo .lf-new-brand-logo { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain !important; } #lf-nav-v4-root .lf-nav-brand { width: clamp(132px, 8.2vw, 164px) !important; min-height: 40px; } #lf6-module .logo { aspect-ratio: 1454 / 388; height: auto !important; } #lf-nav-v4-root a:focus-visible { outline-color: var(--lf-brand-orange-2026) !important; } #lf-nav-v4-root .lf-nav-sub-link:hover, #lf-nav-v4-root .lf-nav-sub-link:focus-visible { color: var(--lf-brand-orange-2026) !important; }