/* First-release polish: quiet identity, complete controls, subtle 2px corners. */
.brand{gap:5px}.brand-dot{width:7px;height:7px;align-self:center;margin-top:12px;background:var(--lime);border-radius:50%;display:inline-block;flex:none}
.button,.button:hover,.button:focus-visible{border-bottom:1px solid var(--line)}
.button.dark,.button.dark:hover,.button.dark:focus-visible{border-bottom-color:var(--primary)}
.button.dark:hover{border-bottom-color:var(--primary-hover)}
.button.light{border-bottom-color:var(--ice)}
body.deep-mode .button.dark{border-bottom-color:var(--lime)}
body.deep-mode .button.dark:hover{border-bottom-color:var(--lime-soft)}
.hero .actions>.button:not(.dark){border:1px solid var(--muted)}
:is(.header,.navlinks,.button,.menu,.filter,.case-card,.case-art,.context-card-tag,.art-tag,.art-arrow,.impact,.notice,.story-teaser,.quote,.contact-form,input,select,textarea,.lead-panel,.lead-trigger,.facilitation-compact,.workshop-choice,.formira-teaser,.soon-tag,.career-interactive,.career-insight,.career-stage,.journey-play,.globe-toggle,.world-labels button,.chapter-tooltip,.case-carousel-arrows button){border-radius:2px!important}
.wordmarks.brand-group{width:auto;min-width:0}.brand-track{animation-duration:130s}
.brand-group .client-castrol{font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:27px}
.brand-group .client-godrej{flex-direction:column;font-family:Georgia,serif;font-style:italic;font-size:26px;line-height:1.1}
.brand-group .client-godrej small{font-family:Manrope,Arial,sans-serif;font-style:normal;font-size:10px;letter-spacing:.12em;margin-top:5px}
.brand-group .client-cca{flex-direction:column;font-weight:800;font-size:29px;line-height:1.1}
.brand-group .client-cca small{font-size:7px;font-weight:500;letter-spacing:0;margin-top:6px}
.brand-group .client-chipotle{font-size:20px;font-weight:800;letter-spacing:.04em}
#career-journey .career-stop span{font-weight:700;font-size:12px}
#career-journey .career-stop strong{font-size:11px;line-height:1.45}
#career-journey .career-stop{min-height:65px}
#career-journey .journey-play{min-width:44px;width:44px;height:44px;padding:11px;display:grid;place-items:center}
.journey-play svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.journey-play[data-state=play] svg{fill:currentColor;stroke-width:1}
.header,.navlinks,.brand,.story-copy,.story-teaser{transition:background-color .65s ease,color .65s ease,border-color .65s ease}
.story-return{scroll-margin-top:120px}.story-return .story-copy{background:var(--blue-soft)}
.story-return .story-copy h2{color:var(--ink);transition:color .65s ease}
.story-return .story-copy p{color:var(--muted);transition:color .65s ease}
@media(max-width:1000px) and (min-width:701px){#career-journey .career-stops{display:flex;overflow-x:auto;scrollbar-width:thin}#career-journey .career-stop{flex:0 0 90px}}
@media(max-width:700px){#career-journey .career-stop{flex-basis:99px}#career-journey .career-stop strong{font-size:11px}.wordmarks.brand-group{width:auto}}
@media(prefers-reduced-motion:reduce){body,.header,.navlinks,.brand,.story-copy,.story-teaser,.story-return .story-copy h2,.story-return .story-copy p{transition:none!important}}

/* The original pencil artwork is shown in full, including its transparent canvas. */
.story-teaser img.pencil-story{object-fit:contain;object-position:center;background:var(--ice)}
.story-full.pencil-story{height:auto;max-height:720px;object-fit:contain;background:var(--ice)}
@media(max-width:640px){.story-teaser img.pencil-story{height:auto;aspect-ratio:1;min-height:0}.story-full.pencil-story{min-height:0}}

/* Annotated refinements: a white canvas across both halves of the personal story. */
.brand-dot{background:var(--blue)}
#story-beginning .story-teaser,
#story-beginning .story-teaser img.pencil-story,
#story-beginning .story-copy,
body.deep-mode #story-beginning .story-copy{background:#fff}

/* White canvas behind the original pencil drawing on the About page. */
.story-full.pencil-story{background:#fff}

.wordmark-mercedes{font-family:Georgia,serif;font-size:clamp(20px,2.5vw,31px);font-weight:400;display:flex;flex-direction:column;gap:7px}.wordmark-mercedes small{font:9px Manrope,Arial,sans-serif;letter-spacing:.18em}.mercedes-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mercedes-evidence-grid figure{min-width:0}@media(max-width:700px){.mercedes-evidence-grid{grid-template-columns:1fr}}