
.track-hero{background:#e3e6e6;padding:105px clamp(24px,6vw,110px) 95px;position:relative;overflow:hidden;min-height:580px;display:flex;align-items:center}.track-hero:before{content:"";position:absolute;inset:0;background:url('//delacosmetics.com/cdn/shop/t/24/assets/contact-haze.webp?v=7250749254054213261793223721') center/cover no-repeat;opacity:.23;filter:grayscale(1)}.track-hero>div{position:relative;z-index:1}.track-hero h1{font-size:clamp(74px,9.6vw,150px);line-height:.87;letter-spacing:-.075em;font-weight:300;margin:27px 0}.track-hero h1 em{font-family:var(--serif);font-weight:400}.track-hero p{font-size:19px;line-height:1.5;color:#526064;max-width:510px;margin:0}.track-index{position:absolute;right:5vw;bottom:35px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#737f82}
.track-content{background:#f5f5f3;padding:100px clamp(24px,6vw,110px) 125px;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.track-intro h2{font-size:clamp(52px,5vw,82px);font-weight:300;letter-spacing:-.065em;line-height:.95;margin:20px 0 25px}.track-intro p{font-size:17px;line-height:1.55;color:#566265;max-width:390px}.track-panel{border:1px solid #d2d7d8;border-radius:22px;background:#fdfdfb;padding:clamp(28px,3vw,50px)}.track-panel>span{display:block;margin-bottom:30px}.track-panel h3{font-size:34px;line-height:1.13;letter-spacing:-.046em;font-weight:300;margin:0 0 16px}.track-panel p{font-size:15px;color:#606a6d;line-height:1.55;margin:0 0 35px}.track-field{display:block;font-size:12px;color:#3a4346;margin-bottom:23px}.track-field input{display:block;width:100%;border:0;border-bottom:1px solid #abb3b6;border-radius:0;background:transparent;padding:13px 0;font-size:16px;color:#1b2021;outline:none}.track-field input:focus{border-color:#1a2022}.track-field input::placeholder{color:#9da6a8}.track-panel button{width:100%;border:0;text-align:left;margin-top:15px}.track-notice{border-top:1px solid #d7dcdd;padding-top:20px;margin-top:28px;color:#6c7678;font-size:12px;line-height:1.5}.track-note{background:#262d2f;color:#f4f5f3;padding:70px clamp(24px,6vw,110px);display:flex;gap:40px;justify-content:space-between;align-items:center}.track-note h2{font-size:clamp(37px,4vw,62px);font-weight:300;line-height:1.07;letter-spacing:-.055em;margin:0;max-width:600px}.track-note a{border-bottom:1px solid #d7dcdb;padding-bottom:7px;white-space:nowrap;font-size:13px}
@media(max-width:800px){.track-hero{min-height:520px;padding:75px 25px}.track-hero h1{font-size:clamp(75px,13vw,110px)}.track-content{grid-template-columns:1fr;gap:40px;padding:80px 24px}.track-panel{padding:30px 25px}.track-note{display:block;padding:70px 25px}.track-note a{display:inline-block;margin-top:30px}}
@media(max-width:430px){.track-hero h1{font-size:72px}.track-hero p{font-size:17px}.track-index{display:none}.track-intro h2{font-size:59px}.track-panel h3{font-size:30px}}
