*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;margin:0}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer}ul,ol{padding:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--color-background:#f7f2ea;--color-surface:#fffdf8;--color-surface-muted:#efe7dc;--color-text:#25221d;--color-text-muted:#6e675d;--color-dark:#1f2923;--color-dark-hover:#303b33;--color-dark-muted:#d8ddcf;--color-accent:#6f7d54;--color-accent-lighter:#8c9a6b;--color-accent-lightest:#b0b99a;--color-accent-soft:#dfe7d1;--color-border:#ddd2c4;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Fraunces", Georgia, "Times New Roman", ui-serif, serif;--size-xxs:.625rem;--size-xs:.75rem;--size-sm:.875rem;--size-md:1rem;--size-lg:1.125rem;--size-xl:1.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:5rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--shadow-soft:0 1rem 2.5rem #25221d14;--container-main:75rem;--container-narrow:50rem;--transition-base:.18s ease}html{background:var(--color-background)}body{color:var(--color-text);background:linear-gradient(180deg, #fffdf8c7, #f7f2eaf0), var(--color-background);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.65}#root{min-height:100vh}a{color:inherit;text-underline-offset:.22em;transition:color var(--transition-base), text-decoration-color var(--transition-base);text-decoration-color:#6f7d5473;text-decoration-thickness:.08em}a:hover{color:var(--color-accent);text-decoration-color:currentColor}button{color:inherit;background:0 0;border:0}h1,h2,h3,h4{color:var(--color-text);font-family:var(--font-heading);font-weight:600;line-height:1.08}h1{font-size:clamp(3rem,7vw,6.25rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:1.35rem}h4{font-size:1rem}p{max-width:68ch;color:var(--color-text-muted)}.text-tagline{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700;line-height:1.2}.text-label{font-family:var(--font-body);font-size:var(--size-xs);color:#1f2923;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.text-display{color:inherit;font-family:var(--font-heading);font-size:clamp(2.55rem,5.95vw,5.3125rem);font-weight:600;line-height:1}.text-heading{color:inherit;font-family:var(--font-heading);font-size:1.35rem;font-weight:600;line-height:1.08}.text-body{color:inherit;font-size:1rem;line-height:1.65}.text-small{color:inherit;font-size:.9rem;line-height:1.5}.is-muted{color:var(--color-text-muted)}.section--dark .text-tagline{color:var(--color-accent-lightest)}.section--dark .is-muted{color:var(--color-dark-muted)}.page{min-height:100vh}.content-grid{gap:var(--space-2xl);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;display:grid}.card-grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card-grid>.card--dark{grid-column:1/-1}.type-sample-list,.pattern-stack{gap:var(--space-lg);display:grid}.principle-grid{gap:var(--space-md);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.token-grid{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.section{padding-block:var(--space-3xl)}.section--dark{color:var(--color-surface);background:var(--color-dark)}.section--dark .section__description,.section--dark .card__text{color:var(--color-dark-muted)}.section--dark .section__title,.section--dark .card__title{color:var(--color-surface)}.section__inner{width:min(100% - 2rem, var(--container-main));margin-inline:auto}.section__heading{gap:var(--space-sm);max-width:var(--container-narrow);margin-bottom:var(--space-2xl);display:grid}.section__eyebrow{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700;line-height:1.2}.section--dark .section__eyebrow{color:var(--color-accent-lightest)}.section__title{color:var(--color-text)}.section__description{font-size:1.1rem}.section__layout-grid,.section-layout__grid{gap:var(--space-2xl);grid-template-columns:1fr 1fr;display:grid}.button{border-radius:var(--radius-sm);min-height:2.75rem;transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base), transform var(--transition-base);border:1px solid #0000;justify-content:center;align-items:center;padding:.7rem 1.05rem;font-size:.95rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{color:var(--color-surface);background:var(--color-dark)}.button--primary:hover{color:var(--color-surface);background:var(--color-dark-hover)}.button--secondary{color:var(--color-dark);border-color:var(--color-border);background:var(--color-surface)}.button--secondary:hover{color:var(--color-dark);border-color:var(--color-accent)}.section--dark .button--primary{color:var(--color-dark);background:var(--color-accent-lighter)}.section--dark .button--primary:hover{color:var(--color-dark);background:var(--color-accent-soft)}.section--dark .button--secondary{color:var(--color-surface-muted);background:0 0;border-color:#fffdf847}.section--dark .button--secondary:hover{color:var(--color-surface);border-color:var(--color-accent-soft)}.button--light{color:var(--color-dark);background:var(--color-surface-muted)}.button--light:hover{color:var(--color-dark);background:var(--color-accent-soft)}.button-row{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-soft);overflow:hidden}.section--dark .card{box-shadow:none;background:#fffdf80f;border-color:#fffdf824}.card--dark{color:var(--color-surface);background:var(--color-dark);box-shadow:none;border-color:#fffdf824}.card--dark .card__title{color:var(--color-surface)}.section--dark .card__eyebrow,.card--dark .card__eyebrow{color:var(--color-accent-soft)}.card--dark .card__text{color:var(--color-dark-muted)}.card__media{background:linear-gradient(135deg, #6f7d54d1, #efe7dce6), var(--color-surface-muted);min-height:11rem}.card__content{gap:var(--space-sm);padding:var(--space-lg);display:grid}.card__eyebrow{color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1.2}.card__title{color:var(--color-text)}.card__text{color:var(--color-text-muted)}.principle-card,.pattern-card,.pattern-group,.type-sample,.token-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.principle-card{min-height:9rem;padding:var(--space-lg);align-items:flex-end;display:flex}.principle-card h3{max-width:12rem}.type-sample{gap:var(--space-sm);padding:var(--space-lg);display:grid}.type-sample h1,.type-sample h2,.type-sample h3,.type-sample p{max-width:62rem}.type-sample__muted{color:var(--color-text-muted)}.token-card{gap:var(--space-md);padding:var(--space-md);grid-template-columns:4rem minmax(0,1fr);align-items:center;display:grid}.token-card__swatch{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--token-swatch)}.token-card h3{font-family:var(--font-body);font-size:1rem;font-weight:800}.token-card p{font-size:.9rem}.token-card--background{--token-swatch:var(--color-background)}.token-card--surface{--token-swatch:var(--color-surface)}.token-card--surface-muted{--token-swatch:var(--color-surface-muted)}.token-card--text{--token-swatch:var(--color-text)}.token-card--text-muted{--token-swatch:var(--color-text-muted)}.token-card--dark{--token-swatch:var(--color-dark)}.token-card--accent{--token-swatch:var(--color-accent)}.token-card--accent-soft{--token-swatch:var(--color-accent-soft)}.token-card--border{--token-swatch:var(--color-border)}.pattern-card,.pattern-group{gap:var(--space-md);padding:var(--space-lg);display:grid}.pattern-card--dark{color:var(--color-surface);background:var(--color-dark);border-color:#fffdf824}.pattern-card--dark h3{color:var(--color-surface)}.pattern-card--dark .section__eyebrow{color:var(--color-accent-soft)}.pattern-card--dark p{color:var(--color-dark-muted)}.tag-list{gap:var(--space-xs);flex-wrap:wrap;list-style:none;display:flex}.tag{color:var(--color-dark);background:var(--color-accent-soft);border:1px solid #6f7d5440;border-radius:999px;padding:.35rem .7rem;font-size:.85rem;font-weight:700;line-height:1.1}.link-arrow{width:fit-content;color:var(--color-dark);align-items:center;gap:.35rem;font-weight:700;text-decoration:none;display:inline-flex}.link-arrow:after{content:"->";transition:transform var(--transition-base)}.link-arrow:hover:after{transform:translate(.2rem)}::selection{color:var(--color-dark);background:var(--color-accent-soft)}.skip-link{top:var(--space-sm);left:var(--space-sm);z-index:100;transform:translateY(calc(-100% - var(--space-lg)));border-radius:var(--radius-sm);color:var(--color-dark);background:var(--color-surface);box-shadow:var(--shadow-soft);transition:transform var(--transition-base);padding:.7rem 1rem;font-weight:700;text-decoration:none;position:fixed}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:.18rem solid var(--color-accent);outline-offset:.22rem}@media (width<=760px){.section{padding-block:var(--space-2xl)}.content-grid,.section__layout-grid,.section-layout__grid,.card-grid,.principle-grid,.token-grid{grid-template-columns:1fr}.token-card{grid-template-columns:3.25rem minmax(0,1fr)}.principle-card{min-height:auto}}@media (width>=761px) and (width<=1040px){.principle-grid,.token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.system-card{border:1px solid color-mix(in srgb, var(--color-dark) 12%, transparent);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e6e0d7eb;grid-template-columns:1fr;align-items:stretch;display:grid;overflow:hidden}.system-card__main{min-width:0}.system-card .text-tagline{padding:var(--space-lg) var(--space-lg);border-bottom:1px solid color-mix(in srgb, var(--color-dark) 8%, transparent);width:100%;max-width:100%;margin:0}.system-card__section{padding:var(--space-lg);border-right:1px solid color-mix(in srgb, var(--color-dark) 8%, transparent)}.system-card__section:last-child{border-right:0}.system-card__section h3{margin:0 0 var(--space-lg)}.design-system-card__grid{grid-template-columns:1.5fr .8fr 1.4fr 1fr;display:grid}.design-system-card__colors{gap:var(--space-xs);align-items:center;display:flex}.swatch{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--color-dark) 8%, transparent);width:2rem;box-shadow:0 .5rem 1rem color-mix(in srgb, var(--color-dark) 8%, transparent);border-radius:999px}.swatch--green{background:var(--color-accent)}.swatch--dark{background:var(--color-dark)}.swatch--taupe{background:var(--color-text-muted)}.swatch--light{background:var(--color-border)}.swatch--white{background:var(--color-surface)}.design-system-card__type{color:var(--color-text-muted);font-family:var(--font-heading);font-size:clamp(2.8rem,4.8vw,3.6rem);line-height:1}.design-system-card__components{gap:var(--space-xs);align-items:center;display:flex}.component-preview{border:1px solid color-mix(in srgb, var(--color-dark) 12%, transparent);border-radius:var(--radius-md);background:var(--color-surface);height:2.4rem}.component-preview--primary{background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-accent) 24%, transparent), transparent 60%), var(--color-dark);width:4.8rem}.component-preview:not(.component-preview--primary):not(.component-preview--icon){width:3.6rem}.component-preview--icon{place-items:center;width:2.8rem;display:grid}.component-preview--icon span{border-right:2px solid var(--color-dark);border-bottom:2px solid var(--color-dark);width:.64rem;height:.64rem;transform:rotate(45deg)translateY(-2px)}.design-system-card__spacing{gap:var(--space-xs);align-items:end;display:flex}.design-system-card__spacing span{background:color-mix(in srgb, var(--color-dark) 8%, transparent);border-radius:.25rem .25rem 0 0;width:1.2rem}.design-system-card__spacing span:first-child{height:.8rem}.design-system-card__spacing span:nth-child(2){height:1.4rem}.design-system-card__spacing span:nth-child(3){height:2.2rem}.design-system-card__spacing span:nth-child(4){height:3rem}.design-system-card__spacing span:nth-child(5){height:4rem}.design-system-card__spacing span:nth-child(6){height:5rem}.review-artifact{gap:var(--space-xl);left:clamp(0, calc((100vw - var(--container-main)) / 2), 0);margin-top:var(--space-md);padding-bottom:clamp(8rem,14vw,12rem);display:grid;position:relative}.review-artifact__flow{justify-content:center;align-items:start;gap:var(--space-xs);display:flex;position:relative}.review-artifact__step{width:clamp(9rem,12vw,12rem);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;background:#ffffff8f;place-items:center;display:grid}.review-artifact__step.is-complete{background:var(--color-accent);min-width:clamp(9rem,12vw,12rem);color:var(--color-surface);border-color:#0000;width:100%}.review-artifact__step svg{margin-bottom:var(--space-sm)}.review-artifact__step h4{margin:var(--space-xs) 0 0;font-size:1rem}.review-artifact__step p{margin-top:var(--space-xs);color:var(--color-text-muted);font-size:.9rem}.review-artifact__step .text-label{margin:0;font-size:.825rem;line-height:normal}.review-artifact__step.is-complete p{color:#fffc}.review-artifact__step.is-complete .text-label{color:#fff}.review-artifact__connector{border-top:2px solid var(--color-text-muted);opacity:.7;width:clamp(2rem,3vw,3rem);margin-top:3.75rem;position:relative}.review-artifact__connector:after{content:"";border-left:.45rem solid var(--color-text-muted);border-top:.3rem solid #0000;border-bottom:.3rem solid #0000;position:absolute;top:-.35rem;right:-.15rem}.review-artifact__connector--double{border-top:0;height:1rem;margin-top:3.25rem}.review-artifact__connector-line{border-top:2px solid var(--color-text-muted);position:absolute;left:0;right:0}.review-artifact__connector-line:before,.review-artifact__connector-line:after{content:"";border-top:.3rem solid #0000;border-bottom:.3rem solid #0000;width:0;height:0;position:absolute;top:-.35rem}.review-artifact__connector-line.is-forward{top:0}.review-artifact__connector-line.is-forward:after{border-left:.45rem solid var(--color-text-muted);right:-.15rem}.review-artifact__connector-line.is-back{bottom:0}.review-artifact__connector-line.is-back:before{border-right:.45rem solid var(--color-text-muted);left:-.15rem}.review-artifact__connector--double:after{display:none}.review-artifact__review-group{justify-items:center;display:grid}.review-artifact__branch{border-left:2px dotted var(--color-text-muted);opacity:.7;height:2rem}.review-artifact__roles,.review-artifact__callout{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#ffffff85}.review-artifact__roles{gap:var(--space-xs);width:130%;max-width:calc(100vw - 2rem);padding:var(--space-md);display:grid}.review-artifact__roles-title{margin:0 0 var(--space-xs);color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:700}.review-artifact__role{align-items:center;gap:var(--space-sm);padding-block:var(--space-xs);border-top:1px solid var(--color-border);grid-template-columns:auto auto 1fr;font-size:.9rem;display:grid}.review-artifact__role-check{width:1.45rem;height:1.45rem;color:var(--color-accent);background:#7081572e;border-radius:999px;place-items:center;display:grid}.review-artifact__callout{gap:var(--space-md);max-width:34rem;padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:auto 1fr;display:grid;position:absolute;bottom:clamp(14rem,22vw,20rem);right:clamp(2rem,4vw,3rem)}.review-artifact__callout-icon{width:3rem;height:3rem;color:var(--color-accent);background:#70815729;border-radius:999px;place-items:center;display:grid}.review-artifact__callout h4{margin:0 0 var(--space-xs)}.review-artifact__callout p{color:var(--color-text-muted);margin:0}@media (width<=900px){.review-artifact{padding-bottom:0}.review-artifact__flow{padding-bottom:var(--space-xl);justify-content:start;overflow-x:auto}.review-artifact__callout{max-width:none;margin-top:var(--space-lg);justify-self:stretch;position:static}}@media (width<=760px){.design-system-card__grid{grid-template-columns:1fr}.design-system-card .system-card__section{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--color-dark) 8%, transparent)}.design-system-card .system-card__section:last-child{border-bottom:0}.design-system-card__colors{flex-wrap:wrap}}@media (width>=761px) and (width<=900px){.design-system-card__grid{grid-template-columns:1fr 1fr}.design-system-card .system-card__section:nth-child(2){border-right:0}.design-system-card .system-card__section:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb, var(--color-dark) 8%, transparent)}}.home{background:var(--color-background);overflow-x:clip}.site-header{z-index:10;color:var(--color-surface);background:var(--color-dark);border-bottom:1px solid #fffdf81f;position:sticky;top:0}.site-header__inner{width:min(100% - 2rem, var(--container-main));padding-block:var(--space-md);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.site-header__brand{color:var(--color-surface);font-family:var(--font-heading);font-size:1.15rem;font-weight:600;text-decoration:none}.site-header__nav{align-items:center;gap:var(--space-lg);display:flex}.site-header__nav a{color:var(--color-dark-muted);font-size:.9rem;text-decoration:none}.hero{background:var(--color-dark);min-height:100vh;padding-block:0;position:relative;overflow:hidden}.hero__header{z-index:2;gap:var(--space-lg);width:min(100% - 2rem, var(--container-main));padding-block:var(--space-lg);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;margin-inline:auto;display:grid;position:relative}.hero__brand{color:var(--color-surface);font-family:var(--font-heading);font-size:1.25rem;font-weight:600;line-height:1;text-decoration:none}.hero__nav{gap:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.hero__nav a{color:var(--color-dark-muted);font-size:.95rem;text-decoration:none}.hero__nav a:hover{color:var(--color-surface)}.hero__layout{z-index:2;width:min(100% - 2rem, var(--container-main));margin-inline:auto;padding-block:clamp(4rem,9vw,7rem);position:relative}.hero__content{gap:var(--space-xl);max-width:54rem;display:grid}.hero__content .text-tagline{width:min(100%,24rem)}.hero__eyebrow-break{display:inline}.hero__content .text-display{font-size:clamp(2.5rem,5vw,5rem);line-height:1.04}.hero__summary{max-width:43rem;margin-bottom:var(--space-sm)}.hero__credibility{max-width:43rem;margin-block:calc(var(--space-sm) * -1) calc(var(--space-xs) * -1);color:var(--color-dark-muted);font-size:var(--size-sm);letter-spacing:.02em;font-weight:650;line-height:1.5}.hero__actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.hero__action-resume{display:none}.hero__status{border-left:3px solid var(--color-accent);max-width:39rem;padding-left:var(--space-md)}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute;inset:0}.hero:before{z-index:0;filter:saturate(.68)contrast(.88)blur(.42px);opacity:.5;background:url(/assets/hero-systems_v2.jpg) 100%/cover no-repeat}.hero:after{z-index:1;background:radial-gradient(at 22% 38%,#141c18eb 0%,#141c18b8 32%,#0000 62%),radial-gradient(at 82% 34%,#4452402e 0%,#0000 46%),linear-gradient(#141c18d1 0%,#141c1861 48%,#121815eb 100%)}.systems{background:linear-gradient(180deg, #fffdf8eb, #f7f2eafa), var(--color-background);padding-top:clamp(4rem,8vw,6rem);padding-bottom:clamp(3rem,6vw,4rem)}.systems__header{gap:var(--space-sm);max-width:58rem;margin-bottom:var(--space-2xl);display:grid}.systems__grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.systems-card{gap:var(--space-md);border-radius:var(--radius-lg);min-height:100%;transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);background:#fffdf8ad;border:1px solid #25221d14;grid-template-rows:auto auto 1fr auto;padding:clamp(1.25rem,2.2vw,1.75rem);display:grid;box-shadow:0 .75rem 2rem #25221d0b}.systems-card__icon{aspect-ratio:1;border-radius:var(--radius-md);width:2.65rem;color:var(--color-accent);background:#dfe7d166;border:1px solid #6f7d543d;place-items:center;display:grid}.systems-card h3{font-family:var(--font-body);margin:0;font-size:1.05rem;font-weight:780;line-height:1.3}.systems-card p{color:var(--color-text-muted);align-self:start;margin:0;font-size:.96rem;line-height:1.65}.systems-card__tags{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;list-style:none;display:flex}.systems-card__tags li{color:var(--color-text-muted);background:#f7f2ea8f;border:1px solid #6f7d542e;border-radius:999px;padding:.3rem .58rem;font-size:.78rem;font-weight:700;line-height:1.1}@media (hover:hover){.systems-card:hover{border-color:#6f7d5433;transform:translateY(-2px);box-shadow:0 1rem 2.25rem #25221d12}}.website-examples{background:linear-gradient(180deg, #f7f2eafa, #fffdf8e6), var(--color-background);padding-block:clamp(3.25rem,6vw,4.75rem);overflow-x:clip}.website-examples .section__inner{width:100%}.website-examples__header{gap:var(--space-xl);width:min(100% - 2rem, var(--container-main));margin-inline:auto;margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-end;display:flex}.website-examples__header-copy{gap:var(--space-sm);max-width:58rem;display:grid}.website-examples__controls{flex:none;align-items:end;padding-bottom:.2rem;display:flex}.website-slider__mobile-controls{width:min(100% - 2rem, var(--container-main));margin-inline:auto;display:none}.website-slider__count{color:#6e675db8;letter-spacing:.08em;margin:0;font-size:.86rem;font-weight:600;line-height:1}.website-slider{--slider-gap:var(--space-lg);--slider-container-width:min(calc(100vw - 2rem), calc(var(--container-main) + 3.75rem));--slider-side-offset:calc((100vw - var(--slider-container-width)) / 2);--slider-slide-width:calc((var(--slider-container-width) - var(--slider-gap)) / 2.12);gap:var(--space-sm);width:100vw;max-width:100vw;display:grid}.website-slider__controls{gap:var(--space-sm);justify-content:flex-end;display:flex}.website-slider__controls button{aspect-ratio:1;border:1px solid var(--color-border);width:2.75rem;color:var(--color-text);transition:border-color var(--transition-base), color var(--transition-base), background-color var(--transition-base), opacity var(--transition-base);background:#fffdf8bd;border-radius:999px;place-items:center;display:inline-grid}.website-slider__controls button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-dark);background:var(--color-accent-soft)}.website-slider__controls button:disabled{cursor:default;opacity:.38}.website-slider__viewport{overscroll-behavior-x:contain;scroll-padding-left:var(--slider-side-offset);scroll-snap-type:none;scrollbar-width:none;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:auto hidden}.website-slider__viewport.is-dragging,.website-slider__viewport.is-settling{cursor:grabbing;scroll-snap-type:none}.website-slider__viewport::-webkit-scrollbar{display:none}.website-slider__track{gap:var(--slider-gap);width:max-content;padding-block:var(--space-xs) var(--space-md);padding-left:var(--slider-side-offset);padding-right:var(--slider-side-offset);display:flex}.website-slider__slide{flex:0 0 var(--slider-slide-width);scroll-snap-align:start}.website-example-card{border-radius:var(--radius-lg);background:#fffdf8bd;border:1px solid #25221d14;grid-template-rows:auto 1fr;min-width:0;display:grid;overflow:hidden;box-shadow:0 .85rem 2rem #25221d0e}.website-example-card__media{aspect-ratio:16/8;background:var(--color-surface-muted);border-bottom:1px solid #25221d14;overflow:hidden}.website-example-card__image{object-fit:cover;object-position:top center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.website-example-card__content{align-content:start;gap:var(--space-sm);grid-template-rows:auto 1fr auto;padding:clamp(1.1rem,2vw,1.5rem);display:grid}.website-example-card__heading{gap:.3rem;display:grid}.website-example-card__title{font-family:var(--font-body);margin:0;font-size:1.05rem;font-weight:780;line-height:1.3}.website-example-card__category{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:750;line-height:1.35}.website-example-card__description{color:var(--color-text-muted);margin:0;font-size:.96rem;line-height:1.65}.website-example-card__link{width:fit-content;margin-top:var(--space-sm);color:var(--color-dark);font-size:.9rem;font-weight:750;text-decoration:none}.website-example-card__link:hover{color:var(--color-accent)}.systems-practice{background:linear-gradient(180deg, #fffdf8eb, #f7f2eaf5), var(--color-background);padding-block:clamp(3.5rem,7vw,5.5rem)}.systems-practice__header{gap:var(--space-sm);max-width:58rem;margin-bottom:var(--space-2xl);display:grid}.systems-practice__list{gap:clamp(2.5rem,6vw,4.5rem);display:grid}.systems-practice__item{grid-template-columns:minmax(0,1.12fr) minmax(18rem,.88fr);align-items:center;gap:clamp(1.5rem,4vw,3.25rem);display:grid}.systems-practice__item.is-reversed{grid-template-columns:minmax(18rem,.88fr) minmax(0,1.12fr)}.systems-practice__item.is-reversed .systems-practice__media{order:2}.systems-practice__media{gap:var(--space-sm);min-width:0;display:grid}.systems-practice__image,.systems-practice__thumb{border-radius:var(--radius-lg);object-fit:cover;object-position:top center;background:var(--color-surface);border:1px solid #25221d14;width:100%;display:block;box-shadow:0 .85rem 2rem #25221d0e}.systems-practice__image{aspect-ratio:16/10}.systems-practice__thumbs{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.systems-practice__thumb-button{border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;min-width:0;transition:border-color var(--transition-base), box-shadow var(--transition-base), opacity var(--transition-base);border:1px solid #25221d14;padding:0;overflow:hidden;box-shadow:0 .85rem 2rem #25221d0e}.systems-practice__thumb-button:hover,.systems-practice__thumb-button.is-active{border-color:#6f7d5457}.systems-practice__thumb-button:not(.is-active){opacity:.72}.systems-practice__thumb{aspect-ratio:16/9;box-shadow:none;pointer-events:none;-webkit-user-select:none;user-select:none;border:0;border-radius:0}.systems-practice__content{gap:var(--space-md);display:grid}.systems-practice__content h3{margin:0;font-size:clamp(1.55rem,2.6vw,2.35rem)}.systems-practice__content p{color:var(--color-text-muted);margin:0;font-size:1rem;line-height:1.7}.systems-practice__bullets{margin-top:var(--space-sm);gap:.55rem;list-style:none;display:grid}.systems-practice__bullets li{color:var(--color-text-muted);padding-left:1rem;font-size:.95rem;line-height:1.55;position:relative}.systems-practice__bullets li:before{content:"";background:#6f7d54b8;border-radius:999px;width:.42rem;height:1px;position:absolute;top:.78em;left:0}.about-contact{padding-block:clamp(3rem, 6vw, 4rem) var(--space-3xl);background:linear-gradient(180deg, #fffdf8e6, #f7f2eaf5), var(--color-background)}.about-contact__content{gap:var(--space-sm);max-width:50rem;display:grid}.about-tools{gap:var(--space-xl);margin-top:clamp(3rem,7vw,5rem);display:grid}.about-tools__header{gap:var(--space-sm);max-width:48rem;display:grid}.about-tools__eyebrow{color:var(--color-text);margin:0;font-weight:700}.about-tools__header p:last-child{color:var(--color-text-muted);margin:0;font-size:1rem;line-height:1.7}.about-tools__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.25rem);display:grid}.about-tools__group{align-content:start;gap:var(--space-sm);min-width:0;display:grid}.about-tools__title{color:var(--color-text);font-family:var(--font-body);margin:0;font-size:.92rem;font-weight:780;line-height:1.3}.about-tools__list{gap:.42rem;list-style:none;display:grid}.about-tools__item{color:var(--color-text-muted);padding-left:.9rem;font-size:.9rem;font-weight:560;line-height:1.45;position:relative}.about-tools__item:before{content:"";background:#6f7d54b8;border-radius:999px;width:.35rem;height:1px;position:absolute;top:.68em;left:0}.contact{background:var(--color-dark);isolation:isolate;padding-block:clamp(3rem,7vw,5rem) clamp(2.25rem,5vw,3.5rem);position:relative;overflow:hidden}.contact:before,.contact:after{content:"";pointer-events:none;position:absolute;inset:0}.contact:before{z-index:-2;filter:saturate(.58)contrast(.82)blur(.3px);opacity:.18;background:url(/assets/hero-systems-atmosphere.jpg) 100%/cover no-repeat}.contact:after{z-index:-1;background:radial-gradient(ellipse at 16% 30%, #141c18eb 0%, #141c18b3 42%, transparent 68%), linear-gradient(180deg, #1f2923f5 0%, var(--color-dark) 72%, #141c18 100%)}.contact__inner{justify-items:start;gap:var(--space-md);width:min(100% - 2rem, var(--container-main));text-align:left;margin-inline:auto;display:grid}.contact__eyebrow{color:var(--color-accent-lightest);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700;line-height:1.2}.contact__title{max-width:16ch;color:var(--color-surface);margin:0;font-size:clamp(2.25rem,5vw,4rem);line-height:1.02}.contact__text{max-width:43rem;color:var(--color-dark-muted);margin:0;font-size:1.05rem;line-height:1.65}.contact__actions{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:flex-start;display:flex}.contact .button--primary{color:var(--color-dark);background:var(--color-surface-muted)}.contact .button--primary:hover{color:var(--color-dark);background:var(--color-surface)}.contact .button--secondary{color:var(--color-surface-muted);background:#fffdf80a;border-color:#fffdf847}.contact .button--secondary:hover{color:var(--color-surface);border-color:var(--color-accent-soft);background:#fffdf814}.site-footer{color:var(--color-surface);background:#141c18}.site-footer__inner{gap:var(--space-lg);width:min(100% - 2rem, var(--container-main));padding-block:var(--space-lg) var(--space-xl);border-top:1px solid #fffdf81a;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-inline:auto;display:grid}.site-footer__identity{gap:var(--space-xs);display:grid}.site-footer__brand{color:var(--color-surface);font-family:var(--font-heading);font-size:1.15rem;font-weight:650;line-height:1;text-decoration:none}.site-footer__text,.site-footer__meta{color:#d8ddcfc2;margin:0;font-size:.92rem}.site-footer__built{margin-left:.35rem}.site-footer__links{gap:var(--space-lg);flex-wrap:wrap;justify-content:flex-end;display:flex}.site-footer__links a{color:var(--color-dark-muted);font-size:.9rem;font-weight:500;text-decoration:none}.site-footer__links a:hover{color:var(--color-accent-lightest)}.site-footer__meta{padding-top:var(--space-md);border-top:1px solid #fffdf81a;grid-column:1/-1}@media (width<=760px){.site-header__inner,.site-header__nav{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.hero{grid-template-rows:auto minmax(0,1fr);display:grid}.hero__header{gap:var(--space-sm);padding-block:var(--space-md);flex-wrap:wrap;grid-template-columns:1fr;justify-content:space-between;display:flex}.hero__brand{flex:1 1 min-content;min-width:min-content}.hero__nav{gap:var(--space-sm);flex-wrap:nowrap;flex:none}.hero__nav a{min-height:2.25rem;font-size:var(--size-md);white-space:nowrap;align-content:center}.hero__header .button{display:none}.hero__layout{align-items:center;gap:var(--space-2xl);padding-block:clamp(3rem,12vw,4rem);display:grid}.hero__content{gap:var(--space-lg)}.hero__eyebrow-break{margin-top:.18rem;display:block}.hero__content .text-display{font-size:clamp(1.95rem,11vw,2.5rem)}.hero__summary,.hero__credibility{max-width:36rem}.hero__actions .button{width:100%}.hero__action-contact{display:none}.hero__action-resume{display:inline-flex}.hero:before{display:none}.hero:after{background:radial-gradient(ellipse at 24% 30%, #1f2923eb 0%, #1f2923c7 42%, transparent 68%), linear-gradient(135deg, #1f2923fa 0%, #1f2923e6 38%, #1f29238f 66%, #1f29233d 100%), linear-gradient(180deg, #1f2923e0 0%, #1f292385 44%, var(--color-dark) 100%)}.website-slider{--slider-gap:var(--space-md);--slider-slide-width:calc(100vw - 3rem)}.website-slider__viewport{cursor:auto;scroll-snap-type:none;touch-action:pan-y;-webkit-overflow-scrolling:auto}.systems,.website-examples,.systems-practice,.about-contact,.contact{padding-block:var(--space-2xl)}.systems__header,.website-examples__header,.systems-practice__header{margin-bottom:var(--space-xl)}.website-examples__header{align-items:flex-start;gap:var(--space-md);flex-direction:column}.website-examples__controls{display:none}.website-slider__mobile-controls{justify-items:center;gap:var(--space-sm);display:grid}.systems__grid,.about-tools__grid,.site-footer__inner{grid-template-columns:1fr}.systems-card{padding:var(--space-md);column-gap:var(--space-sm);grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr);align-items:start;row-gap:.45rem}.systems-card__icon{border-radius:var(--radius-sm);grid-row:1/-1;width:2.25rem}.systems-card h3,.systems-card p,.systems-card__tags{grid-column:2}.systems-card h3{font-size:1rem}.systems-card p{font-size:.9rem;line-height:1.5}.systems-card__tags{margin-top:.2rem}.systems-card__tags li{padding:.24rem .5rem;font-size:.72rem}.about-tools{gap:var(--space-lg);margin-top:var(--space-2xl)}.contact__actions,.contact__actions .button{width:100%}.site-footer__inner{align-items:start}.site-footer__text{gap:.25rem;display:grid}.site-footer__built{margin-left:0}.site-footer__links{justify-content:flex-start}.systems-practice__item,.systems-practice__item.is-reversed{grid-template-columns:1fr}.systems-practice__item.is-reversed .systems-practice__media{order:0}.website-slider__mobile-controls,.website-slider__controls{justify-content:center}}@media (width>=761px) and (width<=1040px){.website-slider{--slider-slide-width:min(38rem, calc(100vw - 8rem))}.systems__grid,.about-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.systems-practice__item,.systems-practice__item.is-reversed{grid-template-columns:1fr}.systems-practice__item.is-reversed .systems-practice__media{order:0}}@media (width>=1300px){.systems__grid{width:calc(100% + 3.75rem);margin-inline:-1.875rem}}@media (prefers-reduced-motion:reduce){.systems-card,.website-slider__slide{transition:none}.systems-card:hover,.website-slider__slide:hover{transform:none}}