.reading-progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--brand-pink);z-index:1200}.history-hero{height:min(840px,100vh);min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;background:#081a30;color:#fff}.history-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:heroDrift 14s ease-out both;filter:grayscale(1) brightness(.3) contrast(1.3) blur(3px)}.history-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}.history-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,32,.82),rgba(11,31,58,.5) 45%,rgba(11,31,58,.08) 78%)}@keyframes heroDrift{from{transform:scale(1.08)}to{transform:scale(1)}}.history-hero-content{position:relative;z-index:1;padding-top:80px}.history-hero-content>span,.journey-head>span,.purpose-card>span{font:700 .72rem Manrope;letter-spacing:.2em;color:var(--brand-pink-tint)}.principles-title>span{font:700 .72rem Manrope;letter-spacing:.2em;color:var(--brand-pink)}.history-hero h1{font-size:clamp(3.6rem,7vw,7.6rem);line-height:.92;letter-spacing:-.065em;margin:24px 0 30px;max-width:850px}.history-hero p{max-width:570px;font-size:1.12rem;color:#cad8e5;line-height:1.7}.history-hero-content>a,.history-cta a{display:inline-flex;align-items:center;gap:11px;margin-top:25px;padding:13px 19px;border:1px solid rgba(255,255,255,.38);border-radius:999px;font-weight:700;font-size:.82rem}.history-hero-content .icon,.history-cta .icon{width:17px}.hero-index{position:absolute;right:34px;bottom:30px;font:700 .7rem Manrope;letter-spacing:.17em;writing-mode:vertical-rl}
.story-intro{padding:145px 0}.story-grid{display:grid;grid-template-columns:.42fr 1fr;gap:10vw}.story-label span{font:700 .68rem Manrope;letter-spacing:.18em;color:var(--brand-pink)}.story-label b{display:block;font:800 clamp(6rem,14vw,12rem)/.85 Manrope;letter-spacing:-.1em;color:#dde3ea;margin-top:30px}.story-lead{font-size:clamp(1.65rem,3vw,2.7rem);font-weight:600;line-height:1.45;letter-spacing:-.025em;color:#1c2530;margin:0 0 35px}.story-copy>p:last-child{font-size:1.08rem;line-height:1.95;color:#5c6774}
.history-visual{padding-bottom:140px}.visual-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:20px}.campus-frame{margin:0;position:relative;min-height:560px;overflow:hidden}.campus-frame img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.campus-frame:hover img{transform:scale(1.035)}.campus-frame figcaption{position:absolute;left:0;bottom:0;width:min(480px,85%);background:rgba(8,20,40,.9);color:#fff;padding:25px 30px;line-height:1.6}.campus-frame figcaption span{display:block;color:var(--brand-pink-tint);font:700 .65rem Manrope;letter-spacing:.17em}.purpose-card{min-height:560px;background:linear-gradient(145deg,var(--brand-pink-deep),#d6247a);color:#fff;padding:48px;position:relative;overflow:hidden}.purpose-card h2{font-size:clamp(2.2rem,3.8vw,4rem);line-height:1.08;margin-top:90px;position:relative;z-index:1}.purpose-orbit{position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.24);border-radius:50%;right:-125px;bottom:-90px;animation:orbit 18s linear infinite}.purpose-orbit:before,.purpose-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;inset:45px}.purpose-orbit:after{inset:90px}.purpose-orbit i{position:absolute;width:9px;height:9px;background:#fff;border-radius:50%;left:35px;top:35px}.purpose-orbit i:nth-child(2){left:auto;right:15px;top:145px}.purpose-orbit i:nth-child(3){left:115px;top:auto;bottom:-4px}@keyframes orbit{to{transform:rotate(360deg)}}
.journey{position:relative;padding:140px 0 150px;background:linear-gradient(145deg,#06172d 0%,#0b2341 56%,#101d38 100%);color:#fff;overflow:hidden;isolation:isolate}.journey:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(143,193,234,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(143,193,234,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.journey:after{content:"DBT";position:absolute;right:-.05em;bottom:-.16em;z-index:-1;font:800 clamp(10rem,24vw,24rem)/.8 Manrope,sans-serif;letter-spacing:-.09em;color:rgba(255,255,255,.022);pointer-events:none}.journey-glow{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none;z-index:-1}.journey-glow-one{width:620px;height:620px;left:-320px;top:6%;background:radial-gradient(circle,rgba(200,30,111,.16),transparent 68%)}.journey-glow-two{width:720px;height:720px;right:-360px;bottom:-240px;background:radial-gradient(circle,rgba(63,154,229,.14),transparent 69%)}.journey-head{display:grid;grid-template-columns:.32fr .98fr 1fr;gap:48px;align-items:end;margin-bottom:90px}.journey-head>span{align-self:start;padding-top:13px;color:#f2a8d2}.journey-head h2{font-size:clamp(3rem,5.4vw,5.7rem);line-height:.94;letter-spacing:-.055em;margin:0;text-wrap:balance}.journey-head p{max-width:520px;margin:0;color:#b9c8d8;font-size:1.02rem;line-height:1.85}.journey-layout{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:clamp(55px,8vw,110px);align-items:start}.journey-visual{position:sticky;top:130px;min-height:620px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 35px 80px rgba(0,8,20,.25);overflow:hidden;backdrop-filter:blur(10px)}.journey-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 47%,rgba(200,30,111,.2),transparent 29%),radial-gradient(circle at 50% 47%,rgba(74,157,224,.12),transparent 58%)}.journey-visual-label{position:absolute;left:28px;top:25px;display:flex;align-items:center;gap:9px;font:700 .65rem Manrope,sans-serif;letter-spacing:.16em;color:#a9bed2}.journey-visual-label span{width:7px;height:7px;border-radius:50%;background:#ef72b2;box-shadow:0 0 0 5px rgba(239,114,178,.12),0 0 22px #ef72b2;animation:signalPulse 2s ease-out infinite}.evolution-orbit{position:absolute;width:min(80%,420px);aspect-ratio:1;left:50%;top:48%;transform:translate(-50%,-50%)}.orbit-ring{position:absolute;border:1px solid rgba(157,199,234,.18);border-radius:50%;animation:orbitRotate 24s linear infinite}.orbit-ring:before,.orbit-ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#8fc1ea;box-shadow:0 0 18px rgba(143,193,234,.9)}.orbit-ring-outer{inset:0;border-style:dashed}.orbit-ring-outer:before{left:11%;top:17%}.orbit-ring-outer:after{right:8%;bottom:22%;background:#f07ab5;box-shadow:0 0 18px rgba(240,122,181,.9)}.orbit-ring-middle{inset:14%;animation-duration:17s;animation-direction:reverse}.orbit-ring-middle:before{right:3%;top:47%}.orbit-ring-middle:after{left:15%;bottom:12%;background:#fff}.orbit-ring-inner{inset:29%;animation-duration:11s}.orbit-ring-inner:before{left:45%;top:-4px;background:#f07ab5}.orbit-ring-inner:after{right:9%;bottom:13%}.orbit-scan{position:absolute;inset:6%;border-radius:50%;background:conic-gradient(from 90deg,transparent 0 76%,rgba(115,188,239,.14) 91%,transparent 100%);animation:orbitRotate 8s linear infinite}.orbit-core{position:absolute;inset:35%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:radial-gradient(circle at 36% 30%,#d63883,#8b1652 53%,#351637);box-shadow:0 0 0 12px rgba(206,42,120,.07),0 0 60px rgba(200,30,111,.35)}.orbit-core small{font:700 .54rem Manrope,sans-serif;letter-spacing:.2em;color:#ffd2e9}.orbit-core strong{font:800 clamp(1.5rem,3vw,2.35rem)/1 Manrope,sans-serif;letter-spacing:-.06em;margin-top:5px}.orbit-core i{position:absolute;right:15%;bottom:12%;font:400 1rem Georgia,serif;color:#ffb9dc}.orbit-node{position:absolute;display:flex;align-items:center;gap:7px;color:#d9e8f5;font:700 .57rem Manrope,sans-serif;letter-spacing:.1em}.orbit-node i{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.17);border-radius:8px;background:rgba(9,30,55,.9);box-shadow:0 1px 2px rgba(7,20,42,.07),0 8px 25px rgba(0,0,0,.2)}.orbit-node .icon{width:15px;height:15px;color:#f299c8}.orbit-node-business{left:-3%;top:20%}.orbit-node-data{right:-2%;top:31%}.orbit-node-cloud{left:3%;bottom:12%}.orbit-node-ai{right:5%;bottom:5%}.journey-signal{position:absolute;left:28px;right:28px;bottom:25px;display:flex;align-items:center;gap:6px;color:#91a8bd}.journey-signal span{width:3px;height:10px;border-radius:99px;background:#8fc1ea;animation:signalBars 1.2s ease-in-out infinite}.journey-signal span:nth-child(2){height:17px;animation-delay:.12s}.journey-signal span:nth-child(3){height:7px;animation-delay:.24s}.journey-signal b{margin-left:5px;font:700 .57rem Manrope,sans-serif;letter-spacing:.15em}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:30px;top:32px;bottom:32px;width:1px;background:linear-gradient(to bottom,#ef79b5 0%,#75b8ea 55%,rgba(117,184,234,.08) 100%)}.timeline-step{position:relative;display:grid;grid-template-columns:64px 1fr;gap:26px;padding:0 0 22px;transition-delay:var(--step-delay,0ms)}.timeline-marker{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.timeline-marker>span{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#0c2746;color:#eef7ff;font:750 1rem Manrope,sans-serif;box-shadow:0 1px 2px rgba(7,20,42,.07),0 12px 30px rgba(0,7,18,.22);transition:.35s ease}.timeline-marker>i{display:grid;place-items:center;width:31px;height:31px;margin-top:24px;border-radius:8px;background:#112d4e;border:1px solid rgba(143,193,234,.14);color:#8fc1ea}.timeline-marker .icon{width:14px;height:14px}.timeline-copy{position:relative;margin-bottom:18px;padding:31px 34px 34px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.055);transition:transform .35s ease,border-color .35s ease,background .35s ease}.timeline-copy:before{content:"";position:absolute;left:-7px;top:26px;width:12px;height:12px;border-left:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:#102b49;transform:rotate(45deg)}.timeline-step small{display:block;margin-bottom:12px;font:700 .66rem Manrope,sans-serif;letter-spacing:.17em;color:#f29cca}.timeline-step h3{font-size:clamp(1.45rem,2.3vw,1.85rem);margin:0 0 13px;letter-spacing:-.02em}.timeline-step p{margin:0;color:#b9c8d8;font-size:.98rem;line-height:1.8}.timeline-step:hover .timeline-marker>span{border-color:rgba(242,121,181,.62);background:#b7206b;transform:rotate(-4deg);box-shadow:0 1px 2px rgba(7,20,42,.07),0 15px 35px rgba(183,32,107,.28)}.timeline-step:hover .timeline-copy{transform:translateX(7px);border-color:rgba(143,193,234,.25);background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035))}@keyframes orbitRotate{to{transform:rotate(360deg)}}@keyframes signalPulse{70%,100%{box-shadow:0 0 0 14px rgba(239,114,178,0),0 0 22px #ef72b2}}@keyframes signalBars{0%,100%{transform:scaleY(.55);opacity:.55}50%{transform:scaleY(1);opacity:1}}
.principles{padding:140px 0}.principles-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:65px}.principles-title h2{font-size:clamp(2.6rem,5vw,5rem);line-height:1.04;margin:0;text-align:right}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dde3ea}.principle-grid article{padding:35px;min-height:300px;border-right:1px solid #dde3ea;transition:.35s}.principle-grid article:last-child{border:0}.principle-grid article:hover{background:#0b1f3a;color:#fff;transform:translateY(-7px)}.principle-grid b{color:var(--brand-pink);font:700 .7rem Manrope}.principle-grid h3{font:700 1.7rem Manrope;margin:75px 0 18px}.principle-grid p{color:#5c6774;line-height:1.7}.principle-grid article:hover p{color:#c9d6e4}
.history-cta{padding:105px 0;background:linear-gradient(115deg,#0b1f3a,var(--brand-pink));color:#fff}.history-cta .container{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:end}.history-cta h2{font-size:clamp(2.8rem,5vw,5rem);line-height:1.02;margin:13px 0 0}.history-cta p{color:#cad8e5;font-size:1.05rem;line-height:1.75}
@media(max-width:1000px){.journey-layout{grid-template-columns:1fr;gap:54px}.journey-visual{position:relative;top:auto;min-height:540px}.evolution-orbit{width:min(70%,390px)}}@media(max-width:900px){.story-grid,.visual-grid{grid-template-columns:1fr}.journey-head{grid-template-columns:1fr;gap:20px;margin-bottom:62px}.journey-head>span{padding-top:0}.journey-head p{max-width:650px}.principle-grid{grid-template-columns:1fr 1fr}.history-cta .container{grid-template-columns:1fr;gap:35px}}
@media(max-width:600px){.history-hero{min-height:650px}.history-hero h1{font-size:3.5rem}.story-intro,.journey,.principles{padding:90px 0}.history-visual{padding-bottom:90px}.story-grid{gap:35px}.story-label b{display:none}.campus-frame,.purpose-card{min-height:420px}.purpose-card{padding:32px}.journey{padding-bottom:96px}.journey-head{margin-bottom:45px}.journey-head h2{font-size:3.25rem}.journey-head p{font-size:.96rem}.journey-layout{gap:42px}.journey-visual{min-height:430px;border-radius:20px}.journey-visual-label{left:20px;top:20px}.evolution-orbit{width:88%;top:49%}.orbit-node b{display:none}.orbit-node i{width:31px;height:31px}.journey-signal{left:20px;bottom:19px}.timeline:before{left:24px}.timeline-step{grid-template-columns:50px 1fr;gap:15px;padding-bottom:15px}.timeline-marker>span{width:48px;height:48px;border-radius:14px;font-size:.82rem}.timeline-marker>i{width:27px;height:27px;margin-top:18px}.timeline-copy{padding:24px 21px 26px;border-radius:14px;margin-bottom:10px}.timeline-copy:before{top:20px}.timeline-step small{font-size:.6rem;line-height:1.5}.timeline-step h3{font-size:1.35rem}.timeline-step p{font-size:.91rem;line-height:1.75}.principles-title{display:block}.principles-title h2{text-align:left;margin-top:20px}.principle-grid{grid-template-columns:1fr}.principle-grid article{border-right:0;border-bottom:1px solid #dde3ea;min-height:230px}.principle-grid h3{margin-top:45px}.history-cta{padding:80px 0}}
@media(prefers-reduced-motion:reduce){.history-hero>img,.purpose-orbit,.orbit-ring,.orbit-scan,.journey-signal span,.journey-visual-label span{animation:none}.timeline-step:hover .timeline-marker>span,.timeline-step:hover .timeline-copy{transform:none}}
.history-hero>picture{position:absolute;inset:0;width:100%;height:100%}.history-hero>picture img{width:100%;height:100%;object-fit:cover;animation:heroDrift 14s ease-out both;filter:grayscale(1) brightness(.3) contrast(1.3) blur(3px)}.campus-frame picture{position:absolute;inset:0}.campus-frame picture img{position:static;width:100%;height:100%;object-fit:cover}

/* Story introduction */
.story-intro{position:relative;isolation:isolate;overflow:hidden;padding:118px 0 132px;background:linear-gradient(145deg,#f4f8fc 0%,#fff 52%,#faf2f7 100%)}.story-intro:before{content:"";position:absolute;z-index:-2;inset:0;background-image:radial-gradient(#173a6318 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(90deg,#000,transparent 42%,transparent 70%,#000)}.story-intro:after{content:"01";position:absolute;z-index:-2;right:-.02em;bottom:-.3em;color:#0b254508;font:800 clamp(16rem,31vw,34rem)/1 Manrope,sans-serif;letter-spacing:-.1em}.story-glow{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.story-glow-left{width:520px;height:520px;left:-350px;top:-300px;background:radial-gradient(circle,#259dca28,transparent 69%)}.story-glow-right{width:560px;height:560px;right:-330px;bottom:-350px;background:radial-gradient(circle,#d2237629,transparent 70%)}
.story-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:38px;padding-bottom:20px;border-bottom:1px solid #dce5ed}.story-heading>span{color:var(--brand-pink);font:700 .7rem Manrope,sans-serif;letter-spacing:.19em}.story-heading>p{max-width:500px;margin:0;color:#6c7a8a;font-size:.92rem;text-align:right}
.story-grid{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);gap:clamp(58px,8vw,112px);align-items:center}.story-identity{position:relative;overflow:hidden;min-height:470px;padding:29px;border:1px solid #ffffff1d;border-radius:20px;background:linear-gradient(145deg,#071a31 0%,#0d3559 62%,#4a173d 145%);box-shadow:0 1px 2px rgba(7,20,42,.07),0 32px 75px rgba(8,28,50,.2);color:#fff}.story-identity:before{content:"";position:absolute;width:330px;height:330px;right:-190px;top:-180px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 44px #ffffff08,0 0 0 88px #ffffff05}.story-identity:after{content:"";position:absolute;inset:auto 29px 0;height:4px;border-radius:2px 2px 0 0;background:linear-gradient(90deg,#d7297d,#3aa6d0)}.story-identity-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.story-identity-top span{color:#a9bfd2;font:700 .62rem Manrope,'IBM Plex Sans Thai',sans-serif;letter-spacing:.17em}.story-identity-top b{color:#ffffff24;font:800 3.1rem/1 Manrope,sans-serif;letter-spacing:-.08em}.story-department-logo{position:relative;z-index:1;display:grid;place-items:center;width:auto;max-width:none;min-height:235px;margin:45px 9px 38px;padding:27px;border:1px solid #ffffff18;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(7,20,42,.07),0 21px 45px rgba(0,7,18,.27)}.story-department-logo picture{display:block;width:100%}.story-department-logo img{display:block;width:100%;height:auto;aspect-ratio:1024/559;object-fit:contain;border-radius:8px}.story-identity-foot{position:relative;z-index:1;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:12px}.story-identity-foot i{width:7px;height:7px;border-radius:50%;background:#f269aa;box-shadow:0 0 0 6px #f269aa19,0 0 18px #f269aa}.story-identity-foot span{color:#a9bfd2;font:700 .57rem/1.6 Manrope,sans-serif;letter-spacing:.12em}.story-identity-foot b{color:#fff;font:800 1.25rem Manrope,sans-serif;letter-spacing:-.05em}
.story-copy{padding:10px 0}.story-copy-kicker{display:flex;align-items:center;gap:10px;color:var(--brand-pink);font:700 .66rem Manrope,'IBM Plex Sans Thai',sans-serif;letter-spacing:.15em}.story-copy-kicker:before{content:"";width:29px;height:2px;background:var(--brand-pink)}.story-copy .story-lead{margin:19px 0 33px;color:#132942;font-size:clamp(2rem,3.5vw,3.45rem);font-weight:650;line-height:1.38;letter-spacing:-.04em;text-wrap:balance}.story-body{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:24px 0;border-top:1px solid #dce5ed;border-bottom:1px solid #dce5ed}.story-body-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#eaf7fc;color:#217ea8}.story-body-icon .icon{width:23px;height:23px}.story-body p,.story-copy>p:last-child{margin:0;color:#657487;font-size:1rem;line-height:1.9}.story-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:25px}.story-pillars>span{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #dfe7ee;border-radius:8px;background:#fff;color:#526579;box-shadow:0 1px 2px rgba(7,20,42,.07),0 8px 20px rgba(10,39,70,.04)}.story-pillars .icon{width:17px;height:17px;color:var(--brand-pink)}.story-pillars b{font-size:.78rem}
@media(max-width:960px){.story-grid{grid-template-columns:1fr;gap:52px}.story-identity{width:min(100%,560px)}.story-copy{max-width:780px}.story-heading{align-items:flex-start;flex-direction:column;gap:8px}.story-heading>p{text-align:left}}
@media(max-width:600px){.story-intro{padding:80px 0 88px}.story-heading{margin-bottom:29px}.story-heading>span{font-size:.61rem;line-height:1.6}.story-grid{gap:37px}.story-identity{min-height:390px;padding:22px;border-radius:20px}.story-identity-top b{font-size:2.6rem}.story-department-logo{min-height:190px;margin:34px 4px 29px;padding:18px;border-radius:14px}.story-identity:after{left:22px;right:22px}.story-copy .story-lead{font-size:2rem;line-height:1.45}.story-body{grid-template-columns:1fr}.story-pillars{grid-template-columns:1fr}.story-pillars>span{padding:11px 13px}}
@media(prefers-reduced-motion:reduce){.story-identity,.story-department-logo{transition:none!important}}
[data-theme="dark"] body[data-page="about"] .story-intro{background:linear-gradient(145deg,#071827,#0b2237 58%,#24101f)}[data-theme="dark"] body[data-page="about"] .story-heading{border-color:#ffffff18}[data-theme="dark"] body[data-page="about"] .story-heading>p,[data-theme="dark"] body[data-page="about"] .story-body p{color:#b2c2cf}[data-theme="dark"] body[data-page="about"] .story-copy .story-lead{color:#f3f7fa}[data-theme="dark"] body[data-page="about"] .story-body{border-color:#ffffff18}[data-theme="dark"] body[data-page="about"] .story-pillars>span{border-color:#ffffff16;background:#ffffff09;color:#d5e1ea}

/* Purpose editorial spread */
.history-visual{padding-bottom:clamp(90px,10vw,150px)}
.visual-grid{grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);gap:12px;align-items:stretch}
.campus-frame,.purpose-card{min-height:clamp(540px,46vw,660px)}
.campus-frame{background:#10243b;isolation:isolate}
.campus-frame picture,.campus-frame>img{z-index:0}
.campus-frame picture img,.campus-frame>img{filter:saturate(.9) contrast(1.08)}
.campus-photo-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,24,42,.42) 0%,transparent 24%,rgba(8,24,42,.1) 52%,rgba(8,24,42,.88) 100%);pointer-events:none}
.campus-photo-top{position:absolute;z-index:2;top:28px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;color:#fff;font:700 .65rem Manrope,sans-serif;letter-spacing:.17em;text-shadow:0 2px 12px #07182f}
.campus-photo-top span:last-child{color:#f9c5df}
.campus-frame figcaption{z-index:2;left:clamp(22px,3vw,46px);right:clamp(22px,3vw,46px);bottom:clamp(24px,3vw,42px);width:auto;max-width:650px;padding:0 0 0 18px;border-left:3px solid #f05ba4;background:transparent;font-size:clamp(.98rem,1.2vw,1.18rem);line-height:1.65;text-wrap:pretty;text-shadow:0 2px 15px #06182c}
.campus-frame figcaption span{margin-bottom:12px;color:#ffd3e9;font-size:.68rem}
.campus-photo-corner{position:absolute;z-index:2;right:24px;bottom:22px;width:53px;height:53px;border-right:1px solid #ffffff9c;border-bottom:1px solid #ffffff9c;pointer-events:none}
.purpose-card{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(32px,3.3vw,55px);background:radial-gradient(circle at 110% 110%,#f73b94 0%,transparent 48%),linear-gradient(145deg,#621348 0%,#a11560 48%,#d52278 100%);box-shadow:inset 0 0 0 1px #ffffff18}
.purpose-card:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 32%,#ffffff0d 32.2%,transparent 32.5%),repeating-linear-gradient(0deg,transparent 0 47px,#ffffff07 48px 49px);pointer-events:none}
.purpose-card:after{content:"03";position:absolute;right:-14px;bottom:24px;color:#ffffff0b;font:800 clamp(8rem,15vw,15rem)/1 Manrope,sans-serif;letter-spacing:-.13em;pointer-events:none}
.purpose-card-top,.purpose-main,.purpose-card-foot{position:relative;z-index:2}
.purpose-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.purpose-card-top>span{color:#ffd5e9;font:700 .72rem Manrope,sans-serif;letter-spacing:.2em}
.purpose-emblem{width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff52;border-radius:50%;background:#ffffff13;color:#fff}
.purpose-emblem .icon{width:22px;height:22px}
.purpose-main{padding:20px 0 24px}
.purpose-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:25px;color:#ffdaea;font:700 .6rem Manrope,sans-serif;letter-spacing:.13em}
.purpose-eyebrow i{width:23px;height:1px;background:#fff}
.purpose-card h2{font-size:clamp(2.4rem,3.7vw,4.4rem);line-height:1.1;letter-spacing:-.04em;margin:0;max-width:10ch;text-wrap:balance}
.purpose-card-foot{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #ffffff5e}
.purpose-themes{display:flex;flex-wrap:wrap;gap:7px}
.purpose-themes>span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #ffffff4d;border-radius:999px;background:#ffffff14;color:#fff;font-size:.68rem;white-space:nowrap}
.purpose-themes .icon{width:14px;height:14px}
.purpose-index{flex:none;color:#ffd9eb;font:700 .58rem Manrope,sans-serif;letter-spacing:.13em}
.purpose-orbit{right:-170px;bottom:55px;width:370px;height:370px;opacity:.65}
@media(max-width:900px){.visual-grid{grid-template-columns:1fr}.campus-frame{min-height:500px}.purpose-card{min-height:470px}.purpose-card h2{max-width:16ch}}
@media(max-width:600px){.visual-grid{gap:10px}.campus-frame{min-height:440px}.purpose-card{min-height:450px;padding:30px}.campus-photo-top{top:22px;left:22px;right:22px;font-size:.56rem}.campus-frame figcaption{left:22px;right:22px;bottom:28px;font-size:.95rem}.purpose-card h2{font-size:clamp(2.3rem,9vw,3.5rem);max-width:12ch}.purpose-card-foot{align-items:start;flex-direction:column}.purpose-orbit{right:-210px;bottom:30px}.campus-photo-corner{display:none}}
@media(prefers-reduced-motion:reduce){.campus-frame img,.purpose-orbit{animation:none;transition:none}}

/* GSAP-drawn timeline line (assets/js/motion.js swaps the static ::before line for this). */
.timeline.is-motion:before{display:none}
.timeline-line{position:absolute;left:30px;top:32px;bottom:32px;width:1px;background:linear-gradient(to bottom,#ef79b5 0%,#75b8ea 55%,#75b8ea 100%);transform-origin:top;box-shadow:0 0 12px rgba(239,121,181,.5)}
.timeline-step.is-active .timeline-marker>span{border-color:#f29cca;box-shadow:0 0 0 6px rgba(242,156,202,.16),0 12px 30px rgba(0,7,18,.22);color:#fff}
.timeline-step.is-active .timeline-copy{border-color:rgba(242,156,202,.35)}