.about-who,.about-guide{padding:clamp(84px, 13.5vh, 190px) var(--gutter);color:var(--paper)}.about-who{background-color:var(--band)}.about-guide{background-color:var(--ink)}.about-in{width:100%;max-width:var(--sheet);--gap:var(--band-gap);--action-col:calc(var(--meta) * 9.5 + 56px);--about-title:min(var(--count-rule), calc((100cqw - var(--label-col) - var(--action-col) - 2 * var(--gap)) / 9.33));grid-template-columns:var(--label-col) minmax(0, 1fr) var(--action-col);column-gap:var(--gap);margin-inline:auto;padding-bottom:clamp(44px,4.6vw,86px);display:grid;container-type:inline-size}.about-label-hold{grid-area:1/1}.about-label{top:calc(var(--bar-h) + clamp(20px, 4vh, 44px));margin:0;margin-top:calc(.16 * var(--about-title) - .125 * var(--meta));color:var(--accent);line-height:1;font-size:var(--meta);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-weight:600;position:sticky}.about-who h2,.about-guide h2{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;font-size:var(--about-title);letter-spacing:-.005em;text-transform:uppercase;grid-area:1/2;margin:0;font-weight:700;line-height:1.02}.about-who h2>span:not(.draw),.about-guide h2>span:not(.draw){color:var(--accent)}.about-more{margin-bottom:calc(.08 * var(--about-title));color:inherit;font-size:var(--meta);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;grid-area:1/3;place-self:end;align-items:center;gap:14px;font-weight:600;text-decoration:none;display:inline-flex}.about-more span{background-color:var(--accent);width:42px;height:42px;color:var(--on-accent);place-items:center;transition:translate .3s cubic-bezier(.16,1,.3,1);display:grid}.about-more svg{width:18px;height:18px}@media (hover:hover){.about-more:hover span{translate:4px}}.about-more:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.about-lead{font-size:var(--read);color:color-mix(in srgb, var(--paper) 72%, var(--band));grid-area:2/2;margin:clamp(18px,2.4vw,34px) 0 0;line-height:1.62}.about-guide .about-lead{color:color-mix(in srgb, var(--paper) 72%, var(--ink))}.about-show{margin:clamp(18px, 3vh, 44px) calc(-1 * var(--gutter)) 0;width:calc(100% + 2 * var(--gutter));position:relative;container-type:inline-size}.about-show-art{z-index:1;width:100%;height:auto;display:block;position:relative}.about-show-behind,.about-show-over{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.005em;text-transform:uppercase;white-space:nowrap;pointer-events:none;color:#0000;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--line-ink);margin:0;font-size:clamp(34px,10.8cqw,196px);font-weight:700;line-height:.92;position:absolute}.about-show-fill{color:var(--line-ink);-webkit-text-stroke-width:0}.about-show{--drift-run:clamp(24px, 5vw, 96px);--drift:.5}.about-show-behind,.about-show-over{translate:calc((var(--drift) - .5) * var(--drift-run) * var(--drift-way)) 0}.about-show-behind{--drift-way:1;z-index:0;top:13%;left:var(--gutter);--line-ink:color-mix(in srgb, var(--paper) 62%, var(--band))}.about-show-over{--drift-way:-1;z-index:2;bottom:14%;right:var(--gutter);--line-ink:var(--accent)}.about-cards{grid-area:3/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(20px,2.6vw,44px);margin:clamp(48px,8vh,110px) 0 0;padding:0;list-style:none;display:grid}.about-card{--drawn:0}.about-card:before{content:"";z-index:2;pointer-events:none;border:1px solid var(--accent);clip-path:inset(0 0 calc((1 - var(--drawn,0)) * 100%) 0);position:absolute;inset:-1px}.about-card{isolation:isolate;border:1px solid color-mix(in srgb, var(--paper) 16%, transparent);transition:border-color .3s,background-color .3s;position:relative}.about-card-in{text-align:center;align-content:start;justify-items:center;gap:clamp(10px,1.2vw,16px);height:100%;padding:clamp(30px,3vw,46px) clamp(20px,2.2vw,34px) clamp(28px,3vw,44px);display:grid;position:relative}.about-card.is-on{background-color:var(--paper);border-color:var(--accent);color:var(--ink)}.about-card.is-on h3{color:var(--ink)}.about-card.is-on .about-card-long{color:color-mix(in srgb, var(--ink) 76%, transparent)}.about-card-icon{z-index:3;aspect-ratio:1;background-color:var(--accent);width:clamp(48px,4.4vw,66px);color:var(--on-accent);place-items:center;margin-top:calc(-1*clamp(30px,3vw,46px) - clamp(24px,2.2vw,33px));margin-bottom:clamp(6px,.8vw,12px);display:grid;position:relative}.about-card-icon svg{width:45%;height:45%}.about-card-we{font-size:var(--meta);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-weight:600}.about-card h3{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.005em;text-transform:uppercase;color:var(--paper);margin:0;font-size:clamp(19px,1.8vw,30px);font-weight:700;line-height:1.1}.about-card-long{font-size:calc(var(--read) * .92);text-align:justify;text-align-last:start;-webkit-hyphens:auto;hyphens:auto;color:color-mix(in srgb, var(--paper) 74%, transparent);margin:0;line-height:1.66}.about-count li>span{color:var(--accent)}.about-count li em{font-style:normal;font-size:var(--meta);color:color-mix(in srgb, var(--paper) 58%, var(--ink));text-transform:none;letter-spacing:0;max-width:24ch;margin-inline:auto;line-height:1.5}@media (max-width:900px){.about-in{--label-col:0px;--action-col:0px;--gap:0px;grid-template-columns:minmax(0,1fr);row-gap:clamp(14px,3vh,26px)}.about-label-hold,.about-who h2,.about-guide h2,.about-lead,.about-more,.about-cards{grid-area:auto/1}.about-label{margin-top:0;position:static}.about-lead{margin-top:0}.about-more{place-self:auto start;margin-bottom:0}.about-cards{margin-top:clamp(28px,5vh,56px)}.about-guide .about-more{display:none}.about-cards{grid-template-columns:minmax(0,1fr);gap:clamp(62px,16vw,92px)}.about-show{display:none}}