/* Measured contact layout: 12 columns, 6-column title, 5-column cards. */
.an-contact-page { --an-paper:#000; --an-ink:#000; color:#fff; background:#000; color-scheme:dark; }
.an-contact-page main { border-radius:0 0 12px 12px; box-shadow:none; padding:0; }
.an-contact-page :focus-visible { outline-color:#ffff8c; }
.an-contact-page .an-header { color:#fff; }
.an-contact-page .an-header > .an-brand,
.an-contact-page .an-header.is-scrolled > .an-brand { background:transparent; margin:0; padding:7px 0; color:#fff; }
.an-contact-page .an-header:not(.is-scrolled) .an-pill { background:#fff; color:#000!important; }
.an-contact-page .an-header.is-scrolled .an-header__right { color:#000; }
.an-contact-page .an-menu { color-scheme:light; }
.an-contact-hero { position:sticky; top:0; display:flex; align-items:flex-end; min-height:55vh; padding:calc(62px + var(--an-space-sm)) var(--an-gutter) var(--an-space-sm); isolation:isolate; overflow:hidden; }
.an-contact-hero__video { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; }
.an-contact-hero::after { content:""; position:absolute; z-index:-1; inset:0; background:#000; opacity:.15; }
.an-contact-hero h1 { font-size:var(--an-display-2); line-height:1.09; letter-spacing:-.045em; max-width:16ch; }
.an-contact-main { position:relative; z-index:2; background:#000; padding:var(--an-space-lg) 0 var(--an-space-xl); }
.an-contact-layout { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:var(--an-gap); padding:0 var(--an-gutter); }
.an-contact-intro { grid-column:span 6; align-self:start; font-size:var(--an-hero-heading)!important; line-height:1.11!important; letter-spacing:-.04em; color:#77786d; margin-bottom:var(--an-space-md)!important; }
.an-contact-content { grid-column:span 5; display:grid; align-content:start; gap:var(--an-space-md); min-width:0; }
.an-contact-group { display:grid; gap:1px; border-radius:12px; overflow:hidden; }
.an-contact-row, .an-contact-form__heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--an-gap) var(--an-space-sm); padding:var(--an-gap); background:#42433d; font-size:var(--an-medium); line-height:1.45; }
.an-contact-row > nav { display:flex; flex-wrap:wrap; gap:4px; }
.an-contact-chip { display:inline-flex; align-items:center; gap:8px; width:fit-content; max-width:100%; white-space:nowrap; border-radius:24px; padding:.65em 1em; background:#5c5e55; color:#fff; font:500 12px/1 var(--an-mono); text-box:trim-both cap alphabetic; text-transform:uppercase; text-decoration:none; transition:background .3s var(--an-ease),border-radius .3s var(--an-ease); }
.an-contact-chip:is(a):hover { background:#77786d; }
.an-contact-form__heading { list-style:none; cursor:pointer; background:linear-gradient(90deg,#9c9e94 0%,#77786d 25%,#5c5e55 50%,#77786d 75%,#9c9e94 100%); background-size:300% 100%; animation:an-contact-gradient 16s linear infinite; }
.an-contact-form__heading::-webkit-details-marker { display:none; }
.an-contact-form__heading h2 { font-size:var(--an-medium); line-height:1.45; letter-spacing:0; }
.an-contact-form__indicator { display:block; flex:0 0 auto; width:.6em; height:.6em; background:currentColor; clip-path:polygon(0 0,100% 50%,0 100%); transition:transform .35s var(--an-ease); }
.an-contact-form[data-expanded="true"] .an-contact-form__indicator { transform:rotate(90deg); }
.an-contact-form__body { padding:var(--an-gap); background:#42433d; }
.an-contact-direct__intro { background:#42433d; padding:var(--an-gap); }
.an-contact-direct__intro h2 { font-size:var(--an-medium); line-height:1.45; letter-spacing:0; }
.an-contact-direct__intro p { color:#b5b7ad; font-size:var(--an-small); line-height:1.5; margin-top:8px; max-width:38ch; }
.an-contact-direct .an-contact-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; }
.an-contact-direct summary { list-style:none; cursor:pointer; }
.an-contact-direct details p { overflow-wrap:anywhere; }
.dsc-page, .dsc-field { min-width:0; }
.dsc-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--an-space-md) var(--an-gap); }
.dsc-identity { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:end; gap:var(--an-gap); }
.dsc-field, .dsc-send { grid-column:1/-1; min-width:0; margin:0; padding:0; border:0; }
.dsc-field--half { grid-column:auto; }
.dsc-label, .dsc-input-field > span, .dsc-comment > span { display:block; font:400 var(--an-small)/1.4 var(--an-mono); text-transform:uppercase; margin-bottom:4px; color:#fff; }
.dsc-input-field { display:flex; flex-direction:column-reverse; }
.dsc-input-field input, .dsc-comment textarea, .dsc-select select { width:100%; min-width:0; border:0; border-radius:6px; background:#272824; color:#fff; font:500 var(--an-medium)/1.4 var(--an-sans,"Helvetica Neue",Arial,sans-serif); letter-spacing:-.02em; padding:10px 20px; box-shadow:none; transition:background .25s ease,color .25s ease; }
.dsc-input-field input { height:42px; }
.dsc-input-field input:focus, .dsc-comment textarea:focus { background:#ffff8c; color:#000; outline:none; }
.dsc-input-field input::placeholder, .dsc-comment textarea::placeholder { opacity:.65; color:currentColor; }
.dsc-input-field input:disabled, .dsc-comment textarea:disabled, .dsc-select select:disabled { opacity:.5; cursor:wait; }
.dsc-input-field input:-webkit-autofill { -webkit-text-fill-color:#fff; box-shadow:0 0 0 1000px #272824 inset; }
.dsc-input-field input:-webkit-autofill:focus { -webkit-text-fill-color:#000; box-shadow:0 0 0 1000px #ffff8c inset; }
.dsc-contact-fields { display:grid; gap:var(--an-space-md); }
.dsc-note { color:#9c9e94; font-size:12px; line-height:1.5; margin-top:8px!important; }
.dsc-product-list { display:flex; flex-wrap:wrap; gap:4px; }
.dsc-product { position:relative; cursor:pointer; }
.dsc-product input { position:absolute; width:1px; height:1px; opacity:0; }
.dsc-product-text { display:block; border:0; border-radius:24px; padding:.65em 1em; background:#272824; color:rgb(255 255 255 / .35); font:500 var(--an-small)/1 var(--an-mono); text-box:trim-both cap alphabetic; text-transform:uppercase; backdrop-filter:blur(.2em); transition:background .2s ease,color .2s ease; }
.dsc-product:nth-child(odd) .dsc-product-text { border-radius:0; }
.dsc-product input:checked + .dsc-product-text { background:#ffff8c; color:#000; }
.dsc-product input:focus-visible + .dsc-product-text { color:rgb(255 255 255 / .85); }
@media(hover:hover) and (pointer:fine) { .dsc-product:hover .dsc-product-text { color:rgb(255 255 255 / .85); } }
.dsc-product input:checked + .dsc-product-text { color:#000; }
.dsc-product input:focus-visible + .dsc-product-text { outline:2px solid #ffff8c; outline-offset:3px; }
.dsc-select { position:relative; }
.dsc-select select { display:block; appearance:none; height:42px; padding-right:52px; cursor:pointer; }
.dsc-select select:has(option:checked[value=""]) { color:rgb(255 255 255 / .65); }
.dsc-select select:focus-visible { outline:2px solid #ffff8c; outline-offset:2px; }
.dsc-select select option { color:#fff; background:#272824; }
.dsc-select > span { position:absolute; pointer-events:none; right:20px; top:50%; width:9px; height:9px; border:solid #fff; border-width:0 1.5px 1.5px 0; transform:translateY(-70%) rotate(45deg); }
.dsc-comment textarea { display:block; height:120px; resize:vertical; }
.dsc-dropzone { position:relative; padding:var(--an-space-sm); text-align:center; background:#272824; border:1px dashed #5c5e55; border-radius:6px; color:#9c9e94; font-size:var(--an-medium); line-height:1.4; }
.dsc-dropzone u { color:#bfc1b5; }
.dsc-dropzone input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.dsc-dropzone:focus-within,.dsc-dropzone.is-dragover { border-color:#bfc1b5; }
.dsc-file-pill { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 12px; margin-top:8px; background:#272824; border-radius:6px; font-size:13px; }
.dsc-file-pill > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dsc-file-pill button { flex-shrink:0; width:22px; height:22px; padding:0; border-radius:50%; background:#5c5e55; }
.dsc-submit { display:inline-flex; position:relative; align-items:center; justify-content:space-between; gap:8px; width:fit-content; max-width:100%; padding:.4em calc(1em + 8px + .6em) .4em 1em; border:2px solid transparent; border-radius:24px; min-height:36px; background:#fff; color:#000!important; font:500 var(--an-medium)/1 var(--an-mono)!important; text-box:trim-both cap alphabetic; text-transform:uppercase; margin:0 0 8px; cursor:pointer; transition:background .35s var(--an-ease),border-radius .35s var(--an-ease),padding .35s var(--an-ease); }
.dsc-submit > span:last-child { position:absolute; right:1em; width:.6em; height:.6em; background:currentColor; clip-path:polygon(0 0,100% 50%,0 100%); }
.dsc-submit:focus-visible { outline:2px solid #ffff8c; outline-offset:3px; border-radius:0; }
@media(hover:hover) and (pointer:fine) {
 .dsc-submit:not(:disabled):is(:hover,:focus-visible) { border-radius:0; padding-left:calc(1em + 8px + .6em); padding-right:1em; }
 .dsc-submit:not(:disabled):is(:hover,:focus-visible) > span:last-child { animation:an-contact-arrow-in .35s ease-out forwards; }
 .dsc-submit.has-interacted:not(:hover):not(:focus-visible) > span:last-child { animation:an-contact-arrow-out .35s ease-out forwards; }
}
.dsc-submit:disabled { opacity:.5; cursor:wait; }
.dsc-consent { display:flex; align-items:flex-start; gap:8px; color:#fff; font-size:12px; line-height:1.5; cursor:pointer; }
.dsc-consent input { width:14px; height:14px; flex-shrink:0; margin:2px 0 0; accent-color:#ffff8c; }
.dsc-consent a { text-decoration:underline; text-underline-offset:2px; }
.dsc-error { font-size:12px; line-height:1.5; margin-top:8px!important; color:#ff9d9d; }
.an-contact-page .dsc-form [aria-invalid="true"],.an-contact-page .dsc-form [aria-invalid="true"]:focus { outline:1px solid #ff9d9d; outline-offset:0; }
.dsc-status { font-size:14px; margin-top:12px; }
.dsc-status.is-error { color:#ff9d9d; }
.dsc-status:empty { display:none; }
.dsc-success { padding:20px 0; }
.dsc-success h2 { font-size:var(--an-h2); margin-bottom:16px; }
.dsc-success p { color:#bfc1b5; }
.dsc-success a { display:inline-block; margin-top:24px; text-decoration:underline; }
.dsc-form[hidden], .dsc-success[hidden], .dsc-file-pill[hidden], .dsc-error[hidden] { display:none!important; }
body:has(.an-contact-success[open]) { overflow:hidden; }
dialog.an-contact-success { color-scheme:light; background:transparent; border:0; width:100%; max-width:100%; height:100%; max-height:100%; padding:var(--an-gutter); margin:auto; outline:none; overflow-y:auto; opacity:0; transition:opacity .3s ease-out,overlay .3s allow-discrete,display .3s allow-discrete; }
dialog.an-contact-success[open] { display:flex; align-items:center; justify-content:center; opacity:1; }
.an-contact-success::backdrop { background:rgb(0 0 0 / .8); backdrop-filter:blur(4px); opacity:0; transition:opacity .3s ease-out,overlay .3s allow-discrete,display .3s allow-discrete; }
.an-contact-success[open]::backdrop { opacity:1; }
.an-contact-success__content { position:relative; width:100%; max-width:700px; margin:auto; padding:var(--an-gap); background:#fff; color:#000; transform:translateY(8px); transition:transform .3s ease-out; }
.an-contact-success[open] .an-contact-success__content { transform:translateY(0); }
.an-contact-success__content h2 { max-width:90%; margin:0; font:500 var(--an-hero-heading)/1.11 var(--an-sans,"Helvetica Neue",Arial,sans-serif); letter-spacing:-.04em; }
.an-contact-success__content p { max-width:38ch; color:#77786d; font-size:var(--an-medium); line-height:1.45; margin-top:16px; }
.an-contact-success__content a { margin-top:120px; color:#000; font:500 var(--an-small)/1.2 var(--an-mono); text-transform:uppercase; }
.an-contact-success__close { position:absolute; top:16px; right:16px; display:grid; place-items:center; padding:0; width:24px; height:24px; background:transparent; border:0; color:#000; font:400 28px/1 var(--an-sans,"Helvetica Neue",Arial,sans-serif); cursor:pointer; transition:opacity .25s ease; }
.dsc-complete { color:#c1c2bc; font-size:var(--an-medium); line-height:1.45; }
.an-contact-success__close:is(:hover,:focus-visible) { opacity:.6; }
@starting-style { dialog.an-contact-success[open],.an-contact-success[open]::backdrop { opacity:0; } .an-contact-success[open] .an-contact-success__content { transform:translateY(8px); } }
.dsc-sr,.vm-brief-honeypot { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.an-contact-clients { grid-column:1/-1; min-width:0; margin-top:var(--an-space-lg); border-top:1px solid #42433d; padding-top:var(--an-gap); }
.an-contact-clients h2 { color:#77786d; font:400 var(--an-medium)/1 var(--an-mono); letter-spacing:0; }
.an-contact-clients .client-marquee { margin-top:var(--an-space-md); }
.an-contact-clients .an-logos img { filter:brightness(0) invert(1); }
.an-contact-page .an-footer { padding-top:var(--an-space-2xl); border:0; }
.an-contact-page .an-footer__bottom { padding-top:0; }
@keyframes an-contact-gradient { from {background-position:0 50%;} to {background-position:-300% 50%;} }
@keyframes an-contact-arrow-in { 0% { right:1em; left:auto; clip-path:polygon(0 0,100% 50%,0 100%); } 40% { right:1em; left:auto; clip-path:polygon(100% 50%,100% 50%,100% 50%); } 41% { right:auto; left:1em; clip-path:polygon(0 50%,0 50%,0 50%); } 100% { right:auto; left:1em; clip-path:polygon(0 0,100% 50%,0 100%); } }
@keyframes an-contact-arrow-out { 0% { left:1em; right:auto; clip-path:polygon(0 0,100% 50%,0 100%); } 40% { left:1em; right:auto; clip-path:polygon(100% 50%,100% 50%,100% 50%); } 41% { left:auto; right:1em; clip-path:polygon(0 50%,0 50%,0 50%); } 100% { left:auto; right:1em; clip-path:polygon(0 0,100% 50%,0 100%); } }
@media(max-width:991px) {
 .an-contact-intro { grid-column:1/-1; }
 .an-contact-content { grid-column:1/-1; }
}
@media(max-width:767px) { .dsc-identity { grid-template-columns:minmax(0,1fr); gap:16px; } }
@media(max-width:575px) {
 .an-contact-hero { min-height:40vh; }
 .an-contact-hero h1 { font-size:var(--an-display-2); }
 .an-contact-row, .an-contact-form__heading { flex-direction:column; align-items:flex-start; }
 .dsc-form { grid-template-columns:minmax(0,1fr); }
 .dsc-input-field input,.dsc-comment textarea,.dsc-select select { font-size:16px; }
 .an-contact-page .an-header.is-scrolled { background:#fff; color:#000; backdrop-filter:none; }
 .an-contact-page .an-header.is-scrolled > .an-brand { color:#000; }
 .an-contact-page .an-header.is-scrolled .an-header__right { background:transparent; padding:0; }
}
@media(prefers-reduced-motion:reduce) {
 .an-contact-form__heading { animation:none; }
 .an-contact-form__indicator,.an-contact-chip,.dsc-product-text,.dsc-submit,.an-contact-success,.an-contact-success::backdrop,.an-contact-success__content { transition:none!important; }
 .dsc-submit > span:last-child { animation:none!important; }
}

.dsc-upload-hint { margin:12px 0; font-size:13px; line-height:1.6; }
[data-file-summary]:empty { display:none; }
[data-file-list] { min-width:0; }
