:root{--navy:#142f59;--blue:#257dbd;--sky:#3db2ff;--lavender:#e5d9f0;--muted:#45566d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--navy);background:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit}a:focus-visible,button:focus-visible{outline:3px solid #537cb5;outline-offset:5px}.skip-link{position:absolute;top:-60px;left:20px;background:#fff;padding:12px;z-index:99}.skip-link:focus{top:10px}.about-nav{height:94px;display:flex;align-items:center;gap:35px;padding:0 6vw;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(18px);z-index:30;border-bottom:1px solid #dde4ef}.about-brand{display:flex;align-items:center;gap:12px;font-size:16px;letter-spacing:.07em;white-space:nowrap}.about-brand img{width:43px;height:49px;object-fit:contain}.about-nav nav{display:flex;gap:30px;margin-left:auto}.about-nav nav a{font-size:14px;font-weight:700}.about-nav nav a[aria-current]{color:#257dbd}.about-button{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:17px 23px;border-radius:40px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;box-shadow:0 8px 20px #2a67a51a;transition:transform .25s,box-shadow .25s}.about-button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #2a67a533}.about-menu{display:none}.about-opening{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:15px 4vw;align-items:center;padding:70px 7vw 25px;min-height:650px;overflow:hidden;background:radial-gradient(ellipse at 90% 35%,#d6eafb,transparent 53%),linear-gradient(125deg,#f0f1f5,#eee7f4 68%,#e2d8ee)}.overline{font-size:10px;font-weight:700;letter-spacing:.17em;color:#386087;margin:0 0 23px;text-transform:uppercase}.opening-copy{position:relative;z-index:4}.opening-copy h1{font-size:clamp(40px,4.4vw,75px);font-weight:700;line-height:1.07;letter-spacing:-.045em;margin:0 0 27px;max-width:800px}.opening-copy h1 span{color:#2676b4}.opening-intro{font-size:19px;line-height:1.6;max-width:530px;font-weight:500;margin:0 0 13px}.opening-support{font-size:16px;line-height:1.7;color:var(--muted);max-width:500px;margin:0}.opening-actions{display:flex;gap:27px;align-items:center;margin-top:30px}.about-text-link{font-size:13px;font-weight:700;white-space:nowrap}.about-text-link span{margin-left:12px}.opening-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:21px;border-top:1px solid #b7c6de77;margin-top:25px;font-size:9px;font-weight:700;letter-spacing:.12em;z-index:4}.shield-sculpture{width:100%;aspect-ratio:1;position:relative;perspective:1100px;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform 1s ease-out}.sculpture-halo{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,#fff9,#b3d4f633 60%,transparent 72%);filter:blur(5px)}.sculpture-orbit{position:absolute;inset:5%;border:1px solid #ffffffc9;border-radius:50%;transform:rotateX(55deg) rotateZ(-20deg);box-shadow:0 0 0 25px #ffffff17;animation:aboutOrbit 20s linear infinite}.glass-shield{position:absolute;left:22%;top:10%;width:59%;height:67%;clip-path:polygon(50% 0,98% 17%,94% 62%,82% 80%,50% 100%,18% 80%,6% 62%,2% 17%);background:linear-gradient(145deg,#ffffffee,#b4d8f470 50%,#95badc99);filter:drop-shadow(0 18px 18px #51698e44)}.shield-back{transform:translate(16px,12px) rotate(7deg);background:linear-gradient(145deg,#baadcf,#99b9d5)}.shield-front{border:0;animation:aboutFloat 6s ease-in-out infinite}.sculpture-logo{position:absolute;width:40%;height:46%;object-fit:contain;left:31%;top:21%;filter:drop-shadow(0 15px 18px #3373a44d);animation:aboutFloat 6s ease-in-out infinite;transform:translateZ(35px)}.sculpture-plinth{position:absolute;width:75%;height:17%;bottom:10%;left:15%;border-radius:50%;background:linear-gradient(180deg,#ffffff,#cbd3e4 46%,#b4bed3 51%,#e9ecf3);box-shadow:0 25px 35px #59749624}.sculpture-label{position:absolute;right:0;bottom:16%;z-index:5;display:flex;align-items:center;gap:12px;background:#ffffffdc;border:1px solid #fff;border-radius:19px;padding:18px 21px;box-shadow:0 17px 32px #4b689522;backdrop-filter:blur(15px);animation:aboutFloat 7s -2s ease-in-out infinite}.sculpture-label>span{display:grid;place-items:center;width:33px;height:33px;color:#fff;background:linear-gradient(145deg,#3db2ff,#8a7caf);border-radius:50%}.sculpture-label strong{font-size:14px}.sculpture-label small{display:block;color:#60718b;font-size:10px;margin-top:4px}.sculpture-dot{position:absolute;width:14px;height:14px;border:3px solid #fff;background:#b0a1ce;border-radius:50%;box-shadow:0 5px 14px #7683a933;animation:aboutFloat 4s ease-in-out infinite}.dot-one{left:12%;top:23%}.dot-two{right:10%;top:13%;width:22px;height:22px;animation-delay:-2s}.about-story{display:grid;grid-template-columns:1.05fr .8fr;gap:10vw;padding:95px 7vw;scroll-margin-top:100px}.about-story h2{font-size:clamp(28px,3vw,44px);line-height:1.2;letter-spacing:-.035em;margin:0}.story-copy{align-self:center}.story-copy>p{font-size:18px;line-height:1.7;color:var(--muted)}.founder-signature{display:flex;align-items:center;gap:16px;border-top:1px solid #dde3ee;padding-top:25px;margin-top:28px}.signature-mark{font-size:13px;font-weight:700;padding:16px 12px;border-radius:15px;color:#436f9d;background:linear-gradient(135deg,#ecf6ff,#e8def2);box-shadow:0 4px 0 #cdd5e4}.founder-signature strong{font-size:11px;letter-spacing:.09em}.founder-signature small{display:block;font-size:9px;margin-top:7px;color:#60718b;letter-spacing:.06em}.about-principles{padding:75px 7vw 90px;background:linear-gradient(140deg,#eff2f7,#f0eaf7)}.principles-heading{max-width:820px;margin-bottom:45px}.principles-heading h2{font-size:clamp(30px,3.5vw,48px);line-height:1.17;letter-spacing:-.035em;margin:0 0 23px}.principles-heading h2 span{color:#2676b4}.principles-heading>p:last-child{font-size:16px;line-height:1.7;max-width:650px;color:var(--muted)}.principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;perspective:1200px}.principle-card{position:relative;padding:28px 24px;border:1px solid #fff;background:linear-gradient(145deg,#fffffff0,#ffffff70);box-shadow:0 4px 0 #dae0ec,0 17px 27px #3954780d;border-radius:23px;transition:transform .35s,box-shadow .35s;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.principle-card:nth-child(even){background:linear-gradient(145deg,#ffffff,#e8def2)}.principle-card:hover{box-shadow:0 4px 0 #ccd6e9,0 24px 40px #39547820}.principle-number{position:absolute;right:23px;top:27px;font-size:10px;color:#7d8ca4}.principle-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:15px;background:linear-gradient(145deg,#fff,#cce5f8);color:#3376ae;box-shadow:4px 5px 0 #c0d1e6;font-size:27px;margin-bottom:28px;transform:rotate(-6deg);transition:transform .4s}.principle-card:hover .principle-icon{transform:translateY(-4px) rotate(3deg)}.principle-card h3{font-size:19px;line-height:1.3;letter-spacing:-.02em;margin:0 0 17px}.principle-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.about-closing{padding:70px 7vw;display:flex;justify-content:space-between;align-items:center;gap:30px}.about-closing h2{font-size:clamp(28px,3.5vw,45px);letter-spacing:-.035em;margin:0}.about-closing .overline{margin-bottom:14px}.about-footer{padding:35px 7vw;background:#17345d;color:#fff;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:12px}.about-footer>div{display:flex;gap:23px}.about-footer>a:first-child{font-weight:700;letter-spacing:.08em}.about-motion [data-about-reveal]{opacity:0;translate:0 20px;transition:opacity .65s,translate .65s}.about-motion [data-about-reveal].about-visible{opacity:1;translate:0 0}@keyframes aboutFloat{50%{translate:0 -12px}}@keyframes aboutOrbit{to{rotate:360deg}}
@media(max-width:1100px){.about-opening{gap:20px;grid-template-columns:1.2fr 1fr}.opening-actions{gap:18px;flex-wrap:wrap}.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sculpture-label{padding:14px}.sculpture-label strong{font-size:12px}.about-nav{gap:25px}.about-nav nav{gap:22px}}
@media(max-width:800px){.about-nav{height:80px;padding:0 24px}.about-nav nav{display:none}.about-menu{display:block;margin-left:auto;background:#eef1f7;color:var(--navy);border:1px solid #d8e0ed;border-radius:25px;padding:9px 15px;font-weight:700}.nav-quote{display:none}.about-nav.open nav{display:flex;flex-direction:column;position:absolute;top:80px;left:0;right:0;background:#fff;padding:25px;border-bottom:1px solid #d8e0ed}.about-opening{grid-template-columns:1fr;padding:48px 24px 24px;min-height:0}.opening-copy h1{font-size:clamp(37px,7.5vw,56px)}.opening-intro{font-size:17px}.opening-support{font-size:15px}.opening-actions{margin-top:23px}.about-button{padding:15px 19px;font-size:12px}.shield-sculpture{max-width:410px;margin:0 auto}.opening-bottom{font-size:8px;gap:13px;flex-wrap:wrap;margin-top:0}.about-story{grid-template-columns:1fr;gap:30px;padding:60px 24px}.story-copy>p{font-size:16px}.about-principles{padding:60px 24px}.about-closing{padding:50px 24px;align-items:flex-start;flex-direction:column}.about-footer{padding:30px 24px;flex-wrap:wrap;line-height:1.5}.sculpture-label{bottom:12%}}
@media(max-width:480px){.principles-grid{grid-template-columns:1fr}.principle-card{padding:26px}.opening-actions{gap:19px}.about-brand{font-size:13px}.about-brand img{width:36px}.opening-bottom>a{width:100%;padding-top:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;translate:none!important}.about-motion [data-about-reveal]{opacity:1!important}.shield-sculpture,.principle-card{transform:none!important}}