@layer pages{.refraction-page{--refraction-paper: #f3f1ec;--refraction-ink: #111111;--refraction-muted: rgba(17, 17, 17, .58);--refraction-line: rgba(17, 17, 17, .16);overflow:clip;background:var(--refraction-paper);color:var(--refraction-ink)}.refraction-scroll{position:relative;height:560dvh;min-height:560svh;background:var(--refraction-paper)}.refraction-stage{position:sticky;top:0;width:100%;height:100dvh;min-height:100svh;overflow:clip;isolation:isolate;background:var(--refraction-paper)}.refraction-composition,.refraction-grid,.refraction-canvas{position:absolute;inset:0;width:100%;height:100%}.refraction-composition{z-index:1;padding:calc(var(--header-height) + clamp(1.25rem,2.2vw,2.75rem)) var(--gutter) clamp(1.5rem,3vw,3rem)}.refraction-grid{z-index:-1;inset:var(--header-height) var(--gutter) clamp(1.5rem,3vw,3rem);width:auto;height:auto;border-inline:1px solid var(--refraction-line);background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc((100% / 12) - 1px),var(--refraction-line) calc((100% / 12) - 1px),var(--refraction-line) calc(100% / 12)),linear-gradient(var(--refraction-line),var(--refraction-line));background-position:0 0,0 64%;background-size:auto,100% 1px;background-repeat:repeat,no-repeat;opacity:.72}.refraction-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:0;align-items:end}.refraction-intro__index,.refraction-intro__subline,.refraction-measures dt,.refraction-plate figcaption,.refraction-progress,.refraction-outro__grid>p:first-child{font-family:var(--font-ui);font-size:clamp(.68rem,.63rem + .2vw,.82rem);font-weight:var(--weight-medium);letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.refraction-intro__index{grid-column:1 / span 2;align-self:center}.refraction-intro h1{grid-column:3 / span 7;font-size:clamp(4.5rem,9.4vw,11.5rem);font-weight:440;letter-spacing:-.068em;line-height:.76}.refraction-intro__subline{grid-column:11 / -1;max-width:22ch;color:var(--refraction-muted);text-transform:none}.refraction-statement{position:absolute;z-index:1;top:30%;left:var(--gutter);display:grid;width:min(73vw,86rem);font-family:var(--font-display);font-size:clamp(4.8rem,10.2vw,12rem);font-weight:440;letter-spacing:-.072em;line-height:.72}.refraction-statement span{display:block;width:max-content}.refraction-statement span:nth-child(2){transform:translate(8.5vw)}.refraction-statement span:nth-child(3){transform:translate(2.25vw)}.refraction-axis{position:absolute;z-index:0;background:var(--refraction-line)}.refraction-axis--horizontal{top:55%;right:var(--gutter);left:var(--gutter);height:1px}.refraction-axis--vertical{top:var(--header-height);bottom:0;left:50%;width:1px}.refraction-plate{position:absolute;z-index:1;right:calc(var(--gutter) + 2.2vw);bottom:12%;width:clamp(18rem,30vw,36rem);margin:0}.refraction-plate__image{position:relative;aspect-ratio:1.42;overflow:hidden;background:linear-gradient(35deg,transparent 44%,rgba(243,241,236,.92) 44.2% 44.65%,transparent 44.9%),repeating-linear-gradient(90deg,transparent 0 2.9rem,rgba(243,241,236,.24) 2.9rem calc(2.9rem + 1px)),repeating-linear-gradient(0deg,transparent 0 2.9rem,rgba(243,241,236,.24) 2.9rem calc(2.9rem + 1px)),#111}.refraction-plate__image:before,.refraction-plate__image:after,.refraction-plate__image span{position:absolute;display:block;content:""}.refraction-plate__image:before{top:13%;right:18%;width:33%;aspect-ratio:1;border:1px solid rgba(243,241,236,.78);border-radius:50%}.refraction-plate__image:after{bottom:16%;left:11%;width:49%;height:18%;background:var(--refraction-paper);transform:skew(-24deg)}.refraction-plate__image span{top:0;bottom:0;left:62%;width:1px;background:#f3f1eccc;transform:rotate(18deg);transform-origin:center}.refraction-plate figcaption{padding-top:.75rem;border-top:1px solid var(--refraction-ink)}.refraction-measures{position:absolute;z-index:1;bottom:clamp(1.5rem,3vw,3rem);left:var(--gutter);display:grid;grid-template-columns:repeat(3,minmax(8rem,1fr));width:min(47vw,50rem);margin:0;border-top:1px solid var(--refraction-ink)}.refraction-measures div{padding:.8rem 1.25rem 0 0}.refraction-measures div+div{padding-left:1.25rem;border-left:1px solid var(--refraction-line)}.refraction-measures dt{color:var(--refraction-muted)}.refraction-measures dd{margin:.4rem 0 0;font-family:var(--font-display);font-size:clamp(1.8rem,2.5vw,3rem);font-weight:440;letter-spacing:-.045em;line-height:1}.refraction-note{position:absolute;z-index:1;top:clamp(18rem,35vh,24rem);right:var(--gutter);width:min(14vw,15rem);color:var(--refraction-muted);font-size:var(--text-small);line-height:1.45}.refraction-canvas{z-index:3;max-width:none;pointer-events:none;opacity:0}.refraction-page[data-refraction-state=ready] .refraction-canvas,.refraction-page[data-refraction-state=reduced] .refraction-canvas{opacity:1}.refraction-lens-fallback{position:absolute;z-index:2;top:35%;left:14%;width:clamp(20rem,42vw,48rem);aspect-ratio:1.2;border:1px solid rgba(255,255,255,.9);border-radius:36% 13% 31% 18%/20% 33% 14% 29%;pointer-events:none;background:linear-gradient(128deg,rgba(255,255,255,.3),transparent 31% 70%,rgba(255,255,255,.22)),#ffffff0a;opacity:.92;transform:rotate(-4deg)}.refraction-page[data-refraction-state=ready] .refraction-lens-fallback,.refraction-page[data-refraction-state=reduced] .refraction-lens-fallback{opacity:0}.refraction-progress{position:absolute;z-index:5;right:var(--gutter);bottom:clamp(1.5rem,3vw,3rem);display:flex;gap:1rem;color:var(--refraction-muted)}.refraction-progress span:last-child{min-width:3ch;color:var(--refraction-ink);font-variant-numeric:tabular-nums;text-align:right}.refraction-outro{min-height:74svh;display:grid;align-items:center;padding-block:var(--space-7);border-top:1px solid var(--refraction-line);background:var(--refraction-paper)}.refraction-outro__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.refraction-outro__grid>p:first-child{grid-column:1 / span 2;padding-top:.5rem}.refraction-outro h2{grid-column:3 / span 7;font-size:var(--rk-type-display-section);letter-spacing:-.06em;line-height:.9}.refraction-outro__grid>p:last-child{grid-column:9 / -1;align-self:end;max-width:34rem;color:var(--refraction-muted)}.refraction-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:var(--space-6);background:var(--refraction-paper)}.refraction-navigation a{min-width:0;padding:1.25rem 1.5rem 1.25rem 0;border-top:1px solid var(--refraction-line)}.refraction-navigation a+a{padding-left:1.5rem;border-left:1px solid var(--refraction-line)}.refraction-navigation a:last-child{padding-right:0;text-align:right}.refraction-navigation small,.refraction-navigation strong{display:block}.refraction-navigation small{margin-bottom:.65rem;color:var(--refraction-muted);font-size:var(--text-small)}.refraction-navigation strong{font-family:var(--font-display);font-size:clamp(1rem,1.4vw,1.35rem);font-weight:500}.refraction-navigation .rk-icon{margin-inline:0 .45rem}.refraction-navigation a:last-child .rk-icon{margin-inline:.45rem 0}@media(max-width:63.999rem){.refraction-scroll{height:510dvh;min-height:510svh}.refraction-intro h1{grid-column:3 / -1;font-size:clamp(4rem,12vw,8rem)}.refraction-intro__subline{position:absolute;top:calc(var(--header-height) + 7.5rem);right:var(--gutter);width:min(31vw,17rem)}.refraction-statement{top:31%;width:86vw;font-size:clamp(4.5rem,13.5vw,8.5rem)}.refraction-note{top:59%;right:auto;left:var(--gutter);width:24ch}.refraction-plate{right:var(--gutter);bottom:14%;width:min(46vw,29rem)}.refraction-measures{width:min(52vw,33rem)}.refraction-outro__grid>p:first-child{grid-column:1 / span 3}.refraction-outro h2{grid-column:4 / -1}.refraction-outro__grid>p:last-child{grid-column:4 / span 7;margin-top:var(--space-4)}}@media(max-width:39.999rem){.refraction-scroll{height:470dvh;min-height:470svh}.refraction-composition{padding-top:calc(var(--header-height) + 1.25rem);padding-bottom:1rem}.refraction-grid{inset:var(--header-height) var(--gutter) 1rem;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc((100% / 6) - 1px),var(--refraction-line) calc((100% / 6) - 1px),var(--refraction-line) calc(100% / 6)),linear-gradient(var(--refraction-line),var(--refraction-line))}.refraction-intro{display:block}.refraction-intro h1{margin-top:.7rem;font-size:clamp(3.35rem,16.5vw,4.7rem);line-height:.82}.refraction-intro__subline{position:static;width:auto;max-width:25ch;margin-top:1rem}.refraction-statement{top:30%;width:calc(100% - (2 * var(--gutter)));font-size:clamp(3.75rem,18vw,5.5rem);line-height:.76}.refraction-statement span:nth-child(2){transform:translate(8vw)}.refraction-statement span:nth-child(3){font-size:.83em;transform:translate(0)}.refraction-note{top:auto;bottom:5.5rem;width:20ch;font-size:.78rem}.refraction-plate{right:var(--gutter);bottom:10rem;width:min(66vw,18rem)}.refraction-plate figcaption{font-size:.59rem}.refraction-measures{right:var(--gutter);bottom:1rem;grid-template-columns:repeat(3,minmax(0,1fr));width:auto}.refraction-measures div{min-width:0;padding-right:.45rem}.refraction-measures div+div{padding-left:.45rem}.refraction-measures dt{overflow:hidden;font-size:.52rem;text-overflow:ellipsis}.refraction-measures dd{font-size:clamp(1.35rem,7vw,1.8rem)}.refraction-progress{top:calc(var(--header-height) + 1.25rem);right:var(--gutter);bottom:auto;font-size:.58rem}.refraction-lens-fallback{top:40%;left:7%;width:72vw}.refraction-outro{min-height:68svh;padding-block:var(--space-6)}.refraction-outro__grid{display:block}.refraction-outro h2{margin-top:var(--space-3);font-size:clamp(2.75rem,12vw,4rem)}.refraction-outro__grid>p:last-child{max-width:31rem;margin-top:var(--space-4)}.refraction-navigation{grid-template-columns:1fr}.refraction-navigation a,.refraction-navigation a+a{min-height:4.5rem;padding:1rem 0;border:0;border-top:1px solid var(--refraction-line);text-align:left}}@media(prefers-reduced-motion:reduce){.refraction-scroll{height:auto;min-height:0}.refraction-stage{position:relative;min-height:max(48rem,100svh)}.refraction-canvas,.refraction-lens-fallback{transition:none}}.refraction-page[data-refraction-state=fallback] .refraction-scroll{height:auto;min-height:0}.refraction-page[data-refraction-state=fallback] .refraction-stage{position:relative;min-height:max(48rem,100svh)}}