.field-preview{--field-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif}.field-preview-switch{position:fixed;z-index:90;bottom:20px;right:24px;display:flex;gap:20px;padding:11px 17px;border:1px solid #ffffff30;border-radius:100px;background:#172a28e8;color:#fff;font:12px/1.5 var(--field-sans);backdrop-filter:blur(16px);box-shadow:0 4px 24px #0002}.field-preview-switch span{color:#b6c8c1}.field-preview .field-photos{background:#f6f6f0;padding:clamp(64px,8vw,120px) 0}.field-preview .field-films{background:#111c1a;color:#f4f5ed;padding:clamp(64px,8vw,120px) 0}.field-preview .field-heading{border-top:1px solid #263e3729;padding-top:24px;margin-bottom:48px}.field-preview .field-films .field-heading{border-color:#d2e7de30}.field-preview .field-heading h2{font-family:var(--field-sans);font-weight:800;font-size:clamp(48px,6.4vw,88px);line-height:1.06;letter-spacing:-.065em;margin-top:20px}.field-preview .field-heading h2:after{content:"";display:inline-block;width:10px;height:10px;background:#587c66;margin-left:20px;vertical-align:15%}.field-preview .field-films .field-heading h2:after{background:#c3d3a6}.field-preview .field-heading .eyebrow{font:600 10px/1.4 var(--field-sans);letter-spacing:.2em;color:#5b6e61}.field-preview .field-heading .link-inline{font:500 13px/1.5 var(--field-sans);padding:12px 0;border-bottom:1px solid;gap:24px}.field-preview .field-heading .link-inline svg{transition:transform .25s ease}.field-preview .field-heading .link-inline:hover svg{transform:translateX(5px)}.field-preview .field-films .link-inline{color:#eef2e6}.field-preview .field-films .eyebrow,.field-preview .field-films .text-ink\/70,.field-preview .field-films .text-muted{color:#acbeb5}.field-preview .field-films .text-brand{color:#c3d3a6}.field-preview .codex-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:4px}.field-preview .codex-caption .serif-title{font:600 16px/1.5 var(--field-sans);letter-spacing:-.02em}.field-preview .codex-caption>:last-child{font-size:11px}.field-preview .codex-lead{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:32px}.field-preview .codex-still-far{margin-top:96px}.field-preview .codex-small{gap:32px;margin-top:24px}.field-preview .codex-small-photo{aspect-ratio:4/3}.field-preview .codex-film-tile{border-radius:6px}.field-preview .codex-film-tile img{transition:transform .85s cubic-bezier(.22,1,.36,1)}.field-preview .codex-film-tile:hover img{transform:scale(1.16)}.field-preview .codex-film-copy{padding:48px 24px 24px}.field-preview .codex-film-copy .serif-title{font-family:var(--field-sans);font-weight:600}.field-preview .field-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.field-preview .field-visible{opacity:1;transform:none}.field-preview .codex-films-side.field-reveal,.field-preview .codex-still-far.field-reveal{transition-delay:.1s}@media (max-width:767px){.field-preview .field-heading{margin-bottom:30px;padding-top:18px}.field-preview .field-heading .link-inline{gap:10px;font-size:12px}.field-preview .field-heading h2:after{width:7px;height:7px;margin-left:12px}.field-preview .field-films h4,.field-preview .field-photos .serif-title{font-family:var(--field-sans);font-weight:600}.field-preview-switch{bottom:12px;right:12px;gap:14px;font-size:11px}}@media (prefers-reduced-motion:reduce){.field-preview .field-reveal{opacity:1;transform:none;transition:none}.field-preview *,.field-preview :after{animation:none!important;transition:none!important}}