@font-face{font-family:urbanist;src:url(/fonts/Urbanist-VariableFont_wght.woff2)format('woff2');font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:opencherry;src:url(/fonts/OpenCherry-Regular.woff2)format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:commitmono;src:url(/fonts/CommitMono.woff2)format('woff2');font-style:normal;font-weight:400 700;font-display:swap}:root{--font-sans:'Urbanist';--font-heading:'OpenCherry', 'Urbanist';--font-mono:'CommitMono';--wdms-ink:#172235;--wdms-gold:#f2c94c;--wdms-coral:#ff7b72;--wdms-cyan:#62e6d2}@layer skirbi-base{[skirbi-theme]{--skirbi-font-defaults:var(--font-sans);--skirbi-font-header-defaults:var(--font-heading)}}@layer skirbi-theme{html[skirbi-theme]{hyphens:auto}[skirbi-theme]{--skirbi-font-sans:var(--font-sans);--skirbi-font-mono:var(--font-mono);--skirbi-primary-main:#172235;--skirbi-secondary-main:var(--wdms-gold);p{text-align:justify} :where(h1, h2, h3, h4, h5, h6) { font-family: var(--skirbi-font-headers); hyphens: none; } :where(h2, h3, h4, h5, h6) { font-variant: small-caps; } font-family: var(--skirbi-font-sans)}}@layer skirbi-components{[skirbi-theme]{semtic-nav [semtic-nav-avatar][hero-image=banner]{width:auto;height:clamp(3rem,7vw,7rem);max-height:12rem;border-radius:0} [semtic-nav-title] { font-family: var(--skirbi-font-heading); text-transform: uppercase; } article > semtic-header h1 { text-transform: uppercase; text-align: center; } article > semtic-header h1 + h2 { text-align: center; } semtic-aside[related-posts] h3 { text-transform: uppercase; } @media (max-width: 36rem) { semtic-nav-item [semtic-nav-link] { text-align: left; letter-spacing: 0.10rem; padding: 0.2rem 0.40rem; font-size: 0.7em; } }}}@keyframes strike-line{from{width:0}to{width:100%}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes appear{to{opacity:1}}@layer skirbi-theme{[skirbi-theme=landingpage]{margin-inline:auto;--skirbi-page-bg:var(--wdms-ink);--skirbi-padding:1.75rem;--skirbi-padding-max:3rem;--landing-page-font-size:1.5rem;--skirbi-columns:3;dibuho-panel[landing-content]{align-content:center;height:100vh;isolation:isolate;overflow:hidden; [swap-word] { position: relative; display: inline-block; } [strike-animate] { position: relative; display: inline-block; animation: fade-out 0.4s ease 2.6s forwards; } [appear-animate] { position: absolute; left: 50%; top: 0; transform: translateX(-50%); opacity: 0; animation: appear 0.4s ease 2.8s forwards; } [strike-animate]::after { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0.15em; background: white; animation: strike-line 1s ease 1s forwards; } semtic-grid { grid-template-columns: 1fr 2fr 1fr; align-items: center; align-content: center; min-height: 90vh; overflow: auto; gap: 2rem; padding-inline: 3rem; padding-bottom: 3rem; h1 { grid-column: 1 / -1; text-align: center; padding-top: calc(var(--skirbi-padding-max) * 2); padding-bottom: var(--skirbi-padding-max); text-align: center; text-transform: uppercase; hyphens: manual; } } strong { color: var(--skirbi-secondary-main); font-weight: inherit; } span[mouse] { position: relative; } del { text-decoration-thickness: 0.33rem; } img { width: 25vw; object-fit: contain; align-self: center; } p { text-align: center; font-size: var(--landing-page-font-size); } [landing-pitch-link] { flex: 1; text-align: center; color: inherit; text-decoration: none; cursor: pointer; transition: color 180ms ease, transform 180ms ease, filter 180ms ease; &:hover, &:focus-visible { transform: translateY(-0.25rem); } img { position: absolute; width: 1.5rem; top: -0.15rem; right: 2rem; } } @media (max-width: 64rem) { semtic-grid { --skirbi-columns: 1; justify-items: center; padding-inline: 1rem; } h1 { margin: 1rem; } img[banner] { height: auto; width: 50vw; } [landing-pitch] { text-align: center; } img[tagline] { width: 70vw; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; } }}@media(max-width:36rem){--skirbi-padding-max: 2rem;}}}@layer skirbi-app{html[skirbi-theme]:not([skirbi-theme=landingpage]){--wdms-editorial-rule:color-mix(in srgb, var(--skirbi-primary-main) 24%, white);--wdms-editorial-muted:color-mix(in srgb, var(--skirbi-primary-main) 66%, white);semtic-nav semtic-nav-item > [semtic-nav-link][aria-current=page], semtic-nav semtic-nav-item > [semtic-nav-link][aria-current=page]:hover{border:3px solid var(--skirbi-primary-main);background:var(--skirbi-primary-main);color:var(--skirbi-secondary-main);font-weight:700}semtic-nav-page-item > a:is(:hover, :focus-visible, :active){background:0 0;box-shadow:inset 0 0 0 3px var(--skirbi-secondary-main)}semtic-page[inner-main] semtic-grid[triptych]{display:grid;grid-template-areas:'content';grid-template-columns:minmax(0,1fr);position:static;left:auto;width:min(100%,78rem);margin-inline:auto;padding:clamp(2rem,3vw,3rem)clamp(1rem,4vw,4rem)clamp(5rem,8vw,8rem);transform:none}semtic-page[inner-main] semtic-grid[triptych] > semtic-article{grid-area:content;width:100%;min-width:0;max-width:none;margin:0}semtic-page[inner-main] semtic-grid[triptych] > semtic-empty{display:none}semtic-article > article > semtic-header h1{max-width:16ch;margin:0 0 clamp(2rem,4vw,3.5rem);color:var(--skirbi-primary-main);font-size:clamp(3rem,6vw,5.5rem);line-height:.98;letter-spacing:-.035em;text-align:left;text-wrap:balance}semtic-article section[semtic-body] p{text-align:left}semtic-article:has(semtic-section:is([what], [kb], [legal])) > article > section[semtic-body]{max-width:none}semtic-article:not(:has(semtic-section:is([what], [kb], [legal]))) > article > section[semtic-body]{max-width:68ch}semtic-article semtic-section > section > div[semtic-body] > semtic-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:68rem;margin-top:1rem}semtic-article semtic-article-card{display:block;padding:0}semtic-article semtic-article-card > a{display:grid;grid-template-columns:minmax(0,.8fr)minmax(0,1fr);align-items:baseline;gap:1.5rem;padding:1.5rem 0;border:0;border-top:1px solid var(--wdms-editorial-rule);border-radius:0;background:0 0;box-shadow:none}semtic-article semtic-article-card > a:has([tatuahe-list-image]){grid-template-columns:minmax(12rem,.8fr)minmax(0,1fr);align-items:center}semtic-article semtic-article-card[logo-placement=title] > a:has([tatuahe-list-image]){align-items:start}semtic-article semtic-article-card[logo-placement=title] > a:has([tatuahe-list-image]) > [semtic-article-card-header]{display:contents} [tatuahe-card-title-hidden] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } [tatuahe-list-image] { display: block; grid-column: 2; grid-row: 1; inline-size: min(100%, 14rem); max-block-size: 5rem; object-fit: contain; object-position: left center; } semtic-article semtic-article-card[logo-placement='title'] > a:has([tatuahe-list-image]) [tatuahe-list-image] { grid-column: 1; grid-row: 1; } semtic-article semtic-article-card > a:has([tatuahe-list-image]) > [semtic-article-card-header] { grid-column: 1; grid-row: 1; } semtic-article semtic-article-card > a:has([tatuahe-list-image]) > [semtic-article-card-content] { display: contents; } semtic-article semtic-article-card > a:has([tatuahe-list-image]) > [semtic-article-card-content] > semtic-article-summary { grid-column: 2; grid-row: 2; } semtic-article semtic-article-card[logo-placement='title'] > a:has([tatuahe-list-image]) > [semtic-article-card-content] > semtic-article-summary { grid-column: 2; grid-row: 1; } semtic-article semtic-article-card:last-child > a { border-bottom: 1px solid var(--wdms-editorial-rule); } semtic-article semtic-article-card > a:hover, semtic-article semtic-article-card > a:focus-visible { background: transparent; transform: none; } semtic-article semtic-article-card > a:focus-visible { outline: 2px solid var(--skirbi-secondary-main); outline-offset: 4px; } semtic-article semtic-article-card h2 { margin: 0; font-size: clamp(1.5rem, 2.7vw, 2.3rem); line-height: 1.1; } semtic-article [semtic-article-card-content] { color: var(--wdms-editorial-muted); line-height: 1.5; } @media (max-width: 48rem) { semtic-article semtic-article-card > a { grid-template-columns: minmax(0, 1fr); gap: 0.5rem; } semtic-article semtic-article-card > a:has([tatuahe-list-image]) { grid-template-columns: minmax(0, 1fr); } [tatuahe-list-image] { grid-column: 1; grid-row: 2; inline-size: min(100%, 16rem); max-block-size: 4rem; } semtic-article semtic-article-card[logo-placement='title'] > a:has([tatuahe-list-image]) [tatuahe-list-image] { grid-column: 1; grid-row: 1; } semtic-article semtic-article-card > a:has([tatuahe-list-image]) > [semtic-article-card-header] { grid-column: 1; grid-row: 1; } semtic-article semtic-article-card > a:has([tatuahe-list-image]) > [semtic-article-card-content] { display: contents; } semtic-article semtic-article-card > a:has([tatuahe-list-image]) > [semtic-article-card-content] > semtic-article-summary { grid-column: 1; grid-row: 3; } semtic-article semtic-article-card[logo-placement='title'] > a:has([tatuahe-list-image]) > [semtic-article-card-content] > semtic-article-summary { grid-column: 1; grid-row: 2; } }}}