/* Contact: a molten crest, with a clean glass surface for the inquiry. */
#contact{position:relative;isolation:isolate;background:radial-gradient(ellipse at 15% 40%,#b5450f12,transparent 42%),linear-gradient(130deg,#0b151c,#071017 60%,#101c23);border-top:1px solid #e4a56844}
#contact .contact-grid{gap:65px;align-items:start;padding-top:100px;padding-bottom:100px}
#contact .contact-grid>div:first-child{position:sticky;top:80px}
#contact h2{font-size:clamp(39px,4.6vw,66px);line-height:1.05;letter-spacing:-.04em}
#contact h2 em{background:linear-gradient(115deg,#fff0d1,#f6b16b 40%,#ff6d20);background-clip:text;color:transparent}
#contact .contact-grid>div>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#aebfc7;max-width:430px}
.contact-crest{height:290px;width:min(100%,380px);position:relative;margin:22px 0 0;transform:perspective(700px) rotateY(var(--crest-turn,0deg));transition:transform .5s}
.contact-molten-crest{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}
.crest-caption{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8px;letter-spacing:.23em;color:#d5b78f;white-space:nowrap}
#contact .contact-mark{margin-top:0;font-size:20px;letter-spacing:.08em;color:#d6dfda;opacity:.85}
#contact .contact-mark span{font-size:7px;color:#9badaf;letter-spacing:.3em;margin-top:9px}
#inquiry{position:relative;isolation:isolate;padding:35px;border:1px solid #ac895d66;background:linear-gradient(145deg,#21313bd9,#0e1b24f5 65%);border-radius:12px;box-shadow:inset 0 1px #eddbba22,0 30px 80px #0008;overflow:hidden}
#inquiry:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 100% 0,#e9963220,transparent 50%)}
#inquiry:after{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#ff8b2d,#ffe2a7,#ff7926,transparent);background-size:200% 100%;animation:contact-heat 8s ease-in-out infinite;box-shadow:0 0 18px #ff9f4b44;pointer-events:none}
#inquiry .inquiry-progress{border-color:#d5b17f33;padding-bottom:24px;margin-bottom:26px}
#inquiry .inquiry-progress .is-current{color:#ffd39b}
#inquiry .guide-heading{font-size:32px;letter-spacing:-.025em;color:#e3e9e4}
#inquiry .guide-caption{font-size:12px;line-height:1.85;color:#a9bac4}
#inquiry .direction-options{gap:10px}
#inquiry .direction-option{position:relative;overflow:hidden;background:linear-gradient(135deg,#29353b88,#0c1b24);border:1px solid #9ca79a33;border-radius:6px;padding:20px 16px;transition:border-color .35s,box-shadow .35s,transform .35s}
#inquiry .direction-option strong{font-size:13px;color:#d9e1dc}
#inquiry .direction-option small{font-size:10px;line-height:1.75;color:#9eb0ba}
#inquiry .direction-option>span{color:#d09b60}
#inquiry .direction-option:hover{border-color:#edb06b99;transform:translateY(-2px);box-shadow:0 8px 20px #0004}
#inquiry .direction-option[aria-pressed=true]{background:linear-gradient(135deg,#a45c202e,#13242e);border-color:#ffc284;box-shadow:inset 0 1px #ffd5a144,0 0 25px #ff902818}
#inquiry .direction-option[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#ffbd78,transparent);box-shadow:0 0 9px #ff881d}
#inquiry .direction-context{border:1px solid #bc8b5144;border-left:2px solid #ffae5f;border-radius:0 6px 6px 0;background:#09172188;padding:16px}
#inquiry .direction-context strong{font-size:12px;color:#edc294}
#inquiry .direction-context p{font-size:11px;line-height:1.8;color:#aebbc2}
#inquiry label{font-size:11px;color:#bfc9c9}
#inquiry input,#inquiry textarea,#inquiry select{background:#07131ce0;border:1px solid #8c9f9d3b;border-radius:5px;color:#e2e9e5;padding:14px;transition:border-color .25s,box-shadow .25s}
#inquiry input:focus,#inquiry textarea:focus,#inquiry select:focus{outline:none;border-color:#f8ae65;box-shadow:0 0 0 3px #ff9d3b12,0 0 20px #ff852309}
#inquiry>.button{border-radius:5px;background:linear-gradient(110deg,#ffd296,#ff9a38 45%,#f16b1b);box-shadow:inset 0 1px #ffe6bc88,0 8px 28px #ff751b24;border:1px solid #ffc278;color:#271506;transition:box-shadow .3s,transform .3s}
#inquiry>.button:hover{transform:translateY(-2px);box-shadow:0 8px 35px #ff751b40}
#inquiry .fine,#inquiry .message-hint{color:#899ea8;font-size:10px;line-height:1.8}
#inquiry .brief-status{border-color:#d2ac7433;color:#b7a58e}
@keyframes contact-heat{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:700px){#contact .contact-grid{gap:35px;padding-top:65px;padding-bottom:65px}#contact .contact-grid>div:first-child{position:relative;top:auto}#contact h2{font-size:44px}.contact-crest{height:210px;width:270px;margin:10px auto}#contact .contact-mark{text-align:center;font-size:18px}#inquiry{padding:26px 22px}#inquiry .guide-heading{font-size:30px}#inquiry .direction-option{padding:18px 13px}}
@media(prefers-reduced-motion:reduce){#inquiry:after{animation:none}.contact-crest{transform:none;transition:none}}.motion-paused #inquiry:after{animation-play-state:paused}
/* Molten material behind the glass, with heat concentrated around choices. */
.inquiry-lava-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.9}
#inquiry{background:linear-gradient(145deg,#16242cf0,#0a1721f5);border-color:#df9b5366;box-shadow:inset 0 1px #ffe0b833,0 30px 80px #0008,0 0 40px #ff6a0909}
#inquiry:before{background:linear-gradient(90deg,#0b1721bb,transparent 95%),radial-gradient(ellipse at 80% 15%,#ff7a1815,transparent 55%)}
#inquiry .direction-option{isolation:isolate;border-color:#d58d465e;background:linear-gradient(130deg,#382d244d,#0a1722e8 75%);box-shadow:inset 0 1px #ffd49a18,0 5px 15px #0003}
#inquiry .direction-option:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit;padding:1px;background:conic-gradient(from var(--molten-border-angle),#68401d66 0deg,#6c3a1866 130deg,#ff7627 220deg,#ffe0a0 260deg,#9c491e88 300deg,#68401d66 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:inquiry-choice-flow 9s linear infinite}
#inquiry .direction-option:nth-child(2):before{animation-delay:-2.25s}#inquiry .direction-option:nth-child(3):before{animation-delay:-4.5s}#inquiry .direction-option:nth-child(4):before{animation-delay:-6.75s}
#inquiry .direction-option[aria-pressed=true]{background:radial-gradient(ellipse at 0 100%,#ed6a1345,transparent 80%),linear-gradient(135deg,#5d351b88,#14202c);border-color:#ffbf76;box-shadow:inset 0 1px #ffdcad66,0 0 25px #ff842928,0 8px 24px #0004}
#inquiry .direction-option[aria-pressed=true] strong{color:#ffe8c5}
#inquiry .direction-option[aria-pressed=true]>span{color:#ffd092;text-shadow:0 0 10px #ff8c26}
#inquiry .direction-option:hover{background:radial-gradient(ellipse at 0 100%,#f5782433,transparent 80%),#15232ce8;box-shadow:0 0 25px #ff7b2024}
#inquiry .direction-context{background:linear-gradient(110deg,#101b26ef,#261c16cb);box-shadow:inset 0 1px #ffd59c11}
#inquiry input,#inquiry textarea,#inquiry select{background:#06121bf2;box-shadow:inset 0 2px 7px #0003}
#inquiry>.button{background:linear-gradient(110deg,#ffdf9a,#ff9a35 40%,#f26b15 65%,#ffc677);background-size:220% 100%;animation:inquiry-send-heat 5s ease-in-out infinite;box-shadow:inset 0 1px #fff0c6aa,0 0 19px #ff862b33,0 8px 30px #ff751b25}
@keyframes inquiry-choice-flow{to{--molten-border-angle:360deg}}
@keyframes inquiry-send-heat{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){#inquiry .direction-option:before,#inquiry>.button{animation:none}}.motion-paused #inquiry .direction-option:before,.motion-paused #inquiry>.button{animation-play-state:paused}