/* Transactional pages retain clarity; depth is tied to a brief or identity,
   rather than repeating the arcade, terminal or engineering compositions. */
.contact-stage { --text:#f2f7f2; --muted:#c6dce0; --accent-text:#8de2ed; --surface:#1b3e47; --surface-raised:#2b5360; --line:#668a92; position:relative; isolation:isolate; padding:70px var(--page-pad) 80px; color:var(--text); overflow:hidden; background:radial-gradient(ellipse at 8% 35%,#b97c4745,transparent 56%),radial-gradient(ellipse at 93% 24%,#257f9145,transparent 58%),linear-gradient(125deg,#3c2e29 0%,#1c3f43 55%,#184957 100%); border-bottom:1px solid var(--line); }
.contact-stage::before { content:''; position:absolute; inset:0; z-index:-1; opacity:.4; background:repeating-linear-gradient(0deg,transparent 0 79px,#608f991c 79px 80px),repeating-linear-gradient(90deg,transparent 0 79px,#608f991c 79px 80px); mask-image:linear-gradient(90deg,transparent,#000); }
.contact-stage-inner { width:min(1320px,100%); margin-inline:auto; display:grid; grid-template-columns:1.04fr 1fr; gap:clamp(35px,6vw,90px); align-items:center; }
.contact-intro h1 { font:700 clamp(40px,4.3vw,66px)/1.04 var(--heading-font); letter-spacing:-.055em; margin:0; max-width:13ch; text-wrap:balance; }
.contact-intro>p { color:var(--muted); max-width:48ch; font-size:17px; line-height:1.8; margin:24px 0; }
.contact-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:30px; }
.contact-actions .ambient-toggle { margin-left:2px; }
.contact-brief { position:relative; min-width:0; margin:16px 15px 25px 10px; padding:30px; color:#263b40; background:#faf1df; border:1px solid #b3a58e; border-top:5px solid #bd642d; box-shadow:0 24px 45px #163d482b,5px 6px 0 #d6c7ac; transform:rotate(-1.5deg); }
.contact-brief::before { content:''; position:absolute; inset:24px -12px -20px 15px; z-index:-1; border:1px solid #73949a; background:transparent; transform:rotate(4deg); box-shadow:6px 6px 0 #b8d4d5,0 17px 30px #102a3629; }
.contact-brief::after { content:''; position:absolute; top:24px; right:24px; width:44px; height:44px; border:2px solid #b36a3f; border-radius:50%; opacity:.65; background:repeating-linear-gradient(-45deg,transparent 0 5px,#b36a3f 5px 6px); mask-image:radial-gradient(circle,transparent 45%,#000 47%); }
.brief-register { display:block; color:#7b4f2c; font:700 10px/1.5 ui-monospace,monospace; letter-spacing:.13em; margin:0 56px 20px 0; }
.contact-brief h3 { font:700 28px/1.15 var(--heading-font); letter-spacing:-.035em; margin:0 0 16px; }
.contact-brief>p { font-size:14px; line-height:1.7; color:#52646a; margin:0 0 22px; }
.contact-brief .summary-list { display:grid; gap:0; }
.contact-brief .summary-item { padding:14px 0 14px 24px; border-top:1px solid #afa28b; position:relative; }
.contact-brief .summary-item::before { content:''; position:absolute; left:0; top:20px; width:10px; height:10px; border:1.5px solid #527479; box-shadow:2px 2px 0 #d8cfb9; }
.contact-brief .summary-item strong { display:block; color:#243d45; font-size:12px; font-weight:700; margin-bottom:5px; }
.contact-brief .summary-item span { display:block; color:#52646a; font-size:12px; line-height:1.65; }
.brief-signal { position:absolute; left:0; bottom:-23px; right:0; height:3px; overflow:hidden; }
.brief-signal::after { content:''; display:block; width:35%; height:100%; background:#087a96; animation:brief-transmission 4s linear infinite paused; }
html[data-circuit-motion=running] .contact-stage[data-motion-active=true] .brief-signal::after { animation-play-state:running; }
@keyframes brief-transmission { from { transform:translateX(-110%); } to { transform:translateX(320%); } }
body[data-page=contact] .contact-section .form-card { position:relative; border-top:4px solid var(--accent); box-shadow:0 20px 45px #102a361f,8px 8px 0 var(--surface-raised); background:linear-gradient(150deg,var(--surface),var(--bg)); }
body[data-page=contact] .contact-section .info-card { padding:26px; border:1px solid var(--line); border-left:3px solid var(--accent-text); background:var(--surface); box-shadow:0 12px 25px #102a3610; }
body[data-page=profile] .information-profile .an-profile-hero { position:relative; isolation:isolate; overflow:hidden; padding:40px; background:radial-gradient(ellipse at 100% 0,#18bce527,transparent 65%),linear-gradient(135deg,var(--surface),var(--surface-raised)); box-shadow:0 18px 38px #102a361f,6px 6px 0 var(--surface-raised); }
body[data-page=profile] .information-profile .an-profile-hero::after { content:''; position:absolute; z-index:-1; right:-45px; top:-65px; width:260px; height:260px; border:1px solid var(--line); border-radius:50%; box-shadow:0 0 0 24px #18bce511,0 0 0 25px var(--line),0 0 0 58px #18bce509; }
@media(max-width:850px) { .contact-stage-inner { grid-template-columns:minmax(0,1fr); gap:35px; } .contact-intro h1 { max-width:18ch; } .contact-brief { width:min(580px,calc(100% - 28px)); margin-inline:auto; } }
@media(max-width:600px) { .contact-stage { padding:40px 20px 48px; } .contact-intro h1 { font-size:40px; } .contact-intro>p { font-size:15px; line-height:1.7; } .contact-actions { gap:12px; margin-top:23px; } .contact-actions .btn { padding-inline:17px; } .contact-brief { padding:23px 20px; margin-block:5px 22px; transform:rotate(-.8deg); } .contact-brief h3 { font-size:25px; } .contact-brief>p { font-size:13px; } body[data-page=contact] .contact-section .info-card { padding:22px 20px; } body[data-page=profile] .information-profile .an-profile-hero { padding:28px 22px; } }
@media(prefers-reduced-motion:reduce) { .brief-signal::after { animation:none; transform:translateX(95%); } }