.videos-page{background:#faf8f2;min-height:100vh}.videos-hero{background:#d9cfbd;justify-content:space-between;align-items:flex-end;gap:50px;padding:clamp(70px,9vw,130px) max(6vw,50vw - 640px);display:flex}.videos-hero>div{max-width:950px}.videos-hero h1{letter-spacing:-.035em;margin:14px 0 28px;font-size:clamp(60px,7.7vw,110px);line-height:.88}.videos-hero>div>p:last-child{color:#596158;max-width:590px;line-height:1.85}.videos-hero>span{color:#697168;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding-bottom:8px;font-size:8px}.featured-video{color:#f5efe5;background:#1c2c21;grid-template-columns:1.16fr .84fr;width:min(100% - 48px,1440px);margin:24px auto;display:grid}.featured-video-visual,.video-card-visual{cursor:pointer;background:#cfc3b0;border:0;padding:0;position:relative;overflow:hidden}.featured-video-visual{min-height:650px}.featured-video-visual>img,.video-card-visual>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.featured-video-visual:hover>img,.video-card-visual:hover>img{transform:scale(1.02)}.video-placeholder{width:100%;height:100%;min-height:inherit;color:#26352a;text-align:center;background:radial-gradient(circle at 70% 25%,#ebe2d3 0 8%,#0000 30%),linear-gradient(135deg,#9aa492,#d8cbb7 52%,#b08c72);place-content:center;display:grid}.video-placeholder span{font-family:var(--font-display), serif;letter-spacing:.18em;font-size:clamp(25px,4vw,55px)}.video-placeholder small{letter-spacing:.2em;margin-top:9px;font-size:7px}.video-play{color:#1c2c21;letter-spacing:.1em;text-transform:uppercase;background:#faf8f2ed;padding:12px 14px;font-size:8px;position:absolute;bottom:22px;right:22px}.video-play i{margin-left:12px;font-style:normal}.featured-video-copy{flex-direction:column;justify-content:center;padding:clamp(55px,6vw,90px);display:flex}.featured-video-copy>div{justify-content:space-between;gap:20px;display:flex}.featured-video-copy>div>span{color:#9ba69d;letter-spacing:.1em;text-transform:uppercase;font-size:8px}.featured-video-copy h2{margin:14px 0 25px;font-size:clamp(48px,5vw,73px);line-height:.94}.featured-video-copy>p{color:#b8c0b8;line-height:1.85}.featured-video-copy .button{color:#1c2c21;background:#f5efe5;align-self:flex-start;margin-top:27px}.video-library-empty{text-align:center;place-content:center;min-height:520px;padding:80px 6vw;display:grid}.video-library-empty>span{color:#798178;letter-spacing:.15em;font-size:8px}.video-library-empty h2{max-width:760px;margin:22px auto;font-size:clamp(48px,6vw,78px);line-height:.95}.video-library-empty p{color:#6c736b;max-width:560px;margin:auto;line-height:1.8}.video-library{padding:clamp(80px,9vw,130px) max(5vw,50vw - 680px)}.video-library-heading{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.video-library-heading h2{max-width:720px;margin:10px 0 0;font-size:clamp(48px,5vw,72px);line-height:.95}.video-library-heading input{background:0 0;border:0;border-bottom:1px solid #687168;outline:0;width:min(330px,35vw);padding:14px 4px}.video-categories{border-top:1px solid #dedbd3;border-bottom:1px solid #dedbd3;gap:8px;margin:45px 0 38px;padding:12px 0;display:flex;overflow-x:auto}.video-categories button{color:#6f766e;cursor:pointer;letter-spacing:.09em;text-transform:uppercase;background:0 0;border:0;flex:none;padding:10px 14px;font-size:8px}.video-categories button.is-active{color:#fff;background:#1c2c21}.video-grid{grid-template-columns:repeat(3,1fr);gap:65px 18px;display:grid}.video-card-visual{aspect-ratio:1.35;width:100%;display:block}.video-card-visual>i{color:#26352a;background:#faf8f2e6;border-radius:50%;place-items:center;width:48px;height:48px;font-style:normal;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.video-card-visual>span{color:#fff;background:#1c2c21d6;padding:7px 9px;font-size:7px;position:absolute;bottom:12px;right:12px}.video-card-meta{color:#7b827a;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;gap:20px;margin-top:17px;font-size:7px;display:flex}.video-card-meta button{color:inherit;cursor:pointer;font:inherit;text-transform:inherit;background:0 0;border:0;border-bottom:1px solid #92978f;padding:0}.video-grid h3{margin:16px 0 10px;font-size:31px;line-height:1}.video-grid article>p{color:#6d746c;margin:0;font-size:10px;line-height:1.75}.video-filter-empty{color:#7d847c;border:1px dashed #d5d2ca;place-items:center;min-height:240px;display:grid}.video-library-closing{text-align:center;background:#d9cfbd;padding:clamp(90px,10vw,145px) 6vw}.video-library-closing>span{color:#657066;letter-spacing:.15em;text-transform:uppercase;font-size:8px}.video-library-closing h2{max-width:900px;margin:25px auto 35px;font-size:clamp(55px,7vw,95px);line-height:.9}.video-modal{z-index:150;place-items:center;padding:35px;display:grid;position:fixed;inset:0}.video-modal-backdrop{cursor:pointer;background:#121914c7;border:0;position:absolute;inset:0}.video-modal-card{z-index:1;background:#f7f3eb;width:min(1050px,100%);max-height:calc(100vh - 50px);position:relative;overflow:auto;box-shadow:0 30px 100px #00000059}.video-modal-close{z-index:2;cursor:pointer;text-transform:uppercase;background:#faf8f2eb;border:0;padding:9px 11px;font-size:8px;position:absolute;top:12px;right:12px}.video-player{aspect-ratio:16/9;color:#fff;background:#101510;place-items:center;width:100%;display:grid}.video-player video,.video-player iframe{border:0;width:100%;height:100%}.video-modal-copy{padding:32px 38px 38px}.video-modal-copy>span{color:#737a72;letter-spacing:.1em;text-transform:uppercase;font-size:8px}.video-modal-copy h2{margin:10px 0;font-size:38px}.video-modal-copy p{color:#6b726a;margin:0;line-height:1.7}@media (max-width:900px){.featured-video{grid-template-columns:1fr}.featured-video-visual{min-height:65vw}.video-grid{grid-template-columns:1fr 1fr}}@media (max-width:650px){.videos-hero,.video-library-heading{flex-direction:column;align-items:flex-start}.featured-video{width:calc(100% - 24px)}.featured-video-visual{min-height:92vw}.video-library-heading input,.video-library-heading label{width:100%}.video-grid{grid-template-columns:1fr}.video-modal{padding:10px}.video-modal-copy{padding:25px}}
