#about{position:relative;overflow:hidden;background:radial-gradient(ellipse at 5% 10%,#e0d3f188,transparent 60%),radial-gradient(ellipse at 95% 90%,#d1e8df88,transparent 60%),#eff2e9}#about>div{position:relative;z-index:1}#about:before{content:'';position:absolute;left:-100px;bottom:-130px;width:360px;height:360px;border:1px solid #9b83bb20;border-radius:50%;box-shadow:0 0 0 45px #9b83bb08;animation:perspective-orbit 12s ease-in-out infinite;pointer-events:none}#about h2{background:linear-gradient(110deg,#345b42,#88709f);background-clip:text;color:transparent}#about .principle{--tone:#739762;position:relative;display:flex;align-items:center;gap:18px;padding:18px 20px;margin-top:12px;background:#f9fcf4bb;border:1px solid #d2dfc7;border-left:3px solid var(--tone);border-radius:9px;transition:transform .35s,box-shadow .35s}#about .principle:nth-last-child(2){--tone:#9377b4;background:#f4eef9bb;border-color:#ded1eb;border-left-color:var(--tone)}#about .principle:last-child{--tone:#518e99;background:#eaf4f6bb;border-color:#c7dfe4;border-left-color:var(--tone)}#about .principle span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;font:11px monospace;color:var(--tone);background:color-mix(in srgb,var(--tone) 10%,white);transition:transform .35s}#about .principle:hover{transform:translateX(5px);box-shadow:0 8px 20px #3d55430d}#about .principle:hover span{transform:rotate(-8deg) scale(1.1)}#about.visible .principle{animation:perspective-enter .8s both}#about.visible .principle:nth-last-child(2){animation-delay:.15s}#about.visible .principle:last-child{animation-delay:.3s}#presence{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#dce9f688,transparent 60%),radial-gradient(ellipse at 100% 100%,#e5d5ef88,transparent 60%),#f0f3ef}#presence .sectionhead h2{background:linear-gradient(110deg,#39566e,#8b6da1);background-clip:text;color:transparent}#presence .office{--office-accent:#5c8eaa;position:relative;background:linear-gradient(140deg,#f8fcff,#dcebf4);border:1px solid #bad3e2;border-top:3px solid var(--office-accent);box-shadow:0 12px 35px #3d61740a;transition:transform .4s,box-shadow .4s}#presence .office:nth-child(2){--office-accent:#9a78ad;background:linear-gradient(140deg,#fcf8ff,#e9dcef);border-color:#d5bfdf;border-top:3px solid var(--office-accent)}#presence .office:before{color:color-mix(in srgb,var(--office-accent) 9%,transparent);animation:office-float 7s ease-in-out infinite}#presence .office:nth-child(2):before{color:#9a78ad12;animation-delay:-3.5s}#presence .office:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--office-accent),transparent);opacity:.35;transform:scaleX(.3);transition:transform .45s}#presence .office:hover:after{transform:scaleX(1)}#presence .office:hover{transform:translateY(-7px);box-shadow:0 20px 40px color-mix(in srgb,var(--office-accent) 17%,transparent)}#presence .office .eyebrow,#presence .office:nth-child(2) .eyebrow{color:var(--office-accent)}#presence .office address,#presence .office:nth-child(2) address{border-color:var(--office-accent)}#presence .office a{color:var(--office-accent);border-color:color-mix(in srgb,var(--office-accent) 45%,white)}#presence.visible .office{animation:perspective-enter .85s both}#presence.visible .office:nth-child(2){animation-delay:.18s}@keyframes perspective-enter{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes perspective-orbit{50%{transform:translate(15px,-15px) scale(1.04)}}@keyframes office-float{50%{translate:0 -7px}}@media(max-width:600px){#about .principle{padding:15px;gap:12px}}@media(prefers-reduced-motion:reduce){#about:before,#about .principle,#presence .office,#presence .office:before{animation:none!important}#about .principle:hover,#presence .office:hover{transform:none}}