/* EAC: a bright, photographic introduction with a clear enquiry path. */ body.eac-coop-page #content.eac-coop { --eac-brand:#f587aa; --eac-brand-hover:#ec6d99; --eac-link:#d94c7d; --eac-ink:#685c65; --eac-text:#685f66; --eac-muted:#756b74; --eac-soft:#fff0f6; --eac-tint:#ffe0ec; --eac-border:#f4d5e2; --eac-canvas:#fff; background:#fff; color:var(--eac-text); max-width:none; } /* Remove the legacy landing-page cap; use the same full-width shell as GB/DM. */ body.eac-coop-page #content.eac-coop:is(.tesolLp,.csLp) { width:100%; max-width:none; margin:0; box-shadow:none; } #content.eac-coop .cb-landing, #content.eac-coop [class^="cb-"] { box-sizing:border-box; font-family:'Zen Kaku Gothic New',sans-serif; } #content.eac-coop .cb-landing { overflow:clip; font-size:16px; line-height:1.9; } #content.eac-coop .cb-wrap { width:min(1120px,calc(100% - 64px)); margin:auto; } #content.eac-coop .cb-section { padding:90px 0; } #content.eac-coop :is(.cb-landing,.vg-guide) [id] { scroll-margin-top:164px; } #content.eac-coop .cb-kicker { margin:0 0 12px; color:#d94c7d; font-size:12px; font-weight:700; letter-spacing:.12em; line-height:1.6; } #content.eac-coop .cb-heading { text-align:center; margin:0 auto 42px; } #content.eac-coop .cb-heading h2 { margin:0 0 18px; font-size:clamp(28px,3.1vw,40px); font-weight:900; line-height:1.6; } #content.eac-coop :is(.cb-landing,.cb-program-hero,.cb-enquiry,.cb-final) em { font-style:normal; color:#e84882; } #content.eac-coop .cb-heading > p:last-child:not(.cb-kicker) { font-size:16px; } #content.eac-coop .cb-small, #content.eac-coop .cb-image-note { font-size:12px; line-height:1.8; color:#756b74; } #content.eac-coop .cb-center { text-align:center; } #content.eac-coop .cb-actions { display:flex; flex-wrap:wrap; flex-direction:column; align-items:flex-start; gap:14px; margin:24px 0 16px; } #content.eac-coop a.cb-button { display:inline-flex; gap:13px; justify-content:center; align-items:center; min-height:64px; max-width:100%; padding:17px 24px; border-radius:50px; background:linear-gradient(110deg,#fa648f,#ee3c7b); color:#fff; font-size:19px; font-weight:900; line-height:1.5; text-align:center; box-shadow:0 7px 0 #fbd5e3,0 13px 25px #f68dad20; text-decoration:none; transition:transform .2s,box-shadow .2s; } #content.eac-coop a.cb-button:hover { transform:translateY(-3px); box-shadow:0 9px 0 #fbd5e3,0 16px 25px #f68dad30; } #content.eac-coop .cb-free { flex-shrink:0; padding:4px 8px; border:1px solid #fff; border-radius:5px; color:#fff; font-size:11px; letter-spacing:.04em; } #content.eac-coop a.cb-line { color:#50846e; font-size:14px; font-weight:700; text-decoration:underline; text-decoration-color:#b4e5d0; text-underline-offset:5px; } #content.eac-coop a.cb-inline { display:inline-block; font-size:14px; color:#d94c7d; font-weight:700; padding:5px 0; text-decoration:underline; text-underline-offset:6px; text-decoration-color:#f5b6cc; } #content.eac-coop a:focus-visible, #content.eac-coop summary:focus-visible { outline:3px solid #51bfd5; outline-offset:5px; } /* Hero: real photos on a sunny pastel background. */ #content.eac-coop .cb-hero { background:radial-gradient(ellipse at 92% 10%,#e3f8ff 0,transparent 52%),radial-gradient(ellipse at 2% 85%,#fff4d7 0,transparent 56%),#fff9fc; padding:36px 0 22px; } #content.eac-coop .cb-hero-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:25px; align-items:center; } #content.eac-coop .cb-hero-copy { padding:30px 0; position:relative; z-index:2; } #content.eac-coop .cb-hero-tag { display:inline-block; padding:6px 17px; border-radius:30px; background:#fff; border:1px solid #f2d4df; color:#d94c7d; font-size:11px; letter-spacing:.14em; font-weight:700; margin:0 0 22px; } #content.eac-coop .cb-pretitle { font-size:19px; font-weight:700; margin:0 0 12px; } #content.eac-coop .cb-hero h1 { font-size:clamp(32px,3.5vw,47px); font-weight:900; line-height:1.6; letter-spacing:.015em; margin:0 0 24px; } #content.eac-coop .cb-hero h1 em { background:linear-gradient(transparent 71%,#fff1ac 71%,#fff1ac 92%,transparent 92%); } #content.eac-coop .cb-lead { font-size:17px; line-height:1.9; } #content.eac-coop .cb-hero-media { position:relative; height:575px; min-width:0; } #content.eac-coop .cb-hero-media figure { position:absolute; border:7px solid #fff; border-radius:24px; box-shadow:0 12px 30px #f28ead18; overflow:hidden; } #content.eac-coop .cb-hero-media img { width:100%; height:100%; object-fit:cover; } #content.eac-coop .cb-hero-media figcaption { position:absolute; bottom:12px; left:12px; padding:3px 10px; font-size:11px; font-weight:700; color:#d94c7d; background:#fff; border-radius:20px; } #content.eac-coop .cb-hero-main { top:36px; left:0; width:65%; height:405px; transform:rotate(-4deg); } #content.eac-coop .cb-hero-main img { object-position:69% center; } #content.eac-coop .cb-hero-work { top:5px; right:-8px; width:43%; height:245px; transform:rotate(6deg); } #content.eac-coop .cb-hero-work img { object-position:28% center; } #content.eac-coop .cb-hero-friends { bottom:18px; right:-6px; width:67%; height:230px; transform:rotate(3deg); } #content.eac-coop .cb-sticker { position:absolute; left:-12px; bottom:23px; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; width:171px; height:171px; border-radius:50%; background:#fff2a8; color:#a37235; border:5px solid #fff; transform:rotate(-9deg); text-align:center; line-height:1.5; } #content.eac-coop .cb-sticker > span { font-size:13px; } #content.eac-coop .cb-sticker > strong { font-size:21px; padding:5px 0; } #content.eac-coop .cb-hero-foot { margin:14px 20px 0; text-align:center; font-size:11px; color:#857582; } #content.eac-coop .cb-section-nav { display:flex; justify-content:center; gap:36px; background:#fff; padding:23px 24px; border-bottom:1px solid #f8e5ec; } #content.eac-coop .cb-section-nav a { padding:2px 0 7px; border-bottom:3px solid #ffc2d7; font-size:14px; font-weight:700; } #content.eac-coop .cb-section-nav a:nth-child(2) { border-color:#a9e1f2; } #content.eac-coop .cb-section-nav a:nth-child(3) { border-color:#fbe397; } /* The reason to choose Co-op. */ #content.eac-coop .cb-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; margin-bottom:30px; } #content.eac-coop .cb-benefit { padding:0 0 25px; border-radius:20px; background:#fff0f6; text-align:center; overflow:hidden; } #content.eac-coop .cb-benefit:nth-child(2) { background:#eaf9ff; } #content.eac-coop .cb-benefit:nth-child(3) { background:#fff8dc; } #content.eac-coop .cb-benefit > div { position:relative; margin-bottom:34px; } #content.eac-coop .cb-benefit img { width:100%; height:230px; object-fit:cover; } #content.eac-coop .cb-benefit > div > span { position:absolute; bottom:-16px; left:20px; right:20px; padding:7px 10px; background:#fff; border-radius:30px; color:#d94c7d; font-size:12px; font-weight:700; letter-spacing:.09em; } #content.eac-coop .cb-benefit h3 { font-size:21px; font-weight:900; padding:0 12px; margin-bottom:15px; } #content.eac-coop .cb-benefit p { font-size:14px; line-height:1.9; padding:0 15px; } /* Income illustration: no dark panels, no guaranteed profit. */ #content.eac-coop .cb-simulation { padding:85px 0; background:linear-gradient(155deg,#fff1f7,#fff9ef); } #content.eac-coop .cb-simulation .cb-heading { margin-bottom:24px; } #content.eac-coop .cb-sim-condition { display:table; margin:0 auto 30px; padding:8px 22px; border-radius:30px; background:#fff; color:#74626d; font-size:13px; text-align:center; } #content.eac-coop .cb-sim-grid { display:grid; grid-template-columns:1fr 1fr; position:relative; gap:28px; } #content.eac-coop .cb-sim-card { overflow:hidden; border:2px solid #ffbad3; border-radius:20px; background:#fff; } #content.eac-coop .cb-sim-card h3 { display:flex; gap:13px; align-items:center; padding:17px 24px; margin:0; background:#f9689c; color:#fff; font-size:23px; font-weight:900; } #content.eac-coop .cb-sim-card h3 > span { font-family:Arial,sans-serif; font-size:16px; border:1px solid #fff; width:32px; height:32px; line-height:30px; border-radius:50%; text-align:center; } #content.eac-coop .cb-sim-body { padding:26px; } #content.eac-coop .cb-sim-intro { display:flex; align-items:center; gap:20px; margin-bottom:24px; } #content.eac-coop .cb-sim-intro img { width:120px; height:110px; border-radius:18px; object-fit:cover; } #content.eac-coop .cb-sim-intro p { margin:0; font-size:14px; } #content.eac-coop .cb-sim-intro strong { display:block; margin-top:8px; font-size:15px; } #content.eac-coop .cb-formula { padding-top:22px; margin-bottom:5px; border-top:1px dashed #f8bdd2; font-size:16px; font-weight:700; } #content.eac-coop .cb-cad { font-size:23px; color:#e84882; font-weight:900; } #content.eac-coop .cb-yen { background:#fff4f8; border:1px solid #ffd6e5; border-radius:12px; padding:17px 22px; } #content.eac-coop .cb-yen > span { display:block; font-size:12px; font-weight:700; } #content.eac-coop .cb-yen strong { font-size:43px; line-height:1.5; color:#e84882; font-family:Arial,'Zen Kaku Gothic New',sans-serif; font-weight:700; } #content.eac-coop .cb-yen strong span { font-size:22px; } #content.eac-coop .cb-sim-blue { border-color:#a9e2ef; } #content.eac-coop .cb-sim-blue h3 { background:#59c3dc; } #content.eac-coop .cb-sim-blue .cb-yen { background:#f0fbff; border-color:#c6ebf5; } #content.eac-coop .cb-sim-blue :is(.cb-yen strong,.cb-cad) { color:#289ab7; } #content.eac-coop .cb-sim-plus { position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); width:54px; height:54px; z-index:2; background:#fa639a; color:#fff; border:5px solid #fff; border-radius:50%; text-align:center; font-size:32px; font-weight:700; line-height:42px; } #content.eac-coop .cb-sim-total { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:22px; background:#fff; border:2px solid #ffbad3; border-radius:18px; margin:28px 0 22px; padding:26px 34px; } #content.eac-coop .cb-sim-total h3 { font-size:22px; margin:0 0 6px; } #content.eac-coop .cb-sim-total > div > p { font-size:13px; margin:0; } #content.eac-coop .cb-sim-total > p { display:flex; flex-direction:column; align-items:center; margin:0; } #content.eac-coop .cb-sim-total strong { color:#f13d7d; font-size:64px; line-height:1.25; font-family:Arial,'Zen Kaku Gothic New',sans-serif; } #content.eac-coop .cb-sim-total strong span { font-size:28px; } #content.eac-coop .cb-sim-total > p > span { font-size:12px; margin-top:10px; } #content.eac-coop .cb-sim-compare { display:grid; grid-template-columns:1fr 42px 1fr 1.2fr; gap:18px; align-items:center; padding:26px; background:#fff4c7; border-radius:18px; } #content.eac-coop .cb-sim-compare > div { display:flex; flex-direction:column; align-items:center; text-align:center; } #content.eac-coop .cb-sim-compare > div > span { font-size:13px; font-weight:700; } #content.eac-coop .cb-sim-compare strong { color:#dc5386; font-size:35px; line-height:1.6; font-family:Arial,'Zen Kaku Gothic New',sans-serif; } #content.eac-coop .cb-sim-compare strong span { font-size:19px; } #content.eac-coop .cb-sim-compare small { font-size:10px; } #content.eac-coop .cb-compare-arrow { text-align:center; color:#d2aa57; font-size:28px; } #content.eac-coop .cb-sim-compare > p { margin:0; font-size:14px; } #content.eac-coop .cb-sim-compare b { color:#d94c7d; } #content.eac-coop .cb-sim-note { font-size:12px; margin:20px 0; line-height:1.85; } #content.eac-coop .cb-sim-cta { text-align:center; margin-top:38px; } #content.eac-coop .cb-sim-cta > p { font-size:22px; font-weight:700; margin-bottom:12px; } #content.eac-coop .cb-sim-cta .cb-actions { align-items:center; } #content.eac-coop .cb-details { background:#fff; border:1px solid #f5d8e4; border-radius:12px; margin:13px 0; overflow:hidden; font-size:14px; } #content.eac-coop .cb-details summary { display:block; position:relative; padding:20px 55px 20px 24px; list-style:none; cursor:pointer; font-weight:700; } #content.eac-coop .cb-details summary::-webkit-details-marker { display:none; } #content.eac-coop .cb-details summary::after { content:'＋'; position:absolute; right:23px; color:#e84882; } #content.eac-coop .cb-details[open] summary::after { content:'−'; } #content.eac-coop .cb-details[open] summary { background:#fff3f8; } #content.eac-coop .cb-details > div { padding:22px 24px; } #content.eac-coop .cb-source-links { display:flex; flex-wrap:wrap; gap:9px 20px; } #content.eac-coop .cb-source-links a { text-decoration:underline; text-underline-offset:4px; color:#d94c7d; font-size:12px; } /* Course selection and aspirational photos. */ #content.eac-coop .cb-fields { background:#f4fcff; } #content.eac-coop .cb-programs { display:grid; grid-template-columns:1fr 1fr; gap:28px; } #content.eac-coop a.cb-program-card { display:block; color:var(--eac-text); background:#fff; border:1px solid #e1f0f6; border-radius:22px; overflow:hidden; transition:transform .2s; } #content.eac-coop a.cb-program-card:hover { transform:translateY(-5px); } #content.eac-coop .cb-program-image { position:relative; } #content.eac-coop .cb-program-image img { width:100%; height:270px; object-fit:cover; } #content.eac-coop .cb-program-image > span { position:absolute; bottom:18px; left:22px; background:#fff; color:#d94c7d; font-size:13px; padding:7px 14px; border-radius:20px; font-weight:700; } #content.eac-coop .cb-program-card-copy { padding:26px 30px 30px; } #content.eac-coop .cb-program-card h3 { font-size:25px; font-weight:900; margin:0 0 16px; } #content.eac-coop .cb-program-card p:not(.cb-kicker) { font-size:15px; } #content.eac-coop .cb-program-tags { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; } #content.eac-coop .cb-program-tags > span { background:#fff3d6; font-size:12px; border-radius:6px; padding:5px 9px; } #content.eac-coop .cb-card-link { display:flex; justify-content:space-between; padding-top:18px; border-top:1px solid #ffe1ec; font-size:15px; color:#d94c7d; } #content.eac-coop .cb-life { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; background:#fff9df; padding:65px max(32px,calc((100vw - 1120px)/2)); gap:55px; } #content.eac-coop .cb-life-photo img { width:100%; height:410px; object-fit:cover; border:8px solid #fff; border-radius:35px 90px 35px 90px; } #content.eac-coop .cb-life h2 { font-size:32px; font-weight:900; line-height:1.65; } #content.eac-coop .cb-faq { background:#fff; } #content.eac-coop .cb-faq .cb-wrap { max-width:860px; } #content.eac-coop .cb-final { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; padding:65px max(32px,calc((100vw - 1120px)/2)); background:linear-gradient(125deg,#ffedf5,#f1fbff); } #content.eac-coop .cb-final-photo img { width:100%; height:380px; object-fit:cover; border:8px solid #fff; border-radius:30px; transform:rotate(-3deg); } #content.eac-coop .cb-final h2 { font-size:30px; line-height:1.7; font-weight:900; } /* The four programme pages share the same bright, photographic direction. */ #content.eac-coop .cb-program-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:50px; align-items:center; padding:65px max(32px,calc((100vw - 1120px)/2)); background:linear-gradient(115deg,#fff1f7,#fff9e8); } #content.eac-coop .cb-global-business { background:linear-gradient(110deg,#f0fbff,#fff5df); } #content.eac-coop .cb-digital-marketing { background:linear-gradient(110deg,#effcf6,#f2faff); } #content.eac-coop .cb-customer-service { background:linear-gradient(110deg,#fff8dc,#fff1f6); } #content.eac-coop .cb-program-name { display:inline-block; background:#fff; border:1px solid #f1d7e1; color:#d94c7d; border-radius:30px; padding:6px 18px; font-weight:700; font-size:14px; margin-bottom:20px; } #content.eac-coop .cb-program-hero h1 { font-size:clamp(28px,2.8vw,38px); line-height:1.7; font-weight:900; } #content.eac-coop .cb-tags { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; } #content.eac-coop .cb-tags span { background:#fff; border-radius:30px; padding:6px 12px; font-size:12px; } #content.eac-coop .cb-program-media { position:relative; min-height:430px; } #content.eac-coop .cb-program-main { width:87%; height:380px; object-fit:cover; border:8px solid #fff; border-radius:35px; transform:rotate(-4deg); } #content.eac-coop .cb-program-small { position:absolute; bottom:-8px; right:-10px; width:52%; height:190px; object-fit:cover; border:7px solid #fff; border-radius:24px; transform:rotate(6deg); } #content.eac-coop .cb-photo-label { position:absolute; left:8px; bottom:8px; padding:8px 14px; background:#fff1a8; font-size:13px; color:#957238; border-radius:6px; transform:rotate(-4deg); } #content.eac-coop .cb-digital-marketing .cb-program-main { object-position:65% center; } #content.eac-coop .cb-customer-service .cb-program-main { object-position:32% center; } #content.eac-coop .cb-enquiry { display:grid; grid-template-columns:.8fr 1fr; gap:34px; padding:34px; margin:56px 0 0; border:1px solid #f9dce8; border-radius:24px; background:linear-gradient(120deg,#fff4d9,#fff0f7); } #content.eac-coop .cb-enquiry-photo { display:flex; align-items:center; } #content.eac-coop .cb-enquiry-photo img { width:100%; height:330px; object-fit:cover; object-position:35% center; border:7px solid #fff; border-radius:22px; } #content.eac-coop .cb-enquiry h2 { font-size:30px; font-weight:900; line-height:1.65; } #content.eac-coop .cb-enquiry p { font-size:15px; } #content.eac-coop .cb-enquiry .cb-small { font-size:12px; } #content.eac-coop .cb-story { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:46px 0 10px; } #content.eac-coop .cb-story figure { border-radius:20px; overflow:hidden; background:#eaf9ff; } #content.eac-coop .cb-story figure:nth-child(2) { background:#fff4d5; } #content.eac-coop .cb-story img { width:100%; height:260px; object-fit:cover; } #content.eac-coop .cb-story figcaption { padding:16px 20px; font-size:15px; font-weight:700; } #content.eac-coop .vg-guide .cb-final { padding:30px; margin:50px 0 25px; border-radius:25px; gap:28px; } #content.eac-coop .vg-guide .cb-final h2 { font-size:26px; } #content.eac-coop .vg-guide .cb-final-photo img { height:330px; } #content.eac-coop .vg-school { background:#f1fbff; border-color:#d7eff8; } #content.eac-coop .vg-heading h2 { color:#dc4e83; } #content.eac-coop .vg-course:nth-child(4n+1) { background:#fff4f9; border-color:#f7d8e6; } #content.eac-coop .vg-course:nth-child(4n+2) { background:#effaff; border-color:#d3eff9; } #content.eac-coop .vg-course:nth-child(4n+3) { background:#fff9e4; border-color:#f4e7b5; } #content.eac-coop .vg-course:nth-child(4n+4) { background:#effbf5; border-color:#d2eedf; } #content.eac-coop .vg-card, #content.eac-coop .vg-course { box-shadow:none; } #content.eac-coop a.vg-button { background:#ef588d; border-color:#ef588d; color:#fff; } #content.eac-coop a.vg-button:hover { background:#f477a1; border-color:#f477a1; } #content.eac-coop .vg-details summary { color:#756571; } @media(max-width:1000px) { #content.eac-coop .cb-wrap { width:calc(100% - 40px); } #content.eac-coop .cb-hero-grid { gap:20px; } #content.eac-coop .cb-hero-media { height:480px; } #content.eac-coop .cb-hero-main { height:330px; } #content.eac-coop .cb-hero-work { height:205px; } #content.eac-coop .cb-hero-friends { height:190px; } #content.eac-coop .cb-sticker { width:143px; height:143px; } #content.eac-coop .cb-sticker > strong { font-size:18px; } #content.eac-coop .cb-sim-card h3 { font-size:19px; padding:16px; } #content.eac-coop .cb-sim-body { padding:20px; } #content.eac-coop .cb-sim-intro { gap:12px; } #content.eac-coop .cb-sim-intro img { width:90px; height:95px; } #content.eac-coop .cb-sim-compare { grid-template-columns:1fr 30px 1fr; } #content.eac-coop .cb-sim-compare > p { grid-column:1/-1; text-align:center; } #content.eac-coop :is(.cb-life,.cb-final,.cb-program-hero) { padding:45px 25px; gap:30px; } #content.eac-coop .cb-program-media { min-height:360px; } #content.eac-coop .cb-program-main { height:310px; } #content.eac-coop .cb-program-small { height:150px; } #content.eac-coop .cb-enquiry { padding:25px; gap:25px; } #content.eac-coop a.cb-button { font-size:17px; padding:16px 20px; } } @media(max-width:760px) { #content.eac-coop .cb-landing { font-size:15px; } #content.eac-coop .cb-wrap { width:calc(100% - 32px); } #content.eac-coop .cb-section, #content.eac-coop .cb-simulation { padding:55px 0; } #content.eac-coop :is(.cb-landing,.vg-guide) [id] { scroll-margin-top:88px; } #content.eac-coop .cb-heading { margin-bottom:28px; } #content.eac-coop .cb-heading h2 { font-size:27px; } #content.eac-coop .cb-heading > p:last-child:not(.cb-kicker) { font-size:14px; } #content.eac-coop .cb-kicker { font-size:10px; } #content.eac-coop .cb-hero { padding-top:18px; } #content.eac-coop .cb-hero-grid { display:flex; flex-direction:column; gap:12px; } #content.eac-coop .cb-hero-copy { width:100%; padding:10px 4px 5px; } #content.eac-coop .cb-hero-tag { margin-bottom:14px; font-size:9px; } #content.eac-coop .cb-pretitle { font-size:16px; } #content.eac-coop .cb-hero h1 { font-size:clamp(28px,7.9vw,39px); line-height:1.55; margin-bottom:18px; } #content.eac-coop .cb-lead { font-size:15px; line-height:1.8; } #content.eac-coop .cb-hero-media { width:100%; max-width:430px; height:330px; order:-1; } #content.eac-coop .cb-hero-main { height:238px; top:15px; left:5px; width:60%; } #content.eac-coop .cb-hero-work { height:160px; right:3px; top:4px; width:42%; } #content.eac-coop .cb-hero-friends { bottom:8px; right:3px; height:155px; width:67%; } #content.eac-coop .cb-hero-media figure { border-width:5px; border-radius:18px; } #content.eac-coop .cb-hero-media figcaption { font-size:8px; padding:2px 7px; bottom:7px; left:5px; } #content.eac-coop .cb-sticker { width:115px; height:115px; bottom:5px; left:0; border-width:4px; } #content.eac-coop .cb-sticker > span { font-size:10px; } #content.eac-coop .cb-sticker > strong { font-size:15px; } #content.eac-coop .cb-actions { align-items:stretch; margin-top:20px; gap:15px; } #content.eac-coop a.cb-button { font-size:16px; gap:9px; padding:16px 14px; min-height:58px; } #content.eac-coop .cb-free { font-size:9px; padding:3px 5px; } #content.eac-coop a.cb-line { font-size:13px; text-align:center; } #content.eac-coop .cb-hero-foot { font-size:10px; } #content.eac-coop .cb-section-nav { gap:0; padding:14px 10px; } #content.eac-coop .cb-section-nav a { width:33.33%; padding:7px 7px 10px; margin:0 4px; text-align:center; font-size:11px; } #content.eac-coop .cb-three { grid-template-columns:1fr; gap:22px; } #content.eac-coop .cb-benefit img { height:220px; } #content.eac-coop .cb-benefit h3 { font-size:21px; } #content.eac-coop .cb-sim-condition { font-size:11px; padding:8px 13px; margin-bottom:25px; } #content.eac-coop .cb-sim-grid { grid-template-columns:1fr; gap:34px; } #content.eac-coop .cb-sim-card h3 { padding:15px 18px; font-size:19px; } #content.eac-coop .cb-sim-body { padding:20px; } #content.eac-coop .cb-sim-intro img { width:100px; height:90px; } #content.eac-coop .cb-sim-intro { gap:15px; margin-bottom:18px; } #content.eac-coop .cb-sim-intro p { font-size:12px; } #content.eac-coop .cb-sim-intro strong { font-size:13px; } #content.eac-coop .cb-formula { font-size:14px; padding-top:18px; } #content.eac-coop .cb-cad { font-size:20px; } #content.eac-coop .cb-yen { padding:14px 18px; } #content.eac-coop .cb-yen strong { font-size:38px; } #content.eac-coop .cb-sim-plus { top:50%; width:46px; height:46px; line-height:34px; font-size:27px; } #content.eac-coop .cb-sim-total { flex-direction:column; text-align:center; padding:25px 18px; gap:20px; } #content.eac-coop .cb-sim-total h3 { font-size:20px; } #content.eac-coop .cb-sim-total strong { font-size:58px; } #content.eac-coop .cb-sim-compare { padding:20px 12px; grid-template-columns:1fr 18px 1fr; gap:8px; } #content.eac-coop .cb-sim-compare > div > span { font-size:10px; } #content.eac-coop .cb-sim-compare strong { font-size:27px; } #content.eac-coop .cb-sim-compare strong span { font-size:14px; } #content.eac-coop .cb-sim-compare small { font-size:9px; } #content.eac-coop .cb-sim-compare > p { margin-top:15px; font-size:13px; } #content.eac-coop .cb-sim-note { font-size:11px; } #content.eac-coop .cb-sim-cta > p { font-size:18px; } #content.eac-coop .cb-details summary { font-size:13px; padding:17px 42px 17px 18px; } #content.eac-coop .cb-details > div { padding:18px; font-size:12px; } #content.eac-coop .cb-programs { grid-template-columns:1fr; gap:23px; } #content.eac-coop .cb-program-image img { height:225px; } #content.eac-coop .cb-program-card-copy { padding:23px; } #content.eac-coop .cb-program-card h3 { font-size:22px; } #content.eac-coop .cb-program-card p:not(.cb-kicker) { font-size:14px; } #content.eac-coop :is(.cb-life,.cb-final,.cb-program-hero) { grid-template-columns:1fr; gap:28px; padding:38px 20px; } #content.eac-coop :is(.cb-life-photo,.cb-final-photo) img { height:260px; border-width:6px; } #content.eac-coop :is(.cb-life,.cb-final) h2 { font-size:26px; } #content.eac-coop .cb-program-media { min-height:280px; order:-1; } #content.eac-coop .cb-program-main { height:245px; width:84%; border-width:5px; } #content.eac-coop .cb-program-small { width:45%; height:125px; right:0; bottom:0; border-width:5px; } #content.eac-coop .cb-photo-label { font-size:10px; } #content.eac-coop .cb-program-hero h1 { font-size:clamp(24px,6.5vw,31px); } #content.eac-coop .cb-program-name { font-size:13px; margin-bottom:15px; } #content.eac-coop .cb-enquiry { grid-template-columns:1fr; padding:22px; margin-top:38px; gap:24px; } #content.eac-coop .cb-enquiry-photo img { height:220px; } #content.eac-coop .cb-enquiry h2 { font-size:26px; } #content.eac-coop .cb-enquiry p { font-size:14px; } #content.eac-coop .cb-story { gap:12px; margin-top:30px; } #content.eac-coop .cb-story img { height:150px; } #content.eac-coop .cb-story figcaption { font-size:11px; padding:12px; } #content.eac-coop .vg-guide .cb-final { padding:22px; gap:25px; } #content.eac-coop .vg-guide .cb-final h2 { font-size:23px; } #content.eac-coop .vg-guide .cb-final-photo img { height:230px; } } @media(prefers-reduced-motion:reduce) { #content.eac-coop a.cb-button, #content.eac-coop a.cb-program-card { transition:none; transform:none; } } /* Preserve emphasis against the shared theme reset; balance short mobile labels. */ #content.eac-coop :is(.cb-landing,.cb-program-hero,.cb-enquiry,.cb-final) :is(h1,h2) em { font-weight:900; } #content.eac-coop :is(.cb-sim-total,.cb-sim-compare,.cb-sticker) strong { font-weight:900; } #content.eac-coop .cb-button-text { text-wrap:balance; } #content.eac-coop .cb-button > [aria-hidden] { flex-shrink:0; } @media (max-width:760px) { #content.eac-coop a.cb-button { position:relative; gap:10px; padding:21px 18px 17px; } #content.eac-coop .cb-button .cb-free { position:absolute; top:-10px; left:25px; padding:3px 9px; background:#fff; border-color:#f5afc7; color:#db477b; } #content.eac-coop .cb-button-text { flex:1; } } #content.eac-coop a.cb-button { overflow:visible; } #content.eac-coop :is(.cb-landing,.cb-program-hero,.cb-enquiry,.cb-final) :is(h1,h2), #content.eac-coop .vg-heading h2 { text-wrap:balance; } /* A clear first impression, followed by a like-for-like stay-cost comparison. */ #content.eac-coop .cb-hero-diploma .cb-hero-grid { grid-template-columns:1.15fr 1fr; } #content.eac-coop .cb-hero-diploma h1 { font-size:clamp(28px,2.55vw,36px); letter-spacing:0; line-height:1.65; text-wrap:initial; } #content.eac-coop .cb-hero-promise { display:block; margin-bottom:18px; font-weight:900; } #content.eac-coop .cb-hero-diploma h1 em { font-size:1.12em; } #content.eac-coop .cb-hero-qualification { font-size:11px; line-height:1.8; margin-top:14px; } #content.eac-coop .cb-costs { background:linear-gradient(180deg,#fff,#f4fcff 60%,#fff); } #content.eac-coop .cb-cost-condition { display:table; margin:0 auto 30px; background:#eefaf6; border-radius:25px; padding:10px 22px; text-align:center; font-size:13px; } #content.eac-coop .cb-cost-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; } #content.eac-coop .cb-cost-card { border:2px solid #bfe7f4; background:#fff; border-radius:22px; overflow:hidden; } #content.eac-coop .cb-cost-coop { border-color:#ffc1d7; } #content.eac-coop .cb-cost-photo { position:relative; } #content.eac-coop .cb-cost-photo img { width:100%; height:230px; object-fit:cover; object-position:center 30%; } #content.eac-coop .cb-cost-photo > span { position:absolute; left:20px; bottom:18px; background:#fff; border-radius:25px; padding:5px 16px; color:#408da3; font-weight:700; font-size:13px; } #content.eac-coop .cb-cost-coop .cb-cost-photo > span { color:#d94c7d; } #content.eac-coop .cb-cost-body { padding:26px 30px; } #content.eac-coop .cb-cost-body h3 { font-size:27px; font-weight:900; line-height:1.5; margin:0 0 10px; } #content.eac-coop .cb-cost-body h3 > span { display:inline-block; padding:3px 9px; font-size:11px; color:#ce4b79; background:#fff0f6; border-radius:5px; vertical-align:middle; } #content.eac-coop .cb-cost-plan { font-size:14px; min-height:27px; margin-bottom:22px; } #content.eac-coop .cb-cost-label { margin:0; font-weight:700; font-size:14px; } #content.eac-coop .cb-cost-price { display:flex; align-items:baseline; justify-content:center; gap:5px; color:#3d9fb9; line-height:1.3; margin:8px 0 20px; font-weight:700; font-size:23px; } #content.eac-coop .cb-cost-price strong { font-family:Arial,sans-serif; font-size:76px; font-weight:700; letter-spacing:-.03em; } #content.eac-coop .cb-cost-price > span { font-size:25px; } #content.eac-coop .cb-cost-coop .cb-cost-price { color:#ee548a; } #content.eac-coop .cb-cost-label { text-align:center; } #content.eac-coop .cb-cost-body dl { padding:16px 18px; margin:0 0 16px; border-radius:12px; background:#effaff; font-size:14px; } #content.eac-coop .cb-cost-coop dl { background:#fff1f7; } #content.eac-coop .cb-cost-body dl > div { display:flex; justify-content:space-between; gap:10px; } #content.eac-coop .cb-cost-body dt, #content.eac-coop .cb-cost-body dd { margin:0; } #content.eac-coop .cb-cost-body dd { font-weight:700; white-space:nowrap; } #content.eac-coop .cb-cost-note { font-size:12px; line-height:1.85; margin:12px 0 0; } #content.eac-coop .cb-cost-gap { display:flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:8px 28px; padding:23px; margin:24px 0 32px; background:#fff4bf; border-radius:18px; text-align:center; } #content.eac-coop .cb-cost-gap > span { font-size:14px; font-weight:700; } #content.eac-coop .cb-cost-gap p { font-weight:700; font-size:19px; margin:0; } #content.eac-coop .cb-cost-gap strong { display:inline-block; color:#df5586; font-size:39px; line-height:1.4; font-weight:900; } #content.eac-coop .cb-cost-gap small { font-size:20px; } #content.eac-coop .cb-cost-return { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:32px; border:2px solid #f9ccdf; border-radius:20px; background:#fff6fa; align-items:center; } #content.eac-coop .cb-cost-return h3 { font-size:27px; font-weight:900; line-height:1.65; margin:0 0 15px; } #content.eac-coop .cb-cost-return-copy > p:not(.cb-kicker) { font-size:13px; } #content.eac-coop .cb-cost-equation { background:#fff; border-radius:14px; padding:22px; text-align:center; } #content.eac-coop .cb-cost-equation > p { display:flex; align-items:center; justify-content:center; gap:15px; line-height:1.7; font-size:12px; margin:0 0 16px; } #content.eac-coop .cb-cost-equation > p b { font-size:20px; } #content.eac-coop .cb-cost-equation > div { border-top:1px dashed #f8bdd2; padding-top:16px; display:flex; flex-direction:column; align-items:center; font-size:13px; } #content.eac-coop .cb-cost-equation strong { color:#eb4d84; font-size:55px; font-weight:900; line-height:1.5; } #content.eac-coop .cb-cost-equation small { font-size:24px; } #content.eac-coop .cb-cost-equation > div > b { color:#d94c7d; font-size:15px; } #content.eac-coop .cb-cost-important { margin:18px 0 0; font-size:13px; font-weight:700; line-height:1.8; } @media(max-width:1000px) { #content.eac-coop .cb-hero-diploma .cb-hero-grid { grid-template-columns:1.2fr 1fr; } #content.eac-coop .cb-hero-diploma h1 { font-size:25px; } #content.eac-coop .cb-cost-body { padding:24px; } #content.eac-coop .cb-cost-body h3 { font-size:24px; } #content.eac-coop .cb-cost-body dl { font-size:12px; padding:14px 12px; } #content.eac-coop .cb-cost-plan { font-size:12px; } #content.eac-coop .cb-cost-return { padding:24px; gap:22px; } #content.eac-coop .cb-cost-return h3 { font-size:23px; } } @media(max-width:760px) { #content.eac-coop .cb-hero-diploma .cb-hero-media { order:0; } #content.eac-coop .cb-hero-diploma h1 { font-size:clamp(20px,5.7vw,32px); margin-bottom:18px; } #content.eac-coop .cb-hero-diploma h1 em { font-size:1.22em; } #content.eac-coop .cb-hero-promise { margin-bottom:14px; } #content.eac-coop .cb-hero-qualification { font-size:10px; } #content.eac-coop .cb-cost-condition { font-size:11px; padding:10px 16px; } #content.eac-coop .cb-cost-grid { grid-template-columns:1fr; gap:20px; } #content.eac-coop .cb-cost-photo img { height:200px; } #content.eac-coop .cb-cost-photo > span { font-size:11px; } #content.eac-coop .cb-cost-body { padding:22px; } #content.eac-coop .cb-cost-body h3 { font-size:24px; } #content.eac-coop .cb-cost-plan { font-size:12px; margin-bottom:18px; } #content.eac-coop .cb-cost-price strong { font-size:66px; } #content.eac-coop .cb-cost-body dl { font-size:12px; } #content.eac-coop .cb-cost-gap { flex-direction:column; gap:8px; padding:22px 14px; } #content.eac-coop .cb-cost-gap p { font-size:17px; } #content.eac-coop .cb-cost-gap strong { display:block; font-size:44px; } #content.eac-coop .cb-cost-gap > span { font-size:12px; } #content.eac-coop .cb-cost-return { grid-template-columns:1fr; padding:22px 16px; gap:22px; } #content.eac-coop .cb-cost-return h3 { font-size:25px; } #content.eac-coop .cb-cost-return-copy { text-align:center; } #content.eac-coop .cb-cost-return a { font-size:12px; } #content.eac-coop .cb-cost-equation { padding:20px 12px; } #content.eac-coop .cb-cost-equation > p { font-size:10px; gap:10px; } #content.eac-coop .cb-cost-equation > p b { font-size:18px; } #content.eac-coop .cb-cost-equation strong { font-size:50px; } #content.eac-coop .cb-cost-important, #content.eac-coop .cb-costs > .cb-wrap > .cb-cost-note { font-size:11px; } } /* Keep the school's real group photos wide, with faces inside the frame. */ #content.eac-coop .cb-vic-program .cb-program-media { min-height:0; padding:15px 0; } #content.eac-coop .cb-vic-program .cb-program-main { width:100%; height:auto; aspect-ratio:3 / 2; object-position:center; } #content.eac-coop .cb-vic-program .cb-program-small { position:relative; display:block; inset:auto; width:53%; height:auto; aspect-ratio:3 / 2; margin:-20px 0 0 auto; } #content.eac-coop .cb-vic-program .cb-photo-label { bottom:35px; left:0; font-size:12px; } #content.eac-coop .cb-campus { background:linear-gradient(145deg,#f2fcff,#fff6fb 60%,#fffbe8); } #content.eac-coop .cb-campus em { color:#e84882; font-style:normal; font-weight:900; } #content.eac-coop .cb-campus-detail { padding:36px 26px 20px; border-radius:24px; margin:45px 0; } #content.eac-coop .cb-campus-detail .cb-heading h2 { font-size:29px; } #content.eac-coop .cb-campus-detail .cb-heading > p:last-child { font-size:14px; } #content.eac-coop .cb-vic-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; } #content.eac-coop .cb-vic-gallery figure { margin:0; background:#fff; border:6px solid #fff; border-radius:19px; overflow:hidden; box-shadow:0 8px 22px #f3c1d322; } #content.eac-coop .cb-vic-gallery figure:nth-child(3n+2) { background:#fff8df; border-color:#fff8df; } #content.eac-coop .cb-vic-gallery figure:nth-child(3n) { background:#eafbff; border-color:#eafbff; } #content.eac-coop .cb-vic-gallery img { width:100%; height:auto; aspect-ratio:3 / 2; object-fit:cover; object-position:center 60%; } #content.eac-coop .cb-vic-gallery figcaption { padding:14px 8px 12px; font-size:13px; font-weight:700; text-align:center; line-height:1.7; } #content.eac-coop .cb-campus .cb-image-note { margin-top:20px; } #content.eac-coop .cb-program-image .cb-vic-photo { object-position:center; } #content.eac-coop .cb-life-photo .cb-vic-photo { height:auto; aspect-ratio:3 / 2; border-radius:30px; } /* A static final value reserves width and remains available to assistive tech. */ #content.eac-coop .cb-landing .cb-number, #content.eac-coop .cb-landing .cb-number > span { font:inherit; letter-spacing:inherit; } #content.eac-coop .cb-number { display:inline-grid; vertical-align:baseline; font-variant-numeric:tabular-nums; } #content.eac-coop .cb-number > span { grid-area:1 / 1; } #content.eac-coop .cb-number-visual { display:none; } #content.eac-coop .cb-number:is([data-count-state="waiting"],[data-count-state="running"]) .cb-number-final { opacity:0; } #content.eac-coop .cb-number:is([data-count-state="waiting"],[data-count-state="running"]) .cb-number-visual { display:block; text-align:right; } @media(max-width:1000px) { #content.eac-coop .cb-vic-gallery { gap:15px; } #content.eac-coop .cb-vic-gallery figcaption { font-size:12px; } } @media(max-width:760px) { #content.eac-coop .cb-vic-program .cb-program-media { width:100%; max-width:480px; margin:auto; } #content.eac-coop .cb-vic-program .cb-program-small { margin-top:-14px; } #content.eac-coop .cb-vic-program .cb-photo-label { bottom:25px; font-size:10px; padding:6px 9px; } #content.eac-coop .cb-vic-gallery { grid-template-columns:1fr; gap:18px; } #content.eac-coop .cb-campus-detail { padding:26px 16px 16px; } #content.eac-coop .cb-campus-detail .cb-heading h2 { font-size:24px; } #content.eac-coop .cb-vic-gallery figcaption { font-size:13px; } } @media(prefers-reduced-motion:reduce), print { #content.eac-coop .cb-number .cb-number-final { opacity:1 !important; } #content.eac-coop .cb-number .cb-number-visual { display:none !important; } }