@font-face{font-family:Manrope;src:url('../assets/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Cormorant;src:url('../assets/fonts/CormorantGaramond.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--paper:#eff4f1;--ink:#183b35;--navy:#19332e;--muted:#7e9287;--line:#d3ded6;--accent:#00b050;--sans:Manrope,Arial,sans-serif;--serif:Cormorant,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#00b05028}em{font-style:italic;color:#548e73}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:var(--ink);color:white;padding:15px}.skip-link:focus{top:20px}
.preloader{position:fixed;inset:0;z-index:150;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:36px;transition:opacity 1s,visibility 1s}.preloader>.brand-word{font-size:39px}.preloader.done{opacity:0;visibility:hidden;pointer-events:none}.load-track{width:180px;height:1px;background:var(--line);overflow:hidden}.load-track i{display:block;height:100%;width:0;background:var(--accent);transition:width .4s}.load-number{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.1em}
.header{height:100px;padding:0 4.6vw;position:absolute;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:40px;background:linear-gradient(var(--paper),#eff4f100)}.brand{display:flex;align-items:center;gap:9px;flex:0 0 auto}.brand img{width:24px;height:24px}.brand-word{font-size:25px;letter-spacing:-.06em;font-weight:700;color:var(--ink);position:relative;white-space:nowrap}.brand-word>span{font-weight:400;color:#419b67}.brand-word>i{font-style:normal;font-size:8px;letter-spacing:0;position:relative;top:-12px;margin-left:3px}.desktop-nav{display:flex;gap:28px;align-items:center;margin:auto;font-size:10px;font-weight:500}.desktop-nav a{padding:15px 0}.header-right{display:flex;align-items:center;gap:27px}.languages{display:flex;gap:9px;align-items:center;font-size:9px}.languages>span{color:var(--ink);font-weight:700}.languages button{font-size:9px;background:none;padding:0;color:#a5b2a9;cursor:default}.header-contact{display:flex;gap:26px;align-items:center;font-size:11px;border-bottom:1px solid #8eab99;padding:9px 0}.header-contact span{font-size:20px}.menu-toggle{display:none;background:transparent;width:36px;height:36px;position:relative}.menu-toggle i{position:absolute;width:22px;height:1px;background:var(--ink);left:7px;top:13px;transition:.3s}.menu-toggle i+ i{top:21px}.menu-open .menu-toggle i{top:18px;transform:rotate(45deg)}.menu-open .menu-toggle i+i{transform:rotate(-45deg)}.mobile-menu{display:none}
.story{height:570svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;background:radial-gradient(ellipse at 70% 42%,#fcfffd 0%,#e4ede6 70%,#d9e5dd)}.scene-wrap{position:absolute;inset:0 0 0 30%;z-index:1}.scene-wrap canvas{display:block;width:100%;height:100%;outline:none}.canvas-fallback{position:absolute;inset:20% 8% 20% 15%;overflow:hidden}.canvas-fallback img{width:100%;height:100%;object-fit:cover}.stage-grain{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' opacity='.15' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.cloud-haze{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 70% 30%,#fff3,transparent 55%);pointer-events:none}.chapter-copy{position:absolute;z-index:5;left:4.6vw;top:50%;transform:translateY(-45%);width:46%;max-width:690px;pointer-events:none}.chapter-copy a{pointer-events:auto}.eyebrow{font-size:8px;letter-spacing:.17em;font-weight:600;display:flex;align-items:center;gap:10px;text-transform:uppercase}.live-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #00b0500a;flex-shrink:0}.chapter-copy h1{font-family:var(--serif);font-size:clamp(47px,4.9vw,88px);line-height:.99;font-weight:400;letter-spacing:-.045em;margin:28px 0 26px}.chapter-copy p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 29px;max-width:310px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:16px 20px;font-size:10px;font-weight:500;border:1px solid var(--line);transition:background .25s,transform .25s}.button span{font-size:17px}.button:hover{transform:translateY(-3px)}.button.primary{background:#1c513c;color:#fff;border-color:#1c513c}.button.primary:hover{background:#137349}.feature-row{display:flex;gap:25px;margin-top:35px;font-size:8px;color:#728477;align-items:center}.feature-row>span{display:flex;gap:6px;align-items:center}.feature-row i{font-size:11px;font-style:normal;color:#5a8c6d}.temperature-chip{position:absolute;z-index:4;right:7vw;bottom:140px;display:flex;gap:16px;align-items:center;padding:18px 22px;background:#fbfffcbb;border:1px solid #ffffffb0;box-shadow:0 10px 40px #20482b06;backdrop-filter:blur(12px);border-radius:2px}.chip-icon{font-size:27px;color:#73a38a;font-weight:200}.temperature-chip small{display:block;font-size:7px;letter-spacing:.17em;color:#739280;margin-bottom:6px}.temperature-chip strong{font-size:18px;letter-spacing:-.04em;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.temperature-chip strong>span{font-size:10px;color:var(--muted);margin:0 5px}.temperature-chip>.live-dot{margin-left:8px}.scene-label{position:absolute;right:5vw;top:135px;z-index:4;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#7a9482}.alert-chip{position:absolute;z-index:5;right:8vw;top:48%;background:#fffdf6d9;padding:13px 16px;border:1px solid #d6dcc6;font-size:8px;letter-spacing:.06em}.alert-chip .live-dot{background:#be924e;margin-right:7px;animation:alert-pulse 1s infinite}.story-bottom{position:absolute;z-index:5;bottom:32px;left:4.6vw;right:4.6vw;display:flex;justify-content:space-between;align-items:center;gap:25px}.scroll-cue{font-size:8px;display:flex;align-items:center;gap:11px;color:var(--muted);white-space:nowrap}.scroll-mouse{width:15px;height:24px;border:1px solid #93ab9b;border-radius:9px;position:relative}.scroll-mouse:after{content:'';position:absolute;left:6px;top:5px;width:1px;height:5px;background:var(--ink);animation:scroll-dot 1.8s infinite}.chapter-nav{position:relative;display:flex;align-items:center;gap:4px;padding-bottom:14px}.chapter-nav button{font-size:9px;background:none;color:#a0b1a5;width:38px;height:28px;transition:color .25s;font-variant-numeric:tabular-nums}.chapter-nav button.active{color:var(--ink);font-weight:800}.chapter-line{position:absolute;left:10px;right:10px;bottom:0;height:1px;background:#cdd9cf}.chapter-line i{display:block;height:1px;width:20%;background:var(--accent)}.story-signature{font-size:7px;letter-spacing:.12em;color:#899f8c}.scroll-anchor{position:absolute;top:350svh}
.section-pad{padding:100px 7vw}.section-heading{display:flex;flex-direction:column;gap:27px;margin-bottom:55px}h2{font-family:var(--serif);font-size:clamp(40px,4.5vw,76px);font-weight:400;letter-spacing:-.04em;line-height:1.05;margin:0}.services{background:#fcfdf9}.services-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:6vw;align-items:center}.cutaway-panel{background:#eaf0e9;border:1px solid #dce6d9;padding:26px 26px 22px}.cutaway-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#728472}.cutaway-top>span:last-child{display:flex;align-items:center;gap:8px}.cutaway{position:relative;width:100%;height:200px;display:flex;align-items:center;padding-top:12px;padding-bottom:25px}.trailer-cab{width:13%;height:77px;background:#d3dbce;border-radius:15px 3px 0 0;position:relative;align-self:center;margin-top:23px;border:1px solid #aebfa7}.trailer-cab>div{position:absolute;inset:8px 7px 34px 6px;background:#8fa49b;border-radius:6px 1px 0 0}.trailer-interior{height:110px;width:87%;display:flex;background:#d5dfd2;border:5px solid #f9fcf7;box-shadow:0 8px 20px #334e2925,0 0 0 1px #c4d1bf;position:relative}.trailer-interior:after{content:'';position:absolute;inset:auto -4px -14px;height:8px;background:#485b43}.cargo-zone{display:flex;gap:5px;justify-content:center;align-items:center;width:25%;border-right:1px solid #bbcab5;position:relative;background:transparent;transition:background .35s}.cargo-zone:last-child{border:0}.cargo-zone:hover{background:#00b05018}.cargo-zone.active{background:#00b05032;box-shadow:inset 0 -3px 0 #00b050}.cargo-zone i{position:absolute;bottom:8px;font-size:8px;font-style:normal;color:#668761}.crate{width:19px;height:27px;background:#edf2e9;border:1px solid #bacbb0;box-shadow:3px 3px 0 #adbf9f;transform:translateY(-10px)}.crate:after{content:'';display:block;width:8px;height:3px;margin:8px auto;background:#a6c097}.vial{display:block;width:16px;height:32px;border:1px solid #98bbaa;background:#e9f8efb0;border-radius:3px 3px 8px 8px;transform:translateY(-7px);position:relative}.vial:before{content:'';position:absolute;top:-5px;left:-2px;right:-2px;height:7px;background:#8cb596;border-radius:2px}.route-mark{font-size:28px;color:#71a273;transform:translateY(-10px)}.trailer-wheels{position:absolute;left:7%;right:6%;bottom:33px;display:flex;gap:9px;justify-content:end}.trailer-wheels i{width:20px;height:20px;background:#344039;border:5px solid #48564b;border-radius:50%;box-shadow:0 0 0 2px #e1e8dc}.trailer-wheels i:first-child{margin-right:auto}.zone-tabs{display:flex;gap:5px;justify-content:space-between;border-top:1px solid #cfddc8;padding-top:20px}.zone-tabs button{padding:8px 9px;font-size:8px;white-space:nowrap;background:none;border:1px solid transparent;color:#7b9470}.zone-tabs button.active{border-color:#bed2b5;color:#235c38;background:#fafff440}.service-number{font-size:8px;letter-spacing:.15em;color:var(--muted)}.service-description h3{font-family:var(--serif);font-size:38px;line-height:1.05;font-weight:400;letter-spacing:-.03em;margin:18px 0}.service-description p{font-size:11px;line-height:1.9;color:var(--muted);max-width:280px}.service-temperature{font-family:var(--serif);font-size:43px;color:#5e9372;margin:25px 0}.service-temperature span{font-size:24px;font-style:italic}.service-description a{display:flex;justify-content:space-between;max-width:210px;padding-top:15px;border-top:1px solid var(--line);font-size:10px}.quality{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:#e1eade}.quality-photo{height:490px;overflow:hidden}.quality-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}.quality-copy h2{margin:25px 0 30px;font-size:clamp(50px,5vw,85px)}.quality-copy p{font-size:12px;line-height:1.9;color:var(--muted);max-width:260px}.quality-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.quality-pills span{font-size:8px;border:1px solid #bacfbc;padding:9px 12px;color:#718c70}.ceo{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:center;background:#fafbf5}.ceo-photo{aspect-ratio:1;overflow:hidden}.ceo-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 15%;filter:saturate(.55)}.ceo blockquote{font-family:var(--serif);font-size:clamp(34px,3.5vw,58px);font-weight:400;line-height:1.12;letter-spacing:-.025em;margin:25px 0 35px}.person-signature{display:flex;gap:16px;align-items:center}.signature-mark{font-family:var(--serif);font-size:36px;letter-spacing:-.15em;font-style:italic;border-right:1px solid var(--line);padding-right:22px;color:#5e8d72}.person-signature strong{font-size:10px;display:block}.person-signature div span{display:block;font-size:8px;color:var(--muted);margin-top:6px}.contact{background:#1b3b2e;color:#e9f1e4}.contact-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:50px}.contact-top>span:last-child{font-size:10px;color:#b6c9b4}.contact h2{font-size:clamp(45px,5.5vw,90px);max-width:1150px}.contact h2 em{color:#9dbb95}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid #ffffff28;padding-top:35px;margin-top:55px}.email{font-size:clamp(20px,2.2vw,34px);font-weight:400;letter-spacing:-.04em;display:flex;align-items:center;gap:45px}.email span{color:#b1d19e}.phone{display:block;font-size:13px;color:#bed1b5;margin-top:16px}address{font-size:10px;line-height:1.8;font-style:normal;color:#b9cdb0}.footer{background:#1b3b2e;color:#99b18e;padding:28px 4.6vw;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff18;font-size:8px}.footer>.brand-word{color:#e9f1e4;font-size:23px}.footer>.brand-word>span{color:#b2cda7}.footer a:last-child{display:flex;align-items:center;gap:20px}.cursor-aura{position:fixed;width:200px;height:200px;border-radius:50%;pointer-events:none;z-index:3;background:radial-gradient(circle,#00b05008,transparent 65%);opacity:0;transform:translate(-50%,-50%)}
@keyframes scroll-dot{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(7px);opacity:1}}@keyframes alert-pulse{50%{opacity:.25}}
.header{position:fixed;background:#eff4f1e8;backdrop-filter:blur(14px)}
.scene-wrap canvas{mask-image:linear-gradient(to right,transparent,#000 14%)}
@media(max-width:1050px){.header{gap:25px}.desktop-nav{gap:15px;font-size:9px}.languages{display:none}.header-right{gap:15px}.chapter-copy h1{font-size:55px}.chapter-copy{width:48%}.story-signature{display:none}.scene-wrap{left:22%}.section-pad{padding:75px 6vw}.services-layout{gap:4vw}.cutaway-panel{padding:20px 16px}.zone-tabs button{padding:6px 4px;font-size:7px}.crate{width:15px;height:24px}.quality-photo{height:400px}}
@media(max-width:700px){.header{height:76px;padding:0 24px;gap:20px}.brand-word{font-size:22px}.brand img{width:21px;height:21px}.brand{gap:6px}.desktop-nav{display:none}.header-right{margin-left:auto;gap:15px}.header-contact{font-size:9px;gap:15px}.menu-toggle{display:block}.mobile-menu{display:flex;position:fixed;inset:0;background:var(--paper);padding:110px 28px 30px;z-index:25;flex-direction:column;gap:24px;opacity:0;visibility:hidden;transition:.3s}.mobile-menu a{font-family:var(--serif);font-size:31px;letter-spacing:-.025em}.mobile-menu>span{font-size:10px;color:var(--muted);margin-top:20px}.menu-open .mobile-menu{opacity:1;visibility:visible}.menu-open .header{position:fixed}.story{height:530svh}.stage{min-height:650px}.chapter-copy{left:24px;right:24px;top:112px;transform:none;width:auto;max-width:none}.chapter-copy h1{font-size:clamp(36px,9.4vw,53px);line-height:1.0;margin:20px 0 15px}.chapter-copy p{font-size:10px;margin-bottom:18px;max-width:235px;line-height:1.8}.eyebrow{font-size:7px;letter-spacing:.13em}.button{font-size:9px;padding:12px 14px;gap:30px}.feature-row{position:absolute;right:0;bottom:0;gap:8px;flex-direction:column;align-items:start;margin:0;font-size:7px}.feature-row i{font-size:8px}.scene-wrap{left:-12%;right:-12%;top:32%;bottom:3%}.scene-label{right:24px;top:auto;bottom:100px;font-size:6px}.temperature-chip{right:24px;bottom:124px;padding:10px 12px;gap:8px}.temperature-chip small{font-size:6px}.temperature-chip strong{font-size:14px}.temperature-chip strong>span{font-size:8px;margin:0 3px}.chip-icon{font-size:20px}.temperature-chip>.live-dot{margin-left:3px}.alert-chip{left:24px;right:auto;top:auto;bottom:175px;font-size:7px;padding:10px 12px;max-width:300px}.story-bottom{left:24px;right:24px;bottom:22px;gap:10px}.scroll-cue{font-size:6px;gap:7px;max-width:140px;white-space:normal;line-height:1.6}.scroll-mouse{width:13px;height:21px;flex-shrink:0}.scroll-mouse:after{left:5px}.chapter-nav{gap:0}.chapter-nav button{width:27px;font-size:8px}.chapter-line{left:5px;right:5px}.section-pad{padding:60px 24px}.section-heading{margin-bottom:32px;gap:20px}.section-heading h2{font-size:37px}.services-layout{grid-template-columns:1fr;gap:32px}.cutaway-panel{padding:20px 12px}.cutaway-top{font-size:8px}.cutaway{height:180px}.trailer-wheels{bottom:23px}.trailer-interior{height:95px;border-width:4px}.trailer-cab{height:70px}.cargo-zone{gap:3px}.crate{width:13px;height:23px;box-shadow:2px 2px 0 #adbf9f}.vial{width:13px;height:28px}.zone-tabs{gap:0}.zone-tabs button{font-size:7px;padding:7px 5px}.service-description h3{font-size:37px}.service-temperature{margin:20px 0;font-size:37px}.quality,.ceo{grid-template-columns:1fr;gap:35px}.quality-photo{height:330px}.quality-copy h2{font-size:59px;margin:25px 0}.ceo-photo{aspect-ratio:1.1}.ceo blockquote{font-size:38px}.contact-top{margin-bottom:35px}.contact h2{font-size:43px}.contact-bottom{flex-direction:column;align-items:start;margin-top:35px;gap:30px}.email{font-size:21px;gap:20px}.footer{padding:25px 24px;flex-wrap:wrap;gap:25px}.footer>span{width:100%;order:3;font-size:7px;line-height:1.8}.footer a:last-child{margin-left:auto}.cursor-aura{display:none}}
@media(max-width:700px){.scene-wrap canvas{mask-image:linear-gradient(to bottom,transparent,#000 13%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story{height:100svh}.stage{position:relative}.chapter-nav{display:none}.scroll-anchor{top:0}.scroll-cue{display:none}}
.cutaway.cutaway-3d{display:block;width:100%;height:320px;padding:0}.cutaway-3d canvas{display:block;width:100%;height:100%;touch-action:pan-y}.cutaway-access{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.alert-chip.resolved{border-color:#90d048;color:#286344;background:#f2fff0dd}.alert-chip.resolved .live-dot{background:#00b050;animation:none}
@media(max-width:700px){.cutaway.cutaway-3d{height:260px}}

.header .brand img{width:105px;height:65px;object-fit:contain}.footer-logo{width:175px;height:auto}.preloader svg{width:210px;max-height:190px}@media(max-width:700px){.header .brand img{width:80px;height:48px}.header{gap:14px}}