/* Shared type hierarchy and interaction rhythm. Logo artwork and glyph stay intact. */
:root { --site-font:'Space Grotesk',sans-serif; --section-title:clamp(32px,3.7vw,52px); --ui-ease:cubic-bezier(.16,1,.3,1); }
body,main :not(.dirham-glyph):not(.dirham-glyph *),footer,footer *,.site-header nav,.header-cta { font-family:var(--site-font)!important; }
main h1 { font-size:clamp(48px,6.3vw,90px); font-weight:600; line-height:1.02; letter-spacing:-.035em; }
main h2 { font-size:var(--section-title)!important; font-weight:600; line-height:1.08!important; letter-spacing:-.03em!important; }
main h3 { font-weight:600; line-height:1.2; }
.about .brand-set img { width:112px; max-height:42px; object-fit:contain; }
.about .brand-set li { flex-basis:172px; width:172px; height:76px; padding:10px 24px; }
@media(min-width:861px) {
 .font-release .release-copy { margin-left:46%; width:54%; }
 .font-release .release-model { left:calc(38% - var(--model-width)); }
}
:where(main,footer,.site-header) a { transition:color .25s var(--ui-ease),text-decoration-color .25s,text-underline-offset .25s,background-color .25s var(--ui-ease),transform .25s var(--ui-ease); }
:where(main,footer,.site-header) a:not(.button):not(.header-cta):not(.release-download):not(.site-brand):not(.wordmark):not(.footer-pay) { text-decoration-line:underline; text-decoration-thickness:1px; text-underline-offset:.22em; }
:where(main,footer,.site-header) a:not(.button):not(.header-cta):not(.release-download):not(.site-brand):not(.wordmark):not(.footer-pay):is(:hover,:focus-visible) { text-underline-offset:.4em; text-decoration-thickness:2px; }
:where(main,footer,.site-header) :is(button,summary) { transition:color .25s var(--ui-ease),background-color .25s var(--ui-ease),border-color .25s var(--ui-ease),transform .18s var(--ui-ease); }
:where(main,footer) :is(button,summary):hover { background-color:color-mix(in srgb,currentColor 5%,transparent); }
:where(main,footer,.site-header) :is(.button,.header-cta,.release-download,button):active { transform:scale(.98); }
:where(main,footer,.site-header) a svg { transition:transform .3s var(--ui-ease); }
:where(main,footer,.site-header) a:is(:hover,:focus-visible) svg { transform:translateX(4px); }
:where(main,footer,.site-header) a[download]:is(:hover,:focus-visible) svg { transform:translateY(4px); }
:where(main,footer,.site-header) :is(a,button,summary):focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.usage-steps button { transition:color .3s,border-color .3s,background-color .3s; }
.usage-steps button:hover { border-top-color:currentColor; }
.tamer-work-link { border-bottom:0; }
@media(max-width:860px) { :root { --section-title:clamp(30px,7.5vw,44px); } main h1 { font-size:clamp(44px,11vw,70px); } .about .brand-set img { width:90px; max-height:34px; } .about .brand-set li { flex-basis:138px; width:138px; } }
@media(prefers-reduced-motion:reduce) { :where(main,footer,.site-header) :is(a,button,summary,svg) { transition:none!important; } :where(main,footer,.site-header) a:is(:hover,:focus-visible) svg { transform:none; } }