[data-design=coast]{--paper:#f5f7f5;--ink:#153c39;--muted:#65817b;--line:#d9e4de;--accent:#e9e6ca}[data-design=summit]{--paper:#f5f3f0;--ink:#282b2d;--muted:#798082;--line:#d8d9d5;--accent:#d08a55}[data-design=freeway]{--paper:#fff;--ink:#1b342f;--muted:#6d8378;--line:#dce5de;--accent:#3c7155}.photo-stage{position:absolute;inset:0;overflow:hidden}.photo-stage img,.photo-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.photo-stage img{object-fit:cover}.photo-stage canvas{pointer-events:none;z-index:1}.photo-shade{position:absolute;inset:0;pointer-events:none;z-index:2}.photo-hero .hero-copy{z-index:3}.traffic-controls{position:absolute;bottom:100px;right:6%;z-index:4;text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:9px}.traffic-controls>div{display:flex;gap:8px}.traffic-controls button{border:1px solid #ffffff66;border-radius:4px;background:#112b29a6;backdrop-filter:blur(14px);color:#fff;padding:11px 17px;font-size:12px;min-height:40px}.traffic-controls small{font-size:11px;color:#e6efeb}.traffic-status{font-size:12px;max-width:250px;color:#fff;line-height:1.6}.traffic-status:empty{display:none}.photo-bottom{position:absolute;bottom:27px;left:6%;right:6%;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff4a;padding-top:20px;color:#f4f4ef}.photo-bottom>span{font-size:11px;letter-spacing:1.6px}.photo-bottom p{font-size:12px;line-height:1.6;text-align:right}.photo-credits{font-size:11px;line-height:1.8;color:var(--muted);padding:20px 6%;border-top:1px solid var(--line);max-width:100%}.photo-credits a{text-decoration:underline}.photo-hero .hero-copy{pointer-events:none}.photo-hero .hero-copy a{pointer-events:auto}
/* Coastline: photography as the whole first chapter. */
[data-design=coast] .site-nav{color:#fff;background:linear-gradient(#153c3977,transparent)}[data-design=coast] .logo span{color:#edeaca}[data-design=coast] .photo-hero{min-height:930px;max-height:1100px;align-items:flex-start;padding-top:175px;color:#fff}[data-design=coast] .photo-stage img{object-position:68% center}[data-design=coast] .photo-shade{background:linear-gradient(180deg,#0d3d4899,transparent 58%,#07262265),linear-gradient(90deg,#123c4399,transparent 67%)}[data-design=coast] .hero-copy{width:74%;max-width:990px}[data-design=coast] .hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(68px,7.3vw,114px);letter-spacing:-4.5px;line-height:.99}[data-design=coast] .hero h1 em{color:#f4eee0;font-style:italic}[data-design=coast] .hero-lead{color:#e2eee9;font-size:17px;max-width:345px;margin-top:27px}[data-design=coast] .button{background:#e9e6ca;color:#264640;border-radius:2px}[data-design=coast] .fact-row{background:#e8eee9;--line:#cad9d1}[data-design=coast] .inside{grid-template-columns:1fr 1.25fr}[data-design=coast] .section-intro h2,[data-design=coast] .availability h2{font-family:Georgia,serif;letter-spacing:-1.8px}[data-design=coast] .section-intro .kicker{color:#4c786b}[data-design=coast] .games-section{background:#173f38;color:#f4f5eb;--muted:#a8c2b2;--line:#446257;--accent:#e3e4c1}[data-design=coast] #game-detail{background:#245044;color:#f4f5eb;border-color:#446257}[data-design=coast] .game-selector [aria-selected=true]{color:#193e34}[data-design=coast] .game-skills li{background:#3c6454}[data-design=coast] .progress-section{background:#edf1e9}[data-design=coast] .state-track>span{background:#5d8471}[data-design=coast] .availability{background:#173f38;color:#f2f2de}[data-design=coast] .availability .button{color:#193e34}
/* Open Road: generous sky, dark typography, desert warmth. */
[data-design=summit] .site-nav{color:#fff;background:linear-gradient(#1531336b,transparent)}[data-design=summit] .logo span{color:#ffcba0}[data-design=summit] .photo-hero{min-height:970px;color:#fff;align-items:flex-start;padding-top:165px}[data-design=summit] .photo-stage img{object-position:57% center}[data-design=summit] .photo-shade{background:linear-gradient(180deg,#072e38a8,transparent 63%,#2c25194d),linear-gradient(90deg,#1b252980,transparent 65%)}[data-design=summit] .hero-copy{width:75%;max-width:1070px}[data-design=summit] .hero h1{font-weight:700;font-size:clamp(63px,6.7vw,101px);letter-spacing:-4.6px;line-height:1.04}[data-design=summit] .hero h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#f9d6b4}[data-design=summit] .hero-lead{max-width:320px;color:#e5edf0;font-size:17px}[data-design=summit] .button{background:#eed8b9;color:#372a20;border-radius:100px}[data-design=summit] .traffic-controls button{background:#342c26b8;border-radius:100px}[data-design=summit] .games-section{background:#272928;color:#f5ede1;--line:#51514b;--muted:#b7b6a8;--accent:#eed8b9}[data-design=summit] #game-detail{background:#393a35;border-color:#57574d}[data-design=summit] .game-selector [aria-selected=true]{color:#393a35}[data-design=summit] .game-skills li{background:#515146}[data-design=summit] .inside{display:block;background:#ede6db}[data-design=summit] .inside .section-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-items:end}[data-design=summit] .inside .kicker{grid-column:1/-1}[data-design=summit] .feature-layout{grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}[data-design=summit] .feature-layout article{border-top:1px solid #bfb4a2}[data-design=summit] .language-section{background:#ede6db}[data-design=summit] .state-track>span{background:#b2835a}[data-design=summit] .availability{background:#2b2d2b;color:#f3e7d5}[data-design=summit] .availability .button{background:#eed8b9}
/* Evergreen: a clear product page with a real, living road beside it. */
[data-design=freeway] .site-nav{position:relative;border-bottom:1px solid #e2e9e4;height:95px}[data-design=freeway] .hero{min-height:810px;height:calc(100svh - 95px);max-height:1000px;padding-top:100px;padding-bottom:150px;background:#fff;align-items:center}[data-design=freeway] .photo-stage{left:47%;right:4%;top:45px;bottom:95px;border-radius:8px}[data-design=freeway] .photo-stage img{object-position:64% center}[data-design=freeway] .photo-shade{display:none}[data-design=freeway] .hero-copy{width:43%;max-width:640px}[data-design=freeway] .hero h1{font-size:clamp(56px,5.1vw,78px);line-height:1.06;font-weight:500;letter-spacing:-3.8px}[data-design=freeway] .hero h1 em{color:#629070}[data-design=freeway] .hero-lead{font-size:17px;max-width:320px;color:#6d8279}[data-design=freeway] .button{background:#3c7155;color:#fff;border-radius:5px}[data-design=freeway] .hero-actions{gap:22px}[data-design=freeway] .traffic-controls{bottom:130px;right:6%}[data-design=freeway] .traffic-controls button{background:#153b2ee0;border-radius:5px}[data-design=freeway] .photo-bottom{bottom:25px;color:#71917e;border-color:#d9e5dc}[data-design=freeway] .inside{background:#f2f6f2}[data-design=freeway] .state-example{background:#eef4ee;border:0}[data-design=freeway] .practice-section{background:#e9f1e9}[data-design=freeway] .language-section{background:#f4f7f4}[data-design=freeway] .availability{background:#3c7155;color:#f4f8f4}[data-design=freeway] .availability .button{background:#f1f3e4;color:#345b43}
/* Photo collection */
[data-design=photo-collection]{background:#f7f7f3;--accent:#426e57}[data-design=photo-collection] .site-nav{position:relative;border-bottom:1px solid #dce4dc}[data-design=photo-collection] .site-nav>span{font-size:11px;letter-spacing:1px}.photo-collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}.photo-design-card{background:#fff;border:1px solid #dce4dc;border-radius:10px;overflow:hidden}.photo-design-card>div{height:250px;position:relative;overflow:hidden}.photo-design-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.photo-design-card:hover img{transform:scale(1.04)}.photo-design-card>div>span{position:absolute;bottom:18px;left:22px;color:#fff;font-size:10px;letter-spacing:1px;background:#173b2dbb;padding:6px 8px;border-radius:3px}.photo-design-card>section{padding:27px}.photo-design-card h2{font-size:36px;letter-spacing:-1.6px}.photo-design-card p{font-size:16px;line-height:1.8;color:#7a8e80;margin:20px 0}.photo-design-card strong{font-size:14px;color:#385b45}.collection .collection-note{font-size:12px!important;margin-top:25px}
@media(max-width:1100px){[data-design=coast] .hero h1{font-size:84px}[data-design=summit] .hero h1{font-size:76px}[data-design=freeway] .hero h1{font-size:63px;letter-spacing:-3px}[data-design=summit] .feature-layout{grid-template-columns:repeat(2,1fr)}[data-design=freeway] .hero-actions{gap:18px}.photo-collection-grid{gap:16px}.photo-design-card>section{padding:23px}}
@media(max-width:760px){[data-design=coast] .photo-hero,[data-design=summit] .photo-hero{padding:127px 6% 600px;min-height:1100px;height:auto;max-height:none;display:block;background:#143b42}[data-design=coast] .photo-stage,[data-design=summit] .photo-stage{top:445px;bottom:0}[data-design=coast] .photo-stage img{object-position:68% center}[data-design=summit] .photo-stage img{object-position:57% center}[data-design=coast] .photo-shade{background:linear-gradient(180deg,#143b42 0%,#143b42 36%,#143b4277 53%,transparent 67%,#092d324d 100%)}[data-design=summit] .photo-hero{background:#122f36}[data-design=summit] .photo-shade{background:linear-gradient(180deg,#122f36 0%,#122f36 34%,#122f3677 51%,transparent 65%,#2c24194d 100%)}[data-design=coast] .hero-copy,[data-design=summit] .hero-copy{width:100%;max-width:100%}[data-design=coast] .hero h1{font-size:clamp(49px,12vw,75px);letter-spacing:-2.5px}[data-design=summit] .hero h1{font-size:clamp(46px,11.5vw,70px);letter-spacing:-2.5px}[data-design=coast] .hero-lead,[data-design=summit] .hero-lead{font-size:16px;max-width:100%;line-height:1.7}.traffic-controls{left:6%;right:6%;bottom:106px;align-items:flex-start;text-align:left}.traffic-controls button{padding:11px 15px;font-size:11px}.traffic-controls small{font-size:10px}.photo-bottom{bottom:22px;gap:18px;padding-top:18px}.photo-bottom>span{font-size:9px;letter-spacing:1px}.photo-bottom p{font-size:11px;max-width:155px}[data-design=summit] .inside .section-intro{display:block}[data-design=summit] .feature-layout{grid-template-columns:1fr;gap:25px}[data-design=freeway] .site-nav{height:90px}[data-design=freeway] .hero{height:auto;min-height:1050px;padding:55px 6% 640px;display:block}[data-design=freeway] .hero-copy{width:100%;max-width:100%}[data-design=freeway] .hero h1{font-size:clamp(46px,11.5vw,70px);letter-spacing:-2.5px}[data-design=freeway] .hero-lead{font-size:16px;max-width:100%}[data-design=freeway] .photo-stage{top:425px;bottom:95px;left:6%;right:6%;border-radius:7px}[data-design=freeway] .traffic-controls{left:10%;right:10%;bottom:123px}[data-design=freeway] .photo-bottom{bottom:23px}.photo-collection-grid{grid-template-columns:1fr;gap:25px}.photo-design-card>div{height:255px}.photo-design-card>section{padding:25px}.photo-design-card h2{font-size:39px}[data-design=photo-collection] .site-nav>span{max-width:145px;text-align:right;font-size:10px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.photo-design-card img{transition:none}}