.portrait-film{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;max-width:1212px;margin:0 auto;padding:120px 44px}.portrait-film h2,.cases h2{font-size:clamp(31px,3.15vw,49px);font-weight:500;line-height:1.38;letter-spacing:.03em;margin:0}.portrait-film h2 em,.cases h2 em{font-style:normal;color:#a64c3c}.film-copy>p:not(.overline){max-width:355px;color:#5c675f;line-height:2;margin:27px 0}.film-meta{font:10px var(--mono)!important;letter-spacing:.1em;color:#718077!important}.film-frame{min-height:410px;position:relative;background:#1b2922;overflow:hidden;box-shadow:15px 19px 36px rgba(23,37,31,.16)}.film-frame video{display:block;width:100%;height:100%;min-height:410px;object-fit:cover;position:relative;z-index:2;background:#17251f}.film-fallback{position:absolute;z-index:1;inset:0;display:grid;place-content:center;text-align:center;color:#e7ebe2;padding:28px;background:linear-gradient(145deg,rgba(25,49,38,.98),rgba(12,25,19,.96)),url('assets/hero-jade.png') center/cover}.film-fallback span{margin:auto auto 14px;width:56px;height:56px;border:1px solid #dce7d8;border-radius:50%;display:grid;place-items:center;padding-left:3px}.film-fallback p{font-size:16px;margin:0 0 7px}.film-fallback small{max-width:320px;line-height:1.6;color:#c1cbc0;font-size:11px}.film-frame.ready .film-fallback{display:none}.cases{padding-top:120px;padding-bottom:120px;border-top:1px solid #d3cec3}.cases-head{display:grid;grid-template-columns:1.18fr .82fr;gap:80px;align-items:end;margin-bottom:56px}.cases-head>p{max-width:390px;line-height:2;color:#5e685f;margin:0}.case-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:13px}.case-card{position:relative;overflow:hidden;min-height:350px;color:#edf0e9;padding:23px;display:flex;flex-direction:column;justify-content:flex-end;background:#30493b}.case-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,18,13,.83),transparent 68%),linear-gradient(120deg,rgba(13,28,20,.22),rgba(13,28,20,.55));transition:opacity .3s}.case-card:hover:before{opacity:.72}.case-card:after{content:'';position:absolute;inset:0;opacity:.55;mix-blend-mode:screen;background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(216,206,174,.14) 35px 36px),repeating-linear-gradient(0deg,transparent 0 36px,rgba(216,206,174,.1) 37px 38px)}.case-huang{grid-column:span 5;background:linear-gradient(140deg,#8a8270,#394b40)}.case-zhou{grid-column:span 4;background:linear-gradient(145deg,#b18d62,#455546)}.case-deng{grid-column:span 3;background:linear-gradient(140deg,#506958,#1d3027)}.case-home{grid-column:span 4;background:linear-gradient(145deg,#80675d,#31423a)}.case-temple{grid-column:span 8;background:linear-gradient(135deg,#33483b,#8a7956)}.case-no,.case-copy,.case-image-note{position:relative;z-index:1}.case-no{position:absolute;top:22px;right:22px;font:10px var(--mono);letter-spacing:.11em}.case-copy p{font:10px var(--mono);letter-spacing:.13em;color:#cad4c8;margin:0 0 9px}.case-copy h3{font-size:27px;font-weight:500;margin:0 0 4px}.case-copy span{font-size:12px;color:#d7ddd2}.case-image-note{position:absolute;left:23px;top:23px;border:1px solid rgba(237,240,233,.56);padding:4px 7px;font-size:10px;letter-spacing:.08em;color:#e7eae2}.case-statement{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-top:30px;padding-top:24px;border-top:1px solid #c7c5b9}.case-statement p{max-width:560px;line-height:1.9;color:#5d685f;margin:0}.case-statement .underlink{white-space:nowrap}@media(max-width:840px){.portrait-film{padding:80px 25px;grid-template-columns:1fr;gap:30px}.film-frame,.film-frame video{min-height:290px}.cases{padding-top:80px;padding-bottom:80px}.cases-head{display:block;margin-bottom:34px}.cases-head>p{margin-top:22px}.case-grid{display:flex;overflow:auto;margin:0 -25px;padding:0 25px 6px}.case-card{min-width:76vw;min-height:350px}.case-copy h3{font-size:24px}.case-statement{display:block;margin-top:25px}.case-statement .underlink{margin-top:20px}.case-image-note{left:18px;top:18px}.case-no{top:18px;right:18px}}