.contact-experience{overflow:clip}.contact-hero{position:relative;min-height:calc(100svh - var(--header-h));display:grid;align-items:end;background:#061720;color:#f5f5f0;isolation:isolate}.contact-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(2rem,8vw,9rem);align-items:end;padding-block:clamp(8rem,15vh,12rem) clamp(4rem,9vh,7rem)}.contact-hero h1{font-size:clamp(4.5rem,12vw,11rem);line-height:.78;letter-spacing:-.075em}.contact-hero h1 em{font-style:normal;color:var(--gold)}.contact-hero__grid>div:last-child>p{font-size:clamp(1.25rem,2.3vw,2rem);line-height:1.25}.contact-hero__grid>div:last-child>span{display:block;margin-top:1.5rem;color:#aebbc0}.contact-signal{position:absolute;z-index:0;right:-10vw;top:50%;width:min(62vw,50rem);aspect-ratio:1;transform:translateY(-50%) rotate(var(--contact-signal-r,0deg));opacity:.55}.contact-signal i{position:absolute;inset:calc(var(--signal-ring)*11%);border:1px solid rgba(216,175,50,.22);border-radius:50%}.contact-signal i:nth-child(1){--signal-ring:0}.contact-signal i:nth-child(2){--signal-ring:1}.contact-signal i:nth-child(3){--signal-ring:2}.contact-signal span{position:absolute;left:50%;top:-10%;width:1px;height:120%;background:rgba(216,175,50,.35);transform:rotate(44deg)}.contact-signal b{position:absolute;left:50%;top:50%;font-size:4rem;color:var(--gold);transform:translate(-50%,-50%)}.contact-hero__line{position:absolute;z-index:3;left:2rem;bottom:1.5rem;display:flex;align-items:center;gap:1rem}.contact-hero__line span{width:5rem;height:1px;background:var(--gold)}.contact-hero__line i{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.contact-route{background:var(--surface);border-bottom:1px solid var(--line)}.contact-route>.container{display:grid;grid-template-columns:1fr 3fr;gap:3rem;padding-block:clamp(4rem,8vw,7rem)}.contact-route ol{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.contact-route li{min-height:12rem;padding:1.2rem;display:flex;flex-direction:column;border-right:1px solid var(--line)}.contact-route li:last-child{border-right:0}.contact-route li span{color:var(--gold);font-size:.65rem;letter-spacing:.14em}.contact-route li strong{margin:auto 0 .5rem;font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:500}.contact-route li small{color:var(--muted)}
.contact-layout--conversation{grid-template-columns:minmax(17rem,.75fr) minmax(0,1.8fr);padding-block:clamp(5rem,10vw,10rem)}.contact-channel>a{display:inline-block;color:var(--gold);font-size:clamp(1.2rem,2vw,1.6rem)}.contact-channel>p:last-child{color:var(--muted)}.office-map{margin-top:3rem;border:1px solid var(--line)}.office-map>div{position:relative;height:17rem;overflow:hidden;background:var(--surface)}.office-map>div>i{position:absolute;width:140%;height:1px;background:var(--line);left:-20%;top:var(--map-y);transform:rotate(var(--map-r))}.office-map>div>i:nth-child(1){--map-y:25%;--map-r:18deg}.office-map>div>i:nth-child(2){--map-y:55%;--map-r:-24deg}.office-map>div>i:nth-child(3){--map-y:78%;--map-r:8deg}.office-map>div>span{position:absolute;left:56%;top:45%;display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.office-map>p{display:grid;gap:.35rem;margin:0;padding:1.2rem}.office-map small{color:var(--muted)}
.contact-conversation{padding:0;background:transparent;border:0}.contact-conversation>header{padding:clamp(1.5rem,4vw,3rem);background:var(--surface-2);border:1px solid var(--line)}.contact-conversation h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.9;letter-spacing:-.055em}.form-progress{display:flex;align-items:center;gap:1rem;margin-top:2rem}.form-progress>span{width:min(20rem,70%);height:2px;background:var(--line)}.form-progress i{display:block;width:var(--form-progress,33.33%);height:100%;background:var(--gold);transition:width .35s}.form-progress strong{font-size:.65rem;letter-spacing:.14em}.contact-conversation>.alert{margin:1rem 0}.conversation-group{margin:0;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--line);border-top:0;background:var(--surface);transition:border-color .25s}.conversation-group.is-active{border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}.conversation-group legend{display:flex;gap:1rem;align-items:center;width:auto;margin-bottom:2rem;font-size:clamp(1.4rem,2.5vw,2rem)}.conversation-group legend span{color:var(--gold);font-size:.65rem;letter-spacing:.14em}.contact-conversation label:not(.consent){font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.contact-conversation input:not([type=checkbox]),.contact-conversation select,.contact-conversation textarea{font-size:1rem}.contact-conversation input::placeholder,.contact-conversation textarea::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}.contact-conversation textarea{resize:vertical}.message-count{display:block;margin-top:.5rem;text-align:right;color:var(--muted);font-size:.7rem;font-variant-numeric:tabular-nums}.product-context{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;border-left:2px solid var(--gold);background:var(--surface-2)}.product-context>span{display:grid;place-items:center;width:3.5rem;height:3.5rem;border:1px solid var(--gold);color:var(--gold);font-size:1.2rem}.product-context p{display:grid;margin:0}.product-context small{color:var(--muted)}.conversation-submit{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem 0}.conversation-submit .form-note{max-width:29rem;margin:0}.conversation-submit .form-note i{color:var(--gold);margin-right:.4rem}
@media(max-width:850px){.contact-hero__grid{grid-template-columns:1fr;padding-inline:1.5rem}.contact-signal{right:-55vw;width:130vw;opacity:.28}.contact-route>.container{grid-template-columns:1fr;padding-inline:1.5rem}.contact-layout--conversation{grid-template-columns:1fr;padding-inline:1.5rem}.contact-aside{position:static}}
@media(max-width:560px){.contact-hero{min-height:88svh}.contact-hero h1{font-size:clamp(4rem,20vw,7rem)}.contact-hero__line{display:none}.contact-route ol{grid-template-columns:1fr}.contact-route li{min-height:8rem;border-right:0;border-bottom:1px solid var(--line)}.contact-grid{grid-template-columns:1fr}.conversation-submit{align-items:flex-start;flex-direction:column}.office-map>div{height:13rem}}
@media(prefers-reduced-motion:reduce){.contact-signal{transform:translateY(-50%)!important}.form-progress i{transition:none}}
