.website-design{display:flex;flex-direction:column;justify-content:space-between;gap:calc(var(--landing-hold-viewport) * .03);width:100%;max-width:none;min-width:0;min-height:0;height:100%;margin-inline:auto;padding-block:calc(var(--landing-hold-viewport) * .04);padding-inline:5%;box-sizing:border-box}.website-design__stage{flex:1 1;display:grid;justify-items:center;min-width:0;min-height:0;width:100%}.website-design__column{display:grid;grid-template-rows:auto minmax(0,1fr);justify-items:end;grid-row-gap:calc(var(--landing-hold-viewport) * .03);row-gap:calc(var(--landing-hold-viewport) * .03);height:100%;max-width:100%;min-width:0;min-height:0}.website-design__try{--switch-width:72px;--switch-height:34px;--switch-pad:3px;--switch-knob-size:26px;--switch-icon-size:15px;--switch-travel:calc(var(--switch-width) - var(--switch-pad) * 2 - var(--switch-knob-size));position:relative;z-index:1;isolation:isolate;transform:translateZ(0);display:grid;grid-template-columns:max-content var(--switch-width);grid-template-rows:var(--switch-height) var(--switch-height);align-items:center;grid-column-gap:.85rem;column-gap:.85rem;grid-row-gap:.9rem;row-gap:.9rem;flex:0 0 auto;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0;padding:0;box-sizing:border-box}.website-design__lead{display:contents}.website-design__nudge{display:inline-flex;grid-column:1;align-items:center;align-self:center;justify-self:start;gap:.4em;margin:0;color:var(--cta-color);font-family:var(--font-casual),"Segoe Print",cursive;font-size:clamp(1.08rem,1.8vw,1.35rem);font-weight:600;letter-spacing:.01em;line-height:1;transform:none}.website-look__theme{--switch-width:unset;--switch-height:unset;--switch-pad:unset;--switch-knob-size:unset;--switch-icon-size:unset;--switch-travel:unset;grid-column:2;justify-self:end;align-self:center}.website-design__nudge-arrow{display:block;width:.95em;height:.95em;background-color:currentColor;-webkit-mask:url(/images/scroll-cue-arrow.svg) center/contain no-repeat;mask:url(/images/scroll-cue-arrow.svg) center/contain no-repeat;transform:rotate(-45deg)}.structure-switch{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:center;width:auto;max-width:none;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;background:transparent;border:0;cursor:pointer}.structure-switch__label{grid-column:1;justify-self:start;align-self:center;color:color-mix(in srgb,var(--text-secondary) 92%,var(--text-primary));font-family:var(--font-name);font-size:.72rem;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}.structure-switch__toggle{position:relative;display:block;grid-column:2;justify-self:end;align-self:center;width:var(--switch-width);height:var(--switch-height);overflow:hidden;isolation:isolate;border:1px solid var(--chrome-glass-border);border-radius:999px;background:var(--chrome-glass-bg);backdrop-filter:var(--chrome-glass-blur);-webkit-backdrop-filter:var(--chrome-glass-blur);box-shadow:var(--switch-track-shadow);color:var(--debug-fg-muted);transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease,color .4s ease}.structure-switch__toggle:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:var(--chrome-glass-sheen);pointer-events:none}.structure-switch__state{position:absolute;top:50%;z-index:1;transform:translateY(-50%);font-family:var(--font-name);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 88%,transparent);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .35s ease,color .35s ease}.structure-switch__state--off{right:7px;opacity:1}.structure-switch__state--on{left:7px;opacity:0;color:var(--debug-fg)}.structure-switch__knob{display:grid;place-items:center;position:absolute;top:var(--switch-pad);left:var(--switch-pad);z-index:1;width:var(--switch-knob-size);height:var(--switch-knob-size);transform:translateX(0);border:1px solid color-mix(in srgb,var(--text-secondary) 28%,transparent);border-radius:50%;background:color-mix(in srgb,var(--text-secondary) 16%,var(--bg-color));box-shadow:var(--switch-track-shadow);color:var(--text-secondary);transition:transform .35s cubic-bezier(.4,0,.2,1),background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.structure-switch[aria-pressed=true] .structure-switch__toggle{border-color:var(--debug-border);background:color-mix(in srgb,var(--debug-border) 22%,var(--debug-bg));box-shadow:0 0 16px color-mix(in srgb,var(--debug-outline) 45%,transparent)}.structure-switch[aria-pressed=true] .structure-switch__state--off{opacity:0}.structure-switch[aria-pressed=true] .structure-switch__state--on{opacity:1}.structure-switch[aria-pressed=true] .structure-switch__knob{transform:translateX(var(--switch-travel));background:var(--debug-bg-strong);border-color:var(--debug-border);box-shadow:0 0 10px color-mix(in srgb,var(--debug-outline) 45%,transparent);color:var(--debug-fg-on-strong)}.structure-switch__icon{grid-area:1/1;width:var(--switch-icon-size);height:var(--switch-icon-size)}.structure-switch:focus-visible{outline:none}.structure-switch:focus-visible .structure-switch__toggle{outline:2px solid var(--cta-color);outline-offset:3px}.website-design__mockup{isolation:isolate;transform:translateZ(0);min-width:0;min-height:0;width:auto;max-width:100%;height:100%;margin:0;overflow:visible;line-height:0}.website-design__open{position:relative;display:block;height:100%;max-width:100%;line-height:0;color:inherit;text-decoration:none;cursor:pointer;border-radius:2px}.website-design__open:focus-visible{outline:2px solid var(--cta-color);outline-offset:6px}.website-design__open:after{content:"";position:absolute;inset:0;pointer-events:none;background:50%/contain no-repeat url(/images/website/imac-light.png);filter:brightness(1.06);opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1)}:root[data-theme=dark] .website-design__open:after{background-image:url(/images/website/imac-dark.png);filter:brightness(1.28)}.website-design__open:focus-visible:after,.website-design__open:hover:after{opacity:1}.website-design__frame{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:center}.website-design__frame--dark,:root[data-theme=dark] .website-design__frame--light{display:none}:root[data-theme=dark] .website-design__frame--dark{display:block}@media (max-aspect-ratio:1/1),(max-width:640px){.website-design__try{--switch-height:26px;--switch-knob-size:20px;--switch-icon-size:11px;--switch-pad:2px;--switch-width:calc(var(--switch-knob-size) * 2 + var(--switch-pad) * 2);--switch-travel:var(--switch-knob-size)}.structure-switch__state{display:none}}@media (max-width:900px){.website-design{height:auto}.website-design__stage{flex:0 0 auto;height:auto}.website-design__column,.website-design__frame,.website-design__mockup,.website-design__open{width:100%;height:auto}}.website-credit{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5em .8em;flex:0 0 auto;width:100%;margin:0;padding-block:1lh;padding-inline:0;border:0;background:transparent;text-align:center}.website-credit__human{color:var(--text-primary);font-family:var(--font-casual),"Segoe Print",cursive;font-size:clamp(1.15rem,1.9vw,1.45rem);font-weight:600;line-height:1.15}.website-credit__heart{font-size:clamp(1.2rem,2vw,1.5rem);line-height:1;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--cta-color) 38%,transparent))}.website-credit__machine{color:var(--text-secondary);font-family:var(--font-code);font-size:clamp(.78rem,1vw,.9rem);letter-spacing:.1em;text-transform:lowercase}.project-overlay--site-design .project-overlay__subtitle,.project-overlay--site-design .project-overlay__title{overflow:visible;text-overflow:unset;white-space:normal}.site-design-study{gap:clamp(3.5rem,8vh,6.25rem)}.site-design-study__block,.site-design-study__specimens,.site-design-study__stack{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.site-design-study__stack{gap:1.5rem}.site-design-study__block{gap:2.5rem}.site-design-study__header{display:flex;flex-direction:column;gap:.5rem;min-width:0}.site-design-study__card-kicker,.site-design-study__kicker{margin:0;font-family:var(--font-name);font-size:.75rem;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.site-design-study__kicker{color:var(--cta-color)}.site-design-study__card-kicker{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;color:var(--accent-color)}.site-design-study__card-aside,.site-design-study__copyright,.site-design-study__ramp-role,.site-design-study__specimen-range{color:var(--text-secondary);font-weight:400;letter-spacing:0;text-transform:none}.site-design-study__card-aside{font-size:.75rem}.site-design-study__title{margin:0;color:var(--text-primary);font-family:var(--font-text);font-size:clamp(1.7rem,3vw,2.25rem);font-weight:400;line-height:1.15}.site-design-study__lede{margin:0;color:var(--text-secondary);font-family:var(--font-name);font-size:1rem;line-height:1.45}.site-design-study__card{box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;min-width:0;padding:2rem;border:1px solid var(--card-border);border-radius:16px;background:var(--card-bg)}.site-design-study__card--palette{gap:1.75rem}.site-design-study__specimen{gap:.75rem;padding:1.5rem;border-radius:12px}.site-design-study__columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem}.site-design-study__column{display:flex;flex-direction:column;gap:.5rem;min-width:0}.site-design-study__index{margin:0;color:var(--accent-color);font-family:var(--font-name);font-size:.75rem;font-weight:700;letter-spacing:.04em}.site-design-study__column-title{margin:0;color:var(--text-primary);font-family:var(--font-name);font-size:1rem;font-weight:600;line-height:1.3}.site-design-study__inclusive-title{margin:0;color:var(--text-primary);font-family:var(--font-text);font-size:1.25rem;font-style:italic;font-weight:400;line-height:1.3}.site-design-study__copy{margin:0;color:var(--text-secondary);font-family:var(--font-name);font-size:.875rem;line-height:1.55}.site-design-study__ramp{display:flex;flex-direction:column;gap:.75rem;min-width:0}.site-design-study__ramp-label{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;margin:0;color:var(--text-primary);font-family:var(--font-name);font-size:.875rem;font-weight:700}.site-design-study__ramp-role{font-size:.75rem}.site-design-study__swatch,.site-design-study__swatches{display:flex;gap:.375rem;min-width:0}.site-design-study__swatch{flex:1 1;flex-direction:column}.site-design-study__chip{height:64px;border:1px solid var(--card-border);border-radius:6px}.site-design-study__hex,.site-design-study__step{margin:0;line-height:1.2}.site-design-study__step{color:var(--text-primary);font-family:var(--font-name);font-size:.6875rem;font-weight:700}.site-design-study__hex{color:var(--text-secondary);font-family:var(--font-code);font-size:.625rem}.site-design-study__rule{height:1px;background:var(--card-border)}.site-design-study__specimen-head{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between}.site-design-study__specimen-name{margin:0 0 .25rem;color:var(--text-primary);font-family:var(--font-name);font-size:1rem;font-weight:700}.site-design-study__specimen-token{margin:0;color:var(--cta-color);font-family:var(--font-code);font-size:.6875rem}.site-design-study__specimen-meta{display:flex;flex-direction:column;gap:.125rem;text-align:right;color:var(--text-secondary);font-family:var(--font-name);font-size:.75rem;font-weight:500}.site-design-study__specimen-range{font-size:.6875rem}.site-design-study__preview{margin:0;padding:1rem 0;color:var(--text-primary);font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.25}.site-design-study__preview--name{font-family:var(--font-name);font-weight:600}.site-design-study__preview--text{font-family:var(--font-text);font-style:italic;font-weight:600}.site-design-study__preview--casual{font-family:var(--font-casual),"Segoe Print",cursive;font-weight:700}.site-design-study__preview--wordmark{font-family:var(--font-wordmark),var(--font-ui);font-weight:500}.site-design-study__preview--code{font-family:var(--font-code);font-weight:500}.site-design-study__footer{display:flex;flex-direction:column;gap:1.25rem;align-items:center;padding:2.5rem 0 1rem;text-align:center}.site-design-study__credit{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;justify-content:center;margin:0}.site-design-study__credit-human,.site-design-study__credit-machine{color:var(--text-primary);font-family:var(--font-casual),"Segoe Print",cursive;font-size:1.375rem}.site-design-study__credit-heart{color:var(--text-secondary);font-size:.875rem}.site-design-study__copyright{margin:0;font-family:var(--font-name);font-size:.75rem}@media (max-width:900px){.site-design-study__columns,.site-design-study__swatches{grid-template-columns:1fr;flex-wrap:wrap}.site-design-study__columns{display:flex;flex-direction:column}.site-design-study__swatch{flex-grow:1;flex-shrink:1;flex-basis:calc(25% - 0.375rem)}.site-design-study__specimen-meta{text-align:left}}@media (max-width:640px){.site-design-study__card{padding:1.25rem}.site-design-study__swatch{flex-grow:1;flex-shrink:1;flex-basis:calc(33.333% - 0.375rem)}}.project-overlay--study .project-overlay__document{gap:0;-webkit-padding-after:clamp(6rem,14vh,9rem);padding-block-end:clamp(6rem,14vh,9rem)}.project-overlay--study .project-overlay__body{scrollbar-width:thin}.object-study{display:flex;flex-direction:column;gap:clamp(3.5rem,9vh,6.5rem);min-width:0}.object-study__overview,.object-study__section{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.object-study__header{display:flex;flex-direction:column;gap:.5rem;max-width:42rem}.object-study__kicker{margin:0;color:var(--cta-color);font-family:var(--font-name);font-size:.75rem;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.object-study__title{margin:0;color:var(--text-primary);font-family:var(--font-text);font-size:clamp(1.7rem,3vw,2.25rem);font-weight:400;line-height:1.15}.object-study__lede,.object-study__tldr{margin:0;color:var(--text-primary);font-family:var(--font-name);font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.55;text-wrap:pretty}.object-study__copy p,.object-study__items p,.object-study__lede,.object-study__quote p{color:var(--text-secondary)}.object-study__tldr{max-width:42rem;color:var(--text-primary)}.object-study__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.15rem 1.75rem;gap:1.15rem 1.75rem;margin:0;padding:1.15rem 0 .2rem;border-block:1px solid var(--panel-border)}.object-study__meta dt{margin:0 0 .2rem;color:var(--text-secondary);font-family:var(--font-name);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.object-study__meta dd{margin:0;color:var(--text-primary);font-family:var(--font-name);font-size:.95rem;line-height:1.45}.object-study__copy{display:flex;flex-direction:column;gap:.9rem;max-width:42rem}.object-study__copy p{margin:0;font-family:var(--font-name);font-size:clamp(.98rem,1.4vw,1.08rem);line-height:1.65;text-wrap:pretty}.object-study__quote{margin:0;padding:1.15rem 0 1.15rem 1.25rem;border-left:2px solid var(--accent-color);max-width:44rem}.object-study__quote p{margin:0;color:var(--text-primary);font-family:var(--font-text);font-size:clamp(1.05rem,1.7vw,1.25rem);font-style:italic;line-height:1.5}.object-study__quote cite{display:block;margin-top:.7rem;color:var(--text-secondary);font-family:var(--font-name);font-size:.75rem;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.object-study__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.25rem 1.5rem;gap:1.25rem 1.5rem;margin:0;padding:0;list-style:none}.object-study__items h4{margin:0 0 .4rem;color:var(--text-primary);font-family:var(--font-name);font-size:.98rem;font-weight:600;letter-spacing:-.02em}.object-study__items p{margin:0;font-family:var(--font-name);font-size:.95rem;line-height:1.55}.object-study__weights{display:flex;flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none}.object-study__weights li{display:grid;grid-template-columns:minmax(8rem,12rem) minmax(0,1fr) 3.5rem;align-items:center;grid-gap:.75rem;gap:.75rem}.object-study__weight-label,.object-study__weight-value{font-family:var(--font-name);font-size:.82rem;line-height:1.3}.object-study__weight-label{color:var(--text-primary)}.object-study__weight-value{color:var(--text-secondary);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.object-study__weight-bar{height:.45rem;border-radius:999px;background:color-mix(in srgb,var(--featured-color) 72%,transparent)}.object-study__table-wrap{overflow-x:auto;margin:0;border:1px solid var(--panel-border);border-radius:12px}.object-study__table{width:100%;border-collapse:collapse;font-family:var(--font-name);font-size:.88rem}.object-study__table caption{caption-side:bottom;padding:.75rem 1rem;color:var(--text-secondary);font-size:.78rem;letter-spacing:.04em;text-align:left}.object-study__table td,.object-study__table th{padding:.7rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--panel-border)}.object-study__table thead th{color:var(--text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--panel-bg) 80%,transparent)}.object-study__table tbody th{color:var(--text-primary);font-weight:600;white-space:nowrap}.object-study__table td{color:var(--text-secondary)}.object-study__table tbody tr:last-child td,.object-study__table tbody tr:last-child th{border-bottom:0}.object-study__table tbody td:last-child{color:var(--text-primary)}.object-study__steps{display:flex;flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;max-width:42rem}.object-study__steps li{display:grid;grid-template-columns:2.2rem minmax(0,1fr);grid-gap:.75rem;gap:.75rem;align-items:baseline;color:var(--text-secondary);font-family:var(--font-name);font-size:.98rem;line-height:1.5}.object-study__step-index{color:var(--accent-color);font-size:.75rem;font-weight:700;letter-spacing:.08em}.object-study__figures{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1.25rem;gap:1.25rem}.object-study__figures--split{grid-template-columns:repeat(2,minmax(0,1fr))}.object-study__figure{margin:0;display:flex;flex-direction:column;gap:.65rem;min-width:0}.object-study__figure img{display:block;width:100%;height:auto;border-radius:16px}.object-study__slot{display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem;aspect-ratio:16/10;padding:1.1rem 1.2rem;border-radius:16px;border:1px dashed color-mix(in srgb,var(--panel-border) 90%,transparent);background:color-mix(in srgb,var(--panel-bg) 72%,var(--bg-color))}.object-study__slot-label{color:var(--accent-color);font-family:var(--font-name);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.object-study__slot-hint{color:var(--text-secondary);font-family:var(--font-code);font-size:.78rem;line-height:1.4;word-break:break-all}.object-study__figure figcaption{margin:0;color:var(--text-secondary);font-family:var(--font-name);font-size:.9rem;line-height:1.45}.object-study__figure-label{display:block;margin-bottom:.2rem;color:var(--accent-color);font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}@media (max-width:720px){.object-study__figures--split,.object-study__items,.object-study__meta{grid-template-columns:minmax(0,1fr)}.object-study__weights li{grid-template-columns:minmax(0,1fr) 3.2rem;grid-template-rows:auto auto}.object-study__weight-label{grid-column:1}.object-study__weight-value{grid-column:2;grid-row:1}.object-study__weight-bar{grid-column:1/-1}}