/* Homepage closing chapters: charcoal, mauve and soft mineral tones. */
.closing-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:44px}
.closing-heading h2{font-size:clamp(38px,4.5vw,64px);line-height:1.12}
.closing-heading h2 em{color:#826878;font-style:normal}
.closing-heading>p{max-width:380px;margin:0;color:#6c606c;line-height:1.85;font-size:16px}
.sustainability{background:#1b1920;color:#eee9ee}
.sustain-layout{display:grid;grid-template-columns:1fr 1fr;min-height:670px}
.sustain-visual{position:relative;overflow:hidden;min-height:500px;margin:0;background:#292832}
.sustain-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.55)}
.sustain-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#15141ce8,transparent 65%),linear-gradient(90deg,#49314435,#1b19204d)}
.sustain-visual figcaption{position:absolute;z-index:1;left:10%;right:10%;bottom:48px;display:flex;justify-content:space-between;align-items:end;border-top:1px solid #ffffff50;padding-top:24px;font:10px/1.7 Arial,sans-serif;letter-spacing:.12em;color:#dfd5df}
.sustain-visual figcaption strong{font:48px/1.1 Optima,Belleza,sans-serif;letter-spacing:-.03em}
.sustain-copy{padding:80px clamp(32px,5vw,80px);align-self:center}
.sustain-copy .eyebrow{color:#bca4b8}
.sustain-copy h2{font-size:clamp(39px,4.3vw,62px);line-height:1.12}
.sustain-copy h2 em{color:#bea7bb}
.sustain-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#bbb3c0;max-width:460px;margin:28px 0 32px}
.sustain-links{border-top:1px solid #c6b5c530}
.sustain-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #c6b5c530;font-size:15px}
.sustain-links a span{color:#cbb0c4;font-size:23px;transition:transform .25s}
.sustain-links a:hover span{transform:translate(3px,-3px)}
.closing-approach{padding:100px 0 70px;background:#15151a;color:#eee8ed}
.closing-approach .eyebrow{color:#b59bac}
.closing-approach .closing-heading>p{color:#a99fae}
.closing-approach .closing-heading h2 em{color:#bca4b7}
.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}
.principle{border-top:1px solid #aa90a640;padding-top:25px}
.principle>span{font:10px Arial,sans-serif;letter-spacing:.13em;color:#b498ad}
.principle h3{font-size:29px;margin:20px 0 14px}
.principle p{color:#a99fae;font-size:15px;line-height:1.85;margin:0}
.closing-values{margin-top:60px;padding-top:25px;border-top:1px solid #aa90a630;display:flex;gap:35px;align-items:baseline}
.closing-values>p{margin:0;flex-shrink:0;font:9px Arial,sans-serif;letter-spacing:.15em;color:#a38ba0}
.closing-values ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:14px 24px;font-size:12px;color:#c4b9c5}
.closing-contact{position:relative;overflow:hidden;background:#d9cbd5;color:#302632;padding:90px 0 38px}
.closing-contact:before{content:'';position:absolute;width:580px;height:580px;border:1px solid #5f425d20;border-radius:50%;right:-220px;top:-235px;box-shadow:0 0 0 50px #5f425d08,0 0 0 100px #5f425d05;pointer-events:none}
.closing-contact .wrap{position:relative}
.closing-contact .eyebrow{color:#6b5267}
.contact-invitation{display:flex;justify-content:space-between;align-items:center;gap:45px;padding-bottom:60px}
.contact-invitation h2{font-size:clamp(48px,6.5vw,90px);line-height:1.07;letter-spacing:-.04em}
.contact-invitation h2 em{color:#80647a}
.contact-orbit{width:128px;height:128px;flex-shrink:0;border:1px solid #73546c70;border-radius:50%;display:grid;place-items:center;transition:background .25s,color .25s,transform .25s}
.contact-orbit svg{width:38px;height:38px}
.contact-orbit:hover{background:#463044;color:#f1e7ef;transform:rotate(8deg)}
.contact-orbit:focus-visible{outline-color:#463044}
.contact-bottom{border-top:1px solid #6e52633d;display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:28px}
.contact-bottom p{font-size:15px;color:#705c6d;max-width:390px;margin:0}
.contact-bottom a{font-size:20px;border-bottom:1px solid #6e526355;padding-bottom:5px;overflow-wrap:anywhere}
.epic-footer{padding:60px 0 25px;background:#101015;color:#ada1b0}
.epic-footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:65px}
.epic-footer .logo{width:120px}
.epic-footer-brand p{font-size:15px;line-height:1.8;margin:22px 0 0}
.epic-footer h3{font:9px Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:#b89eb2;margin:0 0 23px}
.epic-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-size:14px;padding:0}
.epic-footer nav a{padding:0}
.epic-footer-contact a{display:block;font-size:14px;margin-bottom:12px;overflow-wrap:anywhere}
.epic-footer-contact p{font-size:12px;margin-top:23px;color:#877b8b}
.epic-footer a:hover{color:#e9d8e6}
.epic-footer-bottom{margin-top:48px;padding-top:22px;border-top:1px solid #b59bac25;display:flex;justify-content:space-between;gap:20px;font:10px/1.6 Arial,sans-serif;color:#887c8c}
@media(max-width:1000px){
.closing-heading{gap:35px}
.sustain-copy{padding:55px 32px}
.principle-grid{gap:25px}
.epic-footer-grid{gap:30px}
}
@media(max-width:650px){
.network,.closing-approach{padding:60px 0}
.closing-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}
.closing-heading h2{font-size:39px}
.closing-heading>p{font-size:14px}
.sustain-layout{grid-template-columns:1fr}
.sustain-visual{min-height:340px}
.sustain-visual figcaption{left:24px;right:24px;bottom:28px}
.sustain-copy{padding:45px 24px 55px}
.sustain-copy h2{font-size:41px}
.sustain-copy>p:not(.eyebrow){font-size:14px}
.sustain-links a{font-size:14px}
.principle-grid{grid-template-columns:1fr;gap:28px}
.principle h3{font-size:26px;margin:14px 0 9px}
.principle p{font-size:14px}
.closing-values{margin-top:35px;display:block}
.closing-values ul{margin-top:20px;gap:13px 20px}
.closing-contact{padding:55px 0 30px}
.contact-invitation{gap:18px;padding-bottom:35px;align-items:flex-end}
.contact-invitation h2{font-size:clamp(36px,8.7vw,55px)}
.contact-orbit{width:62px;height:62px}
.contact-orbit svg{width:26px;height:26px}
.contact-bottom{align-items:flex-start;flex-direction:column;gap:20px;padding-top:23px}
.contact-bottom p{font-size:14px}
.contact-bottom a{font-size:18px}
.epic-footer{padding-top:45px}
.epic-footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}
.epic-footer-brand{grid-column:1/-1}
.epic-footer-brand p{margin-top:15px;font-size:14px}
.epic-footer nav{display:flex;width:auto}
.epic-footer-contact a{font-size:12px}
.epic-footer-bottom{flex-wrap:wrap;margin-top:35px}
}
@media(prefers-reduced-motion:reduce){.contact-orbit,.sustain-links a span{transition:none}.contact-orbit:hover,.sustain-links a:hover span{transform:none}}

.network{position:relative;isolation:isolate;overflow:hidden;padding:100px 0 55px;background:radial-gradient(ellipse at 75% 25%,#59405230,transparent 65%),linear-gradient(180deg,#101617,#1d1922 60%,#1b1920);color:#eee8ed}
.network:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:650px;height:650px;right:-360px;top:-290px;border:1px solid #c4a4bc12;border-radius:50%;box-shadow:0 0 0 65px #b998af05,0 0 0 130px #b998af03}
.network .eyebrow{color:#b59bac;margin-bottom:22px}
.network .closing-heading h2 em{color:#bca4b7}
.network .closing-heading>p{color:#aaa0ad}
.network-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;border-top:1px solid #b89aad30;font:9px/1.6 Arial,sans-serif;letter-spacing:.16em;color:#a693a5}
.marquee-toggle{cursor:pointer;flex-shrink:0;border:1px solid #b9a0b440;border-radius:30px;background:transparent;color:#cbbac9;padding:9px 15px;font:11px Arial,sans-serif;letter-spacing:0}
.marquee-toggle[hidden]{display:none}
.marquee-toggle:hover{background:#b59bac15;border-color:#b9a0b480}
.logo-marquee{padding:12px 0 25px}
.logo-lane{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#776174 #1b1920}
.logo-track{display:flex;width:max-content}
.logo-set{display:flex;align-items:center;flex-shrink:0;gap:48px;padding:0 48px 0 0;margin:0;list-style:none}
.logo-set li{flex:0 0 210px;width:210px}
.company-mark{height:130px;display:flex;align-items:center;justify-content:center;padding:25px 18px;background:transparent}
.company-mark img{width:auto;max-width:100%;height:auto;max-height:76px;object-fit:contain;filter:grayscale(1) invert(1) brightness(1.65);opacity:.82;transition:opacity .3s,transform .3s}
.company-mark:hover img,.company-mark:focus-visible img{opacity:1;transform:translateY(-3px)}
.company-mark:focus-visible{outline:1px solid #cbb3c4;outline-offset:-5px}
.logo-lane+.logo-lane{margin-top:16px}
.logo-marquee.marquee-ready .logo-lane{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-ready .logo-track{animation:logo-travel 70s linear infinite;will-change:transform}
.marquee-ready .logo-lane-reverse .logo-track{animation-direction:reverse;animation-duration:64s}
.logo-marquee:hover .logo-track,.logo-marquee.is-paused .logo-track{animation-play-state:paused}
.logo-marquee:has(:focus-visible) .logo-track{animation:none;transform:none;will-change:auto}
.logo-marquee:has(:focus-visible) .logo-set-copy{display:none}
.logo-marquee:has(:focus-visible) .logo-lane{overflow-x:auto;mask-image:none}
.network-note{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #b89aad25;padding-top:25px;color:#918693;font-size:12px}
.network-note a{display:flex;align-items:center;gap:25px;color:#c6b5c3;padding:8px 0}
.network-note a span{font-size:21px}
@keyframes logo-travel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:650px){
.network{padding:60px 0 35px}
.network-caption{gap:12px;font-size:7px;letter-spacing:.1em}
.marquee-toggle{padding:8px 11px;font-size:10px}
.logo-set{gap:28px;padding-right:28px}
.logo-set li{flex-basis:150px;width:150px}
.company-mark{height:105px;padding:22px 15px}
.company-mark img{max-height:60px}
.logo-lane+.logo-lane{margin-top:8px}
.logo-marquee{padding:5px 0 20px}
.network-note{font-size:11px;align-items:flex-start;gap:15px}
.network-note>span{max-width:180px;line-height:1.7}
.network-note a{flex-shrink:0;gap:12px;padding:0}
}
@media(prefers-reduced-motion:reduce){
.marquee-ready .logo-track{animation:none;transform:none;will-change:auto}
.logo-set-copy{display:none}
.logo-marquee.marquee-ready .logo-lane{overflow-x:auto;mask-image:none}
.marquee-toggle{display:none}
.company-mark img{transition:none}
.company-mark:hover img,.company-mark:focus-visible img{transform:none}
}
