:root{--ink:#17181a;--ink-soft:#45464b;--muted:#74757b;--line:#e5e5e8;--line-strong:#d2d2d8;--chrome:#f6f6f7;--surface:#fff;--chrome-dark:#1b1f1e;--warn:#8a5a00;--danger:#a13a2b;--radius:10px;--font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--chrome);-webkit-font-smoothing:antialiased}button{font-family:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(button,input,a[href],[tabindex]):focus-visible{outline:2px solid var(--chrome-dark);outline-offset:2px}.app{grid-template-rows:auto minmax(0,1fr);min-height:100dvh;display:grid}@media (min-width:901px){.app{height:100dvh;overflow:hidden}}.app-header{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:12px 22px;display:flex}.app-header__brand{align-items:center;gap:12px;display:flex}.app-header__mark{flex:none}.app-header__copy{flex-direction:column;gap:2px;display:flex}.app-header__title{letter-spacing:-.01em;font-size:16.5px;font-weight:600}.app-header__subtitle{color:var(--muted);font-size:13px}.app-header__actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.app__body{grid-template-columns:340px minmax(0,1fr);min-height:0;display:grid}.btn{color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:500;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn--dark{background:var(--chrome-dark);color:#fff}.btn--dark:hover:not(:disabled){background:#0d1010}.btn--outline{background:var(--surface);border-color:var(--line-strong)}.btn--outline:hover:not(:disabled){border-color:var(--ink-soft)}.btn--quiet{color:var(--ink-soft);padding:11px 12px}.btn--quiet:hover:not(:disabled){color:var(--ink);background:var(--chrome)}.btn--tiny{border-color:var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:7px 11px;font-size:12.5px}.btn--tiny:hover:not(:disabled){border-color:var(--ink-soft);color:var(--ink)}.btn--block{width:100%;padding:12px 16px}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--chrome);color:var(--ink)}.panel{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:20px;min-height:0;padding:18px 18px 20px;display:flex;overflow-y:auto}.panel__section{flex-direction:column;gap:11px;display:flex}.panel__title{margin:0;font-size:14.5px;font-weight:600}.panel__titleRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel__note{color:var(--muted);margin:0;font-size:12.5px}.panel__note[data-warn]{color:var(--warn)}.panel__footnote{color:var(--muted);margin:auto 0 0;padding-top:4px;font-size:12px}.panel__error{color:var(--danger);align-items:flex-start;gap:8px;margin:0;font-size:12.5px;display:flex}.dropzone{aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--radius);background:var(--chrome);place-items:center;display:grid;position:relative;overflow:hidden}.dropzone[data-empty]{border-style:dashed;border-color:var(--line-strong);background:#fbfbfc}.dropzone__image{object-fit:cover;width:100%;height:100%;display:block}.dropzone__empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:18px;display:flex}.dropzone__hint{color:var(--ink);margin:6px 0 0;font-size:13.5px;font-weight:600}.dropzone__sub{margin:0 0 8px;font-size:12.5px}.dropzone__busy{background:#fffffff0;border-radius:999px;padding:6px 12px;font-size:12.5px;position:absolute;inset:auto 10px 10px auto;box-shadow:0 1px 3px #00000024}.samples{flex-direction:column;gap:8px;display:flex}.samples__label{color:var(--muted);margin:0;font-size:12px}.samples__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.samples__item{aspect-ratio:1;border:1px solid var(--line);background:var(--chrome);cursor:pointer;border-radius:7px;width:100%;padding:0;transition:border-color .15s,transform .16s,box-shadow .16s;display:block;overflow:hidden}.samples__item:hover{border-color:var(--ink-soft);transform:translateY(-2px);box-shadow:0 10px 18px -14px #141419b3}.samples__item[data-active=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.samples__item[data-active=true]:hover{transform:none}.samples__thumb{object-fit:cover;width:100%;height:100%;display:block}.swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.swatches__item{aspect-ratio:1;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000029}.swatches__item--empty{background:repeating-linear-gradient(45deg,#f1f1f3,#f1f1f3 5px,#e9e9ec 5px 10px)}.swatches__button{cursor:pointer;border:0;width:100%;height:100%;padding:0;transition:transform .18s;display:block}.swatches__item:hover{box-shadow:inset 0 0 0 1px #00000052}.swatches__item:hover .swatches__button{transform:scale(1.05)}.swatches__status{min-height:16px;color:var(--muted);grid-column:1/-1;align-items:center;gap:6px;font-size:12px;display:flex}.roles{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.role{border:1px solid var(--line);border-radius:9px;grid-template-columns:30px minmax(0,1fr) auto 28px;align-items:center;gap:10px;padding:6px 8px;transition:border-color .15s;display:grid}.role:hover{border-color:var(--line-strong)}.role--placeholder{opacity:.55}.role__swatch{border-radius:6px;width:30px;height:30px;position:relative;box-shadow:inset 0 0 0 1px #00000029}.role__picker{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.role__label{font-size:13.5px}.role__hex{width:92px;font-family:var(--font-mono);text-align:right;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 7px;font-size:12px}.role__hex:hover{border-color:var(--line)}.role__hex:focus{color:var(--ink);border-color:var(--line-strong);background:var(--surface)}.role__hex[data-user]{color:var(--ink)}.role__lock{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.role__lock:hover{background:var(--chrome);color:var(--ink)}.role__lock[aria-pressed=true]{color:var(--ink)}.preview{flex-direction:column;gap:14px;min-width:0;min-height:0;padding:18px 22px 22px;display:flex}.preview__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.preview__title{margin:0;font-size:14.5px;font-weight:600}.preview__controls{align-items:center;gap:10px;display:flex}.segmented{background:#eeeef1;border-radius:9px;gap:2px;padding:3px;display:inline-flex}.segmented__item{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:7px 14px;font-size:13px;display:inline-flex}.segmented--icons .segmented__item{padding:7px 10px}.segmented__item[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000021}.segmented__item[data-resolved=true]{position:relative}.segmented__item[data-resolved=true]:after{content:"";opacity:.55;background:currentColor;border-radius:999px;width:4px;height:4px;position:absolute;bottom:6px;right:6px}.segmented__item:hover{color:var(--ink);background:#ffffffa6}.segmented__item[aria-pressed=true]:hover{background:var(--surface)}.preview__viewport{flex:1;justify-content:center;min-height:0;display:flex}.preview__frame{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;min-height:0;overflow:hidden;box-shadow:0 1px 2px #1414190f,0 30px 60px -45px #1414198c}.preview__frame[data-device=mobile]{border-radius:22px;width:min(390px,100%)}.drop-hint{z-index:30;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f6f6f7b3;place-items:center;display:grid;position:fixed;inset:0}.drop-hint span{color:var(--ink);background:var(--surface);border:2px dashed var(--line-strong);border-radius:14px;padding:16px 26px;font-size:16px;font-weight:600;box-shadow:0 20px 44px -30px #0009}.site{--hf-background:#f7f4ef;--hf-surface:#ece5d8;--hf-text:#1f2a28;--hf-primary:#547b88;--hf-accent:#877362;--hf-on-primary:#fff;--hf-on-accent:#101b18;background:var(--hf-background);height:100%;color:var(--hf-text);font-family:var(--font-ui);flex-direction:column;font-size:16px;line-height:1.5;transition:color .45s;display:flex;overflow-y:auto;container-type:inline-size}.site[data-busy=true]{opacity:.92}.site__nav,.site__band,.card,.site__cta,.site__button,.site__footer{transition:background-color .45s,color .45s,border-color .45s}.site__nav{justify-content:space-between;align-items:center;gap:24px;padding:18px 34px;display:flex}.site__brand{font-family:var(--font-display);letter-spacing:.26em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:12px;margin:0;font-size:21px;display:flex}.site__mark{color:var(--hf-primary);flex:none}.site__links{color:color-mix(in oklab, var(--hf-text) 88%, var(--hf-background));gap:30px;font-size:14.5px;display:flex}.site__links span{cursor:pointer;transition:color .2s;position:relative}.site__links span:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .22s;position:absolute;inset:auto 0 -7px;transform:scaleX(0)}.site__links span:hover{color:var(--hf-text)}.site__links span:hover:after{transform:scaleX(1)}.site__cta,.site__button{cursor:pointer;transition:background-color .45s,color .45s,filter .18s,transform .18s,box-shadow .2s}.site__cta:hover,.site__button:hover{filter:brightness(.94);box-shadow:0 12px 24px -16px color-mix(in oklab, var(--hf-text) 70%, transparent);transform:translateY(-1px)}.site[data-mode=dark] .site__cta:hover,.site[data-mode=dark] .site__button:hover{filter:brightness(1.08);box-shadow:0 12px 24px -16px #0009}.site__cta:active,.site__button:active{transform:translateY(0)}.site__cta{background:var(--hf-primary);color:var(--hf-on-primary);white-space:nowrap;border-radius:7px;padding:11px 20px;font-size:14px}.site__eyebrow{letter-spacing:.28em;text-transform:uppercase;color:color-mix(in oklab, var(--hf-text) 72%, var(--hf-background));margin:0;font-size:10.5px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:30px;padding-left:34px;display:grid}.hero__copy{padding:10px 0 34px}.hero__title{max-width:14ch;font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:10px 0 14px;font-size:clamp(32px,5.4cqw,58px);font-weight:500;line-height:1.06}.hero__sub{color:color-mix(in oklab, var(--hf-text) 84%, var(--hf-background));margin:0 0 26px;font-size:16px}.site__actions{align-items:center;gap:26px;display:flex}.site__button{background:var(--hf-primary);color:var(--hf-on-primary);white-space:nowrap;border-radius:7px;padding:13px 22px;font-size:15px}.site__link{border-bottom:1px solid color-mix(in oklab, var(--hf-text) 45%, var(--hf-background));cursor:pointer;align-items:center;gap:8px;padding-bottom:2px;font-size:15px;transition:color .2s,border-color .2s;display:inline-flex}.site__link svg{transition:transform .22s}.site__link:hover{color:var(--hf-primary);border-bottom-color:color-mix(in oklab, var(--hf-primary) 55%, transparent)}.site__link:hover svg{transform:translate(3px)}.hero__media{aspect-ratio:5/3.5;background:color-mix(in oklab, var(--hf-surface) 75%, var(--hf-background));position:relative;overflow:hidden}.hero__image{object-fit:cover;width:100%;height:100%;display:block}.site__band{background:var(--hf-surface);margin-top:8px;padding:38px 34px 40px}.site__sectionHead{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:end;gap:30px;margin-bottom:24px;display:grid}.site__sectionTitle{font-family:var(--font-display);margin:8px 0 0;font-size:clamp(26px,4cqw,42px);font-weight:500;line-height:1.1}.site__sectionIntro{color:color-mix(in oklab, var(--hf-text) 85%, var(--hf-surface));margin:0;font-size:15px}.site__grid{gap:22px;display:grid}.site__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.site__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--hf-background);cursor:pointer;border-radius:6px;transition:background-color .45s,transform .22s,box-shadow .24s;overflow:hidden}.card:hover{box-shadow:0 22px 40px -30px color-mix(in oklab, var(--hf-text) 75%, transparent);transform:translateY(-3px)}.site[data-mode=dark] .card:hover{box-shadow:0 22px 40px -30px #000000d9}.card__media{aspect-ratio:16/8.6;background:color-mix(in oklab, var(--hf-surface) 75%, var(--hf-background));overflow:hidden}.card__media[data-shape=tall]{aspect-ratio:4/3}.card__image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,.61,.36,1);display:block}.card:hover .card__image{transform:scale(1.04)}.card__body{justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px 18px;display:flex}.card__name{font-family:var(--font-display);margin:0 0 6px;font-size:19px;font-weight:500;transition:color .2s}.card:hover .card__name{color:var(--hf-primary)}.card__meta{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--hf-text) 68%, var(--hf-background));margin:0;font-size:9.5px}.card__arrow{color:color-mix(in oklab, var(--hf-text) 75%, var(--hf-background));flex:none;margin-top:4px;transition:transform .22s,color .22s}.card:hover .card__arrow{color:var(--hf-primary);transform:translate(4px)}.site__footer{border-top:1px solid color-mix(in oklab, var(--hf-text) 14%, var(--hf-background));justify-content:space-between;align-items:center;gap:18px;margin-top:auto;padding:18px 34px 20px;display:flex}.folio__brand{font-family:var(--font-display);white-space:nowrap;align-items:center;gap:11px;margin:0;font-size:19px;display:flex}.folio__monogram{background:var(--hf-primary);width:30px;height:30px;color:var(--hf-on-primary);font-family:var(--font-ui);letter-spacing:.06em;border-radius:999px;place-items:center;font-size:11.5px;font-weight:600;transition:background-color .45s,color .45s;display:grid}.folio__hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:34px;padding:6px 34px 0;display:grid}.folio__intro{padding:14px 0 30px}.folio__title{max-width:15ch;font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:10px 0 14px;font-size:clamp(30px,5cqw,54px);font-weight:500;line-height:1.06}.folio__sub{max-width:46ch;color:color-mix(in oklab, var(--hf-text) 84%, var(--hf-background));margin:0 0 26px;font-size:16px}.folio__media{aspect-ratio:4/4.2;background:color-mix(in oklab, var(--hf-surface) 75%, var(--hf-background));border-radius:8px;position:relative;overflow:hidden}.folio__image{object-fit:cover;object-position:50% 28%;width:100%;height:100%;display:block}.folio__stats{border-top:1px solid color-mix(in oklab, var(--hf-text) 12%, var(--hf-background));border-bottom:1px solid color-mix(in oklab, var(--hf-text) 12%, var(--hf-background));grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px;padding:24px 34px;display:grid}.folio__stat{flex-direction:column;gap:3px;margin:0;display:flex}.folio__statValue{font-family:var(--font-display);font-size:clamp(22px,2.6cqw,30px);line-height:1.1}.folio__statLabel{letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklab, var(--hf-text) 62%, var(--hf-background));font-size:10.5px}.folio__quote{background:var(--hf-accent);color:var(--hf-on-accent);border-radius:8px;margin:24px 34px 0;padding:26px 28px 28px;transition:background-color .45s,color .45s}.folio__quoteText{max-width:34ch;font-family:var(--font-display);margin:0 0 12px;font-size:clamp(19px,2.4cqw,28px);line-height:1.35}.folio__quoteBy{letter-spacing:.04em;color:color-mix(in oklab, var(--hf-on-accent) 82%, var(--hf-accent));margin:0;font-size:12.5px}@container (max-width:700px){.folio__hero{grid-template-columns:minmax(0,1fr);gap:20px;padding:0 20px}.folio__intro{padding:16px 0 4px}.folio__media{aspect-ratio:4/3}.folio__stats{gap:12px;margin-top:22px;padding:18px 20px}.folio__quote{margin:20px 20px 0;padding:20px 20px 22px}}.site__brand--small{letter-spacing:.22em;font-size:15px}.site__links--small{gap:20px;font-size:13px}.site__fineprint{color:color-mix(in oklab, var(--hf-text) 62%, var(--hf-background));margin:0;font-size:12.5px}@container (max-width:700px){.site__nav{padding:14px 20px}.site__brand{letter-spacing:.18em;gap:8px;font-size:16px}.site__mark{width:20px;height:20px}.site__links{display:none}.site__cta{padding:9px 14px;font-size:13px}.hero{grid-template-columns:minmax(0,1fr);gap:20px;padding:0 20px}.hero__copy{padding:16px 0 4px}.hero__sub{margin-bottom:20px;font-size:15px}.hero__media{aspect-ratio:4/3;border-radius:4px}.site__band{margin-top:22px;padding:26px 20px 28px}.site__sectionHead{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:18px}.site__grid--two,.site__grid--three{grid-template-columns:minmax(0,1fr);gap:16px}.site__footer{padding:16px 20px}.site__links--small{display:none}}.overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14141873;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:14px;flex-direction:column;width:min(780px,100%);max-height:min(86dvh,940px);display:flex;box-shadow:0 30px 80px -30px #0000008c}.modal__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 18px 14px 22px;display:flex}.modal__title{margin:0;font-size:16px;font-weight:600}.modal__desc{color:var(--muted);margin:4px 0 0;font-size:13px}.modal__body{padding:16px 22px 20px;overflow:auto}.modal__foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex}.modal__status{color:var(--muted);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.modal__actions{gap:10px;display:inline-flex}.modal__note{color:var(--muted);margin:16px 0 0;font-size:12.5px}.tabs{background:#eeeef1;border-radius:9px;gap:4px;margin-bottom:14px;padding:3px;display:inline-flex}.tabs__item{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 14px;font-size:13px}.tabs__item[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000021}.tabs__item:hover{color:var(--ink)}.code{border:1px solid var(--line);max-height:48dvh;font-family:var(--font-mono);white-space:pre;tab-size:2;background:#f7f7f9;border-radius:10px;margin:0;padding:16px;font-size:12.5px;line-height:1.62;overflow:auto}.checks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.check{border:1px solid var(--line);border-radius:9px;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.check__sample{border-radius:6px;place-items:center;width:42px;height:34px;font-size:14px;font-weight:600;display:grid}.check__label{flex-direction:column;gap:2px;font-size:13.5px;display:flex}.check__codes{font-family:var(--font-mono);color:var(--muted);font-size:11.5px}.check__ratio{font-family:var(--font-mono);font-size:13px}.check__badges{gap:6px;display:inline-flex}.badge{color:var(--muted);background:#f0f0f2;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge[data-met=true]{color:#2f6b2a;background:#e8f3e6}@media (max-width:900px){.app__body{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr)}.panel{border-right:0;border-bottom:1px solid var(--line);overflow:visible}.preview__frame{min-height:520px}}@media (max-width:640px){.app-header{flex-wrap:wrap;gap:12px;padding:10px 14px}.app-header__actions{margin-left:auto}.app-header__subtitle{display:none}.app-header__title{font-size:15px}.panel{padding:16px 14px}.preview{padding:14px 14px 18px}.preview__frame{min-height:440px}.overlay{padding:12px}.modal{border-radius:12px}.modal__head,.modal__body,.modal__foot{padding-inline:14px}.modal__foot{flex-direction:column;align-items:stretch;gap:10px}.modal__status{justify-content:center}.modal__actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}}@media (max-width:700px){.check{grid-template-columns:34px minmax(0,1fr);row-gap:6px}.check__sample{width:34px;height:30px}.check__ratio,.check__badges{grid-column:2}.check__badges{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.site,.site__nav,.site__band,.card,.site__cta,.site__button,.site__footer,.site__links span,.site__links span:after,.site__link,.site__link svg,.card__image,.card__name,.card__arrow,.role,.swatches__button,.samples__item,.segmented__item,.tabs__item,.btn{transition:none}}