@font-face{font-family:EonDisplay;src:url('/assets/fonts/font-2.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:EonBody;src:url('/assets/fonts/font-3.ttf') format('truetype');font-weight:400;font-display:swap}
body{font-family:EonBody,Arial,sans-serif}h1,h2,h3{font-family:EonDisplay,'Arial Narrow',Arial,sans-serif;font-weight:600;letter-spacing:-.018em}h1{line-height:1.01}.familyWordmark{font-family:Arial,sans-serif;font-size:42px;font-weight:900;letter-spacing:.02em;line-height:.95;display:flex;flex-direction:column;gap:8px}.familyWordmark>span{font:700 8.5px/1 Arial,sans-serif;letter-spacing:.18em}.header{padding-block:17px}.header .brand{min-width:215px}.nav{gap:22px}
.photoHero{position:relative;min-height:740px;isolation:isolate;display:flex;align-items:center;overflow:hidden}.heroPhoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,27,.92),rgba(4,16,27,.65) 34%,rgba(4,16,27,.05) 74%);z-index:-2}.photoHeroInner{padding-block:90px 100px}.photoHero h1{font-size:clamp(58px,6.4vw,94px);max-width:720px;margin-bottom:27px}.photoHero .heroLead{font-size:19px;line-height:1.65;max-width:540px;color:#f0f4f6}.photoHero .eyebrow{font-size:11px;letter-spacing:.12em}.heroLoop{font:10px/1.7 var(--mono);letter-spacing:.1em;color:#d1e6ed;margin-top:48px}.heroScroll{position:absolute;bottom:25px;left:52px;color:#e7f8fb;font:10px var(--mono);letter-spacing:.05em}
.photoPage{position:relative;isolation:isolate;min-height:510px;display:flex;align-items:center;overflow:hidden}.pageBackdrop{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:70% center;z-index:-3}.pageShade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,16,27,.94),rgba(4,16,27,.67) 43%,rgba(4,16,27,.08) 90%)}.photoPage .wrap{position:relative}.photoPage h1{max-width:760px}.photoPage .lead{color:#e2eef3;max-width:660px}.photoPage .crumbs{margin-bottom:24px}.sceneFigure{margin:0 0 26px;min-width:0}.sceneFigure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.sceneFigure figcaption{font:10px/1.6 var(--mono);letter-spacing:.02em;color:var(--muted);padding-top:11px}.light .sceneFigure figcaption{color:#405b66}.imageExpand{display:block;border:0;padding:0;position:relative;background:#10212b;width:100%;overflow:hidden;cursor:zoom-in}.imageExpand img{transition:transform .6s ease}.imageExpand:hover img{transform:scale(1.025)}.expandLabel{position:absolute;right:12px;bottom:12px;background:#071724d9;color:#fff;padding:7px 10px;font:9px var(--mono);letter-spacing:.03em;opacity:0;transition:opacity .2s}.imageExpand:hover .expandLabel,.imageExpand:focus-visible .expandLabel{opacity:1}
.visualPair{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:38px 0}.visualPair .sceneFigure{margin:0}.visualPair img{aspect-ratio:16/10}.posterVisual{padding:24px;min-height:350px;isolation:isolate}.posterVisual:before{display:none}.posterPhoto{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.posterVisual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,16,27,.16),rgba(4,16,27,0) 35%,rgba(4,16,27,.82));z-index:-1}.posterProduct{font-family:EonDisplay,Arial,sans-serif;font-size:58px}.posterNumber{background:#06121dbd;padding:8px 11px;align-self:start;color:#e0f4f6}.posterVisual .tag{background:#071724dd;border-color:#ffffff40;align-self:flex-start}.posterVisual .micro{font-size:10px;color:#e6f5f8}.posterContent{background:#102132}.posterContent h3{font-size:31px}.statusLine{font-size:9px;letter-spacing:.06em}
.imageCases{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.imageCase{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:#101e2c}.imageCase>img{width:100%;display:block;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .6s}.imageCase>div{padding:28px}.imageCase .eyebrow{font-size:9px}.imageCase h3{font-size:35px;line-height:1.05}.imageCase p{font-size:14px}.imageCase .link{font-size:12px}.imageCase:hover>img{transform:scale(1.025)}.storyCards .imageCase>img{aspect-ratio:16/11}.storyCards .imageCase>div{padding:24px}.storyCards .imageCase h3{font-size:31px}.cinemaBanner{position:relative;isolation:isolate;min-height:540px;display:flex;align-items:flex-end;overflow:hidden}.cinemaBanner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.cinemaBanner:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,16,27,.88),rgba(4,16,27,.02) 80%);z-index:-2}.cinemaCopy{padding:65px max(52px,calc((100vw - 1320px)/2))}.cinemaCopy h2{font-size:clamp(45px,5vw,72px);margin-bottom:25px}.journeyGrid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.demoPhotoPair{margin-top:60px;margin-bottom:55px}.aside .sceneFigure{margin:-30px -30px 27px}.aside .sceneFigure figcaption{padding:10px 20px}.visualLibrary{display:grid;grid-template-columns:1fr 1fr;gap:32px}.libraryHeader{background:#102331}.libraryHeader h1{font-size:clamp(52px,6vw,80px)}.footerLinks{gap:35px;flex-wrap:wrap}.footerLinks h3{font-family:var(--mono);letter-spacing:.08em}.footer .familyWordmark{color:#fff}
#sceneDialog{border:1px solid #29404f;background:#06121d;color:#f7fcff;width:min(96vw,1700px);max-width:none;padding:15px;max-height:96vh}#sceneDialog::backdrop{background:#02090feF}#sceneDialogImage{display:block;width:100%;max-height:calc(93vh - 90px);object-fit:contain}.sceneDialogBar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;font:11px var(--mono)}#sceneDialogClose{padding:9px 14px;border:1px solid #86cadf;background:#102231;color:#fff}#sceneDialog p{font:10px var(--mono);margin:12px 0 0;color:#b7cbd4}
@media(max-width:1100px){.nav{gap:13px}.header .brand{min-width:180px}.familyWordmark{font-size:36px}.familyWordmark>span{font-size:7.5px}.photoHero{min-height:680px}.photoHero h1{font-size:78px;max-width:600px}.imageCases{gap:18px}.imageCase>div{padding:22px}.imageCase h3{font-size:31px}}
@media(max-width:850px){.photoHero{min-height:780px;align-items:flex-end}.heroPhoto{object-position:62% center}.heroShade{background:linear-gradient(0deg,rgba(4,16,27,.98),rgba(4,16,27,.65) 52%,rgba(4,16,27,.08) 100%)}.photoHeroInner{padding-block:260px 85px}.photoHero h1{font-size:76px;max-width:640px}.photoHero .heroLead{font-size:17px;max-width:560px}.heroLoop{margin-top:30px}.photoPage{min-height:600px}.pageShade{background:linear-gradient(90deg,rgba(4,16,27,.9),rgba(4,16,27,.5))}.photoPage h1{max-width:620px}.imageCases{grid-template-columns:1fr 1fr}.imageCase:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.imageCase:last-child>img{height:100%;aspect-ratio:auto;min-height:260px}.posterVisual{min-height:300px}.visualPair{gap:20px}.cinemaCopy{padding:50px 32px}.heroScroll{left:32px}.cinemaBanner{min-height:460px}.aside .sceneFigure{margin:-25px -25px 24px}}
@media(max-width:560px){.familyWordmark{font-size:34px;gap:6px}.familyWordmark>span{font-size:7.3px;letter-spacing:.16em}.header .brand{min-width:0}.header{padding-block:16px}.photoHero{min-height:790px}.heroPhoto{object-position:66% center}.photoHeroInner{padding-block:285px 78px}.photoHero h1{font-size:61px;max-width:350px}.photoHero .eyebrow{font-size:8px;letter-spacing:.08em}.photoHero .heroLead{font-size:16px;line-height:1.55}.photoHero .actions{gap:14px}.photoHero .btn{font-size:12px;padding:13px 16px}.heroLoop{font-size:8px;letter-spacing:.06em;max-width:310px;margin-top:28px}.heroScroll{left:20px;bottom:20px;font-size:8px}.photoPage{min-height:560px;padding-top:180px;align-items:flex-end}.pageBackdrop{object-position:65% center}.pageShade{background:linear-gradient(0deg,rgba(4,16,27,.97),rgba(4,16,27,.62) 55%,rgba(4,16,27,.12))}.photoPage h1{font-size:54px}.photoPage .lead{font-size:16px}.imageCases,.visualPair,.journeyGrid,.visualLibrary{grid-template-columns:1fr}.imageCase:last-child{display:flex;grid-column:auto}.imageCase:last-child>img{aspect-ratio:4/3;min-height:0;height:auto}.imageCase h3{font-size:37px}.imageCase>div{padding:25px}.posterVisual{min-height:305px}.posterProduct{font-size:59px}.posterContent h3{font-size:31px}.cinemaBanner{min-height:430px}.cinemaCopy{padding:42px 20px}.cinemaCopy h2{font-size:48px}.cinemaBanner>img{object-position:34% center}.visualPair{gap:25px;margin-block:28px}.sceneFigure figcaption{font-size:9px}.visualLibrary{gap:18px}.visualLibrary .sceneFigure{margin-bottom:10px}.demoPhotoPair{margin-top:35px}.footerLinks{display:grid;grid-template-columns:1fr 1fr;gap:28px}.footer .familyWordmark{font-size:38px}.footer .familyWordmark>span{font-size:7.7px}}
@media(prefers-reduced-motion:reduce){.imageExpand img,.imageCase>img{transition:none}}