.film-theater{touch-action:pan-y}.theater-side{position:relative;display:block;width:100%;background:none;border:0;padding:0;color:#edf2df;cursor:pointer}.theater-side .theater-wing{position:static;display:block;width:100%;height:350px;opacity:.8;transition:transform .65s,opacity .5s}.theater-side:hover img{opacity:1;transform:rotate(0) scale(1.035)}.theater-side>span{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);background:#082e25d9;border:1px solid #e6edcf55;border-radius:30px;padding:9px 17px;font-size:13px;white-space:nowrap;box-shadow:0 5px 25px #00190e33}.film-screen{width:100%;min-width:0;will-change:transform,opacity}.film-screen #carousel-photo{width:100%;height:570px;max-height:75vh;object-fit:cover;cursor:grab;user-select:none}.film-screen #carousel-photo:active{cursor:grabbing}.film-screen [hidden]{display:none!important}.film-screen figcaption{min-height:53px}.carousel-navigation{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:30px}.carousel-navigation>button{width:48px;height:48px;border:1px solid #c7cfad70;border-radius:50%;background:transparent;color:#f0cf5c;font-size:23px;transition:background .3s,transform .3s}.carousel-navigation>button:hover{background:#d8b736;color:#123b2b;transform:scale(1.08)}.carousel-dots{display:flex;gap:2px}.carousel-dots button{border:0;background:transparent;width:28px;height:40px;position:relative;padding:0}.carousel-dots button:before{content:'';position:absolute;left:10px;top:16px;width:8px;height:8px;border-radius:10px;background:#759078;transition:width .35s,left .35s,background .35s}.carousel-dots button[aria-current=true]:before{background:#e0bc38;width:20px;left:4px}.film-bottom{margin-top:30px}#motion-toggle{order:4;color:#c9d8be;background:transparent;border:1px solid #a9bc944f;padding:8px 14px;border-radius:24px;font-size:12px}.js[data-motion=full] .reveal{transition-duration:1.05s;transition-timing-function:cubic-bezier(.16,.8,.18,1)}.js[data-motion=full] .text-reveal{transition-property:opacity,transform,clip-path;clip-path:inset(-10% -5% -15% -5%)}.js[data-motion=full] .text-reveal:not(.visible){transform:translateY(55px);clip-path:inset(0 -5% 100% -5%);opacity:0}.js[data-motion=full] .copy-reveal:not(.visible){transform:translateY(30px);opacity:0}.js[data-motion=full] .image-reveal:not(.visible){transform:translateY(45px) scale(.97);clip-path:inset(10% 0 0 0 round 12px)}.js[data-motion=full] .image-reveal.visible{clip-path:inset(0 round 12px)}.js[data-motion=full] .image-reveal:not(.visible) img{transform:scale(1.16)}.js[data-motion=full] .film-picker button:not(.visible){transform:translateY(35px) scale(.93)}.js[data-motion=full] .hero-window{animation:window-in 1.3s ease both,window-float 7s ease-in-out 1.3s infinite}.js[data-motion=full] .film-theater.visible .side-left{animation:side-entrance-left 1.1s cubic-bezier(.2,.8,.2,1) both}.js[data-motion=full] .film-theater.visible .side-right{animation:side-entrance-right 1.1s cubic-bezier(.2,.8,.2,1) both}.js[data-motion=full] .film-theater.visible .film-screen{animation:center-entrance 1s cubic-bezier(.2,.8,.2,1) both}.js[data-motion=full] .image-reveal.visible img{transition-duration:1.6s}.js[data-motion=reduced] *,.js[data-motion=reduced] *:before,.js[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js[data-motion=reduced] .reveal{opacity:1!important;transform:none!important;clip-path:none!important}.js[data-motion=reduced] .image-reveal img{transform:none!important}
@keyframes window-float{0%,100%{transform:translateY(5px)}50%{transform:translateY(-7px)}}@keyframes side-entrance-left{from{opacity:0;transform:translateX(-55px) rotate(-6deg)}to{opacity:1;transform:none}}@keyframes side-entrance-right{from{opacity:0;transform:translateX(55px) rotate(6deg)}to{opacity:1;transform:none}}@keyframes center-entrance{from{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:none}}
@media(max-width:1100px){.theater-side .theater-wing{height:300px}.film-screen #carousel-photo{height:510px}}
@media(max-width:760px){.film-theater{grid-template-columns:1fr}.theater-side{position:absolute;width:45%;height:280px;z-index:0;top:100px}.side-left{left:-10%}.side-right{right:-10%}.theater-side .theater-wing{height:280px;opacity:.3}.theater-side>span{display:none}.film-screen #carousel-photo{height:480px;max-height:70vh}.carousel-navigation{gap:12px;margin-top:25px}.carousel-navigation>button{width:43px;height:43px;flex-shrink:0}.carousel-dots button{width:26px}.carousel-dots button:before{left:9px}.carousel-dots button[aria-current=true]:before{left:3px}.film-bottom>span{font-size:9px}.js[data-motion=full] .text-reveal:not(.visible){transform:translateY(35px)}.js[data-motion=full] .image-reveal:not(.visible){transform:translateY(25px) scale(.98)}}
#carrossel{scroll-margin-top:120px}@media(max-width:760px){#carrossel{scroll-margin-top:95px}}

/* Keep text measurable by the visibility observer while it enters. */
.js[data-motion=full] .text-reveal:not(.visible){clip-path:none}
.js[data-motion=full] .text-reveal.visible{clip-path:none}

.arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;pointer-events:none}

/* Highlight the accumulated forestry experience in the brand palette. */
.about-strip{background:#103b2e;color:#f6f5ed;border:1px solid #244e3e;border-radius:12px 64px 12px 12px;padding:42px 40px;gap:32px;box-shadow:0 14px 35px #103b2e0c}
.about-strip strong{flex-shrink:0;gap:22px}
.about-strip strong b{color:#e2bd43;font-size:104px;letter-spacing:-.065em}
.about-strip strong span{color:#f6f5ed;font-size:18px;line-height:1.4}
.about-strip p{color:#d5dfcf;font-size:16px;line-height:1.65;max-width:440px}
.about-strip a{color:#f0ce69;border-color:#c3ad6070;white-space:nowrap;transition:color .25s,border-color .25s}
.about-strip a:hover{color:#fff5ca;border-color:#fff5ca}
@media(max-width:1100px){.about-strip{padding:34px 30px}.about-strip strong b{font-size:90px}.about-strip p{max-width:380px}}
@media(max-width:760px){.about-strip{padding:30px 24px;border-radius:10px 45px 10px 10px;gap:24px}.about-strip strong{gap:18px}.about-strip strong b{font-size:84px}.about-strip strong span{font-size:16px}.about-strip p{font-size:15px;margin:0}.about-strip a{font-size:14px}}