/* Approved gallery direction. Presentation only; existing content and learning logic retained. */
:root{--heading-font:"Gabarito",Arial,sans-serif;--body-font:"DM Sans",Arial,sans-serif;--burgundy:#6B2038;--ivory:#F6EFE5;--rose:#D9A3AD;--citron:#D7DF86;--ink:#29242A;--blue:var(--burgundy);--paper:var(--ivory);--line:#dfcbd0;--muted:#715c63}
body,button,input,select,textarea{font-family:var(--body-font)!important}
h1,h2,h3,.story-title,.caption h2,.complete h2,.route-spanish h2,.route-art header h2,.app-story h3,.daily-story h2,.workspace-content h1,.workspace-content h2,.entry-copy h1,.onboard-card h1,.account-content h2{font-family:var(--heading-font)!important;font-weight:900!important;font-style:normal!important;color:var(--burgundy);letter-spacing:-.045em;line-height:1.08}
h1 em,h2 em,h3 em{font:inherit!important;color:inherit!important}
.eyebrow{font-family:var(--body-font)!important;font-weight:600;letter-spacing:.12em;color:var(--burgundy)}
.btn{font-family:var(--body-font)!important;font-weight:700;border-radius:999px;min-height:46px;padding:12px 24px}
.btn.primary{background:var(--citron)!important;border-color:var(--citron)!important;color:var(--burgundy)!important}
.btn.primary:hover{background:var(--rose)!important;border-color:var(--rose)!important}
.text-link{color:var(--burgundy);font-family:var(--body-font)!important}
.conversation-site{background:var(--ivory)!important;color:var(--ink)}
.conversation-site>header{background:var(--ivory)!important;color:var(--ink);max-width:1500px;margin:auto;padding:20px 5%;min-height:112px}
.conversation-site>header .brand-logo{background:var(--burgundy)}
.conversation-site>header nav a,.conversation-site>header .header-signin{color:var(--burgundy)!important}
.conversation-site>header .header-signin{border:1px solid var(--burgundy);border-radius:999px;padding:11px 24px;font-weight:600}
.conversation-site>header .header-signin:hover{background:#eed7dd}
.conversation-site .mobile-menu summary{color:var(--burgundy)}
.conversation-site #home>.hero{display:grid!important;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:18px;max-width:1500px;min-height:0;padding:28px 5% 60px!important;margin:auto;overflow:visible;background:var(--ivory)!important;color:var(--ink)}
.conversation-site .hero-copy{width:auto!important;max-width:none;min-height:0!important;padding:36px 0!important;display:flex;flex-direction:column;justify-content:center}
.conversation-site .hero h1{font-size:clamp(48px,5.35vw,82px)!important;line-height:1.02!important;color:var(--burgundy)!important;letter-spacing:-.055em;margin:0 0 25px;max-width:850px}
.conversation-site .hero-copy>p{font:400 clamp(18px,1.8vw,24px)/1.4 var(--body-font)!important;color:var(--ink)!important;max-width:560px}
.conversation-site .hero .hero-signup{width:100%;max-width:580px;margin-top:28px}
.conversation-site .hero .signup-row{background:transparent;border:0;display:flex;flex-wrap:wrap;gap:10px;padding:0;border-radius:0}
.conversation-site .hero .signup-row input{flex:1 1 220px;min-width:0;border:1px solid #d9c5cc;border-radius:999px;padding:14px 20px;background:#fffcf8;color:var(--ink);min-height:54px}
.conversation-site .hero .signup-row .primary{border-radius:999px;flex:0 1 auto;padding:14px 24px;font-size:17px;min-height:54px}
.conversation-site .hero .signup-status{color:var(--burgundy)!important}
.conversation-site .hero .promise-list{font:400 13px/1.6 var(--body-font);color:var(--ink)!important;margin:14px 0 0;order:0;display:flex;gap:0;flex-wrap:wrap}
.conversation-site .hero .promise-list span:not(:last-child)::after{color:var(--burgundy);margin:0 10px}
.conversation-site .hero .hero-try{color:var(--burgundy)!important;align-self:start;margin-top:15px;font-size:15px}
.conversation-site .hero-visual{position:relative!important;inset:auto!important;width:100%!important;max-width:650px!important;height:auto!important;aspect-ratio:1/1.08!important;margin:0!important;align-self:center}
.conversation-site .hero-visual img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;mask:none!important;-webkit-mask:none!important}
.conversation-site .hero-conversation{top:auto!important;bottom:22%;left:1%!important;width:180px;padding:19px 16px;background:var(--ivory);color:var(--burgundy);border-radius:2px;transform:rotate(-8deg);box-shadow:0 6px 15px #6b203815}
.conversation-site .hero-conversation:after{display:none}
.conversation-site .hero-conversation p{font:700 23px/1.1 var(--heading-font)!important;white-space:normal}
.conversation-site .hero-conversation small{font:400 13px var(--body-font)!important}
.conversation-site .wrap{max-width:1400px;padding:76px 6%}
.conversation-site .wrap h2{font-size:clamp(34px,4vw,58px)!important}
.conversation-site .wrap h3{font-size:clamp(23px,2.5vw,32px);line-height:1.15}
.conversation-site .section-lead,.conversation-site .problem-end{font-family:var(--body-font)!important;color:var(--ink);font-size:20px;line-height:1.55}
.conversation-site .compare-grid{gap:50px;margin:32px 0}
.conversation-site .usual{padding:24px 0}
.conversation-site .usual p{font-family:var(--body-font);color:var(--muted);border-bottom-color:#dfcbd0}
.conversation-site .compare-grid .different{background:#edd5db!important;border:0!important;border-radius:18px;padding:30px!important;transform:rotate(-1deg)}
.conversation-site .different p{font:400 18px/1.5 var(--body-font)!important}
.conversation-site .method-band{background:#eedbe0!important;color:var(--ink);border:0}
.conversation-site .method-band .wrap{padding-top:65px;padding-bottom:65px}
.conversation-site .method-band p{max-width:65ch}
.conversation-site .story-teaser{gap:60px;align-items:center}
.conversation-site .story-teaser figure{background:var(--rose);padding:15px;border-radius:4px;transform:rotate(-2deg);box-shadow:10px 10px 0 var(--citron)}
.conversation-site .story-teaser figure img{max-height:480px;width:100%;object-fit:contain;background:var(--ivory)}
.conversation-site .story-teaser figure figcaption{font-family:var(--body-font);font-size:11px;padding:10px 0 0;color:var(--burgundy)}
.conversation-site .story-teaser p{font-size:18px;line-height:1.65}
.conversation-site .story-teaser small{font-family:var(--body-font);line-height:1.6;color:var(--muted)}
.conversation-site .story-invitation{border-block:1px solid #dfcbd0}
.conversation-site .story-peeks img{max-height:320px;background:#eedbe0;border-radius:12px;padding:12px}
.conversation-site .story-peeks article:nth-child(2) img{background:#edf0cd}
.conversation-site .story-peeks h3{font-family:var(--heading-font)!important;font-weight:700!important}
.conversation-site .newsletter{background:#eedbe0;border:0;border-radius:24px;margin-top:45px;margin-bottom:50px;padding:45px 5%}
.conversation-site .newsletter input{background:#fffcf8;border:1px solid #d9c5cc;border-radius:999px;padding:14px 20px;min-width:0;font-size:16px}
.conversation-site footer{background:var(--ivory);padding:30px 6%;border-top:1px solid #dfcbd0}
.learning-route{gap:24px;grid-template-columns:minmax(240px,.7fr) minmax(0,1.5fr)}
.route-spanish{background:#edd5db;color:var(--ink);border-radius:20px;padding:32px;position:static}
.route-spanish h2{color:var(--burgundy)!important}
.route-spanish h2 span{color:var(--burgundy)}
.route-spanish .eyebrow,.route-spanish small{color:var(--muted)}
.route-spanish dl>div{border-color:#c993a0}
.route-spanish dd,.journey-stats b{font-family:var(--heading-font);font-weight:700;color:var(--burgundy)}
.route-spanish>small{border-color:#c993a0!important}
.route-art{background:#fffcf8;border-radius:20px;padding:32px}
.route-art header h2{font-size:36px!important}
.route-row{border-color:#dfcbd0}
.route-row strong{font-family:var(--heading-font)!important;font-size:20px;font-weight:700;color:var(--burgundy)}
.route-track{background:#ead7dd;border-radius:999px}
.route-track span{background:var(--burgundy);border-radius:999px}
.learning-app .app-nav button span{font-family:var(--body-font)!important;font-weight:600}
.learning-app .app-nav button[aria-current=page]{background:#eedbe0;border-radius:999px}
.learning-app .nav-note,.learning-app .app-welcome-note{font-family:var(--body-font)!important;font-style:normal}
.learning-app .daily-story{border-color:#dfcbd0}
.learning-app .daily-story img,.learning-app .app-story img{border-radius:14px}
.learning-app .app-filters button[aria-pressed=true]{background:var(--burgundy);color:var(--ivory)}
.learning-app .path-summary,.learning-app .review-card,.learning-app .onboard-card{background:#eedbe0;border-color:#dfcbd0;border-radius:18px}
.learning-app .language-item strong,.learning-app .journey-line strong,.notebook-item strong{font-family:var(--heading-font)!important;font-weight:700}
.learning-app .workspace-content h1{font-size:clamp(36px,4vw,58px)}
#learningRoom{background:var(--ivory);color:var(--ink)}
#learningRoom .story{font-family:var(--body-font)!important;font-size:19px;line-height:1.9}
#learningRoom .art-panel,#learningRoom .lesson-panel{border-radius:16px;background:#fffcf8;border-color:#dfcbd0}
#learningRoom .art-frame{background:#eedbe0}
#learningRoom .word{background:#eed7dd;color:var(--burgundy);border-bottom-color:var(--burgundy)}
#learningRoom .glossary-box,#learningRoom .translation{background:#f2e2e7;border-color:var(--rose)}
#learningRoom .tabs button[aria-selected=true]{color:var(--burgundy);border-color:var(--burgundy)}
#learningRoom .card{background:#fffcf8;border-color:#dfcbd0}
#learningRoom .card strong{font-family:var(--heading-font);font-weight:700}
#learningRoom .desk-title,#learningRoom .desk-sentence{font-family:var(--body-font)!important}
.about-site .why-prose p,.about-site .why-prose .why-definition,.about-site .why-prose .why-wander,.about-site .why-prose .why-listen,.about-site .why-prose .why-ending{font-family:var(--body-font)!important}
@media(max-width:1000px){
 .conversation-site #home>.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px}
 .conversation-site .hero h1{font-size:clamp(44px,5.6vw,64px)!important}
 .conversation-site .hero-conversation{width:145px;padding:14px 12px}
 .conversation-site .hero-conversation p{font-size:20px!important}
 .learning-route{grid-template-columns:1fr}
}
@media(max-width:800px){
 .conversation-site>header{padding:16px 6%;min-height:90px}
 .conversation-site #home>.hero{display:flex!important;flex-direction:column;align-items:stretch;padding:20px 6% 35px!important;gap:10px}
 .conversation-site .hero-copy{padding:16px 0!important;width:100%!important}
 .conversation-site .hero h1{font-size:clamp(40px,8vw,60px)!important;line-height:1.04!important;margin-bottom:20px}
 .conversation-site .hero-copy>p{font-size:19px!important;max-width:100%}
 .conversation-site .hero .hero-signup{margin-top:22px;max-width:100%}
 .conversation-site .hero .signup-row{display:grid;grid-template-columns:minmax(0,1fr)}
 .conversation-site .hero .signup-row input,.conversation-site .hero .signup-row .primary{border-radius:999px;min-height:50px;font-size:16px;width:100%}
 .conversation-site .hero .promise-list{font-size:12px;line-height:1.8}
 .conversation-site .hero-visual{aspect-ratio:1.08!important;max-width:480px!important;width:100%!important;margin:0 auto!important;height:auto!important}
 .conversation-site .hero-conversation{width:145px;bottom:19%;left:0!important}
 .conversation-site .wrap{padding:48px 6%}
 .conversation-site .wrap h2{font-size:clamp(32px,7vw,44px)!important}
 .conversation-site .compare-grid{gap:22px;margin:24px 0}
 .conversation-site .compare-grid .different{padding:24px!important}
 .conversation-site .story-teaser{gap:35px}
 .conversation-site .story-teaser figure{max-width:400px;margin:0 auto}
 .conversation-site .newsletter{margin:25px 5%;padding:32px 6%;max-width:90%}
 .route-spanish,.route-art{padding:25px 20px}
 .route-art header h2{font-size:30px!important}
 .learning-app .workspace-content h1{font-size:clamp(34px,7vw,46px)}
}
@media(max-width:400px){
 .conversation-site .hero h1{font-size:39px!important}
 .conversation-site .hero .promise-list span:not(:last-child)::after{margin:0 6px}
 .conversation-site .hero-conversation{width:125px;padding:12px 10px}
 .conversation-site .hero-conversation p{font-size:18px!important}
 .conversation-site .hero-conversation small{font-size:11px!important}
}

/* Single navigation action after removing the Why page. */
.conversation-site>header>.header-signin{margin-left:auto}