/* Owner-approved company introduction; scoped to retain existing page layouts. */
html:has(body.company-home),body.company-home{height:auto;overflow:visible}
.company-home .hero{height:100svh;min-height:100svh}
.company-scroll{justify-self:center;align-self:end;font:12px var(--data);letter-spacing:.12em;text-decoration:none;color:#BEBEBE;padding:12px;display:flex;gap:20px}
.company-section h2,.company-page-intro h2{font-family:var(--display);font-size:clamp(2rem,4.7vw,4.6rem);font-weight:400;line-height:1.1;max-width:20ch;margin:1rem 0 2rem}
.company-section{scroll-margin-top:20px}
.company-section .company-copy,.company-page-intro .company-copy{max-width:760px;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.8}
.company-copy p{margin:0 0 1.2rem}
.light .company-copy{color:#3D3D3D}
.company-businesses{display:flex;flex-wrap:wrap;gap:20px 40px;border-top:0;padding-top:25px;margin-top:40px}
.company-businesses a{display:flex;gap:20px;align-items:center;min-height:44px;text-decoration:none;font-weight:500}
.company-businesses a span{color:#B4001E}
.company-businesses a:hover{text-decoration:underline}
.company-finance{padding:72px 3.2% 64px;min-height:320px;position:relative;isolation:isolate;overflow:hidden;background:#000000;border-top:0;border-bottom:0}
/* Photo layer: desaturate + darken NYC so blue cast dies; blends into black like hero */
.company-finance::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('/assets/explore/photos/nyc-night-from-water.jpg') center/cover no-repeat;filter:saturate(.08) brightness(.42) contrast(1.1)}
/* Heavier rgba(0,0,0) washes; solid-black top/bottom so About→Finance meets with no hard rule */
.company-finance::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,.94) 12%,rgba(0,0,0,.72) 34%,rgba(0,0,0,.68) 52%,rgba(0,0,0,.82) 78%,rgba(0,0,0,.98) 100%),linear-gradient(105deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.9) 26%,rgba(0,0,0,.78) 55%,rgba(0,0,0,.7) 100%)}
.company-finance>*{position:relative;z-index:2}
.company-finance .label{color:#BEBEBE}.company-finance .company-locations{color:#FAFAFA}
.company-finance .company-copy{color:#BEBEBE}
.company-locations{font-family:var(--display);font-size:clamp(1.8rem,4vw,3rem);margin:2.5rem 0 .5rem;line-height:1.3}
.company-locations span{color:#B4001E;margin:0 .5em}
.company-funding{font-size:.85rem;color:#BEBEBE;margin:0}
.company-intro-copy{max-width:78ch;line-height:1.75}
.company-intro-copy p+p{margin-top:12px}
.company-view-intro{padding:72px 3.2% 64px;min-height:280px;position:relative;isolation:isolate;color:#FAFAFA;border-bottom:0;background:#000000 center bottom/cover no-repeat;background-image:linear-gradient(105deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.45) 100%),url('/assets/explore/photos/terminal-advisory-crane.png')}
.company-view-intro h1,.company-view-intro h2.view-title{max-width:24ch;color:#FAFAFA}
.company-view-intro .eyebrow{color:#BEBEBE!important}
.company-view-intro .company-intro-copy{color:#E0E0E0}
@media(max-width:600px){.company-businesses{flex-direction:column;gap:8px}.company-businesses a{justify-content:space-between}.company-locations span{margin:0 .15em}.company-view-intro{padding:28px 5%}.section-heading:has(.company-intro-copy){align-items:stretch;flex-direction:column}}

.company-copy h3{font-family:var(--display);font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:400;line-height:1.3;margin:2rem 0 .8rem;color:inherit}

/* Commodities intro: same night-berth hero as Terminal Advisory */
#commodities-view>.section-heading:has(.company-intro-copy){padding:72px 3.2% 64px;min-height:280px;align-items:flex-end;gap:28px;color:#FAFAFA;border-bottom:0;background:#000000 center bottom/cover no-repeat;background-image:linear-gradient(105deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.45) 100%),url('/assets/explore/photos/terminal-intro-ship-berth-night.jpg')}
#commodities-view>.section-heading:has(.company-intro-copy) h1{color:#FAFAFA;max-width:18ch}
#commodities-view>.section-heading:has(.company-intro-copy) .eyebrow{color:#BEBEBE!important}
#commodities-view>.section-heading:has(.company-intro-copy) .company-intro-copy{color:#E0E0E0}
#commodities-view>.section-heading:has(.company-intro-copy) .search{background:rgba(250,250,250,.12);border-color:rgba(212,212,212,.45);backdrop-filter:blur(6px)}
#commodities-view>.section-heading:has(.company-intro-copy) .search input{color:#FAFAFA}
#commodities-view>.section-heading:has(.company-intro-copy) .search input::placeholder{color:#BEBEBE}
#commodities-view>.section-heading:has(.company-intro-copy) kbd{border-color:rgba(212,212,212,.45);color:#BEBEBE}
@media(max-width:600px){#commodities-view>.section-heading:has(.company-intro-copy){padding:28px 5% 24px}}

/* About + contact night photo backgrounds */
#about.company-section{padding:72px 3.2% 64px;min-height:320px;color:#FAFAFA;border-top:0;border-bottom:0;background:#000000 center/cover no-repeat;background-image:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.05) 55%,rgba(0,0,0,.85) 88%,rgba(0,0,0,1) 100%),linear-gradient(105deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.55) 100%),url('/assets/explore/photos/commodity-night-still.jpg')}
#about .label{color:#BEBEBE}
#about .company-copy{color:#BEBEBE}
#about h2,#about .company-copy h3{color:#FAFAFA}
#about .company-businesses a{color:#FAFAFA}
/* Contact: light black-blend so Switzerland night doesn’t blue next to black sections */
#contact{padding:72px 3.2% 64px;min-height:320px;color:#FAFAFA;border-top:0;position:relative;isolation:isolate;overflow:hidden;background:#000000}
#contact::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('/assets/explore/photos/switzerland-night-from-water.jpg') center/cover no-repeat;filter:saturate(.55) brightness(.88)}
#contact::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.58) 28%,rgba(0,0,0,.38) 55%,rgba(0,0,0,.7) 100%),linear-gradient(105deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.5) 100%)}
#contact>*{position:relative;z-index:2}
#contact .label,#contact .lede,#contact .form label,#contact .formnote{color:#BEBEBE}
#contact h2{color:#FAFAFA}
#contact .formstat{color:#BEBEBE;border-left-color:rgba(212,212,212,.45)}
#contact .form button{background:transparent;color:#FAFAFA;border-color:rgba(250,250,250,.55)}
#contact .form button:hover{background:#B4001E;border-color:#B4001E;color:#FAFAFA}
@media(max-width:600px){#about.company-section,#contact{padding:28px 5%}}

/* Home: credit sits on contact photo (footer inside #contact) */
body.company-home #contact{padding-bottom:28px}
body.company-home #contact .site-credit{margin-top:36px;padding:8px 0 8px;width:100%}
@media(max-width:600px){body.company-home #contact{padding:28px 5% 20px}}