@layer fonts,reset,vendor,base,composition,components,utilities;@import url("../fonts/inter-3nt5yfc.css") layer(fonts);@import url("../fonts/fraunces-olfHCVL.css") layer(fonts);:root{--clr-pink-100:#ffe1ee;--clr-pink-200:#f9c4dc;--clr-pink-300:#e2679f;--clr-pink-500:#c83179;--clr-pink-700:#8e1c52;--clr-pink-900:#5a0f33;--clr-plum-50:#fff6fa;--clr-plum-100:#ffeef5;--clr-plum-200:#f3d2e0;--clr-plum-400:#8d6577;--clr-plum-500:#815a6b;--clr-plum-700:#4a1a31;--clr-plum-800:#2e0a1d;--clr-plum-900:#1f0614;--space-3xs:clamp(0.25rem, 0.24rem + 0.05vw, 0.3rem);--space-2xs:clamp(0.5rem, 0.48rem + 0.1vw, 0.6rem);--space-xs:clamp(0.75rem, 0.7rem + 0.25vw, 1rem);--space-s:clamp(1rem, 0.9rem + 0.5vw, 1.5rem);--space-m:clamp(1.5rem, 1.4rem + 0.5vw, 2rem);--space-l:clamp(2rem, 1.8rem + 1vw, 3rem);--space-xl:clamp(3rem, 2.6rem + 2vw, 5rem);--space-2xl:clamp(5rem, 4.4rem + 3vw, 8rem);--font-sans:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--font-display:'Fraunces', ui-serif, Georgia, 'Times New Roman', serif;--size-step--2:0.6875rem;--size-step--1:0.8125rem;--size-step-0:1rem;--size-step-1:1.125rem;--size-step-2:clamp(1.35rem, 2.4vw, 2rem);--size-step-3:clamp(2rem, 4.6vw, 3.6rem);--size-step-4:clamp(2.5rem, 7vw, 5.5rem);--size-step-5:clamp(3rem, 11vw, 9rem);--tracking-kicker:0.22em;--tracking-caption:0.12em;--tracking-display:-0.025em;--leading-display:0.95;--measure:68ch;--wrapper-max:84rem;--radius-s:0.375rem;--radius-m:0.6rem;--radius-l:0.75rem;--radius-xl:1rem;--radius-pill:999px;--shadow-s:0 1px 2px rgb(46 10 29 / 6%), 0 2px 8px rgb(46 10 29 / 5%);--shadow-m:0 2px 4px rgb(46 10 29 / 7%), 0 8px 24px rgb(46 10 29 / 9%);--color-surface:var(--clr-plum-50);--color-surface-alt:var(--clr-plum-100);--color-text:var(--clr-plum-800);--color-text-muted:var(--clr-plum-500);--color-text-inverse:var(--clr-plum-50);--color-border:var(--clr-plum-200);--color-border-strong:var(--clr-plum-500);--color-accent:var(--clr-pink-500);--color-accent-strong:var(--clr-pink-700);--color-accent-deep:var(--clr-pink-700);--color-accent-soft:var(--clr-pink-300);--color-accent-surface:var(--clr-pink-100);--color-on-accent:var(--clr-plum-50);--color-focus:var(--clr-pink-700);--color-band:var(--clr-pink-500);--color-band-glow:var(--clr-pink-300);--color-band-shade:var(--clr-pink-700)}@media(prefers-color-scheme:dark){:root{--color-surface:var(--clr-plum-900);--color-surface-alt:var(--clr-plum-800);--color-text:var(--clr-pink-100);--color-text-muted:#a3768a;--color-text-inverse:var(--clr-plum-900);--color-border:var(--clr-plum-700);--color-border-strong:#a3768a;--color-accent:var(--clr-pink-300);--color-accent-strong:var(--clr-pink-300);--color-accent-deep:var(--clr-pink-200);--color-accent-soft:var(--clr-pink-500);--color-accent-surface:var(--clr-pink-900);--color-on-accent:var(--clr-plum-800);--color-focus:var(--clr-pink-300);--color-band:var(--clr-pink-700);--color-band-glow:var(--clr-pink-500);--color-band-shade:var(--clr-pink-900);--shadow-s:0 1px 2px rgb(0 0 0 / 45%), 0 2px 8px rgb(0 0 0 / 35%);--shadow-m:0 2px 4px rgb(0 0 0 / 45%), 0 8px 24px rgb(0 0 0 / 40%)}}@layer reset{*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul[class],ol[class]{list-style:none;padding:0}img,picture,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer base{html{color-scheme:light dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:var(--space-xl)}body{min-height:100svh;display:flex;flex-direction:column;background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--size-step-0);line-height:1.6;text-wrap:pretty;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-wrap:balance}h1{font-size:var(--size-step-4)}h2{font-size:var(--size-step-3)}h3{font-size:var(--size-step-2)}h4{font-size:var(--size-step-1);line-height:1.25}a{color:var(--color-accent-strong);text-decoration-thickness:1px;text-underline-offset:.2em;&:hover{text-decoration-thickness:2px}}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-s)}::selection{background:var(--color-accent);color:var(--color-on-accent)}hr{border:0;border-top:1px solid var(--color-border)}summary{list-style:none;cursor:pointer;&::-webkit-details-marker{display:none}}}@layer composition{.l-stack{display:flex;flex-direction:column;gap:var(--stack-space,var(--space-s))}.l-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cluster-space,var(--space-s))}.l-wrapper{width:100%;max-width:var(--wrapper-max);margin-inline:auto;padding-inline:var(--space-s);@media(min-width:768px){padding-inline: var(--space-l);}}.l-prose{max-width:var(--measure)}.l-grid{display:grid;gap:var(--grid-space,var(--space-m));grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min,18rem)),1fr))}.l-main{flex:1}}@layer components{.band{--color-text:var(--color-on-accent);--color-text-muted:color-mix(in srgb, var(--color-on-accent) 78%, transparent);--color-border:color-mix(in srgb, var(--color-on-accent) 25%, transparent);--color-border-strong:color-mix(in srgb, var(--color-on-accent) 60%, transparent);--color-accent-strong:var(--color-on-accent);background:radial-gradient(120% 90% at 82% 8%,var(--color-band-glow) 0%,transparent 55%),radial-gradient(90% 70% at 0% 100%,var(--color-band-shade) 0%,transparent 60%),var(--color-band);color:var(--color-text)}.band-soft{background:radial-gradient(90% 120% at 100% 0%,var(--color-surface-alt) 0%,transparent 60%),var(--color-accent-surface)}.display{font-family:var(--font-display);font-weight:600;line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.kicker{color:var(--color-accent-strong);font-size:var(--size-step--2);font-weight:600;letter-spacing:var(--tracking-kicker);text-transform:uppercase}.caption{color:var(--color-text-muted);font-size:var(--size-step--2);letter-spacing:var(--tracking-caption);text-transform:uppercase}.num{color:var(--color-accent-strong);font-family:var(--font-display);font-size:var(--size-step--1);font-weight:600;letter-spacing:.18em}.rule{border-top:1px solid var(--color-border)}.card{padding:var(--space-m);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface)}.button{display:inline-flex;gap:var(--space-2xs);align-items:center;justify-content:center;min-block-size:2.75rem;padding:var(--space-xs)var(--space-m);border:1px solid transparent;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;font-size:var(--size-step--1);font-weight:600;text-decoration:none;transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease;&:hover{background:color-mix(in srgb,var(--color-accent) 82%,var(--color-text))}&[data-variant=paper]{background:var(--color-on-accent);color:var(--color-accent-deep);&:hover{background:color-mix(in srgb,var(--color-on-accent) 88%,var(--color-accent))}}&[data-variant=line]{border-color:color-mix(in srgb,currentcolor 55%,transparent);background:0 0;color:inherit;&:hover{border-color:initial;background:color-mix(in srgb,currentcolor 14%,transparent)}}&[data-variant=ghost]{border-color:var(--color-accent);background:0 0;color:var(--color-accent-strong);&:hover{background:var(--color-accent);color:var(--color-on-accent)}}&[data-size=l]{padding:var(--space-s)var(--space-l);font-size:var(--size-step-0)}&[data-width=full]{inline-size:100%}}.button:hover .u-arrow,.lnk:hover .u-arrow{transform:translateX(.25rem)}.lnk{display:inline-flex;gap:var(--space-3xs);align-items:center;padding-block-end:2px;border-block-end:1px solid color-mix(in srgb,currentcolor 35%,transparent);color:var(--color-accent-strong);font-weight:600;text-decoration:none;&:hover{border-block-end-color:currentcolor}}.badge{display:inline-flex;gap:var(--space-3xs);align-items:center;padding:var(--space-3xs)var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-accent-surface);color:var(--color-accent-deep);font-size:var(--size-step--2);font-weight:700;letter-spacing:var(--tracking-caption);text-transform:uppercase;&[data-origin=svet]{background:var(--color-accent);color:var(--color-on-accent)}}.frame{overflow:hidden;border-radius:var(--radius-xl);background:var(--color-accent-surface);&[data-shape=arch]{border-radius:14rem 14rem var(--radius-xl)var(--radius-xl)}}.field{inline-size:100%;padding:var(--space-xs)var(--space-s);border:1px solid var(--color-border-strong);border-radius:var(--radius-m);background:var(--color-surface);color:var(--color-text);font-size:var(--size-step--1);&::placeholder{color:var(--color-text-muted)}&:focus{border-color:var(--color-accent);outline:3px solid var(--color-focus);outline-offset:1px}}.pick{position:relative;display:block;border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);cursor:pointer;transition:border-color 160ms ease,background-color 160ms ease;& input{position:absolute;inset:0;inline-size:100%;block-size:100%;opacity:0;cursor:pointer}&:hover{border-color:var(--color-accent-soft)}&:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-surface);box-shadow:inset 0 0 0 1px var(--color-accent)}&:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}&:has(input:checked) .pick__tick{opacity:1}& .pick__tick{color:var(--color-accent-strong);opacity:0;transition:opacity 160ms ease}&[data-shape=pill]{padding:var(--space-2xs)var(--space-s);border-radius:var(--radius-pill);font-size:var(--size-step--1);font-weight:500}}.stat{& .stat__value{display:block;font-family:var(--font-display);font-size:var(--size-step-2);font-weight:600;letter-spacing:var(--tracking-display);line-height:1}& .stat__label{display:block;margin-block-start:var(--space-3xs);color:var(--color-text-muted);font-size:var(--size-step--2);letter-spacing:var(--tracking-caption);text-transform:uppercase}&[data-size=s] .stat__value{font-size:var(--size-step-1);line-height:1.2;text-wrap:balance}}.prose{max-inline-size:var(--measure);& > * + *{margin-block-start:var(--space-s)}& h2{margin-block-start:var(--space-l);font-size:var(--size-step-2)}& h3{margin-block-start:var(--space-m);font-size:var(--size-step-1)}& ul, & ol{padding-inline-start:var(--space-m)}& li + li{margin-block-start:var(--space-2xs)}}}@layer utilities{.u-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.u-muted{color:var(--color-text-muted)}.u-skip-link{position:absolute;z-index:100;inset-block-start:var(--space-2xs);inset-inline-start:var(--space-2xs);padding:var(--space-2xs)var(--space-xs);background:var(--color-surface);color:var(--color-accent-strong);border:2px solid var(--color-focus);border-radius:var(--radius-s);text-decoration:none;transform:translateY(-250%);&:focus-visible{transform:none}}.u-region{padding-block:var(--space-xl)}.u-arrow{flex-shrink:0;transition:transform 180ms ease}.u-narrow{max-inline-size:42rem;margin-inline:auto}}