.company-page{background:#191a19;color:#f3f3ee}
.company-page>.collection-header{position:absolute;inset:0 0 auto;background:transparent;border-color:rgba(255,255,255,.18)}
.company-page>.collection-header nav>a,.company-page>.collection-header .nav-products>a,.company-page>.collection-header .header-contact{color:#fff;text-shadow:0 1px 16px rgba(0,0,0,.4)}
.company-image-hero{min-height:100svh;padding:148px clamp(24px,7vw,112px) 68px;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:#1b1c1b;isolation:isolate}
.company-image-hero:before{content:"";position:absolute;z-index:-2;inset:-30px;background-image:var(--company-image);background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(24px) saturate(.62) brightness(.72);transform:scale(1.06)}
.company-season-panorama{position:absolute;z-index:-1;inset:86px clamp(16px,3vw,48px) 34px;width:calc(100% - clamp(32px,6vw,96px));height:calc(100% - 120px);object-fit:cover;object-position:center;box-shadow:0 24px 75px rgba(0,0,0,.3)}
.company-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,16,.2) 0,rgba(8,12,16,.01) 33%,rgba(8,12,16,.08) 58%,rgba(8,12,16,.76) 100%)}
.company-image-copy{max-width:990px;position:relative;z-index:1}
.company-image-copy>p{margin:0 0 23px;color:#d9dbd6;font-size:10px;font-weight:750;letter-spacing:.2em;text-transform:uppercase}
.company-image-copy h1{margin:0;font-size:clamp(58px,7.7vw,118px);font-weight:500;line-height:.88;letter-spacing:-.066em;text-shadow:0 4px 28px rgba(0,0,0,.34)}
.company-image-copy>span{display:block;max-width:600px;margin-top:28px;color:#e7e8e3;font-size:17px;line-height:1.65;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.company-scroll-hint{position:absolute;z-index:1;right:clamp(24px,7vw,112px);bottom:75px;display:flex;align-items:center;gap:12px;color:#d5d7d1;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.company-scroll-hint i{width:50px;height:1px;background:var(--yellow)}
.company-statement{padding:145px clamp(24px,8vw,132px);display:grid;grid-template-columns:.36fr 1fr;gap:7vw;background:#eeeee9;color:#222}
.company-statement h2,.company-profile h2,.company-closing h2{margin:0;font-size:clamp(50px,6.2vw,90px);line-height:.94;font-weight:500;letter-spacing:-.06em}
.company-statement>div>p{max-width:820px;margin:35px 0 0;color:#565a50;font-size:17px;line-height:1.85}
.company-principles{display:grid;grid-template-columns:repeat(3,1fr);padding:0 clamp(24px,8vw,132px) 130px;background:#eeeee9;color:#222}
.company-principles article{padding:32px 35px 0 0;border-top:1px solid #bec1b7}.company-principles article+article{padding-left:35px;border-left:1px solid #bec1b7}
.company-principles span{color:#777b70;font-size:9px;letter-spacing:.16em}.company-principles h2{margin:60px 0 18px;font-size:clamp(34px,3.4vw,54px);font-weight:550;letter-spacing:-.045em}.company-principles p{max-width:360px;color:#5b5f55;font-size:14px;line-height:1.75}
.company-profile{padding:130px clamp(24px,8vw,132px);display:grid;grid-template-columns:.58fr 1fr;gap:9vw;background:#1b1c1b}
.company-profile header{align-self:start;position:sticky;top:50px}.company-profile header>p:last-child{margin-top:30px;color:#8e9189;font-size:14px}.company-profile-list{border-top:1px solid #484a46}
.company-profile-list article{display:grid;grid-template-columns:42px minmax(120px,.42fr) 1fr;gap:25px;padding:27px 0;border-bottom:1px solid #484a46;align-items:start}
.company-profile-list article>span{padding-top:5px;color:#777a73;font-size:9px;letter-spacing:.15em}.company-profile-list h3{margin:0;font-size:19px;font-weight:650}.company-profile-list p{max-width:620px;margin:0;color:#afb2aa;font-size:14px;line-height:1.75}
.company-closing{padding:145px clamp(24px,8vw,132px);display:grid;grid-template-columns:.36fr 1fr;gap:7vw;background:#ddded7;color:#222}
.company-closing>div>p{max-width:670px;margin:34px 0;color:#565a50;font-size:17px;line-height:1.8}.company-closing .button{margin-top:4px}
.company-closing .button-yellow{border-color:#222;background:#222;color:#fff;box-shadow:0 15px 34px rgba(25,25,22,.18)}
.company-closing .button-yellow span:last-child{color:var(--yellow)}
@media(max-width:900px){.company-image-hero{min-height:820px}.company-season-panorama{inset:78px 18px 28px;width:calc(100% - 36px);height:calc(100% - 106px)}.company-statement,.company-profile,.company-closing{grid-template-columns:1fr;gap:55px}.company-principles{grid-template-columns:1fr}.company-principles article,.company-principles article+article{padding:28px 0 42px;border-left:0}.company-principles h2{margin-top:35px}.company-profile header{position:static}.company-profile-list article{grid-template-columns:36px minmax(120px,.35fr) 1fr}}
@media(max-width:650px){.company-image-hero{min-height:760px;padding:112px 24px 42px}.company-season-panorama{inset:78px 10px 20px;width:calc(100% - 20px);height:calc(100% - 98px);object-position:57% center}.company-image-copy h1{font-size:clamp(52px,15vw,72px)}.company-image-copy>span{font-size:15px}.company-scroll-hint{display:none}.company-statement,.company-profile,.company-closing{padding:85px 24px}.company-principles{padding:0 24px 65px}.company-profile-list article{grid-template-columns:34px 1fr;padding:24px 0}.company-profile-list h3{grid-column:2}.company-profile-list p{grid-column:2}.company-page>.collection-header nav>a,.company-page>.collection-header .nav-products>a,.company-page>.collection-header .header-contact{color:#fff}}
