:root { --night:#20233c; --mist:#f3f1eb; --coral:#d64f53; --blue:#bcd8e6; font-family:Arial, sans-serif; } * { box-sizing:border-box; } body { margin:0; color:var(--night); background:var(--mist); line-height:1.6; } a { color:inherit; } img { width:100%; height:100%; object-fit:cover; display:block; }
.language-header { display:flex; justify-content:space-between; align-items:center; padding:22px 5vw; border-bottom:1px solid #d6d7dc; }.language-logo { font-weight:900; font-size:1.5rem; letter-spacing:.04em; text-decoration:none; }.language-logo small { display:block; color:var(--coral); font-size:.58rem; letter-spacing:.15em; text-transform:uppercase; }.enquiry-link { border:1px solid var(--night); padding:9px 13px; text-decoration:none; font-weight:bold; }
.conversation-desk { display:grid; grid-template-columns:1fr 1fr; min-height:555px; background:var(--night); color:#fff; }.desk-intro { padding:clamp(55px,8vw,120px) 12%; }.desk-intro p:first-child { color:var(--blue); text-transform:uppercase; font-weight:bold; letter-spacing:.1em; }.desk-intro h1 { font-size:clamp(3rem,5vw,5.5rem); line-height:.95; margin:.2em 0; }.conversation-desk figure { margin:0; position:relative; }.conversation-desk figcaption { position:absolute; bottom:0; left:0; padding:12px 20px; color:var(--night); background:var(--blue); }
.route-selector { padding:95px 7vw; }.route-selector header { max-width:650px; }.route-selector h2 { font-size:3rem; line-height:1; }.route-options { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:45px; }.route-options article { padding:26px; border-top:5px solid var(--coral); background:#fff; }.route-options span { color:var(--coral); font-weight:bold; }.route-options h3 { font-size:1.45rem; }.route-options a { font-weight:bold; }
.tutor-signal { display:grid; grid-template-columns:.85fr 1.15fr; min-height:430px; }.tutor-signal > div { padding:65px 12%; background:var(--blue); }.tutor-signal h2 { font-size:2.6rem; line-height:1.05; }.signal-mark { color:var(--coral); text-transform:uppercase; font-size:.75rem; font-weight:bold; }.classroom-callout { display:flex; align-items:center; gap:60px; margin:90px auto; width:min(1100px,88%); }.classroom-callout img { width:42%; height:300px; }.classroom-callout h2 { font-size:2.3rem; line-height:1.1; }
.language-footer { display:grid; grid-template-columns:1.2fr .7fr 1fr; gap:40px; padding:55px 7vw; color:#fff; background:var(--night); }.language-footer a { display:block; margin:4px 0; }.language-footer address { font-style:normal; }
@media (max-width:760px) { .conversation-desk,.route-options,.tutor-signal,.language-footer { grid-template-columns:1fr; }.route-selector h2 { font-size:2.4rem; }.conversation-desk figure { min-height:340px; }.classroom-callout { display:block; }.classroom-callout img { width:100%; margin-bottom:30px; } }
.learning-log { padding:85px 8vw; color:#fff; background:#44526b; }.learning-log h2 { max-width:600px; font-size:2.8rem; line-height:1; }.learning-log ol { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; padding:0; list-style:none; }.learning-log li { border-top:2px solid #bcd8e6; padding-top:15px; }.learning-log b,.learning-log span { display:block; }.language-questions { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; padding:85px 12vw; }.language-questions h2 { font-size:2.8rem; line-height:1; }.language-questions aside { padding:25px; border:1px solid #c8cad0; }.language-questions ul { padding-left:18px; } @media (max-width:760px) { .learning-log ol,.language-questions { grid-template-columns:1fr; } }
.header { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:22px 6vw; border-bottom:1px solid #d6d7dc; }.logo { font-weight:900; font-size:1.35rem; text-decoration:none; }.logo b { color:var(--coral); }.nav { display:flex; flex-wrap:wrap; gap:16px; font-size:.78rem; font-weight:bold; text-transform:uppercase; }.nav a { text-decoration:none; }.pagehead { padding:75px 9vw 55px; color:#fff; background:#20233c; }.pagehead h1 { font-size:clamp(2.6rem,5vw,5rem); line-height:.95; }.page { width:min(1140px,88%); padding:80px 0; margin:auto; }.story { display:grid; grid-template-columns:1fr 1fr; gap:65px; align-items:center; }.story img { height:410px; }.story h2 { font-size:2.15rem; line-height:1.08; }.footer { padding:55px 7vw; color:#fff; background:#20233c; }.foot { display:grid; grid-template-columns:1.2fr .7fr 1fr; gap:40px; }.foot ul { padding:0; list-style:none; }.foot a { color:#fff; } @media(max-width:760px){.header,.story,.foot{display:block}.nav{margin-top:15px}.story img{margin-bottom:30px}.foot>*{margin:22px 0}}
.head,.tag { color:var(--coral); font:800 .75rem Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }.primary-action { display:inline-block; padding:13px 18px; color:#fff; background:var(--coral); text-decoration:none; font-weight:bold; }