:root{--color-bg: #FAFCF9;--color-surface: #F2F5F0;--color-text: #1F2B1A;--color-text-light: #4A5843;--color-text-inverted: #FAFCF9;--color-accent: #5B7F6C;--color-accent-light: #8B9A7E;--color-accent-hover: #4A6B5A;--color-border: #D8E0D3;--color-border-strong: #C8D4C3;--color-grid: #E8EDE5;--color-cream: #EDE6D4;--color-cream-strong: #DBD2BA;--color-surface-pause: #F0EDEA;--color-pass-rest: #D9DCE4;--color-pass-accent: #8C95EE;--color-lechal-rest: #E4E4E4;--color-carvel-rest: #F5F5F5;--font-heading: "Space Grotesk", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-6xl: 4rem;--text-7xl: 4.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width-site: 1200px;--max-width-content: 800px;--container-padding: var(--space-6);--gap-tight: var(--space-6);--gap-standard: var(--space-8);--gap-wide: var(--space-12);--border-weight: 2px;--shadow-offset: 8px;--radius: 0px;--line-height-body: 1.6}.mode-refined{--border-weight: 1px;--shadow-offset: 0px;--radius: 4px;--line-height-body: 1.75}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:var(--line-height-body)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.site-wrapper{position:relative;z-index:1;max-width:var(--max-width-site);margin:0 auto;padding:0 var(--container-padding);overflow:hidden}.site-wrapper *{min-width:0}.nav{border:none;padding:var(--space-6) 0;margin:var(--space-4) 0 var(--space-8) 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);background:transparent}.nav__logo{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);text-decoration:none;transition:color .2s}.nav__logo:hover{color:var(--color-accent)}.nav__links{list-style:none;display:flex;gap:var(--space-8)}.nav__link{font-family:var(--font-heading);font-weight:500;font-size:var(--text-sm);letter-spacing:.05em;color:var(--color-text);text-decoration:none;transition:color .2s}.nav__link:hover{color:var(--color-accent)}.nav__back{font-family:var(--font-heading);font-weight:500;font-size:var(--text-sm);letter-spacing:.05em;color:var(--color-text);text-decoration:none;transition:color .2s}.nav__back:hover{color:var(--color-accent)}.footer{border-top:2px solid var(--color-text);padding:var(--space-12) 0;margin-top:var(--space-12);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.footer__text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-light)}.footer__links{display:flex;gap:var(--space-6)}.footer__contact{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.footer__contact .footer__link{overflow-wrap:anywhere}.footer__photo{width:100%;max-width:220px;aspect-ratio:1;object-fit:cover;border:2px solid var(--color-text);box-shadow:10px 10px 0 var(--color-accent);margin-bottom:var(--space-2)}.footer__note{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;letter-spacing:.02em;color:var(--color-accent);margin:0 0 var(--space-1) 0}.footer__link{font-family:var(--font-heading);font-weight:500;font-size:var(--text-sm);color:var(--color-text);text-decoration:none;transition:color .2s}.footer__link:hover{color:var(--color-accent)}.btn{display:inline-block;padding:var(--space-4) var(--space-8);background:var(--color-accent);color:var(--color-text-inverted);font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);letter-spacing:.05em;border:2px solid var(--color-text);box-shadow:4px 4px 0 var(--color-text);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-text)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--color-text)}.btn--secondary{background:var(--color-surface);color:var(--color-text)}.case-nav{border-top:4px solid var(--color-text);padding:var(--space-12) 0;margin-top:var(--space-24);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:var(--space-8) var(--space-6)}.case-nav>.case-nav__link:first-child{grid-column:1;grid-row:1;justify-self:start}.case-nav>.case-nav__link:last-child{grid-column:3;grid-row:1;justify-self:end}.case-nav__credit{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.case-nav__link{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;text-decoration:none;color:var(--color-text);padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-text);transition:transform .2s,box-shadow .2s}.case-nav__link:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-accent)}@media(max-width:768px){.nav{padding:var(--space-4) 0}.nav__logo{font-size:1.25rem}.nav__back{font-size:var(--text-xs)}.nav__links{gap:var(--space-4)}.footer{flex-direction:column;gap:var(--space-4);text-align:center}.footer__contact{align-items:center}.case-nav{gap:var(--space-6) var(--space-3)}.case-nav__link{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}.page-full .page-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,var(--color-border) 1.5px,transparent 1.5px);background-size:24px 24px}.page-full .page-canvas[data-canvas-active=true]{background-image:none}.page-full .home-landing{min-height:100vh;min-height:100lvh;display:flex;flex-direction:column;justify-content:center;align-items:stretch;box-sizing:border-box}.page-full .home-landing>.hero{margin:0;padding:0;width:100%;box-sizing:border-box;flex-shrink:0}.page-full .home-landing+#work,.page-full .home-landing~.work-section:first-of-type{margin-top:var(--space-16)}@media(max-height:500px){.page-full .home-landing{justify-content:flex-start;padding-top:var(--space-12)}}.hero{display:grid;grid-template-columns:1fr}.hero__content{max-width:42rem;justify-self:center;min-width:0;text-align:center}.hero__title{font-family:var(--font-heading);font-size:var(--text-7xl);font-weight:700;line-height:.95;letter-spacing:-.03em;margin-bottom:var(--space-6)}.hero__accent{color:var(--color-accent)}.hero__lead{font-size:var(--text-xl);line-height:1.6;margin:0 auto}.hero__image{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:cover;border:2px solid var(--color-text);box-shadow:12px 12px 0 var(--color-accent);max-width:300px;justify-self:center}.section-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:4px solid var(--color-text);padding-bottom:var(--space-4);margin-bottom:var(--space-12)}.section-header__title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:700;text-transform:uppercase;letter-spacing:-.02em}.section-header__meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-light)}.work-section{margin-bottom:var(--space-16)}.work-section__header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--color-text);padding-bottom:var(--space-3);margin-bottom:var(--space-6)}.work-section__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.work-section__meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-light)}.bento-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;gap:var(--space-4);margin-bottom:var(--space-12)}.bento-grid--pumpkin{grid-template-columns:1fr 1fr}.bento-card{display:block;background:var(--color-surface);border:2px solid var(--color-text);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.bento-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--color-accent)}.bento-card__image{overflow:hidden;background-color:var(--color-surface);border-bottom:2px solid var(--color-text);aspect-ratio:4/3}.bento-card__image img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.2);transition:filter .4s ease-out}.bento-card:hover .bento-card__image img{filter:grayscale(0%) contrast(1)}.bento-card--wide .bento-card__image{aspect-ratio:2/1}.bento-card__content{padding:var(--space-4)}.bento-card__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-1)}.bento-card__description{font-size:var(--text-sm);line-height:1.5;color:var(--color-text-light);margin-bottom:var(--space-3)}.bento-card__tag{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent)}.bento-card__year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-light);margin-top:var(--space-2)}.bento-text{display:flex;flex-direction:column;justify-content:center;padding:var(--space-6);background:var(--color-text);border:2px solid var(--color-text);height:100%}.bento-text__content{font-family:var(--font-mono);font-size:var(--text-base);font-weight:400;line-height:1.6;color:var(--color-text-inverted)}.project-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6);margin-bottom:var(--space-24)}.project-card{display:block;background:var(--color-surface);border:2px solid var(--color-text);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--color-accent)}.project-card--featured{grid-row:span 2}.project-card__image{aspect-ratio:16/10;background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-accent) 100%);border-bottom:2px solid var(--color-text)}.project-card__content{padding:var(--space-6)}.project-card__tag{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-3)}.project-card__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-3)}.project-card__description{font-size:var(--text-base);line-height:1.5;color:var(--color-text-light)}.metric{padding:var(--space-8) var(--space-6);text-align:left;border-left:2px solid var(--color-border);background:transparent;min-width:0;overflow:hidden}.metric__value{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:700;line-height:1;color:var(--color-text);margin-bottom:var(--space-2);overflow-wrap:break-word}.metric__label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-light);font-weight:500}.metrics-section{margin-top:var(--space-16);overflow:hidden}.metrics-section.content{margin-bottom:var(--space-24);padding-bottom:var(--space-16)}.metrics-section__header{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:600;letter-spacing:-.01em;color:var(--color-text-light);margin-bottom:var(--space-10)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);width:100%;min-width:0}.case-hero{margin-bottom:var(--space-16)}.case-hero__header{margin-bottom:var(--space-8)}.case-hero__meta{display:block;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-top:var(--space-3);font-weight:700}.case-hero__title{font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:700;line-height:1.1;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:var(--space-6)}.case-hero__subtitle{font-size:var(--text-xl);line-height:1.5;color:var(--color-text-light);max-width:700px}.case-hero__card{border:2px solid var(--color-text);box-shadow:12px 12px 0 var(--color-accent);overflow:hidden}.case-hero__image{width:100%;height:auto;display:block;object-fit:contain;border-bottom:2px solid var(--color-text)}.case-hero__info{background:var(--color-surface);padding:var(--space-6) var(--space-8);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6) var(--space-8)}.case-hero__info-item{min-width:0}.case-hero__info-item dt{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-2);font-weight:700}.case-hero__info-item dd{font-size:var(--text-base);font-weight:500}.context-box{background:var(--color-surface);border:2px solid var(--color-text);padding:var(--space-8);margin-bottom:var(--space-16);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.context-box__item dt{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-2);font-weight:700}.context-box__item dd{font-size:var(--text-base);font-weight:500}.outcomes-section{background:var(--color-surface);border:2px solid var(--color-text);padding:var(--space-12);margin:var(--space-16) 0}.outcomes-section__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:var(--space-10);padding-bottom:var(--space-4);border-bottom:4px solid var(--color-text)}.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.outcomes-grid__column{min-width:0}.outcomes-grid__heading{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-4);color:var(--color-accent)}.outcomes-grid__list{list-style:none;padding:0;margin:0}.outcomes-grid__list li{font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-3);padding-left:var(--space-4);position:relative}.outcomes-grid__list li:before{content:"→";position:absolute;left:0;color:var(--color-accent)}.outcomes-grid__text{font-size:var(--text-base);line-height:1.6;color:var(--color-text-light)}@media(max-width:900px){.bento-grid{grid-template-columns:1fr 1fr}.bento-grid--pumpkin{grid-template-columns:1fr}}@media(max-width:768px){.outcomes-section{padding:var(--space-8)}.outcomes-section__title{font-size:var(--text-2xl)}.outcomes-grid{grid-template-columns:1fr;gap:var(--space-10)}.hero{grid-template-columns:1fr}.hero__content{max-width:none;justify-self:stretch}.hero__title{font-size:var(--text-4xl)}.hero__image{justify-self:center}.project-grid{grid-template-columns:1fr}.project-card--featured{grid-row:auto}.metrics-grid{grid-template-columns:1fr}.context-box,.case-hero__info{grid-template-columns:repeat(2,1fr)}.case-hero__title{font-size:var(--text-4xl)}}@media(max-width:500px){.bento-grid{grid-template-columns:1fr}}.content{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--container-padding)}.content h2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:600;letter-spacing:-.01em;margin:var(--space-20) 0 var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border-strong)}.content h3{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em;margin:var(--space-12) 0 var(--space-5)}.content p{font-size:1.0625rem;line-height:1.75;margin-bottom:var(--space-6)}.content ul,.content ol{margin:var(--space-8) 0;padding-left:var(--space-6)}.content li{font-size:1.0625rem;line-height:1.75;margin-bottom:var(--space-4)}.callout{position:relative;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:4px;padding:var(--space-6) var(--space-6) var(--space-6) var(--space-8);margin:var(--space-12) 0}.callout:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-accent);border-radius:4px 0 0 4px}.callout__title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-3)}.callout__text{font-size:var(--text-base);color:var(--color-text);margin-bottom:0;line-height:1.65;font-weight:500}.callout--principle{margin:var(--space-8) 0}.callout--principle .callout__title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;letter-spacing:0;text-transform:none;color:var(--color-text);margin-bottom:var(--space-2)}.principles{margin:var(--space-12) 0 var(--space-16)}.principle{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);padding:var(--space-6) 0;border-bottom:1px solid var(--color-border);align-items:start}.principle:first-child{padding-top:0}.principle:last-child{border-bottom:none;padding-bottom:0}.principle__number{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-accent);line-height:1.2;padding-top:.1em}.principle__content{min-width:0}.principle__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2);line-height:1.4}.principle__text{font-size:var(--text-base);color:var(--color-text-light);line-height:1.65;margin:0}.quote{position:relative;background:transparent;padding:var(--space-8) 0 var(--space-8) var(--space-8);margin:var(--space-16) 0;border-left:2px solid var(--color-text)}.quote__text{font-family:var(--font-heading);font-size:var(--text-2xl);line-height:1.4;margin-bottom:var(--space-4);font-weight:500;font-style:italic;color:var(--color-text)}.quote__author{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);font-weight:500}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin:var(--space-12) 0}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin:var(--space-12) 0}.col-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:var(--space-6)}.col-box__title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-4);font-weight:600}.col-box__text{font-size:var(--text-sm);margin-bottom:0;color:var(--color-text-light);line-height:1.6}.grid{display:grid;gap:var(--space-6);margin:var(--space-12) 0;margin-left:calc(-1 * var(--container-padding));margin-right:calc(-1 * var(--container-padding));width:calc(100% + (2 * var(--container-padding)));padding:0 var(--container-padding);align-items:start}.grid--equal{grid-template-columns:1fr 1fr}.grid--narrow-wide{grid-template-columns:1fr 2fr}.grid--wide-narrow{grid-template-columns:2fr 1fr}.grid--aside{grid-template-columns:2fr 3fr}.grid--aside-reverse{grid-template-columns:3fr 2fr}.grid[style*=--col-1]{grid-template-columns:var(--col-1, 1fr) var(--col-2, 1fr)}.grid__col{min-width:0}.grid__col img{width:100%;height:auto;display:block;object-fit:contain;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px}.grid__col p{font-size:1.0625rem;line-height:1.75;margin-bottom:var(--space-6)}.grid__col p:last-child{margin-bottom:0}.grid__caption{grid-column:1 / -1;font-size:var(--text-sm);color:var(--color-text-light);font-style:italic;margin-top:calc(-1 * var(--space-4))}.grid__labels{display:contents}.grid__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-2)}@media(max-width:768px){.grid{grid-template-columns:1fr!important}.grid--images-only{grid-template-columns:repeat(2,minmax(200px,1fr))!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}}.figure{margin:var(--space-12) 0;margin-left:calc(-1 * var(--container-padding));margin-right:calc(-1 * var(--container-padding));width:calc(100% + (2 * var(--container-padding)))}.figure__image{width:100%;height:auto;display:block;border:1px solid var(--color-border);border-radius:4px;margin-bottom:var(--space-4)}.figure__caption{font-size:var(--text-sm);color:var(--color-text-light);font-style:italic;padding:0 var(--container-padding)}.figure--wide{--figure-bleed: clamp( 0px, calc((100vw - var(--max-width-content)) / 2 - var(--container-padding)), calc((var(--max-width-site) - var(--max-width-content)) / 2) );--plate-inset: 0px;width:calc(100vw - 2 * var(--plate-inset));margin-left:calc(50% - 50vw + var(--plate-inset));margin-right:calc(50% - 50vw + var(--plate-inset));max-width:none;background:transparent;padding:var(--space-8)}.figure--wide .figure__image{border:1px solid var(--color-border);border-radius:4px;background:transparent;margin:0 auto;max-width:calc(var(--max-width-content) - 2 * var(--container-padding) + 2 * var(--figure-bleed))}.figure--wide .figure__caption{max-width:calc(var(--max-width-content) - 2 * var(--container-padding));margin:var(--space-4) auto 0;padding:0;text-align:left}.figure-pair{margin:var(--space-12) 0;margin-left:calc(-1 * var(--container-padding));margin-right:calc(-1 * var(--container-padding));width:calc(100% + (2 * var(--container-padding)))}.figure-pair__images{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.figure-pair__image{width:100%;height:auto;display:block;object-fit:contain;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;scroll-snap-align:start}.figure-pair__caption{font-size:var(--text-sm);color:var(--color-text-light);font-style:italic;padding:0 var(--container-padding)}.figure-pair__labels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-3);padding:0 var(--container-padding)}.figure-pair__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}.figure-trio{margin:var(--space-12) 0;margin-left:calc(-1 * var(--container-padding));margin-right:calc(-1 * var(--container-padding));width:calc(100% + (2 * var(--container-padding)))}.figure-trio__images{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.figure-trio__image{width:100%;height:auto;display:block;object-fit:contain;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;scroll-snap-align:start}.figure-trio__caption{font-size:var(--text-sm);color:var(--color-text-light);font-style:italic;padding:0 var(--container-padding)}.figure-trio__labels{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-3);padding:0 var(--container-padding)}.figure-trio__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}.figure-trio--3col .figure-trio__images,.figure-trio--3col .figure-trio__labels{grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:visible;scroll-snap-type:none}.reflection{max-width:var(--max-width-content);margin:0 auto;padding:var(--space-20) var(--container-padding) var(--space-24)}.reflection h2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:600;letter-spacing:-.01em;margin:0 0 var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border-strong)}.reflection p{font-size:1.0625rem;line-height:1.75;margin-bottom:var(--space-6)}@media(max-width:768px){.content h2{font-size:var(--text-2xl)}.two-col,.three-col{grid-template-columns:1fr}.figure{margin-left:calc(-1 * var(--container-padding));margin-right:calc(-1 * var(--container-padding));width:calc(100% + (2 * var(--container-padding)))}.figure-pair__images{grid-template-columns:repeat(2,minmax(160px,1fr));overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:var(--space-2)}.figure-pair__labels{grid-template-columns:repeat(2,minmax(160px,1fr));overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.figure-trio__images{grid-template-columns:repeat(3,minmax(160px,1fr));overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:var(--space-2)}.figure-trio__labels{grid-template-columns:repeat(3,minmax(160px,1fr));overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.figure-trio--3col .figure-trio__images,.figure-trio--3col .figure-trio__labels{grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:visible;scroll-snap-type:none}}
