.odit-brand{background:radial-gradient(ellipse at 50% 35%,#ffe1b7,#fff5e5 55%,#f5eee1);overflow:hidden}
.odit-brand-stage{height:230px;position:relative;display:grid;place-items:center;max-width:760px;margin:auto}
.odit-process{display:flex;gap:10px;justify-content:center;position:absolute;inset:0;align-items:center;animation:odit-connect 7s infinite paused}
.odit-process span{padding:15px 18px;border:1px solid #d6b999;border-radius:12px;background:#fffaf3;color:#173d31;font-size:18px;font-weight:700;position:relative}
.odit-process span:not(:last-child):after{content:'→';position:absolute;right:-12px;z-index:1;color:#b64c1b}
.odit-word{font-size:clamp(78px,13vw,124px);font-weight:850;letter-spacing:-5px;line-height:1;color:#173d31;animation:odit-arrive 7s infinite paused;text-align:center}
.odit-word span{display:block;font-size:26px;letter-spacing:2px;margin-top:18px}
.odit-brand.brand-running .odit-word,.odit-brand.brand-running .odit-process{animation-play-state:running}
.brand-meaning h2.odit-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.odit-slogan{font-size:clamp(25px,4vw,40px);font-weight:800;letter-spacing:-1px;margin:8px 0 24px;text-wrap:balance;word-break:keep-all}
.odit-description{font-size:17px;line-height:1.9;color:#52665b;margin:25px auto 0;word-break:keep-all}
.odit-mobile-break{display:none}.odit-domain{font-size:14px;color:#53685f}
@keyframes odit-connect{0%,23%{opacity:1;transform:translateY(0) scale(1)}38%,88%{opacity:0;transform:translateY(10px) scale(.75)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes odit-arrive{0%,23%{opacity:0;transform:translateY(18px) scale(.9)}40%,88%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(18px) scale(.9)}}
@media(max-width:600px){.odit-brand-stage{height:200px}.odit-process{display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:10px;max-width:300px;margin:auto}.odit-process span{padding:12px 9px;font-size:16px}.odit-process span:after{display:none}.odit-mobile-break{display:block}.odit-description{font-size:15px}.brand-definition{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.odit-word{animation:none;opacity:1}.odit-process{display:none}}

/* Torykery serif wordmark and longer brand name. */
.logo{font-family:Georgia,"Times New Roman",serif!important;font-size:34px!important;font-weight:700;letter-spacing:-1.5px!important}.odit-word{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-4px;font-size:clamp(60px,11vw,110px)}.odit-word span{font-family:BookSans,"Malgun Gothic",sans-serif;letter-spacing:0;font-weight:500}.brand-lockup{gap:18px}@media(max-width:600px){.logo{font-size:29px!important}.odit-word{font-size:64px;letter-spacing:-3px}}