:root{--ink:#1a1b1c;--muted:#666b6e;--line:#cfd2d3;--sans:'DM Sans',Arial,sans-serif;--serif:'Italiana',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5f3;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:#c6c8c9;color:var(--ink)}
.topline{height:9px;background:#1a1c1e}.header{height:90px;padding:0 clamp(24px,4vw,70px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #d6d8d8;background:#f7f7f5}.header a:first-child{font-size:12px;display:inline-flex;align-items:center;gap:12px;width:max-content}.header a:first-child span{font-size:19px;font-weight:300;transition:transform .2s}.header a:first-child:hover span{transform:translateX(-4px)}.logo{width:176px;height:42px;background:url('//delacosmetics.com/cdn/shop/t/24/assets/dela-wordmark-black.webp?v=181845911351920825951793223721') center/contain no-repeat}.header small{justify-self:end;font-size:10px;letter-spacing:.17em;text-transform:uppercase}
.hero{position:relative;isolation:isolate;min-height:500px;overflow:hidden;background:#e3e5e6;color:#192020;padding:95px clamp(24px,6vw,110px) 70px;display:flex;align-items:end}.hero:before{content:"";position:absolute;z-index:-2;inset:-8%;background:url('//delacosmetics.com/cdn/shop/t/24/assets/contact-haze.webp?v=7250749254054213261793223721') center/cover;filter:grayscale(.62) saturate(.43);animation:drift 26s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 62% 72% at 39% 52%,#ffffff5c,transparent 88%)}.hero-copy{max-width:820px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:600}.hero h1{font-weight:300;font-size:clamp(78px,10vw,156px);line-height:.85;letter-spacing:-.075em;margin:25px 0 28px}.hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.hero p{font-size:clamp(16px,1.55vw,20px);line-height:1.5;max-width:520px;margin:0;color:#364043}.hero-index{position:absolute;right:45px;bottom:35px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#4b565b}
.content{padding:100px clamp(24px,6vw,110px) 120px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(390px,1.2fr);gap:clamp(60px,9vw,160px);background:#f4f4f2}.intro h2{font-weight:300;letter-spacing:-.065em;font-size:clamp(52px,5.2vw,85px);line-height:.95;margin:19px 0 27px}.intro p{font-size:17px;line-height:1.55;color:#555b5d;max-width:360px;margin:0 0 38px}.help-note{border-top:1px solid #bfc3c4;padding:21px 0;display:flex;gap:22px;align-items:baseline;font-size:14px;line-height:1.45}.help-note:last-child{border-bottom:1px solid #bfc3c4}.help-note span{font-size:11px;letter-spacing:.1em;color:#777b7d}.panel{background:#fff;border:1px solid #e0e2e2;border-radius:22px;padding:clamp(25px,3vw,48px);box-shadow:0 24px 70px #2730390d}.panel h2{font-size:32px;font-weight:300;letter-spacing:-.045em;margin:0 0 7px}.panel>p{color:#697072;font-size:14px;line-height:1.5;margin:0 0 30px}.topics{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;border:0;padding:0}.topics legend{font-size:12px;margin:0 0 13px}.topics label{position:relative}.topics input{position:absolute;opacity:0;width:1px;height:1px}.topics span{display:inline-block;border:1px solid #ccd0d1;border-radius:99px;padding:10px 15px;font-size:12px;transition:background .2s,color .2s,transform .2s}.topics input:checked+span{background:#1a1c1e;border-color:#1a1c1e;color:#fff}.topics input:focus-visible+span{outline:2px solid #1a1c1e;outline-offset:3px}.topics span:hover{transform:translateY(-2px)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.field{display:flex;flex-direction:column;gap:9px}.field.wide{grid-column:1/-1}.field label{font-size:12px}.field input,.field textarea{border:0;border-bottom:1px solid #bec3c5;border-radius:0;background:transparent;padding:10px 0 12px;color:#17191a;font-size:15px;outline:0;width:100%;transition:border-color .2s}.field textarea{min-height:106px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#1c2228}.field input::placeholder,.field textarea::placeholder{color:#9a9fa0}.form-foot{border-top:1px solid #e0e2e2;margin-top:29px;padding-top:22px;display:flex;gap:24px;justify-content:space-between;align-items:end}.form-foot p{font-size:12px;line-height:1.5;color:#666d70;margin:0;max-width:360px}.form-foot button{border:1px solid #242729;background:#242729;color:#fff;border-radius:99px;min-width:140px;padding:15px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;white-space:nowrap;transition:transform .2s,background .2s}.form-foot button:hover{background:#41464a;transform:translateY(-2px)}.form-foot button:active{transform:scale(.98)}.status{min-height:20px;margin:18px 0 0;font-size:12px;color:#596063;line-height:1.4}
.footer{background:#1a1c1e;color:#f5f5f3;padding:65px clamp(24px,6vw,110px) 30px}.footer-main{display:flex;justify-content:space-between;align-items:start;gap:40px}.footer-logo{display:block;width:min(46vw,330px);height:77px;background:url('//delacosmetics.com/cdn/shop/t/24/assets/dela-wordmark-white.webp?v=44616791674014918051793223721') left center/contain no-repeat}.footer p{font-weight:300;letter-spacing:-.025em;font-size:21px;margin:17px 0}.footer-links{display:flex;gap:40px;font-size:13px}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #545a5d;color:#aeb2b4;margin-top:80px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px}
@keyframes drift{from{transform:scale(1.01) translate(-1%,0)}to{transform:scale(1.1) translate(2%,1%)}}
@media(max-width:800px){.content{grid-template-columns:1fr;gap:45px;padding:75px 24px 90px}.intro p{max-width:540px}.hero{min-height:540px;padding:70px 24px}.hero-index{display:none}.header{height:72px;padding:0 23px}.logo{width:145px;height:35px}.header small{display:none}.footer-main{flex-direction:column}.footer-links{gap:27px}}
@media(max-width:520px){.hero{min-height:520px;align-items:center}.hero h1{font-size:clamp(73px,18vw,95px)}.hero p{font-size:16px}.content{padding:68px 18px 85px}.intro{padding:0 5px}.intro h2{font-size:61px}.panel{padding:25px 20px;border-radius:18px}.fields{grid-template-columns:1fr}.form-foot{align-items:stretch;flex-direction:column}.form-foot button{align-self:flex-start}.footer{padding:60px 24px 25px}.footer-logo{width:270px;height:70px}.footer-bottom{flex-direction:column;margin-top:70px}.header a:first-child{font-size:11px;gap:5px}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none}.topics span,.form-foot button{transition:none}}

.bag-button{justify-self:end;border:0;background:none;padding:10px 0;font-size:12px;letter-spacing:.08em;display:flex;align-items:center;gap:12px}.bag-button svg{width:19px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}@media(max-width:800px){.bag-button span{display:none}}.header .menu-trigger{background:none;border:0;padding:10px 0;font-size:12px;letter-spacing:.1em}.header .menu-trigger:before{content:"";display:inline-block;width:18px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;margin-right:12px}.header{position:relative;z-index:20}.shade{position:fixed;inset:0;z-index:50;background:#0b101099;opacity:0;pointer-events:none;transition:opacity .3s}.shade.open{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:51;left:0;top:0;bottom:0;transform:translateX(-101%);transition:transform .42s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.bag-drawer{right:0;left:auto;transform:translateX(101%);padding:30px;background:#f1f2f0;overflow-y:auto}.bag-drawer.open{transform:translateX(0)}.bag-copy{margin:auto 0}.bag-copy h2{font-size:55px;font-weight:300;letter-spacing:-.06em;line-height:1;margin:25px 0}.bag-copy p{font-size:15px;line-height:1.55;color:#626c6e;max-width:350px}.bag-copy a{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:6px;margin-top:13px;font-size:13px}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-logo{width:155px;height:42px;background:url('//delacosmetics.com/cdn/shop/t/24/assets/dela-wordmark-black.webp?v=181845911351920825951793223721') left center/contain no-repeat}.close{font-size:30px;border:0;background:none}.drawer-foot{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6c777a}@media(max-width:650px){.header .menu-trigger{font-size:0}.header .menu-trigger:before{margin:0}}