:root{--navy:#1b2140;--navy-deep:#11162b;--cream:#ede7d3;--paper:#f6f2e4;--stone:#d6d2c4;--muted:#4b4f63;--silver:#c9cdd2;--red:#a3262c;--serif:"DM Serif Display", serif;--sans:"Josefin Sans", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--navy);font-family:var(--sans);margin:0}a{color:var(--navy)}a:hover{color:var(--red)}button{font:inherit;color:inherit;cursor:pointer}img{display:block}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:600}.eyebrow.light{color:var(--silver)}.nav{border-bottom:1px solid var(--navy);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 64px;display:flex}.nav-brand{font-family:var(--serif);letter-spacing:.02em;font-size:24px}.nav-links{letter-spacing:.18em;text-transform:uppercase;flex-wrap:wrap;gap:32px;font-size:14px;font-weight:600;display:flex}.nav-links a{text-decoration:none}.hero{flex-wrap:wrap;align-items:center;gap:48px;padding:72px 64px 88px;display:flex}.hero-text{flex:480px;min-width:0}.hero h1{font-family:var(--serif);margin:24px 0 0;font-size:clamp(56px,9vw,124px);font-weight:400;line-height:.94}.hero h1 span{color:var(--red);font-style:italic}.hero p{max-width:460px;margin:32px 0 0;font-size:20px;font-weight:300;line-height:1.55}.hero-art{flex:420px;justify-content:center;min-width:0;display:flex;position:relative}.arch{aspect-ratio:4/5;background:var(--navy);border-radius:250px 250px 0 0;width:100%;max-width:500px;overflow:hidden}.arch img{object-fit:cover;object-position:50% 78%;width:100%;height:100%}.badge{background:var(--red);width:124px;height:124px;color:var(--cream);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:8%;left:4%;transform:rotate(-10deg)}.badge div:first-child{font-family:var(--serif);font-size:44px;line-height:1}.badge div:last-child{letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:600}.marquee{background:var(--navy);color:var(--silver);white-space:pre;font-family:var(--serif);padding:18px 0;font-size:28px;font-style:italic;overflow:hidden}.marquee-track{animation:40s linear infinite marquee;display:inline-flex}@keyframes marquee{to{transform:translate(-50%)}}.about{flex-wrap:wrap;gap:48px 80px;padding:96px 64px 24px;display:flex}.about-head{flex:280px;min-width:0}.about-head h2{font-family:var(--serif);margin:20px 0 0;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1}.about-body{flex:2 480px;min-width:0;max-width:720px}.about-body p{margin:0 0 24px;font-size:20px;font-weight:300;line-height:1.6}.facts{border-top:1px solid var(--navy);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:0;margin:40px 0 0;display:grid}.facts>div{border-bottom:1px solid var(--navy);padding:16px 16px 16px 0}.facts dt{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.facts dd{font-family:var(--serif);margin:6px 0 0;font-size:24px;line-height:1.2}.vision{background:var(--paper);border:1px solid var(--stone);max-width:560px;margin:40px 0;padding:14px 14px 18px;transform:rotate(-1deg);box-shadow:0 10px 28px #0000002e}.vision img{width:100%;height:auto}.vision figcaption{font-family:var(--serif);margin-top:14px;font-size:18px;font-style:italic;line-height:1.4}.vision strong{font-style:normal}.index{padding:96px 64px}.index-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.index-head h2{font-family:var(--serif);margin:0;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1}.index-head p{max-width:360px;color:var(--muted);margin:0;font-size:16px;font-weight:300;line-height:1.5}.index-grid{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:28px;margin-top:48px;display:grid}.card{background:var(--paper);border:1px solid var(--navy);flex-direction:column;gap:18px;padding:20px 20px 28px;text-decoration:none;transition:transform .2s;display:flex}.card:hover{color:var(--navy);transform:translateY(-4px)}.card-cover{aspect-ratio:16/10;background:var(--stone);overflow:hidden}.card-cover img{object-fit:cover;width:100%;height:100%}.card-title{align-items:baseline;gap:16px;display:flex}.card-title span:first-child{font-family:var(--serif);color:var(--red);font-size:64px;line-height:1}.card-title span:last-child{font-family:var(--serif);font-size:30px;line-height:1.1}.card-meta{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:600}.tile{all:unset;box-sizing:border-box;cursor:zoom-in;background:var(--paper);color:var(--navy);transform:rotate(var(--rot));padding:12px 12px 14px;transition:transform .25s,box-shadow .25s;display:block;box-shadow:0 10px 28px #00000047}.tile:hover,.tile:focus-visible{z-index:2;position:relative;transform:rotate(0)scale(1.03)}.tile:focus-visible{outline:3px solid var(--red)}.tile-img{aspect-ratio:var(--r);background:var(--stone);position:relative;overflow:hidden}.tile-img img{object-fit:cover;width:100%;height:100%}.tile-cap{font-family:var(--serif);padding-top:12px;font-size:18px;font-style:italic}.play{background:var(--cream);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:auto;padding-left:3px;display:flex;position:absolute;inset:0}.tile-h{flex:none}.tile-h .tile-img{height:52vh}.ch{background:var(--navy);color:var(--cream);position:relative;overflow:clip}.ch:nth-of-type(2n){background:#232b52}.ch-head{flex:none;width:min(420px,80vw)}.ch-num{font-family:var(--serif);color:#0000;-webkit-text-stroke:2px var(--cream);font-size:clamp(120px,18vw,240px);line-height:.85}.ch-head h3{font-family:var(--serif);margin:24px 0 0;font-size:56px;font-weight:400;line-height:1}.ch-head p{max-width:400px;margin:20px 0 0;font-size:18px;font-weight:300;line-height:1.6}.ch-count{letter-spacing:.2em;text-transform:uppercase;color:var(--silver);margin-top:20px;font-size:14px;font-weight:600}.ch-horizontal{align-items:center;height:100svh;display:flex}.ch-h-track{will-change:transform;align-items:center;gap:56px;padding:0 64px;display:flex}.ch-h-track .tile:nth-child(odd){margin-top:40px}.ch-end{flex:none;width:8vw}.ch-h-track.two{grid-template-rows:repeat(2,auto);grid-auto-flow:column;align-items:center;gap:36px 48px;display:grid}.ch-h-track.two .ch-head{grid-row:1/span 2}.ch-h-track.two .tile-h .tile-img{height:30vh}.ch-h-track.two .tile{justify-self:start}.ch-h-track.two .tile:nth-child(odd){margin-top:0;margin-left:90px}.ch-h-track.two .ch-end{grid-row:1/span 2}.ch-v{align-items:flex-start;gap:48px;padding:96px 64px;display:flex}.ch-side{flex:360px;max-width:460px}.ch-cols{flex:2 560px;grid-template-columns:repeat(3,1fr);align-items:start;gap:32px;min-width:0;padding-bottom:160px;display:grid}.ch-col{flex-direction:column;gap:36px;display:flex}.ch-v-static{flex-wrap:wrap}.ch-static-row{flex-wrap:wrap;flex:2 560px;gap:36px;display:flex}.ch-static-row .tile{width:min(380px,100%)}.compare{padding:96px 64px}.compare-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.compare-head h2{font-family:var(--serif);margin:0;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1}.compare-head p{max-width:360px;color:var(--muted);margin:0;font-size:16px;font-weight:300;line-height:1.5}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(min(480px,100%),1fr));gap:40px 32px;margin-top:48px;display:grid}.cmp{width:min(100%, calc(78vh * var(--r)));margin:0 auto}.cmp-frame{background:var(--navy);border:1px solid var(--navy);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.cmp-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cmp-after{clip-path:inset(0 0 0 var(--pos))}.cmp-line{top:0;bottom:0;left:var(--pos);background:var(--cream);pointer-events:none;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 8px #00000080}.cmp-knob{background:var(--cream);width:44px;height:44px;color:var(--navy);letter-spacing:2px;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0006}.cmp-range{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.cmp-frame:has(.cmp-range:focus-visible){outline:3px solid var(--red);outline-offset:2px}.cmp-tag{color:var(--cream);letter-spacing:.2em;text-transform:uppercase;pointer-events:none;background:#11162bbf;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:14px}.cmp-tag-l{left:14px}.cmp-tag-r{right:14px}.cmp figcaption{font-family:var(--serif);margin-top:12px;font-size:20px;font-style:italic}.films{background:var(--navy-deep);color:var(--cream);padding:88px 64px}.films-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:32px;margin-top:32px;display:grid}.films-label{letter-spacing:.2em;text-transform:uppercase;color:var(--silver);margin-top:10px;font-size:12px;font-weight:600}.footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;padding:72px 64px;display:flex}.footer-line{font-family:var(--serif);max-width:520px;font-size:40px;line-height:1.1}.lb{z-index:100;color:var(--cream);background:#080a16f5;justify-content:center;align-items:center;animation:.18s ease-out fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.lb-top{letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:20px 28px;font-size:14px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.lb-top button,.lb-arrow{color:var(--cream);background:0 0;border:0}.lb-top button{padding:8px 12px;font-size:24px}.lb-stage{touch-action:pan-y;max-width:min(96vw,1600px);max-height:86vh;display:flex}.lb-stage img,.lb-stage video{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:96vw;max-height:86vh}.lb-arrow{opacity:.7;padding:24px;font-size:64px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.lb-arrow:hover{opacity:1}.lb-prev{left:8px}.lb-next{right:8px}@media (width<=800px){.nav,.hero,.about,.index,.compare,.films,.footer{padding-left:24px;padding-right:24px}.hero{padding-top:40px}.ch-h-track{gap:28px;padding:0 24px}.ch-h-track .tile-h .tile-img{height:40vh}.ch-h-track.two{gap:24px 28px}.ch-h-track.two .tile-h .tile-img{height:22vh}.ch-h-track.two .tile:nth-child(odd){margin-left:40px}.ch-h-track .ch-head{width:78vw}.ch-h-track .ch-num{font-size:96px}.ch-h-track .ch-head h3{margin-top:12px;font-size:36px}.ch-h-track .ch-head p{margin-top:12px;font-size:15px;line-height:1.5}.ch-v{flex-direction:column;padding:64px 24px}.ch-cols{grid-template-columns:repeat(2,1fr);gap:20px 16px;padding-bottom:0}.ch-col{display:contents}.ch-head h3{font-size:40px}.lb-arrow{padding:12px;font-size:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}}
