@layer skin{[data-template=minimal-studio]{--bg:var(--brand-paper);--fg:var(--brand-ink);--muted:color-mix(in oklab, var(--brand-ink) 74%, var(--brand-paper));--line:color-mix(in oklab, var(--brand-ink) 13%, transparent);--surface:color-mix(in oklab, var(--brand-paper) 55%, white);--tint-bg:color-mix(in oklab, var(--brand-accent) 7%, var(--brand-paper));--primary:var(--brand-ink);--on-primary:var(--brand-paper);--dark-bg:var(--brand-dark);--focus:var(--brand-accent);--display-weight:300;--display-tracking:-.02em;--display-leading:1.08;--h1:clamp(2.25rem, 1.7218rem + 2.2535vw, 3.75rem);--h2:clamp(1.875rem, 1.5669rem + 1.3146vw, 2.75rem);--lead:clamp(1.125rem, 1.081rem + .1878vw, 1.25rem);--body-size:clamp(1.0625rem, 1rem + .25vw, 1.125rem);--small:.9rem;--radius-s:4px;--radius:6px;--radius-l:6px;--btn-pad:.9em 1.6em;--btn-weight:500;--section-y:clamp(3.5rem, 2.25rem + 4.2vw, 6.5rem);--container:1320px;--nav-h:80px;--nav-weight:400;--shadow:none;--menu-bg:var(--brand-paper)}[data-template=minimal-studio][lang|=ar]{--ar-scale:1.05}[data-template=minimal-studio] h3{font-weight:400}[data-template=minimal-studio] .btn--primary:hover{background:var(--accent);color:#fff}[data-template=minimal-studio] .btn--quiet:hover{text-decoration-color:var(--accent)}[data-template=minimal-studio] .nav{--nav-bg:var(--brand-paper)}[data-template=minimal-studio] .logo-word{font-size:1.45rem;font-weight:400}[data-template=minimal-studio] .hst-title,[data-template=minimal-studio] .ix-title{font-weight:300}[data-template=minimal-studio] .ix-meta{color:var(--accent);font-weight:500}[data-template=minimal-studio] .hl-title{font-weight:300}[data-template=minimal-studio]{--hl-size:clamp(1.5rem, 1rem + 2vw, 2.8rem)}[data-template=minimal-studio] .sc-title,[data-template=minimal-studio] .wo-title,[data-template=minimal-studio] .pc-title{font-weight:300}[data-template=minimal-studio] .sec[data-tone=tint]{--surface:color-mix(in oklab, var(--brand-paper) 40%, white)}[data-template=minimal-studio] .wo-value{font-weight:300}[data-template=minimal-studio] .tp-quote{font-style:italic;font-weight:300}[data-template=minimal-studio] .cp-title{font-weight:300}[data-template=minimal-studio] .ps-num{color:var(--accent);font-family:var(--font-body);font-weight:500}[data-template=minimal-studio] .ts{text-align:start;justify-items:start}[data-template=minimal-studio] .ts-quote{font-style:italic;font-weight:300}[data-template=minimal-studio] .cbt{text-align:start;justify-items:start}[data-template=minimal-studio] .cbt-title{transform-origin:0 100%;max-width:18ch;font-size:clamp(2rem,1.5599rem + 1.8779vw,3.25rem);font-weight:300}[data-template=minimal-studio] .st-body{font-weight:300}[data-template=minimal-studio] .cs-form{border:1px solid var(--line);background:0 0}[data-template=minimal-studio] .footer{--footer-bg:var(--brand-dark)}[data-template=minimal-studio] .ts.wrap-narrow{width:min(100% - 2 * var(--gutter), var(--container))}[data-template=minimal-studio] .ts-quote{max-width:26ch}[data-template=minimal-studio] .ac-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}}@keyframes ms-fade{0%{opacity:0}}@keyframes ms-out{to{opacity:0}}html[data-template=minimal-studio]::view-transition-old(root){animation:.25s both ms-out}html[data-template=minimal-studio]::view-transition-new(root){animation:.5s both ms-fade}
