:root{--bg: #ffffff;--surface: #f5f5f4;--text: #1c1c1a;--muted: #52524e;--faint: #6e6e69;--border: #e4e4e1;--border-strong: #c9c9c4;--accent: #1c1c1a;--accent-text: #ffffff;--focus: #2563eb;--error: #b42318;--error-bg: #fef3f2;--radius: 6px;--measure: 40rem;--wide: 64rem;--bar: 3rem;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--bg: #141413;--surface: #1d1d1b;--text: #ecece9;--muted: #a3a39e;--faint: #908f8a;--border: #2c2c2a;--border-strong: #45453f;--accent: #ecece9;--accent-text: #141413;--focus: #7aa7ff;--error: #ff8a7a;--error-bg: #2a1714}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none;pointer-events:none}@media print{body>*{display:none!important}body:before{content:"Printing is turned off for this site."}}a{color:inherit;text-decoration-color:var(--border-strong);text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}h1,h2,h3{line-height:1.2;margin:0 0 .5em;font-weight:600;letter-spacing:-.01em}h1{font-size:clamp(1.75rem,5vw,2.25rem);letter-spacing:-.02em}p{margin:0 0 1em}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--measure);margin:0 auto;padding:0 16px}.container--wide{max-width:var(--wide)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}.site-name{font-weight:600;text-decoration:none}.header-link{font-size:.9375rem;color:var(--muted);text-decoration:none;padding:.5rem 0}.header-link:hover{color:var(--text)}.site-main{flex:1;padding-top:clamp(2.5rem,9vw,5rem);padding-bottom:4rem}.site-footer{color:var(--faint);font-size:.8125rem;padding:2rem 0}.intro{margin-bottom:clamp(3rem,10vw,5rem)}.lead{font-size:1.125rem;color:var(--muted);max-width:34rem;margin:0}.home-code{max-width:28rem}.home-code__intro{color:var(--muted);margin-bottom:0}.home-code .code-form{margin-top:1.25rem}.section-label{font-size:.8125rem;font-weight:500;color:var(--faint);letter-spacing:0;margin-bottom:.75rem}.case-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.case-list li{border-bottom:1px solid var(--border)}.case-row{display:grid;grid-template-columns:2rem 1fr auto;gap:.75rem;align-items:start;padding:1.25rem 0;text-decoration:none}.case-row__index{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--faint);padding-top:.2rem}.case-row__text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.case-row__title{font-size:1.125rem;font-weight:500;line-height:1.35;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2em;transition:text-decoration-color .15s}.case-row__descriptor{color:var(--muted)}.case-row__arrow{color:var(--faint);margin-top:.15rem;transition:transform .15s,color .15s}.case-row:hover .case-row__title{text-decoration-color:currentColor}.case-row:hover .case-row__arrow{color:var(--text);transform:translate(3px)}.case-row:focus-visible{outline-offset:4px}@media(max-width:480px){.case-row{grid-template-columns:1fr auto}.case-row__index{display:none}}.cases__head{margin-bottom:clamp(2rem,6vw,3.5rem)}.cases__intro{color:var(--muted);margin:0}.main-cases{list-style:none;margin:0;padding:0;display:grid;gap:clamp(2.5rem,6vw,4rem)}.case-card{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:2.5rem;align-items:center;text-decoration:none;border-radius:var(--radius)}.case-card:focus-visible{outline-offset:6px}.case-card__cover{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.case-card__cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.case-card__cover-number{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(3rem,9vw,5rem);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--border-strong)}.case-card__text{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:0}.case-card__index{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--faint)}.case-card--no-cover .case-card__index{display:none}.case-card__title{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.case-card__descriptor{color:var(--muted)}.case-card__cta{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.9375rem;font-weight:500}.case-card__cta svg{transition:transform .15s}.case-card:hover .case-card__cover img{transform:scale(1.015)}.case-card:hover .case-card__cta{text-decoration:underline;text-underline-offset:.2em}.case-card:hover .case-card__cta svg{transform:translate(3px)}.more-cases{margin-top:clamp(3.5rem,9vw,5.5rem);max-width:var(--measure)}.cases__message{max-width:28rem;color:var(--muted)}.cases .cases__fine-print{margin-top:clamp(3rem,8vw,4.5rem)}.case-card--skeleton .case-card__cover,.skeleton-line{animation:pulse 1.4s ease-in-out infinite}.skeleton-line{display:block;width:70%;height:1rem;border-radius:4px;background:var(--surface)}.skeleton-line--title{width:90%;height:1.5rem}@keyframes pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.case-card--skeleton .case-card__cover,.skeleton-line{animation:none}.case-card__cover img,.case-card__cta svg{transition:none}}@media(max-width:720px){.case-card{grid-template-columns:1fr;gap:1rem}}.code-page{max-width:28rem}.code-page__intro{color:var(--muted)}.code-form{margin:1.75rem 0 2rem}.code-form label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.code-form__row{display:flex;gap:.5rem}.code-form input{flex:1;min-width:0;height:3rem;font:inherit;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.0625rem;letter-spacing:.08em;text-transform:uppercase;padding:0 .875rem;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius)}.code-form input:focus-visible{outline-offset:0;border-color:var(--focus)}.code-form input[aria-invalid=true]{border-color:var(--error)}.code-form button{height:3rem;font:inherit;font-weight:500;padding:0 1.5rem;color:var(--accent-text);background:var(--accent);border:0;border-radius:var(--radius);cursor:pointer}.code-form button:disabled{opacity:.4;cursor:default}.code-form__error{margin:.75rem 0 0;padding:.75rem .875rem;font-size:.9375rem;line-height:1.5;color:var(--error);background:var(--error-bg);border-radius:var(--radius)}.fine-print{color:var(--faint);font-size:.8125rem;margin:0}@media(max-width:480px){.code-form__row{flex-direction:column}.code-form input{flex:none}}.frame{height:100vh;height:100dvh;display:flex;flex-direction:column}.frame__bar{flex:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;height:var(--bar);padding:0 16px;border-bottom:1px solid var(--border);font-size:.875rem}.frame__back{display:inline-flex;align-items:center;gap:.25rem;color:var(--muted);text-decoration:none;padding:.5rem 0}.frame__back:hover{color:var(--text)}.frame__title{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-weight:500}.frame__owner{color:var(--muted);text-decoration:none}.frame__owner:hover{color:var(--text)}.frame__body{position:relative;flex:1;min-height:0;display:flex}.frame__placeholder{flex:1;display:grid;place-items:center;padding:2rem 16px;background:var(--surface);color:var(--faint);text-align:center}.frame__watermark{position:absolute;inset:0;pointer-events:none;background-repeat:repeat}.frame__placeholder--over{position:absolute;inset:0}.frame__page{flex:1;width:100%;min-height:0;border:0;background:#fff}.frame__loading{margin:0}.frame__message{max-width:24rem;color:var(--muted)}.button{height:2.75rem;font:inherit;font-weight:500;padding:0 1.25rem;color:var(--accent-text);background:var(--accent);border:0;border-radius:var(--radius);cursor:pointer}@media(max-width:600px){.frame__bar{grid-template-columns:auto 1fr}.frame__owner{display:none}.frame__back-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.frame__back{padding:.5rem;margin-left:-.5rem}.frame__title{text-align:left}}