.about-page{z-index:1;isolation:isolate;position:relative}.about-page .about-wrap{width:min(100%,88rem);margin-inline:auto;padding-inline:clamp(1.5rem,4vw,4rem)}.about-page .about-opening{padding-top:clamp(8rem,12vw,12rem)}.about-page .about-opening-intro{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.about-page .about-page-label{color:var(--color-primary);font-size:.875rem}.about-page .about-opening-definition{max-width:24rem;color:var(--color-on-surface-variant);justify-self:end;font-size:1.125rem;line-height:1.65}.about-page .about-display{z-index:2;letter-spacing:-.055em;margin-top:clamp(3.5rem,7vw,7rem);font-size:clamp(4rem,11.6vw,10.6rem);font-weight:400;line-height:1.04;position:relative}.about-page .about-display span,.about-page .about-section-title span,.about-page .about-future-title span{display:block}.about-page .about-display span:last-child{margin-left:9%;font-size:1.09em}.about-page .about-optical-scene{margin-top:clamp(-10rem,-11vw,-4rem);position:relative}.about-page .about-refraction{aspect-ratio:1400/820;width:100%;height:auto;display:block}.about-page .about-optical-labels{color:var(--color-on-surface-variant);justify-content:space-between;font-size:.75rem;display:flex;position:absolute;inset:52% 0 auto}.about-page .about-optical-labels span:last-child{padding-right:4%}.about-page .about-editorial-glass{overflow-wrap:anywhere;min-width:0;max-width:100%;padding:clamp(1.25rem,2.5vw,2rem)}.about-page .about-opening-purpose{letter-spacing:-.025em;text-wrap:pretty;max-width:42rem;margin:5rem 0 0 9%;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.22}.about-page .about-possibilities{grid-template-columns:repeat(12,minmax(0,1fr));gap:3rem 2rem;padding-block:clamp(8rem,15vw,14rem) 7rem;display:grid}.about-page .about-core-copy{z-index:1;grid-column:1/7;position:relative}.about-page .about-section-title{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(3rem,5.6vw,5.25rem);font-weight:400;line-height:1.08}.about-page .about-body-copy{max-width:25rem;color:var(--color-on-surface-variant);margin-top:2rem;font-size:1.125rem;line-height:1.75}.about-page .about-core-scene{grid-column:7/-1;align-self:center;margin-top:-3rem}.about-page .about-structure{aspect-ratio:700/560;width:100%;height:auto;display:block}.about-page .about-core-scene .about-structure{width:calc(100% + 6rem);max-width:none;margin-left:-6rem}.about-page .about-principles{padding-block:5rem 9rem}.about-page .about-principles-heading{color:var(--color-on-surface-variant);margin-bottom:5rem;font-size:1rem;font-weight:400}.about-page .about-principles-list{gap:4.5rem;display:grid}.about-page .about-principle{grid-template-columns:minmax(0,1fr) minmax(12rem,17rem);align-items:center;gap:2rem;width:90%;display:grid}.about-page .about-principle-evolution{margin-left:10%}.about-page .about-principle-context{width:87%;margin-left:3%}.about-page .about-principle-utility{width:87%;margin-left:13%}.about-page .about-principle dt{letter-spacing:-.055em;align-items:center;gap:1.75rem;font-size:clamp(3rem,6.2vw,5.5rem);line-height:1.1;display:flex}.about-page .about-principle dd{color:var(--color-on-surface-variant);font-size:1rem;line-height:1.7}.about-page .about-principle-mark{width:3.5rem;height:3.5rem;color:var(--color-primary);flex-shrink:0}.about-page .about-method{padding-block:6rem 8rem}.about-page .about-method-header{grid-template-columns:1.35fr 1fr;align-items:end;gap:5rem;display:grid}.about-page .about-method-header .about-body-copy{margin:0 0 .5rem}.about-page .about-workbench{border:0;grid-template-columns:5fr 7fr;gap:0 4rem;min-width:0;margin-top:4rem;display:grid;position:relative}.about-page .about-method-controls{grid-area:1/1;align-self:center;min-width:0}.about-page .about-method-visual{grid-area:1/2;align-self:center;min-width:0}.about-page .about-method-step{position:relative}.about-page .about-method-option{border-radius:var(--radius-ui);cursor:pointer;min-height:4rem;color:var(--color-on-surface-variant);transition:color var(--duration-ui) var(--ease-ui);grid-template-columns:2rem minmax(0,1fr) .75rem;align-items:center;gap:1rem;padding-block:.5rem;display:grid}.about-page .about-step-index{font-family:var(--font-mono);color:var(--color-outline);letter-spacing:0;font-size:.75rem}.about-page .about-step-title{letter-spacing:-.035em;font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.2}.about-page .about-step-indicator{border:1px solid var(--color-outline);border-radius:50%;width:.5rem;height:.5rem}.about-page .about-method-option:hover{color:var(--color-on-surface)}.about-page .about-method-input:checked+.about-method-option{color:var(--color-primary)}.about-page .about-method-input:checked+label .about-step-indicator{background:var(--color-primary);border-color:var(--color-primary)}.about-page .about-method-input:focus-visible+label{outline:2px solid var(--color-primary);outline-offset:6px}.about-page .about-step-description{max-width:22rem;color:var(--color-on-surface-variant);margin:.5rem 1.5rem 1.5rem 3rem;font-size:1rem;line-height:1.7;display:none}.about-page .about-method-input:checked~.about-step-description{display:block}.about-page .about-method-hint{text-align:center;color:var(--color-on-surface-variant);grid-column:2;margin-top:1rem;font-size:.75rem;line-height:1.6}@supports selector(:has(*)){.about-page .about-workbench .structure-node{transform-box:fill-box;transform-origin:50%;transition:transform var(--duration-ui-slow) var(--ease-ui), opacity var(--duration-ui-slow) var(--ease-ui)}.about-page .about-workbench .structure-connections,.about-page .about-workbench .structure-future,.about-page .about-workbench .structure-depth,.about-page .about-workbench .structure-face,.about-page .about-workbench .structure-inset{transition:opacity var(--duration-ui-slow) var(--ease-ui)}.about-page .about-workbench .structure-connections,.about-page .about-workbench .structure-future{opacity:0}.about-page .about-workbench:has([value=connect]:checked) .structure-connections,.about-page .about-workbench:has([value=evolve]:checked) .structure-connections,.about-page .about-workbench:has([value=evolve]:checked) .structure-future{opacity:1}.about-page .about-workbench:has([value=understand]:checked) .structure-node[data-position=top]{transform:translate(-28px,-30px)rotate(-14deg)}.about-page .about-workbench:has([value=understand]:checked) .structure-node[data-position=left]{transform:translate(-18px,18px)rotate(17deg)}.about-page .about-workbench:has([value=understand]:checked) .structure-node[data-position=right]{transform:translate(24px,-18px)rotate(-12deg)}.about-page .about-workbench:has([value=understand]:checked) .structure-node[data-position=bottom]{transform:translate(30px,24px)rotate(11deg)}.about-page .about-workbench:has([value=understand]:checked) .structure-node[data-position=core]{opacity:.45}.about-page .about-workbench:has([value=understand]:checked) .structure-depth,.about-page .about-workbench:has([value=structure]:checked) .structure-depth,.about-page .about-workbench:has([value=understand]:checked) .structure-inset,.about-page .about-workbench:has([value=structure]:checked) .structure-inset{opacity:0}.about-page .about-workbench:has([value=understand]:checked) .structure-face,.about-page .about-workbench:has([value=structure]:checked) .structure-face{fill-opacity:.15}}.about-page .about-closing{isolation:isolate;padding-block:7rem 3rem;position:relative}.about-page .about-future-title{letter-spacing:-.045em;text-wrap:balance;max-width:18ch;font-size:clamp(3.5rem,7vw,6.5rem);font-weight:400;line-height:1.1;position:relative}.about-page .about-closing .about-body-copy{max-width:22rem;margin-left:42%}.about-page .about-open-frame{z-index:-1;aspect-ratio:1;pointer-events:none;width:45%;position:absolute;top:0;right:12%;transform:rotate(-18deg)}.about-page .about-open-frame span{border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);border-radius:var(--radius-ui);border-bottom-color:#0000;border-right-color:#0000;position:absolute;inset:0}.about-page .about-open-frame span:nth-child(2){opacity:.65;inset:1.75rem}.about-page .about-open-frame span:nth-child(3){opacity:.35;inset:3.5rem}@media (width>=1024px){.about-page[data-locale=en] .about-display{font-size:clamp(4rem,12.6vw,11.5rem)}}@media (width<=1023px){.about-page .about-possibilities{gap:3rem 1.5rem}.about-page .about-core-scene .about-structure{width:calc(100% + 3rem);margin-left:-3rem}.about-page .about-principle{grid-template-columns:minmax(0,1fr) 15rem;width:100%;margin-left:0}.about-page .about-principle dt{gap:1.25rem;font-size:3.5rem}.about-page .about-principle-mark{width:2.75rem;height:2.75rem}.about-page .about-method-header{gap:2rem}.about-page .about-workbench{gap:0 2rem}.about-page .about-step-title{font-size:2rem}}@media (width<=767px){.about-page .about-opening{padding-top:8rem}.about-page .about-opening-intro{grid-template-columns:1fr;gap:1.5rem}.about-page .about-opening-definition{justify-self:start;max-width:22rem;font-size:1rem}.about-page .about-display{margin-top:3rem;font-size:11.7vw;line-height:1.1}.about-page .about-display span:last-child{margin-left:0;font-size:1.08em}.about-page .about-optical-scene{margin-top:-1.5rem}.about-page .about-refraction{aspect-ratio:auto;width:100vw;max-width:calc(100% + 2*clamp(1.5rem,4vw,4rem));height:clamp(18rem,75vw,28rem);margin-inline:calc(-1*clamp(1.5rem,4vw,4rem))}.about-page .about-optical-labels{font-size:.6875rem;top:auto;bottom:0}.about-page .about-optical-labels span:last-child{padding-right:0}.about-page .about-opening-purpose{max-width:23rem;margin:4.5rem 0 0;font-size:clamp(1.875rem,5.5vw,2.75rem)}.about-page .about-possibilities{grid-template-columns:1fr;gap:2rem;padding-block:7rem 4rem}.about-page .about-core-copy,.about-page .about-core-scene{grid-column:1}.about-page .about-section-title{font-size:clamp(2.5rem,8.5vw,4rem)}.about-page .about-body-copy{margin-top:1.5rem;font-size:1rem}.about-page .about-core-scene{width:min(100%,30rem);margin:0 auto}.about-page .about-core-scene .about-structure{width:100%;margin:0}.about-page .about-principles{padding-block:4rem 5rem}.about-page .about-principles-heading{margin-bottom:3.5rem}.about-page .about-principles-list{gap:3.5rem}.about-page .about-principle{grid-template-columns:1fr;gap:1rem}.about-page .about-principle dt{gap:1rem;font-size:clamp(2.5rem,8vw,4rem)}.about-page .about-principle-mark{width:2.5rem;height:2.5rem}.about-page .about-principle dd{max-width:23rem;margin-left:3.5rem;font-size:.9375rem}.about-page .about-method{padding-block:4rem 5rem}.about-page .about-method-header{grid-template-columns:1fr;gap:1.5rem}.about-page .about-workbench{grid-template-columns:1fr;margin-top:2rem}.about-page .about-method-visual{grid-area:1/1;width:min(100%,29rem);margin-inline:auto}.about-page .about-method-controls{grid-area:3/1;width:min(100%,29rem);margin:2rem auto 0}.about-page .about-method-hint{grid-area:2/1;margin-top:.5rem}.about-page .about-method-option{min-height:3.75rem}.about-page .about-step-title{font-size:2rem}.about-page .about-step-description{margin-bottom:1rem;font-size:.9375rem}.about-page .about-closing{padding-block:5rem 1rem}.about-page .about-future-title{font-size:clamp(2.75rem,9vw,4.5rem)}.about-page .about-closing .about-body-copy{margin-left:0}.about-page .about-open-frame{width:70%;top:3rem;right:15%;transform:none}}@media (prefers-reduced-motion:reduce){.about-page .about-workbench .structure-node,.about-page .about-workbench .structure-connections,.about-page .about-workbench .structure-future,.about-page .about-workbench .structure-depth,.about-page .about-workbench .structure-face,.about-page .about-workbench .structure-inset,.about-page .about-method-option{transition:none}}