:root{--crimson:#9e1b3a;--crimson-deep:#7c1430;--crimson-soft:#b83553;--navy:#1c2e4a;--navy-deep:#14223a;--gold:#c8941f;--gold-soft:#e0b25a;--green:#175c4c;--cream:#faf5ec;--cream-2:#f3e9d8;--cream-3:#efe4d0;--ink:#241b1e;--ink-2:#5a4f52;--line:#e7dcc9;--white:#fff;--radius:8px;--maxw:1180px;--serif:"Newsreader",Georgia,serif;--sans:"Hanken Grotesk",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shadow-card:0 12px 34px rgba(36,27,30,.08);--shadow-lift:0 24px 70px rgba(36,27,30,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.58;margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--serif);font-weight:600;letter-spacing:0;line-height:1.08;margin:0}p{margin:0}.wrap{margin:0 auto;width:min(100% - 48px,var(--maxw))}.icon{fill:none;flex:none;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:22px}.btn{align-items:center;border:0;border-radius:999px;cursor:pointer;display:inline-flex;font-family:var(--sans);font-size:16px;font-weight:800;gap:10px;justify-content:center;line-height:1;min-height:48px;padding:15px 24px;transition:transform .16s ease,box-shadow .2s ease,background .2s ease,color .2s ease;white-space:nowrap}.btn-primary{background:var(--crimson);box-shadow:0 12px 26px rgba(124,20,48,.26);color:var(--white)}.btn-primary:hover{background:var(--crimson-deep);box-shadow:0 18px 38px rgba(124,20,48,.34);transform:translateY(-2px)}.btn-light{background:var(--white);color:var(--navy)}.btn-light:hover{color:var(--crimson);transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#352505}.btn-gold:hover{background:var(--gold-soft);transform:translateY(-2px)}.eyebrow{align-items:center;color:var(--crimson);display:inline-flex;font-size:13px;font-weight:800;gap:10px;letter-spacing:0;text-transform:uppercase}.eyebrow:before{background:var(--gold);border-radius:999px;content:"";height:2px;width:24px}.eyebrow-light{color:var(--gold-soft)}.eyebrow-light:before{background:var(--gold-soft)}.section{background:var(--cream);padding:88px 0}.section-white{background:var(--white)}.section-head{margin-bottom:40px;max-width:720px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}.section-head.center .eyebrow{justify-content:center}.section-title{color:var(--navy);font-size:46px;margin-top:14px}.section-title em{color:var(--crimson);font-style:normal}.lede{color:var(--ink-2);font-size:19px;line-height:1.55;margin-top:16px}.hdr{inset:0 0 auto;padding:14px 0;position:fixed;transition:background .24s ease,box-shadow .24s ease;z-index:80}.hdr.is-scrolled{backdrop-filter:blur(14px) saturate(1.2);background:rgba(250,245,236,.94);box-shadow:0 1px 0 var(--line),0 10px 34px rgba(36,27,30,.08)}.hdr-in{display:flex;gap:20px;justify-content:space-between}.hdr-in,.hdr-logo{align-items:center}.hdr-logo{background:transparent;display:inline-flex;padding:0}.hdr-logo img{height:52px;width:auto}.hdr-nav{align-items:center;color:hsla(0,0%,100%,.92);display:flex;font-size:15px;font-weight:700;gap:24px}.hdr.is-scrolled .hdr-nav{color:var(--navy)}.hdr-nav a:hover{color:var(--gold-soft)}.hdr.is-scrolled .hdr-nav a:hover{color:var(--crimson)}.hdr-cta{font-size:15px;min-height:42px;padding:13px 20px}.hero{align-items:center;background:var(--navy-deep);color:var(--white);display:flex;min-height:94svh;overflow:hidden;padding:112px 0 62px;position:relative}.hero:before{background-image:url("https://info.middleton.ac.th/hs-fs/hubfs/Eton-0856%20(1).jpg?width=1800&name=Eton-0856%20(1).jpg");background-position:50%;background-size:cover;transform:scale(1.02)}.hero:after,.hero:before{content:"";inset:0;position:absolute}.hero:after{background:linear-gradient(90deg,rgba(20,34,58,.94),rgba(20,34,58,.78) 45%,rgba(20,34,58,.28)),linear-gradient(0deg,rgba(20,34,58,.74),rgba(20,34,58,.08) 46%,rgba(20,34,58,.58))}.hero-in{align-items:center;display:grid;gap:46px;grid-template-columns:minmax(0,.98fr) minmax(390px,.84fr);position:relative;width:min(100% - 48px,1120px);z-index:1}.hero-copy{margin-left:clamp(0px,2.2vw,34px);max-width:650px;padding-top:18px}.hero-kicker{align-items:center;color:var(--gold-soft);display:inline-flex;font-size:14px;font-weight:800;gap:10px;margin-bottom:18px;text-transform:uppercase}.hero-kicker:before{background:var(--gold-soft);border-radius:999px;content:"";height:2px;width:28px}.hero h1{font-size:60px;max-width:9.8em}.hero-subtitle{color:hsla(0,0%,100%,.92);font-family:var(--serif);font-size:28px;line-height:1.2;margin-top:14px}.hero-text{color:hsla(0,0%,100%,.84);font-size:19px;line-height:1.55;margin-top:18px;max-width:570px}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px}.hero-actions,.hero-note{align-items:center;display:flex}.hero-note{color:hsla(0,0%,100%,.82);font-size:14px;font-weight:600;gap:8px;margin-top:16px}.hero-details{color:var(--white);display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:34px;max-width:570px}.hero-detail-line{align-items:flex-start;display:flex;gap:10px;margin:0;min-width:170px}.hero-detail-icon{color:var(--gold-soft);display:grid;flex:none;height:28px;place-items:center;width:28px}.hero-detail-icon .icon{height:22px;width:22px}.hero-detail-line strong{display:block;font-family:var(--sans);font-size:15.5px;font-weight:800;line-height:1.25}.hero-detail-line span{color:hsla(0,0%,100%,.78);display:block;font-size:13.5px;font-weight:600;line-height:1.35;margin-top:3px}.tour-form-card{background:var(--white);border:1px solid hsla(0,0%,100%,.72);border-radius:var(--radius);box-shadow:var(--shadow-lift);color:var(--ink);overflow:hidden;scroll-margin-top:92px}.tour-form-head{background:linear-gradient(135deg,var(--cream),#fff);border-bottom:1px solid var(--line);padding:24px 26px 18px}.tour-form-title{color:var(--navy);font-size:28px}.tour-form-sub{color:var(--ink-2);font-size:14.5px;font-weight:600;line-height:1.45;margin-top:8px}.tour-form-frame-wrap{background:#fff;padding:0}.tour-form-frame{border:0;display:block;height:610px;width:100%}.tour-form-fallback{align-items:center;background:var(--cream);border-top:1px solid var(--line);color:var(--ink-2);display:flex;flex-wrap:wrap;font-size:13.5px;font-weight:600;gap:10px;justify-content:space-between;padding:14px 18px}.tour-form-fallback a{color:var(--crimson);font-weight:800;text-decoration:underline;text-underline-offset:3px}.peek-strip{background:var(--navy);color:var(--white);padding:32px 0}.peek-strip:after,.peek-strip:before{content:none}.peek-heading{display:none}.peek-grid{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.peek-item{border-right:1px solid hsla(0,0%,100%,.16);padding:0 14px;text-align:center}.peek-item:before{content:none}.peek-item:last-child{border-right:0}.peek-number{color:var(--gold-soft);font-family:var(--serif);font-size:40px;font-weight:600;line-height:1}.peek-label{color:hsla(0,0%,100%,.82);font-size:14px;line-height:1.35;margin-top:7px}.reason-grid{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.apart-card,.experience-card,.faq-card,.reason-card,.story-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.reason-card{padding:24px}.card-icon{background:linear-gradient(135deg,var(--crimson),var(--crimson-soft));border-radius:var(--radius);color:var(--white);display:grid;height:52px;margin-bottom:16px;place-items:center;width:52px}.apart-card:nth-child(2) .card-icon,.experience-card:nth-child(2) .card-icon,.reason-card:nth-child(2) .card-icon{background:var(--green)}.apart-card:nth-child(3) .card-icon,.experience-card:nth-child(3) .card-icon,.reason-card:nth-child(3) .card-icon{background:var(--navy)}.apart-card:nth-child(4) .card-icon,.reason-card:nth-child(4) .card-icon{background:var(--gold);color:#342505}.card-title{color:var(--navy);font-size:22px;margin-bottom:9px}.card-text{color:var(--ink-2);font-size:15.5px;line-height:1.55}.experience-layout{align-items:center;display:grid;gap:34px;grid-template-columns:.95fr 1.05fr}.experience-photo{background:var(--cream-2);border-radius:var(--radius);box-shadow:var(--shadow-lift);min-height:520px;overflow:hidden}.experience-photo img{height:100%;min-height:520px;object-fit:cover;width:100%}.experience-stack{display:grid;gap:16px}.experience-card{align-items:start;display:grid;gap:18px;grid-template-columns:58px 1fr;padding:22px}.experience-card .card-icon{margin:0}.environment-section{background:var(--white);padding:88px 0}.environment-layout{align-items:start;display:grid;gap:28px;grid-template-columns:.82fr 1.18fr}.environment-copy{position:sticky;top:104px}.environment-points{display:grid;gap:12px;margin-top:26px}.environment-point{align-items:flex-start;color:var(--ink-2);display:flex;font-size:15.5px;font-weight:600;gap:11px;line-height:1.45}.environment-point .icon{color:var(--crimson);margin-top:2px}.environment-carousel{border-radius:var(--radius);box-shadow:var(--shadow-card)}.environment-carousel,.environment-carousel-viewport{background:var(--cream-2);overflow:hidden;position:relative}.environment-carousel-viewport{aspect-ratio:16/10;min-height:430px}.environment-slide{inset:0;margin:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .36s ease}.environment-slide.is-active{opacity:1;pointer-events:auto}.environment-slide img{height:100%;object-fit:cover;width:100%}.environment-caption{background:linear-gradient(180deg,rgba(20,34,58,0),rgba(20,34,58,.76));color:var(--white);inset:auto 0 0;padding:70px 24px 24px;position:absolute}.environment-caption strong{display:block;font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.12}.environment-caption span{color:hsla(0,0%,100%,.82);display:block;font-size:13.5px;font-weight:600;line-height:1.35;margin-top:5px}.environment-controls{align-items:center;background:var(--white);border-top:1px solid var(--line);display:flex;gap:14px;justify-content:space-between;padding:14px}.carousel-arrow{align-items:center;background:var(--navy);border:0;border-radius:999px;color:var(--white);cursor:pointer;display:inline-flex;height:40px;justify-content:center;width:40px}.carousel-arrow:hover{background:var(--crimson)}.carousel-arrow .icon{height:18px;width:18px}.carousel-arrow-prev .icon{transform:rotate(180deg)}.carousel-dots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.carousel-dot{background:var(--cream-3);border:0;border-radius:999px;cursor:pointer;height:9px;padding:0;width:9px}.carousel-dot.is-active{background:var(--crimson);width:26px}.apart-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.apart-card{padding:24px;transition:transform .18s ease,box-shadow .18s ease}.apart-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.story-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.story-card,.story-img{overflow:hidden}.story-img{aspect-ratio:4/3;background:var(--cream-2)}.story-img img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.story-card:hover .story-img img{transform:scale(1.05)}.story-body{padding:24px}.story-label{align-items:center;color:var(--crimson);display:inline-flex;font-size:13px;font-weight:800;gap:7px;margin-bottom:10px}.outcomes{background:var(--navy-deep);color:var(--white);overflow:hidden;padding:58px 0}.outcome-grid{align-items:center;display:grid;gap:34px;grid-template-columns:.98fr 1.02fr}.outcomes .section-title{color:var(--white)}.outcomes .lede{color:hsla(0,0%,100%,.82)}.outcome-points{display:grid;gap:14px;margin-top:28px}.outcome-point{align-items:flex-start;color:hsla(0,0%,100%,.9);display:flex;font-weight:600;gap:12px}.outcome-point .icon{color:var(--gold-soft);margin-top:2px}.pathway-card-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:22px}.pathway-card{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.16);border-radius:var(--radius);padding:16px}.pathway-card .icon{color:var(--gold-soft);margin-bottom:10px}.pathway-card h3{color:var(--white);font-size:19px;margin-bottom:7px}.pathway-card p{color:hsla(0,0%,100%,.78);font-size:14px;line-height:1.45}.outcome-panel{background:transparent;border:0;border-radius:var(--radius);padding:0}.global-photo-grid{display:grid;gap:12px;grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,minmax(170px,1fr));margin:0}.global-photo{background:hsla(0,0%,100%,.1);border-radius:var(--radius);margin:0;overflow:hidden;position:relative}.global-photo-large{grid-row:1/3;min-height:310px}.global-photo img{height:100%;object-fit:cover;width:100%}.university-section{background:var(--white);padding:50px 0}.university-proof-grid{align-items:start;display:block}.university-intro{margin:0 auto 22px;max-width:920px;text-align:center}.university-intro .eyebrow{justify-content:center}.success-points{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;gap:0;grid-template-columns:repeat(3,1fr);margin-top:22px;padding:20px 0}.success-point{align-items:flex-start;border-right:1px solid var(--line);display:flex;gap:12px;padding:0 18px}.success-point:first-child{padding-left:0}.success-point:last-child{border-right:0;padding-right:0}.success-point .icon{color:var(--crimson);margin-top:2px}.success-point strong{color:var(--navy);display:block;font-size:15.5px;line-height:1.28}.success-point span{color:var(--ink-2);display:block;font-size:14px;line-height:1.45;margin-top:4px}.logo-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.logo-tile{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:center;min-height:112px;padding:14px 12px;text-align:center}.logo-tile img{display:block;height:40px;max-width:132px;object-fit:contain;width:auto}.logo-tile span{color:var(--ink-2);display:block;font-size:12.5px;font-weight:700;line-height:1.25;margin-top:10px}.logo-note{color:var(--ink-2);font-size:13.5px;line-height:1.5;margin:12px auto 0;max-width:760px;text-align:center}.fees{background:linear-gradient(135deg,var(--crimson-deep),var(--crimson));color:var(--white);padding:84px 0}.fees-grid{align-items:center;display:grid;gap:44px;grid-template-columns:1.15fr .85fr}.fees .section-title{color:var(--white)}.fees .lede{color:hsla(0,0%,100%,.84)}.fees-list{display:grid;gap:14px;list-style:none;margin:28px 0 0;padding:0}.fees-list li{color:hsla(0,0%,100%,.92);display:flex;font-weight:600;gap:12px}.fees-list .icon{color:var(--gold-soft);margin-top:2px}.fee-card{background:hsla(0,0%,100%,.11);border:1px solid hsla(0,0%,100%,.22);border-radius:var(--radius);box-shadow:0 20px 54px rgba(36,27,30,.18);padding:30px}.fee-kicker{color:var(--gold-soft);font-size:13px;font-weight:800;text-transform:uppercase}.fee-value{font-family:var(--serif);font-size:52px;font-weight:600;line-height:1;margin:10px 0 8px}.fee-value span{color:hsla(0,0%,100%,.72);font-family:var(--sans);font-size:18px;font-weight:700}.fee-note{color:hsla(0,0%,100%,.82);font-size:15px;margin-bottom:22px}.faq-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.faq-card{overflow:hidden;padding:0}details{background:var(--white)}summary{align-items:center;color:var(--navy);cursor:pointer;display:flex;font-family:var(--serif);font-size:21px;font-weight:600;justify-content:space-between;line-height:1.2;list-style:none;padding:22px 24px}summary::-webkit-details-marker{display:none}summary:after{color:var(--crimson);content:"+";font-family:var(--sans);font-size:24px;font-weight:700;margin-left:20px}details[open] summary:after{content:"-"}.faq-card p{color:var(--ink-2);font-size:15.5px;line-height:1.58;padding:0 24px 24px}.final{background:var(--navy-deep);color:var(--white);overflow:hidden;padding:92px 0;position:relative;text-align:center}.final:before{background-image:url("https://info.middleton.ac.th/hs-fs/hubfs/Eton-2616%20(2).jpg?width=1800&name=Eton-2616%20(2).jpg");background-position:50%;background-size:cover;opacity:.28}.final:after,.final:before{content:"";inset:0;position:absolute}.final:after{background:rgba(20,34,58,.72)}.final-in{margin:0 auto;max-width:760px;position:relative;z-index:1}.final h2{font-size:48px;margin-top:14px}.final p{color:hsla(0,0%,100%,.84);font-size:19px;line-height:1.55;margin:18px auto 30px;max-width:620px}.footer{background:var(--white);border-top:1px solid var(--line);padding:52px 0 28px}.footer-grid{display:grid;gap:46px;grid-template-columns:1.35fr 1fr}.footer-logo{height:54px;margin-bottom:18px;width:auto}.footer p{color:var(--ink-2);font-size:14.5px;max-width:560px}.footer-links{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.footer h4{color:var(--navy);font-family:var(--sans);font-size:13px;font-weight:800;margin-bottom:12px;text-transform:uppercase}.footer a{color:var(--ink-2);display:block;font-size:15px;margin-bottom:10px}.footer a:hover{color:var(--crimson)}.footer-base{color:var(--ink-2);display:flex;font-size:13.5px;gap:18px;margin-top:34px;padding-top:22px}.footer-base,.sticky-cta{border-top:1px solid var(--line);justify-content:space-between}.sticky-cta{align-items:center;background:var(--white);box-shadow:0 -10px 34px rgba(36,27,30,.12);display:none;gap:16px;inset:auto 0 0;padding:12px 18px;position:fixed;transform:translateY(110%);transition:transform .24s ease;z-index:70}.sticky-cta.show{transform:translateY(0)}.sticky-cta strong{color:var(--navy);display:block;font-size:15px;line-height:1.2}.sticky-cta span{color:var(--ink-2);display:block;font-size:12.5px;margin-top:2px}.sticky-cta .btn{font-size:15px;min-height:42px;padding:13px 18px}.back-to-top{align-items:center;background:var(--crimson);border:0;border-radius:999px;bottom:24px;box-shadow:0 12px 30px rgba(124,20,48,.3);color:var(--white);cursor:pointer;display:inline-flex;height:48px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:24px;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,background .2s ease;width:48px;z-index:75}.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--crimson-deep)}.back-to-top .icon{height:20px;transform:rotate(-90deg);width:20px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .62s ease,transform .62s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.apart-card,.btn,.reveal,.story-img img{transition:none}}@media (max-width:1060px){.hdr-nav{display:none}.hero h1{font-size:50px}.hero-in{grid-template-columns:1fr;width:min(100% - 48px,var(--maxw))}.hero-copy{margin-left:0}.tour-form-card{max-width:680px;width:100%}.section-title{font-size:40px}.apart-grid,.reason-grid{grid-template-columns:repeat(2,1fr)}.environment-layout,.experience-layout,.fees-grid,.outcome-grid{grid-template-columns:1fr}.environment-copy{position:static}.logo-grid{grid-template-columns:repeat(2,1fr)}.experience-photo,.experience-photo img{min-height:420px}.story-grid{grid-template-columns:1fr}}@media (max-width:760px){body{font-size:16px}.wrap{width:min(100% - 32px,var(--maxw))}.hdr{padding:10px 0}.hdr-logo img{height:34px}.hdr-cta{display:none}.hero{min-height:auto;padding:98px 0 46px}.hero-in{width:min(100% - 32px,var(--maxw))}.hero:before{background-position:58%}.hero:after{background:linear-gradient(90deg,rgba(20,34,58,.95),rgba(20,34,58,.82) 72%,rgba(20,34,58,.62)),linear-gradient(0deg,rgba(20,34,58,.68),rgba(20,34,58,.12) 60%,rgba(20,34,58,.72))}.hero h1{font-size:38px}.hero-subtitle{font-size:23px}.final p,.hero-text,.lede{font-size:17px}.apart-grid,.faq-grid,.pathway-card-grid,.peek-grid,.reason-grid{grid-template-columns:1fr}.hero-details{margin-top:28px}.global-photo-grid{grid-template-columns:1fr;grid-template-rows:none}.global-photo,.global-photo-large{grid-row:auto;min-height:260px}.success-points{gap:0;grid-template-columns:1fr}.success-point,.success-point:first-child,.success-point:last-child{border-right:0;padding:16px 0}.success-point{border-bottom:1px solid var(--line)}.success-point:first-child{padding-top:0}.success-point:last-child{border-bottom:0;padding-bottom:0}.tour-form-frame{height:660px}.peek-item{border-bottom:1px solid hsla(0,0%,100%,.16);border-right:0;padding:0 0 16px}.peek-item:last-child{border-bottom:0;padding-bottom:0}.environment-section,.fees,.final,.outcomes,.section,.university-section{padding:64px 0}.environment-carousel-viewport{min-height:300px}.final h2,.section-title{font-size:34px}.experience-card{grid-template-columns:1fr}.experience-photo,.experience-photo img{min-height:300px}.footer-grid,.footer-links{grid-template-columns:1fr}.footer-base{flex-direction:column}.sticky-cta{display:flex}.back-to-top{bottom:82px;height:44px;right:18px;width:44px}}@media (max-width:430px){.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.btn{text-align:center;white-space:normal}.fee-value{font-size:42px}.logo-grid{grid-template-columns:1fr}}