/* TWIA About — 0.5.29 Color & Motion Upgrade */
.twia-about-page{background:#fff;color:#10245f;overflow:hidden}
.twia-about-hero{min-height:520px;background-position:center;background-size:cover;display:flex;align-items:center;position:relative;isolation:isolate}
.twia-about-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(7,23,68,.96) 0%,rgba(18,50,130,.72) 48%,rgba(102,44,222,.48) 100%);z-index:-1}
.twia-about-hero:after{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(98,203,255,.30),rgba(98,203,255,0) 68%);z-index:-1;pointer-events:none}
.twia-about-hero-inner{padding:90px 0;position:relative}
.twia-about-kicker,.twia-about-label{font-size:12px;font-weight:800;letter-spacing:.16em;color:#63c5f5}
.twia-about-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(125,221,255,.32);border-radius:999px;background:rgba(18,54,130,.34);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.twia-about-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#63c5f5;box-shadow:0 0 12px rgba(99,197,245,.9)}
.twia-about-hero h1{margin:16px 0 5px;color:#fff;font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.04em;text-shadow:0 8px 30px rgba(0,0,0,.18)}
.twia-about-subtitle{margin:0;color:#fff;font-size:clamp(22px,2.5vw,34px);font-weight:700}
.twia-about-hero-text{max-width:680px;margin:22px 0 0;color:#e7efff;font-size:17px;line-height:1.8}
.twia-about-story{padding:90px 0;background:#fff;position:relative}
.twia-about-story:before{content:"";position:absolute;left:-120px;top:30px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(89,181,245,.13),rgba(89,181,245,0) 70%);pointer-events:none}
.twia-about-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;position:relative}
.twia-about-story .twia-about-label{display:inline-flex;align-items:center;gap:10px;color:#6632d9}
.twia-about-story .twia-about-label:before{content:"";width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,#55baf5,#7037e5)}
.twia-about-story h2,.twia-about-values h2,.twia-about-visit h2{font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.035em;margin:12px 0;color:#10245f}
.twia-about-story h2{background:linear-gradient(100deg,#10245f 20%,#284ca7 62%,#6632d9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.twia-about-copy{font-size:17px;color:#5d6985;line-height:1.9;padding-left:25px;border-left:3px solid transparent;border-image:linear-gradient(#55baf5,#6c2cff) 1}
.twia-about-copy p{margin:0 0 18px}
.twia-about-values{padding:82px 0;background:linear-gradient(135deg,#f4f7ff 0%,#fff 46%,#f6f1ff 100%);position:relative}
.twia-about-values:before,.twia-about-values:after{content:"";position:absolute;border:1px solid rgba(83,136,224,.10);border-radius:50%;pointer-events:none}
.twia-about-values:before{width:480px;height:480px;left:-270px;bottom:-250px}
.twia-about-values:after{width:620px;height:620px;right:-360px;top:-330px}
.twia-about-values-head{text-align:center;margin-bottom:38px;position:relative}
.twia-about-values-head .twia-about-label{color:#6c2cff}
.twia-about-values-head .twia-about-label:after{content:"";display:block;width:52px;height:3px;border-radius:3px;margin:11px auto 0;background:linear-gradient(90deg,#55baf5,#6c2cff)}
.twia-about-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.twia-about-value{padding:31px;border-radius:20px;background:rgba(255,255,255,.94);border:1px solid #dce5f7;box-shadow:0 14px 35px rgba(25,52,110,.08);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;position:relative;overflow:hidden}
.twia-about-value:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#55baf5,#315ed0);transform:scaleX(.35);transform-origin:left;transition:transform .25s ease}
.twia-about-value:after{content:"";position:absolute;width:130px;height:130px;right:-60px;bottom:-65px;border-radius:50%;background:radial-gradient(circle,rgba(91,185,247,.16),rgba(91,185,247,0) 70%);transition:transform .25s ease}
.twia-about-value:nth-child(2):before{background:linear-gradient(90deg,#6935e6,#b24eea)}
.twia-about-value:nth-child(2):after{background:radial-gradient(circle,rgba(112,55,229,.16),rgba(112,55,229,0) 70%)}
.twia-about-value:nth-child(3):before{background:linear-gradient(90deg,#31c9d8,#2474e8)}
.twia-about-value:nth-child(3):after{background:radial-gradient(circle,rgba(49,201,216,.16),rgba(49,201,216,0) 70%)}
.twia-about-value:hover{transform:translateY(-8px);box-shadow:0 24px 52px rgba(25,52,110,.15);border-color:#b9caf0}
.twia-about-value:hover:before{transform:scaleX(1)}
.twia-about-value:hover:after{transform:scale(1.35)}
.twia-about-value-number{display:inline-flex;align-items:center;justify-content:center;width:38px;height:26px;border-radius:8px;background:#eef6ff;color:#315ed0;font-size:11px;font-weight:900;letter-spacing:.12em}
.twia-about-value:nth-child(2) .twia-about-value-number{background:#f2edff;color:#6c2cff}
.twia-about-value:nth-child(3) .twia-about-value-number{background:#e8fbfd;color:#128ca0}
.twia-about-value h3{font-size:28px;margin:17px 0 8px;color:#10245f}
.twia-about-value p{margin:0;color:#66718b;line-height:1.75}
.twia-about-visit{padding:76px 0;background:linear-gradient(115deg,#091c50 0%,#173e9b 57%,#6632d9 100%);color:#fff;position:relative;overflow:hidden}
.twia-about-visit:before{content:"";position:absolute;width:460px;height:460px;right:-190px;top:-250px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}
.twia-about-visit-inner{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;position:relative}
.twia-about-visit .twia-about-label{color:#82dcff}
.twia-about-visit h2{color:#fff;margin-bottom:12px}
.twia-about-visit p{max-width:650px;color:#dbe5ff;font-size:16px;line-height:1.8}
.twia-about-location{min-width:230px;padding:24px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.05));box-shadow:0 20px 50px rgba(0,0,0,.15);backdrop-filter:blur(7px);transition:transform .22s ease,border-color .22s ease}
.twia-about-location:hover{transform:translateY(-5px);border-color:rgba(126,220,255,.55)}
.twia-about-location span{display:block;font-size:10px;letter-spacing:.15em;color:#9fdcff}
.twia-about-location strong{display:block;font-size:28px;margin:5px 0 12px}
.twia-about-location a{font-size:12px;font-weight:800;color:#fff;letter-spacing:.06em}
@media(max-width:800px){.twia-about-hero{min-height:470px}.twia-about-hero-inner{padding:70px 0}.twia-about-story-grid,.twia-about-visit-inner{grid-template-columns:1fr;gap:28px}.twia-about-copy{padding-left:18px}.twia-about-value-grid{grid-template-columns:1fr}.twia-about-story,.twia-about-values{padding:65px 0}.twia-about-visit{padding:60px 0}.twia-about-location{min-width:0}.twia-about-hero:after{width:300px;height:300px;right:-120px;top:-100px}}
@media(hover:none){.twia-about-value:hover,.twia-about-location:hover{transform:none}}