/*
Theme Name: Ryan Auto Group Gateway
Theme URI: https://ryanautomotive.com/
Author: Ryan Auto Group
Description: A focused gateway page for Ryan Chevrolet and Ryan Honda.
Version: 1.0.0
Text Domain: ryan-auto-group
*/

:root{--ink:#0b0e12;--paper:#fff;--gold:#d5ad48;--red:#cc0000;--soft:rgba(255,255,255,.78);--line:rgba(255,255,255,.24)}
*{box-sizing:border-box}
html{min-height:100%;background:var(--ink)}
body{min-width:320px;min-height:100svh;margin:0;overflow-x:hidden;color:var(--paper);background:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.page{min-height:100svh;position:relative}
.masthead{position:absolute;z-index:10;inset:0;pointer-events:none}
.umbrella{position:absolute;right:clamp(24px,4.5vw,76px);bottom:calc(22px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;pointer-events:auto}
.brand-logo{display:block;width:220px;max-width:38vw;height:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.72))}
.place{position:absolute;top:29px;right:clamp(24px,4.5vw,76px);font-size:.72rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:var(--soft)}
.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:100svh}
.dealer{position:relative;isolation:isolate;display:flex;min-height:100svh;align-items:flex-end;overflow:hidden;padding:clamp(130px,18vh,190px) clamp(24px,4.5vw,76px) clamp(88px,12vh,132px);color:inherit;text-decoration:none}
.dealer::before{position:absolute;z-index:-3;inset:0;background-size:cover;content:"";filter:saturate(.92) contrast(1.04);transform:scale(1.015);transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .6s ease}
.dealer::after{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(5,8,12,.12),rgba(5,8,12,.28) 42%,rgba(5,8,12,.94));content:"";transition:background .45s ease}
.chevrolet::before{background-image:url("chevy.jpg");background-position:28% center}
.honda::before{background-image:url("honda.jpg");background-position:35% center}
.honda{border-left:1px solid var(--line)}
.dealer:hover::before,.dealer:focus-visible::before{filter:saturate(1.04) contrast(1.02);transform:scale(1.065)}
.dealer:hover::after,.dealer:focus-visible::after{background:linear-gradient(180deg,rgba(5,8,12,.06),rgba(5,8,12,.2) 42%,rgba(5,8,12,.9))}
.dealer:focus-visible{outline:3px solid var(--paper);outline-offset:-7px}
.dealer-content{position:relative;max-width:570px}
.overline{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--soft);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.overline::before{width:35px;height:3px;background:var(--gold);content:""}
.honda .overline::before{background:var(--red)}
h1{max-width:7ch;margin:0;font-family:"Barlow Condensed",sans-serif;font-size:clamp(4rem,7.25vw,7.15rem);font-weight:600;letter-spacing:-.035em;line-height:.82;text-transform:uppercase}
.action{display:inline-flex;align-items:center;gap:19px;margin-top:31px;padding:15px 20px;border:1px solid rgba(255,255,255,.64);background:rgba(7,10,14,.18);backdrop-filter:blur(8px);font-size:.84rem;font-weight:600;letter-spacing:.085em;text-transform:uppercase;transition:background .25s,color .25s,transform .25s}
.action::after{font-size:1.25rem;line-height:.75;content:"\2192"}
.dealer:hover .action{color:var(--ink);background:var(--paper);transform:translateY(-2px)}
.trust-line{position:absolute;z-index:10;right:calc(clamp(24px,4.5vw,76px) + 245px);bottom:calc(25px + env(safe-area-inset-bottom));left:clamp(24px,4.5vw,76px);color:rgba(255,255,255,.68);font-size:.7rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;pointer-events:none}
@media(max-width:760px){
  .umbrella{right:18px;bottom:calc(17px + env(safe-area-inset-bottom))}
  .brand-logo{width:125px;max-width:none}
  .place{display:none}
  .choices{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}
  .dealer{min-height:50svh;padding:82px 22px 40px}
  .honda{min-height:50svh;border-top:1px solid var(--line);border-left:0;padding-top:42px;padding-bottom:90px}
  .chevrolet::before{background-position:31% center}
  .honda::before{background-position:30% center}
  h1{font-size:clamp(3.35rem,17vw,5rem)}
  .overline{margin-bottom:11px}
  .action{margin-top:18px;padding:12px 15px}
  .trust-line{right:160px;bottom:calc(18px + env(safe-area-inset-bottom));left:18px;font-size:.58rem;line-height:1.45;letter-spacing:.08em}
}
@media(min-width:761px) and (max-height:520px){
  .dealer{padding:70px 32px 74px}
  h1{font-size:clamp(3.5rem,7vw,5rem)}
  .action{margin-top:18px;padding:12px 16px}
  .brand-logo{width:175px}
  .trust-line{right:225px;font-size:.62rem;line-height:1.35}
  .place{top:20px;right:32px}
  .umbrella{right:32px}
}
@media(prefers-reduced-motion:reduce){.dealer::before,.dealer::after,.action{transition:none}}