/* Circles and a seamless connected form: a quiet editorial thread. */
.geo-art{display:block;flex:none;line-height:0;pointer-events:none;color:var(--accent)}
.geo-art svg{display:block;width:100%;height:100%;overflow:visible}
.geo-art--vertical{aspect-ratio:3/5}
.geo-art--horizontal,.geo-art--dot,.geo-art--service-dot{aspect-ratio:5/3}
.geo-art--lead-dot{aspect-ratio:10/7}
.geo-art--circle,.geo-art--composition,.geo-art--orbit{aspect-ratio:1}
.geo-drift{transform-box:fill-box;transform-origin:center;transform:translateY(var(--geo-drift,0px))}
.geo-pair{transform-box:fill-box;transform-origin:center;transform:rotate(var(--geo-turn,0deg))}
.geo-surface{transform-box:fill-box;transform-origin:center;transform:scale(var(--geo-stretch,1),var(--geo-compress,1))}
.home-connection-geometry{width:90px;margin-top:26px}
.ai-geometry{width:86px;margin-top:34px}
.portrait-geometry{position:absolute;z-index:2;width:36px;right:32px;bottom:32px;color:var(--ivory)}
.about-label{position:relative}
.profile-geometry{width:84px;margin:34px 0 28px}
.page-kicker{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.page-kicker>.section-label{margin:0}
.page-geometry{width:52px}
.page-geometry--featured{width:110px}

/* A few forms replace the former arrow and intersecting orbital rings. */
.otto-home-art{border-color:rgb(250 247 240 / .24)}
.otto-home-art:before,.otto-home-art:after{content:none}
.otto-home-art>.otto-home-geometry{position:absolute;inset:0;width:100%;height:100%;z-index:1;color:var(--ivory)}
.otto-home-geometry svg{position:static;inset:auto;width:100%;height:100%;color:inherit}
.otto-home-geometry .geo-soft{fill:var(--latte)}
.otto-home-art-word{font-size:clamp(140px,17vw,230px);left:14%;top:48%}
.otto-service-symbol{width:25px;margin-top:7px;align-self:start;justify-self:center}
.otto-service-symbol.geo-art--circle{width:13px;margin-top:11px}

@media(max-width:700px){
 .otto-home-art-word{font-size:clamp(140px,48vw,220px)}
 .otto-service-symbol{display:none}
}
@media(max-width:600px){
 .statement-label{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}
 .statement .statement-label>.section-label{margin:0}
 .home-connection-geometry{width:58px;margin:0 6px 0 0}
 .ai-geometry{width:60px;margin-top:22px}
 .portrait-geometry{width:27px;right:24px;bottom:26px}
 .profile-geometry{position:absolute;right:8px;top:4px;width:48px;margin:0}
 .about-label .section-label{max-width:calc(100% - 76px)}
 .page-kicker{gap:20px;margin-bottom:27px}
 .page-kicker>.section-label{font-size:8px;line-height:1.7}
 .page-geometry{width:36px}
 .page-geometry--featured{width:80px}
}
@media(prefers-reduced-motion:reduce){
 .geo-drift,.geo-pair,.geo-surface{transform:none!important;animation:none!important;transition:none!important}
}
@media print{.geo-drift,.geo-pair,.geo-surface{transform:none!important}}