.nature-film{--ink:#17251c;--gold:#c8a76b;position:relative;isolation:isolate;overflow:hidden;background:#f7f5ef;color:var(--ink);padding:clamp(30px,4cqw,150px) 0 clamp(24px,2.5cqw,96px)}
.nature-film__inner{position:relative;width:91%;max-width:3400px;margin:auto;z-index:2}
.nature-film__wordmark{position:absolute;top:-.18em;left:22%;font-family:'Cormorant Garamond',serif;font-size:clamp(140px,20cqw,760px);line-height:1;letter-spacing:-.055em;color:#ebe7dd;opacity:.48;pointer-events:none}
.nature-film__topline{display:flex;justify-content:flex-end;align-items:center;gap:1.5em;text-transform:uppercase;letter-spacing:.38em;font-size:clamp(7px,.62cqw,23px);line-height:1.5;margin-bottom:clamp(42px,5.8cqw,220px)}
.nature-film__topline span{width:3.5em;height:1px;background:var(--gold)}
.nature-film__grid{display:grid;grid-template-columns:32% minmax(0,1fr);column-gap:3%;row-gap:clamp(28px,3.3cqw,120px);align-items:start}
.nature-film__eyebrow{display:flex;align-items:center;gap:1.7em;font-family:Barlow,sans-serif;font-size:clamp(7px,.72cqw,26px);letter-spacing:.32em;line-height:1.7;text-transform:uppercase;color:var(--ink);margin:-1.9em 0 3.2em;white-space:nowrap}
.nature-film__eyebrow>span{flex:0 0 3.6em;height:1px;background:var(--gold)}
.nature-film h2{font-family:'Cormorant Garamond','Gilda Display',serif;font-weight:500;font-size:clamp(38px,4.85cqw,180px);line-height:1.01;letter-spacing:-.048em;color:var(--ink);margin:0 0 .36em}
.nature-film__description{font-family:'Cormorant Garamond',serif;font-size:clamp(17px,1.65cqw,60px);line-height:1.22;color:var(--ink);max-width:19em;margin:0 0 1.6em}
.nature-film__discover{display:inline-flex;align-items:center;gap:.7em;border-bottom:1px solid var(--gold);padding-bottom:.2em;font-family:'Cormorant Garamond',serif;font-size:clamp(17px,1.6cqw,58px);line-height:1.4;color:var(--ink)}
.nature-film__discover span{font-family:serif;transition:transform .3s}.nature-film__discover:hover{color:#806337}.nature-film__discover:hover span{transform:translateX(5px)}
.nature-film__media{position:relative;min-width:0}
.nature-film__video{position:relative;aspect-ratio:1.65;background:#17251c;overflow:hidden;border-radius:clamp(8px,.85cqw,30px);box-shadow:0 16px 45px #17251c0c}
.nature-film__poster,.nature-film__player,.nature-film__video iframe,.nature-film__cover{position:absolute;inset:0;width:100%;height:100%;border:0}
.nature-film__poster{object-fit:cover;object-position:center;filter:brightness(.73);transition:transform 1.5s}
.nature-film__video:hover .nature-film__poster{transform:scale(1.035)}
.nature-film__cover{background:linear-gradient(180deg,#061b1640,transparent 45%,#061b1660);transition:opacity .6s,visibility .6s}
.nature-film__video.is-playing .nature-film__cover,.nature-film__video.is-playing .nature-film__poster{opacity:0;visibility:hidden;pointer-events:none}
.nature-film__brand{position:absolute;left:6%;top:7%;display:flex;align-items:center;gap:.6em;color:#fff;font-size:clamp(10px,1.45cqw,52px);letter-spacing:.08em;text-transform:uppercase;line-height:1.3}
.nature-film__brand small{display:block;font-size:.47em;letter-spacing:.16em;margin-top:.5em}
.nature-film__monogram{font-family:'Cormorant Garamond',serif;font-size:2.6em;line-height:1;color:#d9b874;font-style:italic}
.nature-film__watch{position:absolute;right:6%;top:8%;font-size:clamp(7px,.85cqw,30px);text-transform:uppercase;letter-spacing:.22em;color:white}
.nature-film__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(64px,8.3cqw,300px);aspect-ratio:1;border:1px solid #dfbd79;border-radius:50%;background:#233e2fa6;backdrop-filter:blur(5px);color:white;cursor:pointer;display:grid;place-items:center;transition:background .3s,box-shadow .3s}
.nature-film__play:before{content:'';position:absolute;inset:5px;border:1px solid #ffffff35;border-radius:50%}.nature-film__play:hover{background:#304f37dd;box-shadow:0 0 0 12px #e1c99720}.nature-film__play svg{width:36%;height:36%}
.nature-film__caption{position:absolute;left:6%;bottom:6%;font-family:'Cormorant Garamond',serif;color:#fff;font-size:clamp(14px,1.4cqw,50px);font-style:italic}
.nature-film__location{position:absolute;left:103%;top:8%;writing-mode:vertical-rl;font-size:clamp(7px,.65cqw,23px);letter-spacing:.35em;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;gap:1.5em;line-height:1}.nature-film__location i{height:4em;width:1px;background:#637467}
.nature-film__fallback{display:block;text-align:right;color:#586252;font-size:clamp(10px,.85cqw,30px);line-height:1.5;margin-top:.6em;text-decoration:underline;text-underline-offset:3px}
.nature-film__features{display:flex;margin:0;padding:0;align-items:center;list-style:none}.nature-film__features li{flex:1;text-align:center;border-right:1px solid #dfd9cd;padding:0 .5em}.nature-film__features li:last-child{border:0}.nature-film__features svg{display:block;width:clamp(21px,2cqw,72px);height:clamp(21px,2cqw,72px);margin:0 auto .65em;fill:none;stroke:var(--ink);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.nature-film__features span{display:block;font-size:clamp(7px,.72cqw,23px);line-height:1.8;letter-spacing:.19em;text-transform:uppercase}
.nature-film__signature{justify-self:end;font-family:'Nothing You Could Do',cursive;color:#b8b5a8;font-size:clamp(25px,3cqw,108px);line-height:1.05;transform:rotate(-9deg);padding-right:.4em}.nature-film__signature span{margin-left:.6em}.nature-film__signature i{display:block;width:1.3em;height:1px;background:var(--gold);margin:.55em 0 0 auto;transform:rotate(9deg)}
.nature-film__footer{display:flex;align-items:center;gap:1.5em;margin-top:clamp(35px,4cqw,150px);font-size:clamp(6px,.58cqw,21px);line-height:1.5;letter-spacing:.3em;text-transform:uppercase}.nature-film__footer span,.nature-film__footer i{height:1px;background:#718071;width:3em}.nature-film__footer i{width:2.5em;opacity:.5}
.nature-film__landscape{position:absolute;inset:auto 0 0;height:27%;background:linear-gradient(#f7f5ef, #f7f5ef90),url("img/slider/bg.webp") center 55%/cover;filter:grayscale(1);opacity:.18;mask-image:linear-gradient(transparent,#000 60%);pointer-events:none}
.nature-film__leaves{position:absolute;left:1%;bottom:5%;width:10%;height:45%;object-fit:contain;object-position:left bottom;pointer-events:none;transform-origin:left bottom;animation:nature-sway 9s ease-in-out infinite alternate;z-index:1}
.nature-film a:focus-visible,.nature-film button:focus-visible{outline:3px solid var(--gold);outline-offset:6px}
.nature-film.is-enhanced .nature-film__copy,.nature-film.is-enhanced .nature-film__media,.nature-film.is-enhanced .nature-film__features,.nature-film.is-enhanced .nature-film__signature{opacity:0;translate:0 24px;transition:opacity 1s ease,translate 1.2s cubic-bezier(.2,.7,.2,1)}
.nature-film.is-visible .nature-film__copy,.nature-film.is-visible .nature-film__media,.nature-film.is-visible .nature-film__features,.nature-film.is-visible .nature-film__signature{opacity:1;translate:0 0}.nature-film.is-enhanced .nature-film__media{transition-delay:.15s}.nature-film.is-enhanced .nature-film__features{transition-delay:.3s}.nature-film.is-enhanced .nature-film__signature{transition-delay:.4s}
@keyframes nature-sway{
    0%,100%{transform:rotate(-2deg) translateY(0)}
    50%{transform:rotate(3deg) translateY(-7px)}
}
@media(min-width:1600px){.nature-film__inner{width:88%}}
@media(max-width:767px){.nature-film{padding:30px 0}.nature-film__inner{width:88%}.nature-film__topline{font-size:15px;margin-bottom:42px}.nature-film__grid{grid-template-columns:1fr;gap:30px}.nature-film__eyebrow{font-size:8px;margin:0 0 22px;letter-spacing:.21em;white-space:normal}.nature-film h2{font-size:clamp(42px,8.6vw,66px)}.nature-film__description{font-size:21px;max-width:26em;margin-bottom:22px}.nature-film__discover{font-size:20px}.nature-film__brand{font-size:clamp(10px,2.7vw,18px)}.nature-film__watch{font-size:8px}.nature-film__play{width:68px}.nature-film__features{max-width:440px;width:100%;justify-self:center}.nature-film__features span{font-size:8px}.nature-film__features svg{width:25px;height:25px}.nature-film__signature{font-size:32px;margin-top:0}.nature-film__location{font-size:6px;left:103%;letter-spacing:.2em}.nature-film__leaves{width:18%;height:24%;left:2%;bottom:5%;opacity:.65}.nature-film__footer{font-size:6px;letter-spacing:.2em;gap:1em;margin-top:30px}.nature-film__wordmark{font-size:29vw;top:0;left:5%}.nature-film__landscape{height:20%}}
@media(prefers-reduced-motion:reduce){.nature-film *,.nature-film *:before{animation:none!important;transition:none!important}.nature-film.is-enhanced .nature-film__copy,.nature-film.is-enhanced .nature-film__media,.nature-film.is-enhanced .nature-film__features,.nature-film.is-enhanced .nature-film__signature{opacity:1;translate:none}}

/* Scale the composition to the available height as well as the screen width. */
.nature-film{container-type:inline-size;scroll-margin-top:80px}
.nature-film__inner{container-type:inline-size}
@media(min-width:768px){
    .nature-film{padding:4svh 0;min-height:calc(100svh - 80px);display:grid;align-items:center}
    .nature-film__inner{width:min(86%,132svh);max-width:3000px}
    .nature-film__topline{margin-bottom:clamp(28px,5cqw,180px)}
    .nature-film__grid{row-gap:clamp(20px,3cqw,100px)}
    .nature-film__eyebrow{white-space:normal;margin-bottom:2.4em}
    .nature-film__footer{margin-top:clamp(24px,3.5cqw,120px)}
    .nature-film__leaves{width:min(10%,16svh)}
}
@media(max-width:767px){
    .nature-film{padding:24px 0}
    .nature-film__topline{margin-bottom:24px}
    .nature-film__grid{gap:20px}
    .nature-film__eyebrow{margin-bottom:14px}
    .nature-film h2{font-size:clamp(36px,8.6vw,60px)}
    .nature-film__description{font-size:18px;margin-bottom:16px}
    .nature-film__video{aspect-ratio:16/9}
    .nature-film__signature{font-size:26px}
    .nature-film__footer{margin-top:22px}
}

/* Leave room around the moving leaf tips. */
.nature-film__leaves{
    left:.25%;bottom:4%;width:min(11%,18svh);height:53%;
    object-position:left bottom;opacity:1;transform-origin:20% 100%;
    animation:nature-sway 7s ease-in-out infinite;
    filter:drop-shadow(2px 5px 4px #2235180c);
}
@media(max-width:767px){
    .nature-film__leaves{left:0;bottom:4%;width:17%;height:27%;opacity:.85}
}

/* Decorative landscape and corner foliage only; preserve the current layout. */
.nature-film__landscape{
    height:30%;
    background:url("img/nature-misty-landscape.webp") center bottom / 100% 100% no-repeat;
    filter:grayscale(.65);
    opacity:.34;
    -webkit-mask-image:linear-gradient(transparent,#000 42%);
    mask-image:linear-gradient(transparent,#000 42%);
    transform-origin:center bottom;
    animation:nature-landscape-drift 24s ease-in-out infinite alternate;
}
@keyframes nature-landscape-drift{
    from{transform:scale(1)}
    to{transform:scale(1.025)}
}
@media(max-width:767px){
    .nature-film__landscape{height:21%;background-size:auto 100%;opacity:.3}
}

.nature-film__copy .nature-film__features{
    --feature-inset:clamp(16px,1.8cqw,40px);
    width:calc(100% - var(--feature-inset));
    max-width:none;
    /* margin-left:var(--feature-inset); */
    margin-top:clamp(28px,3cqw,72px);
    margin-right:50px;
}
@media(min-width:768px){
    .nature-film__signature{grid-column:2}
}

/* Lift the bottom captions away from the landscape detail. */
.nature-film__signature{position:relative;top:clamp(-28px,-1.5cqw,-12px)}
.nature-film__footer{position:relative;top:clamp(-32px,-2cqw,-16px)}
@media(max-width:767px){
    .nature-film__signature{top:-10px}
    .nature-film__footer{top:-14px}
}