.contact-page{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent)12%,transparent),transparent 30%),linear-gradient(180deg,var(--background)0%,color-mix(in srgb,var(--background)88%,#000 12%)100%);min-height:100vh}.contact-hero{padding:2.25rem 0 1.25rem;position:relative}.contact-hero .container,.contact-form-section .container{z-index:1;position:relative}.contactHeroIntro{grid-template-rows:1.15fr .85fr;align-items:end;margin-bottom:1.4rem;display:grid}.contact-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .6rem;font-size:.8rem;font-weight:700}.contact-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,5vw,4rem);line-height:.98}.contactHeroLead{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.15}.contact-info-grid{grid-template-columns:repeat(4,1fr);gap:.9rem;display:grid}.contact-info-card{border:1px solid color-mix(in srgb,var(--accent)12%,var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--card)96%,white 4%);box-shadow:var(--shadow-sm);grid-template-columns:46px 1fr;align-items:center;gap:.85rem;padding:1rem;display:grid}.contactInfoCardIcon{background:color-mix(in srgb,var(--accent)12%,transparent);width:46px;height:46px;color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent)20%,transparent);border-radius:999px;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.contactInfoCardBody{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.contact-info-card h2{margin:0 0 .3rem;font-size:1rem;line-height:1.15}.contact-info-card p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.55}.contact-info-card a{color:inherit;text-decoration:none}.contact-info-card a:hover{color:var(--text)}.contact-form-section{padding:.75rem 0 3.25rem;position:relative}.contact-form-wrap{border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 2px);background:color-mix(in srgb,var(--card)96%,white 4%);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.contactPageOrder .contact-form-wrap:before{content:"";pointer-events:none;background:url(/images/packaging-aside.png) 50%/cover no-repeat;width:46%;position:absolute;inset:0 auto 0 0}.contactPageOrder .contact-form-wrap:after{content:"";background:linear-gradient(90deg,transparent 0%,transparent 28%,color-mix(in srgb,var(--card)56%,transparent)39%,color-mix(in srgb,var(--card)90%,transparent)50%,color-mix(in srgb,var(--card)98%,white 2%)62%);pointer-events:none;position:absolute;inset:0}.contactPageOrder .contact-form-card{z-index:1;background:color-mix(in srgb,var(--card)88%,transparent);border-left:1px solid color-mix(in srgb,var(--border)52%,transparent);max-width:720px;box-shadow:-24px 0 36px color-mix(in srgb,var(--card)52%,transparent);margin-left:auto;padding:1.35rem;position:relative}.contactFormCardHeader{margin-bottom:1.1rem}.contactFormCardHeader h2{margin:0 0 .45rem;font-size:1.25rem;line-height:1.1}.contactFormCardHeader p{color:var(--text-muted);margin:0;line-height:1.65}.contact-form{gap:.95rem;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-field{gap:.45rem;display:grid}.form-field label{color:var(--text);font-size:.9rem;font-weight:600}.form-field label span{color:var(--text-muted);font-weight:500}.form-field input,.form-field textarea{border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);border-radius:var(--radius-md);font:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);padding:.85rem .9rem}.form-field input::placeholder,.form-field textarea::placeholder{color:color-mix(in srgb,var(--text-muted)88%,white 12%)}.form-field input:focus,.form-field textarea:focus{border-color:color-mix(in srgb,var(--accent)45%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent)10%,transparent);outline:none}.form-field textarea{resize:vertical;min-height:150px}.form-message{border-radius:var(--radius-md);border:1px solid #0000;padding:.8rem .9rem;font-size:.95rem;line-height:1.55}.form-message--error{background:color-mix(in srgb,var(--error)10%,transparent);border-color:color-mix(in srgb,var(--error)28%,var(--border));color:var(--error)}.form-message--success{background:color-mix(in srgb,var(--accent)10%,transparent);border-color:color-mix(in srgb,var(--accent)22%,var(--border));color:var(--text)}.contactPageOrder .form-actions{justify-content:flex-end;margin-top:.15rem;display:flex}.contact-button{border-radius:var(--radius-md);background:var(--accent);color:#fff;min-height:46px;font:inherit;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 8px 20px color-mix(in srgb,var(--accent)18%,transparent);border:1px solid #0000;justify-content:center;align-items:center;padding:.8rem 1.2rem;font-weight:700;display:inline-flex}.contact-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.contact-button:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width:1100px){.contact-info-grid{grid-template-columns:repeat(2,1fr)}.contactPageOrder .contact-form-wrap:before{opacity:.18;width:100%;-webkit-mask-image:linear-gradient(#000 0%,#0000 72%);mask-image:linear-gradient(#000 0%,#0000 72%)}.contactPageOrder .contact-form-wrap:after{background:color-mix(in srgb,var(--card)86%,transparent)}.contactPageOrder .contact-form-card{max-width:none;box-shadow:none;border-left:0;margin-left:0}}@media (max-width:720px){.contact-hero{padding-top:1.75rem}.contact-info-grid,.form-grid{grid-template-columns:1fr}.contact-info-card{grid-template-columns:42px 1fr}.contactInfoCardIcon{width:42px;height:42px}}@media (max-width:560px){.contactPageOrder .contact-form-card{padding:1rem}.contactPageOrder .contact-form-wrap:before{opacity:.12}.contactPageOrder .form-actions,.contactPageOrder .contact-button{width:100%}}