.lf-about{background:var(--paper);overflow:clip}.lf-about-hero{align-items:center;display:flex;flex-direction:column;justify-content:center;height:min-content;min-height:776px;padding:120px 140px 40px;position:relative;gap:40px;width:100%}.lf-about-hero-stage{width:100%;position:relative;text-align:center;margin:auto 0;perspective:1000px}.lf-about-kicker{font-size:12px;font-weight:550;letter-spacing:.14em;margin:0 0 26px;color:var(--muted)}.lf-about-title{margin:0;display:flex;flex-direction:column;align-items:center;line-height:1}.lf-brand-word{font-family:var(--lf-display);font-size:clamp(72px,14.4vw,235px);font-weight:850;letter-spacing:-.075em;display:flex;justify-content:center;padding-right:.08em;line-height:.98}.lf-letter{display:inline-block;color:var(--orange);cursor:default;transform:translate3d(0,var(--dy,0px),0) rotate(var(--dr,0deg));transition:transform .55s cubic-bezier(.22,1.5,.45,1),color .3s;will-change:transform}.lf-letter:nth-child(3n+2){color:var(--ink)}.lf-letter:nth-child(3n){color:#b6a391}.lf-brand-word:hover .lf-letter{transition:transform .18s ease-out,color .3s}.lf-letter:hover{color:var(--orange)}.lf-about-title-cn{font-size:clamp(44px,7.3vw,116px);font-weight:650;letter-spacing:-.06em;line-height:1.28}.lf-about-intro{font-size:clamp(14px,1.3vw,20px);font-weight:500;margin:32px 0 0;letter-spacing:.08em}.lf-hero-orbit{position:absolute;font-size:54px;line-height:1;pointer-events:none;color:var(--orange)}.lf-orbit-a{top:14%;left:-4%;transform:rotate(-15deg)}.lf-orbit-b{right:-4%;bottom:12%;font-size:84px;transform:rotate(20deg)}.lf-about-hero .lf-down{margin-top:12px;font-size:10px}.lf-about-ticker{overflow:hidden;width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:90px;display:flex;align-items:center}.lf-about-ticker-track{display:flex;gap:38px;animation:lf-ticker 32s linear infinite;width:max-content}.lf-about-ticker-track>span{display:flex;align-items:center;gap:38px;white-space:nowrap;font-size:24px;font-weight:650;letter-spacing:-.03em}.lf-about-ticker-track b{color:var(--orange);font-size:32px;font-weight:400}.lf-about-ticker:hover .lf-about-ticker-track{animation-play-state:paused}@keyframes lf-ticker{to{transform:translateX(-50%)}}
.lf-about-showreel{padding:80px 140px 85px;border-bottom:1px solid var(--line)}.lf-about-film{position:relative;aspect-ratio:16/9;background:#efe5d5;border-radius:12px;overflow:hidden;isolation:isolate}.lf-about-film>video,.lf-film-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lf-about-film>video{z-index:1}.lf-film-fallback{z-index:0}.lf-film-open{position:absolute;top:50%;left:50%;width:116px;height:116px;border:0;border-radius:100%;transform:translate(-50%,-50%);background:var(--orange);font:600 22px var(--lf-body);letter-spacing:-.03em;z-index:2;transition:scale .3s,color .3s,background .3s;box-shadow:0 8px 60px #a96b3230}.lf-film-open:hover{scale:1.08;color:var(--paper);background:var(--ink)}.lf-film-open span{display:block;font-size:25px;margin-top:4px}.lf-film-caption{position:absolute;bottom:22px;left:24px;font-size:12px;z-index:2;color:var(--ink)}.lf-film-toggle{position:absolute;right:20px;bottom:15px;z-index:2;background:#f5f0e4db;color:var(--ink);border:1px solid #bba88f60;border-radius:99px;padding:10px 15px;font-size:11px}.lf-about-work,.lf-about-story{display:flex;flex-direction:column;align-items:flex-start;gap:53px;padding:53px 140px 85px;position:relative;scroll-margin-top:50px;width:100%;border-bottom:1px solid var(--line)}.lf-about-section-head{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:32px}.lf-about-section-head h2{font-family:var(--lf-display);font-size:clamp(34px,4.3vw,65px);font-weight:640;line-height:1.12;letter-spacing:-.06em;margin:0}.lf-heading-mark{display:inline-block;color:var(--orange);font-size:.68em;vertical-align:top;transform:rotate(12deg);margin:.03em 0 0 .27em}.lf-about-section-head p{font-size:12px;color:var(--muted);line-height:1.8;margin:9px 0 0;max-width:235px}.lf-about-work-list{width:100%}.lf-about-work-row{display:flex;gap:22px;align-items:center;padding:29px 0;border-top:1px solid var(--line);position:relative;transition:color .25s,padding .4s;isolation:isolate}.lf-about-work-row:last-child{border-bottom:1px solid var(--line)}.lf-about-work-row h3{font-size:clamp(24px,3.1vw,47px);font-weight:530;line-height:1.2;letter-spacing:-.04em;margin:0}.lf-about-work-no{font-size:11px;color:var(--muted);min-width:23px;align-self:flex-start;margin-top:10px}.lf-about-work-short{font-size:11px;margin-left:auto;color:var(--muted)}.lf-about-work-arrow{font-size:40px;margin-left:auto;min-width:42px;text-align:right;transition:transform .3s}.lf-about-work-row:hover,.lf-about-work-row:focus-visible{color:var(--orange);padding-left:14px}.lf-about-work-row:hover .lf-about-work-arrow{transform:rotate(45deg)}.lf-work-mobile-img{display:none}.lf-work-preview{position:fixed;left:0;top:0;width:275px;height:250px;z-index:100;pointer-events:none;opacity:0;transform:translate3d(-1000px,-1000px,0) rotate(7deg);transition:opacity .2s;will-change:transform;isolation:isolate}.lf-work-preview.is-active{opacity:1}.lf-work-preview img{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 25px 60px #34251425}.lf-work-preview>span{position:absolute;right:10px;bottom:10px;background:var(--orange);font-size:11px;padding:8px 12px;border-radius:99px;color:var(--ink)}.lf-about-copy{max-width:565px;width:100%;margin-left:auto;padding:0 0 20px;font-size:20px;line-height:1.65;font-weight:450;letter-spacing:-.016em}.lf-about-copy p{margin:0 0 27px}.lf-about-copy strong{font-weight:550}.lf-inline-mascot{width:62px;height:52px;object-fit:contain;vertical-align:middle;margin:-12px 6px -2px;display:inline-block;transition:transform .4s cubic-bezier(.22,1.5,.45,1)}.lf-inline-mascot:hover{transform:translateY(-8px) rotate(12deg)}.lf-inline-star,.lf-inline-swoosh{display:inline-block;color:var(--orange);font-size:34px;line-height:.8;vertical-align:middle;margin:0 8px;transition:transform .5s}.lf-inline-star:hover{transform:rotate(140deg)}.lf-inline-swoosh{border:1px solid var(--orange);border-radius:99px;padding:3px 14px;font-size:23px;transform:rotate(-12deg)}.lf-story-end{font-weight:600;font-size:32px;letter-spacing:-.045em;line-height:1.5;margin-top:40px!important}.lf-about-fields{padding:53px 140px;border-bottom:1px solid var(--line)}.lf-about-field-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:46px 0 34px}.lf-about-field-grid>span{font-weight:650;font-size:clamp(18px,1.8vw,29px);text-align:center;padding:28px 0;color:var(--ink);letter-spacing:-.055em}.lf-about-field-grid>span:nth-child(3n+2){color:var(--orange)}.lf-about-field-note{font-size:11px;color:var(--muted);max-width:510px;margin:0 auto;line-height:1.8;text-align:center}.lf-about-contact{padding:70px 140px 95px;border-bottom:1px solid var(--line)}.lf-about-contact-copy{display:flex;flex-direction:column;gap:24px}.lf-about-contact-kicker{font-size:13px;color:var(--muted)}.lf-about-contact-title{display:flex;justify-content:space-between;align-items:center;font-size:clamp(30px,5.4vw,86px);font-weight:580;letter-spacing:-.055em;line-height:1.25}.lf-about-contact-title>span{color:var(--orange);transition:transform .3s}.lf-about-contact a:hover .lf-about-contact-title>span{transform:rotate(45deg)}.lf-film-dialog{width:min(1200px,94vw);max-width:94vw;background:var(--paper);padding:0;border:0;border-radius:12px;box-shadow:0 30px 100px #0007;overflow:visible}.lf-film-dialog::backdrop{background:#252422e6;backdrop-filter:blur(12px)}.lf-film-dialog video{display:block;width:100%;aspect-ratio:16/9}.lf-film-close{position:absolute;right:0;top:-48px;background:none;color:var(--paper);border:0;font-size:15px;padding:10px 0}.lf-film-close span{font-size:28px;margin-left:10px}
@media(max-width:1279px){.lf-about-hero{min-height:700px;padding:120px 120px 40px}.lf-about-showreel{padding:65px 120px}.lf-about-work,.lf-about-story{padding:40px 120px 65px;gap:40px}.lf-about-fields{padding:65px 120px 40px}.lf-about-contact{padding:40px 120px 65px}.lf-about-work-short{display:none}.lf-about-field-grid{grid-template-columns:repeat(5,1fr);gap:10px}.lf-about-field-grid>span{font-size:19px}}
@media(max-width:1023px){.lf-about-hero{min-height:590px;padding:104px 60px 30px}.lf-about-showreel{padding:55px 60px}.lf-about-work,.lf-about-story,.lf-about-fields,.lf-about-contact{padding-left:60px;padding-right:60px}.lf-brand-word{font-size:15.4vw}.lf-about-title-cn{font-size:8vw}.lf-about-section-head h2{font-size:42px}.lf-about-section-head p{max-width:190px}.lf-about-copy{font-size:18px}.lf-about-field-grid{grid-template-columns:repeat(5,1fr)}.lf-about-field-grid>span{font-size:18px}.lf-hero-orbit{font-size:40px}.lf-orbit-b{font-size:60px}}
@media(max-width:808px){.lf-about-hero{height:auto;min-height:570px;padding:115px 24px 30px;gap:28px}.lf-about-hero-stage{margin:auto 0}.lf-brand-word{font-size:17vw;letter-spacing:-.09em}.lf-about-title-cn{font-size:10vw;line-height:1.5}.lf-about-kicker{font-size:10px;margin-bottom:35px}.lf-about-intro{font-size:12px;letter-spacing:.015em;margin-top:18px}.lf-orbit-a{left:0;top:-28px;font-size:24px}.lf-orbit-b{right:0;bottom:-28px;font-size:36px}.lf-about-ticker{height:66px}.lf-about-ticker-track>span{font-size:18px;gap:24px}.lf-about-ticker-track b{font-size:23px}.lf-about-showreel{padding:30px 24px 45px}.lf-film-open{width:74px;height:74px;font-size:15px}.lf-film-open span{font-size:19px;margin-top:1px}.lf-film-caption{left:12px;bottom:12px;font-size:8px;max-width:65%;line-height:1.6}.lf-film-toggle{right:10px;bottom:10px;font-size:9px;padding:7px 9px}.lf-about-work,.lf-about-story{padding:40px 24px 55px;gap:30px}.lf-about-section-head{flex-direction:column;gap:10px}.lf-about-section-head h2{font-size:36px}.lf-about-section-head p{font-size:11px;margin:0;max-width:none}.lf-about-work-row{padding:22px 0;gap:12px}.lf-about-work-row h3{font-size:24px;font-weight:550}.lf-about-work-no{font-size:10px;min-width:18px;margin-top:4px}.lf-about-work-arrow{font-size:28px;min-width:28px}.lf-work-preview{display:none}.lf-about-copy{max-width:565px;font-size:18px;line-height:1.75;margin-left:0}.lf-inline-mascot{width:53px;height:48px;margin:-9px 5px -3px}.lf-story-end{font-size:28px}.lf-about-fields{padding:40px 24px}.lf-about-field-grid{grid-template-columns:repeat(2,1fr);gap:0;margin:30px 0}.lf-about-field-grid>span{font-size:25px;padding:21px 0}.lf-about-field-note{text-align:left;font-size:10px}.lf-about-contact{padding:40px 24px 60px}.lf-about-contact-title{font-size:30px;gap:12px}.lf-about-contact-kicker{font-size:11px}.lf-film-dialog{border-radius:6px}.lf-about-hero .lf-down{font-size:10px}}
@media(prefers-reduced-motion:reduce){.lf-about-ticker-track{animation:none}.lf-letter,.lf-work-preview{transition:none!important;transform:none!important}.lf-work-preview{display:none}.lf-about-work-row,.lf-film-open,.lf-inline-mascot{transition:none}}