@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Ropa Sans;ascent-override:84.1%;descent-override:23.1%;line-gap-override:0%;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ropa-sans-latin-400-normal-YlIpDyms.woff2)format("woff2"),url(/assets/ropa-sans-latin-400-normal-DcVQCtor.woff)format("woff")}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}@font-face{font-family:Palmore;ascent-override:70%;descent-override:23.1%;line-gap-override:0%;src:url(/fonts/PalmoreRegular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Palmore;ascent-override:70%;descent-override:23.1%;line-gap-override:0%;src:url(/fonts/PalmoreLight.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}:root{--ink:#000;--muted:#000000a3;--paper:#fff;--hero-sub:#cdcdcd;--rule:#00000029;--font-sans:"Inter Variable", "Inter", system-ui, -apple-system, sans-serif;--font-display:"Palmore", "Times New Roman", serif;--gutter:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--paper);-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-weight:400;overflow-x:clip}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;display:block}p,h1,h2,h3{font:inherit;margin:0}::selection{color:#fff;background:#d82121}.page{overflow-x:clip;container-type:inline-size}.chapter{--u:calc(100cqw / 1440);--k:var(--u)}.sec{width:calc(1440 * var(--u));height:calc(var(--sh) * var(--u));margin-inline:auto;position:relative}.abs{left:calc((var(--x) + var(--mx,0) * var(--d,0)) * var(--k));top:calc((var(--y) + var(--my,0) * var(--d,0)) * var(--k));width:calc(var(--w) * var(--k));height:calc(var(--h) * var(--k));rotate:var(--r,0deg);position:absolute}.fill{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.crop{position:absolute;inset:0;overflow:hidden}.crop>img{pointer-events:none;position:absolute}.flip-x{scale:-1 1}.art{width:100%;height:100%;display:block}.t-body{font-size:calc(18 * var(--u));line-height:calc(24 * var(--u));color:var(--muted)}.t-high{font-size:calc(32 * var(--u));line-height:calc(40 * var(--u));color:var(--ink)}.t-sub{font-size:calc(60 * var(--u));line-height:calc(64 * var(--u));letter-spacing:calc(-2.4 * var(--u));text-transform:uppercase;color:var(--ink)}.t-body p+p{margin-top:calc(24 * var(--u))}[data-reveal] .split-mask{margin-bottom:-.08em;padding-bottom:.08em}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1099.98px){.sec{width:auto;height:auto;padding:72px var(--gutter);flex-direction:column;gap:28px;display:flex}.abs.txt{width:auto;max-width:620px;height:auto;position:relative;top:auto;left:auto}.stage{width:100%;height:auto;aspect-ratio:var(--w) / var(--h);--k:calc((100cqw - 2 * var(--gutter)) / var(--w));position:relative;top:auto;left:auto}.stage.bleed{width:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter));--k:calc(100cqw / var(--w))}.desk{display:none!important}.t-body{font-size:16px;line-height:24px}.t-body p+p{margin-top:16px}.t-high{font-size:clamp(22px,5.6vw,30px);line-height:1.25}.t-sub{letter-spacing:-.04em;font-size:clamp(34px,9vw,56px);line-height:1.05}.t-high br,.t-sub br{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.boot{background:#0b0706;position:fixed;inset:0}.opening{color:#fff;background:#000;position:relative}.opening__media{display:none}.iscene{aspect-ratio:1440/810;position:relative;overflow:hidden}.iscene__still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.iscene__frame{--k:calc(100cqw / 1440);position:absolute;inset:0}.iscene__copy:not(.abs){position:absolute;inset:0}.iscene__shade{pointer-events:none;position:absolute}.iscene__shade--1{background:linear-gradient(-88.63deg,#000000c7 21.06%,#0000 96.93%);width:59.65%;height:100%;top:0;right:0}.iscene__shade--2{background:linear-gradient(9.6deg,#000000fa 17.71%,#0000 56.08%);width:100%;height:34.98%;bottom:0;left:0}.iscene__shade--3{background:linear-gradient(-83.1deg,#000000fa 10.67%,#0000 88.95%);width:54.58%;height:100%;top:0;right:0}.iscene__shade--4{background:linear-gradient(82.75deg,#000000c7 28.99%,#0000 95.4%);width:63.33%;height:100%;top:0;left:0}.iscene__shade--5{background:linear-gradient(-86.53deg,#000000c7 36.92%,#0000 92.52%);width:58.26%;height:100%;top:0;right:0}.iscene__shade--6{background:linear-gradient(1.17deg,#000000c7 35.96%,#0000 97.97%);width:100%;height:60.6%;bottom:0;left:0}.opening__logo{object-fit:contain}.opening__rule{background:#fff;height:1px}.opening__eyebrow{font-size:calc(20 * var(--k));line-height:calc(24 * var(--k));text-transform:uppercase;white-space:nowrap}.opening__title{font-family:var(--font-display);font-weight:300;font-size:calc(194.4 * var(--k));line-height:calc(110.6 * var(--k));letter-spacing:calc(7.776 * var(--k));text-align:center;text-transform:uppercase;white-space:nowrap}.opening__title .split-mask{margin-top:-.08em;padding-top:.08em}.opening__label{font-weight:300;font-size:calc(18 * var(--k));line-height:calc(24 * var(--k));letter-spacing:calc(.72 * var(--k));text-transform:capitalize;white-space:nowrap}.iscene__copy.abs,.iscene__final{flex-direction:column;align-items:flex-start;display:flex}.iscene__head{font-family:var(--font-display);font-weight:300;font-size:calc(84.758 * var(--k));line-height:calc(53.859 * var(--k));letter-spacing:calc(3.3903 * var(--k));text-transform:uppercase}.iscene__head em,.iscene__welcome em{color:#f8c78d;font-style:normal}.iscene__head--sans{font-family:inherit;font-weight:500;font-size:calc(36 * var(--k));line-height:calc(40 * var(--k));letter-spacing:0;white-space:nowrap}.iscene__body{font-size:calc(20.356 * var(--k));line-height:calc(28 * var(--k))}.iscene__body--gap31{margin-top:calc(31 * var(--k))}.iscene__body--gap26{margin-top:calc(26 * var(--k))}.iscene__body--gap18{margin-top:calc(18 * var(--k))}.iscene__body--small{margin-top:calc(24 * var(--k));font-size:calc(14 * var(--k));line-height:calc(24 * var(--k));color:#cdcdcd}.opening__track{margin-top:calc(24 * var(--k));width:calc(275 * var(--k));height:calc(2 * var(--k));background:#d9d9d933;border-radius:30px;overflow:hidden}.opening__dash{width:calc(65 * var(--k));background:#fff;border-radius:30px;height:100%;display:block}.iscene__welcome{font-size:calc(31.308 * var(--k));line-height:calc(43.832 * var(--k));white-space:nowrap}.opening.is-live{height:100svh;overflow:hidden}.opening.is-live .opening__media{will-change:transform;display:block;position:absolute;inset:0}.opening__canvas,.opening__loop{width:100%;height:100%;display:block}.opening__fg{display:none}.opening.is-live .opening__fg{pointer-events:none;display:block;position:absolute;inset:0}.opening__fgfilm,.opening__cutfilm,.opening__cutloop{width:100%;height:100%;display:block;position:absolute;inset:0}.opening__loop{position:absolute;inset:0}.opening.is-live .iscene{aspect-ratio:auto;position:absolute;inset:0}.opening.is-live .iscene__still{display:none}.opening.is-live .iscene__frame{aspect-ratio:16/9;--k:calc(min(100vw, 100svh * 16 / 9) / 1440);width:min(100vw,177.778svh);inset:50% auto auto 50%;translate:-50% -50%}@media (width<=1099.98px){.opening .iscene__frame,.opening.is-live .iscene__frame{aspect-ratio:auto;--k:1px;width:auto;inset:0;translate:none}.iscene__copy:not(.abs),.iscene__copy.abs{left:var(--gutter);right:var(--gutter);flex-direction:column;align-items:flex-start;gap:0;width:auto;height:auto;display:flex;position:absolute;top:auto;bottom:9svh}.iscene__copy .abs{width:auto;height:auto;position:relative;top:auto;left:auto}.iscene--0 .iscene__copy:not(.abs){text-align:center;align-items:center;top:9svh;bottom:auto}.opening__logo.abs{width:140px;height:24px;position:absolute;top:calc(20px - 9svh);left:0}.opening__rule--l,.opening__rule--r{display:none}.opening__rule--b{margin-top:14px;width:100%!important}.opening__eyebrow{letter-spacing:.08em;font-size:14px}.opening__title{letter-spacing:.03em;margin-top:10px;font-size:clamp(54px,14.5vw,120px);line-height:.82}.opening__label{white-space:normal;margin-top:10px;font-size:14px;line-height:20px}.iscene__head{letter-spacing:.03em;max-width:440px;font-size:clamp(36px,10vw,60px);line-height:.82;width:auto!important}.iscene__head--sans{white-space:normal;font-size:clamp(20px,5.4vw,30px);line-height:1.2}.iscene__head--sans br{display:none}.iscene__body{max-width:440px;font-size:16px;line-height:24px}.iscene__body br{display:none}.iscene__body--gap31,.iscene__body--gap26,.iscene__body--gap18{margin-top:16px}.iscene__body--small{margin-top:14px;font-size:14px;line-height:22px}.iscene__final.abs{width:auto}.opening__track{width:160px;margin-top:16px}.opening__dash{width:38px}.iscene__welcome.abs{white-space:normal;margin-top:20px;font-size:20px;line-height:28px}.iscene__shade{background:linear-gradient(#0000 0%,#000000e0 90%);width:100%;height:70%;inset:auto 0 0}.iscene--0 .iscene__frame:before{content:"";background:linear-gradient(#000000b3 10%,#0000 100%);height:70%;position:absolute;inset:0 0 auto}.opening:not(.is-live) .iscene{aspect-ratio:auto;flex-direction:column;display:flex}.opening:not(.is-live) .iscene__still{aspect-ratio:16/9;height:auto;position:relative}.opening:not(.is-live) .iscene__frame,.opening:not(.is-live) .iscene__copy:not(.abs),.opening:not(.is-live) .iscene__copy.abs{padding:24px var(--gutter) 40px;position:relative;inset:auto}.opening:not(.is-live) .iscene__copy:not(.abs),.opening:not(.is-live) .iscene__copy.abs{padding:0;bottom:auto;left:auto;right:auto}.opening:not(.is-live) .opening__logo.abs{margin-bottom:20px;position:relative;top:auto}.opening:not(.is-live) .iscene__shade,.opening:not(.is-live) .iscene--0 .iscene__frame:before{display:none}}@media (width>=1100px){.opening{z-index:6}}.opening__mosaic{z-index:60;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.opening.is-mosaic{background:0 0}.opening.is-mosaic>:not(.opening__mosaic){opacity:0!important;visibility:hidden!important}.preface{color:#fff;background:#000}@media (width>=1100px){.preface{z-index:5;margin-top:-100svh;padding-bottom:300svh;position:relative}}.preface.is-rising{background:0 0}html.dtr-rising .page,html.dtr-rising body{background:color-mix(in srgb, #fff calc(var(--intro-w,0) * 100%), #000)}html.dtr-rising #introduction{opacity:var(--intro-o,1)!important}.pref__rise-tint{z-index:5;pointer-events:none;opacity:0;position:absolute;inset:0}.pref__banner{background:#fff;overflow:hidden}@media (width>=1100px){.pref__banner{top:min(0px, calc(100svh - 744 * var(--u) - 40svh));z-index:0;padding-top:40svh;position:sticky}.pref__stage{z-index:1;background:#000;position:relative}.pref__body{z-index:1;margin-bottom:calc(-1060 * var(--u));background:#000;position:sticky;top:0}.pref__runway{height:460svh}.pref__stack{z-index:2;background:0 0;position:relative}}@media (width<=1099.98px){.pref__runway{display:none}}.pref__gallery-img{will-change:transform}.pref__fade,.pref__flower-fade{pointer-events:none;background:linear-gradient(#0000,#000)}.pref__title{font-size:calc(60 * var(--u));line-height:calc(64 * var(--u));letter-spacing:calc(-2.4 * var(--u));text-transform:uppercase;text-align:center;white-space:nowrap;color:#000}.pref__statement{font-size:calc(36 * var(--u));line-height:calc(40 * var(--u));text-transform:uppercase;color:#000}.pref__light{font-weight:300}.pref__strong{font-weight:500}.pref__reply{font-weight:300;font-size:calc(18 * var(--k));line-height:calc(23 * var(--k));color:#fff}.pref__reply p+p{margin-top:calc(23 * var(--k))}.pref__reply p.pref__reply-gap{margin-top:calc(46 * var(--k))}.pref__icons{align-items:center;gap:calc(14.795 * var(--k));display:flex}.pref__icon{width:calc(14.795 * var(--k));height:calc(14.795 * var(--k))}.pref__flower-img{will-change:transform}.pref__heading{white-space:nowrap;width:max-content;font-size:calc(57 * var(--u));line-height:calc(64 * var(--u));letter-spacing:calc(-2.28 * var(--u));color:#fff}.pref__text{color:#fff}@media (width<=1099.98px){.pref__banner .sec{padding-bottom:0}.pref__copy{flex-direction:column;order:-1;gap:16px;display:flex}.pref__title{letter-spacing:-.04em;text-align:left;font-size:clamp(40px,11vw,60px);line-height:1}.pref__statement{font-size:clamp(24px,6.4vw,36px);line-height:1.12}.pref__gallery{aspect-ratio:4/3}.pref__gallery .crop img{object-fit:cover;object-position:64% 50%;width:100%!important;height:100%!important;top:0!important;left:0!important}.pref__fade{width:100%;height:35%;top:auto;bottom:0;left:0}.pref__body .sec{padding-top:24px}.pref__flower--tulip{--k:calc(min(100cqw - 2 * var(--gutter), 300px) / var(--w));align-self:flex-start;max-width:300px}.pref__flower--peony{--k:calc(min(100cqw - 2 * var(--gutter), 300px) / var(--w));align-self:flex-end;max-width:300px}.pref__phone{--k:calc(min(100cqw - 2 * var(--gutter), 330px) / var(--w));align-self:center;max-width:330px}.pref__heading{white-space:normal;letter-spacing:-.04em;width:auto;font-size:clamp(34px,9vw,56px);line-height:1.05}}@media (width>=1100px){.pref__flower{z-index:1}.pref__phone{z-index:3}}.pref__prompt,.pref__user,.pref__dots{visibility:hidden}.pref__dim{height:calc(var(--h) * var(--k));border-radius:calc(46 * var(--k));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;pointer-events:none;background:#00000080}.pref__phone .pref__prompt{top:auto;bottom:calc(37 * var(--k));height:auto}.pref__bar{box-sizing:border-box;align-items:flex-end;gap:calc(10 * var(--k));min-height:calc(57 * var(--k));padding:calc(11 * var(--k)) calc(11 * var(--k)) calc(11 * var(--k)) calc(14 * var(--k));border-radius:calc(29 * var(--k));-webkit-backdrop-filter:blur(24px)saturate(1.8);backdrop-filter:blur(24px)saturate(1.8);box-shadow:0 calc(14 * var(--k)) calc(36 * var(--k)) #0009, inset 0 1px 0 #ffffff59;color:#fff;background:linear-gradient(#3a3a3ef5,#222225f5);border:1px solid #ffffff38;display:flex}.pref__search{width:calc(26 * var(--k));height:calc(34 * var(--k));fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;flex:none}.pref__prompt-text{padding:calc(8 * var(--k)) 0;font-weight:300;font-size:calc(13 * var(--k));line-height:calc(18 * var(--k));flex:1;margin:0}.pref__caret{width:1px;height:calc(14 * var(--k));vertical-align:text-bottom;background:#fff;margin-left:1px;animation:1s step-end infinite pref-blink;display:inline-block}@keyframes pref-blink{50%{opacity:0}}.pref__send{width:calc(34 * var(--k));height:calc(34 * var(--k));background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.pref__send svg{fill:none;stroke:#000;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:56%;height:56%}.pref__user{justify-content:flex-end;height:auto;display:flex}.pref__user p{max-width:86%;padding:calc(10 * var(--k)) calc(15 * var(--k));border-radius:calc(20 * var(--k));font-weight:300;font-size:calc(17 * var(--k));line-height:calc(22 * var(--k));color:#fff;background:#ffffff24;margin:0}.pref__dots{gap:calc(6 * var(--k));height:auto;display:flex}.pref__dots i{width:calc(7 * var(--k));height:calc(7 * var(--k));background:#ffffffbf;border-radius:50%}.pref__layer{position:absolute}.pref__layer>img{width:100%;height:100%;display:block}.pref__net-c{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pref__star-white{background:#fff;height:1px;margin-top:-.5px;position:absolute;top:50%;left:2.975%;right:0}.pref__star-on{width:calc(32 * var(--k));height:calc(32 * var(--k));position:absolute;top:0;left:0}.pref__flower .crop{clip-path:inset(-40% -40% 0);overflow:visible}.pref__flash{opacity:0;pointer-events:none;background:radial-gradient(circle,#fffffff2 0,#fff9 16%,#fff6e438 40%,#fff0 68%)}@media (width<=1099.98px){.pref__flash{display:none}}.pref__star-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffffbf 0,#ffffff47 20%,#fff0 62%)}@media (width>=1100px){.sight{margin-top:-100svh}}.hero{height:calc(825 * var(--u));color:#fff;background:#0b0706;position:relative;overflow:hidden}.hero__media{inset:calc(-1.32 * var(--u)) 0 0;will-change:transform;position:absolute;overflow:hidden}.hero__img{transform-origin:40% 55%;width:100%;height:100%;display:block}.hero__flashes{pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.hero__flash{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#fff 0 5%,#fff4deb3 13%,#ffecc800 58%),linear-gradient(90deg,#0000,#ffffffd9 50%,#0000) 50%/100% 2px no-repeat,linear-gradient(#0000,#ffffffd9 50%,#0000) 50%/2px 100% no-repeat;position:absolute;transform:translate(-50%,-50%)scale(.4)}.hero__frame{z-index:1}.hero__copy{position:absolute;inset:0}.hero__label{font-weight:500;font-size:calc(21 * var(--u));line-height:calc(40 * var(--u));text-transform:uppercase}.hero__title{font-family:var(--font-display);font-weight:400;font-size:calc(125 * var(--u));line-height:calc(80 * var(--u));letter-spacing:calc(2.5 * var(--u));text-transform:uppercase;white-space:nowrap}.hero__title .split-mask{margin-top:-.12em;padding-top:.12em}.hero__desc{font-size:calc(14 * var(--u));line-height:calc(24 * var(--u));color:var(--hero-sub)}.orbit__card{transition:scale .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;overflow:hidden}.orbit__thumb{z-index:1}.orbit__thumb:hover{z-index:2}.orbit__thumb:hover .orbit__card{scale:1.35}.poster{will-change:transform}.posters{isolation:isolate;z-index:0}.poster img,.mag img{pointer-events:none}.star-line{overflow:visible}.mags{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none}.mags.is-dragging{cursor:grabbing}.mags:focus-visible{outline-offset:calc(12 * var(--k));outline:1px dashed #0006}.mag{will-change:transform}.typo__fold-art{width:100.38%;height:100.36%;position:absolute;top:-.18%;left:-.19%}.typo__glyph{overflow:hidden}.typo__hit{cursor:default}.craft__paw{z-index:1;pointer-events:none}.craft__paw img{width:100%;height:100%;display:block}.craft__underline svg{width:100%;height:111.23%;position:absolute;inset:-9.36% 0 -1.87%}@media (hover:hover) and (pointer:fine) and (width>=1100px){.collage [data-drag]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.collage [data-drag].is-dragging{cursor:grabbing}}.collage__back-a{background:#fff}.collage__pen-mask{-webkit-mask-image:url(/ch01/craft-pen-mask.svg);mask-image:url(/ch01/craft-pen-mask.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha;-webkit-mask-position:calc(25.789 * var(--k)) calc(4.036 * var(--k));mask-position:calc(25.789 * var(--k)) calc(4.036 * var(--k));-webkit-mask-size:calc(57.449 * var(--k)) calc(106 * var(--k));mask-size:calc(57.449 * var(--k)) calc(106 * var(--k));position:absolute;inset:0;overflow:hidden}.collage__pen-mask img{width:100%;height:131.12%;position:absolute;top:-15.44%;left:0}@media (width<=1099.98px){.hero{height:max(100svh,560px)}.hero__frame{padding:0 var(--gutter);display:block;position:absolute;inset:0}.hero__copy{inset:auto var(--gutter) 12svh;flex-direction:column;gap:16px;display:flex;position:absolute}.hero__label{letter-spacing:.04em;font-size:14px;line-height:20px}.hero__title{white-space:normal;padding-top:.15em;font-size:clamp(56px,15vw,125px);line-height:.66}.hero__desc{max-width:34ch;font-size:14px;line-height:22px}.orbit{margin-block:8px}.posters,.collage{margin-block:24px}.typo{margin-block:16px}.mags{--k:calc(min(100cqw - 2 * var(--gutter), 560px) / var(--w));align-self:center;max-width:560px}.craft__underline{aspect-ratio:416/45.352;width:min(416px,80%);height:auto;margin-top:-18px;position:relative;top:auto;left:auto}}@media (width<=767.98px){.hero__copy{inset:calc(env(safe-area-inset-top,0px) + 9svh) var(--gutter) auto}}@media (width<=767.98px) and (height<=700px){.hero__copy{gap:10px;inset-block-start:calc(env(safe-area-inset-top,0px) + 4svh)}}@media (width>=1100px){.sight .chapter__body{z-index:2;background:#fff;position:relative}}.motion{color:#fff;background:#0a0a0a}.mhero{height:calc(825 * var(--u));color:#fff;background:#0b0706;position:relative;overflow:hidden}.mhero__media{inset:calc(-1.32 * var(--u)) 0 0;position:absolute;overflow:hidden}.mhero__img{transform-origin:55% 45%;will-change:transform;width:103.89%;height:auto;position:absolute;top:-2.54%;left:-3.89%}.mhero__seq{aspect-ratio:1920/1080;display:none}.mhero.is-live .mhero__seq{display:block}.mhero__frame{z-index:1}.mhero__copy{position:absolute;inset:0}.mhero__label{font-weight:500;font-size:calc(21 * var(--u));line-height:calc(40 * var(--u));text-transform:uppercase}.mhero__title{font-family:var(--font-display);font-weight:400;font-size:calc(125 * var(--u));line-height:calc(80 * var(--u));letter-spacing:calc(2.5 * var(--u));text-transform:uppercase;white-space:nowrap}.mhero__title .split-mask{margin-top:-.12em;padding-top:.12em}.mhero__desc{font-size:calc(14 * var(--u));line-height:calc(24 * var(--u));color:#cdcdcd}.mhead{font-size:calc(32 * var(--u));line-height:calc(40 * var(--u));text-transform:uppercase;color:#fff}.mtext{font-size:calc(18 * var(--u));line-height:calc(24 * var(--u));color:#ffffff80}.mhead--right,.mtext--right{text-align:right}.mnum{font-size:calc(18 * var(--u));line-height:calc(24 * var(--u));color:#ffffff80}.mrule{background:repeating-linear-gradient(90deg,#ffffff80 0 2px,#0000 2px 4px);height:1px}.mintro{font-size:calc(32 * var(--u));text-transform:uppercase;line-height:normal}.mintro__main{width:calc(527 * var(--u));color:#fff}.mstatement{gap:calc(11 * var(--u));flex-direction:column;display:flex}.mstatement .mtext{width:calc(412 * var(--u))}.mcontent{gap:calc(10 * var(--u));flex-direction:column;display:flex}.mposter__img{object-fit:contain}.mmedusa{opacity:.15}.mmedusa img{object-fit:contain}.mascii{fill:#212121;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;overflow:visible}.msystems{text-transform:uppercase;color:#fff;white-space:nowrap;font-weight:700;line-height:normal}.msystems__line{display:block;position:absolute}.msystems__line--a{left:calc(6 * var(--u));font-size:calc(92 * var(--u));letter-spacing:calc(-5.52 * var(--u));text-shadow:0 0 calc(519.444 * var(--u)) #ffffff80;top:0}.msystems__line--b{left:0;top:calc(89 * var(--u));text-align:center;width:100%;font-size:calc(76 * var(--u));letter-spacing:calc(-4.56 * var(--u));text-shadow:0 0 calc(527.303 * var(--u)) #ffffff80}.msystems.is-scrambling .msystems__line{text-shadow:none}.marticle,.mcoded{gap:calc(20 * var(--u));flex-direction:column;display:flex}.marticle__img{height:calc(301 * var(--u));position:relative}.marticle__img img{object-fit:contain;width:100%;height:100%}.mcoded__img{height:calc(345 * var(--u));position:relative;overflow:hidden}.mcoded__img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mgallery__canvas{width:100%;height:100%;display:block}@media (width<=1099.98px){.mhero{height:max(100svh,560px)}.mhero__img{object-fit:cover;width:100%;height:100%;inset:0}.mhero__frame{padding:0 var(--gutter);display:block;position:absolute;inset:0}.mhero__copy{inset:auto var(--gutter) 12svh;flex-direction:column;gap:16px;display:flex;position:absolute}.mhero__label{letter-spacing:.04em;font-size:14px;line-height:20px}.mhero__title{white-space:normal;padding-top:.15em;font-size:clamp(56px,15vw,125px);line-height:.66}.mhero__desc{max-width:34ch;font-size:14px;line-height:22px}.mhead,.mintro{font-size:clamp(22px,5.6vw,30px);line-height:1.25}.mtext,.mnum{font-size:16px;line-height:24px}.mhead--right,.mtext--right{text-align:left}.mintro__main,.mstatement .mtext{width:auto}.mstatement,.mcontent{gap:12px}.motion .mgallery{order:5;height:min(100cqw,760px)}.mposter{--k:calc(min(100cqw - 2 * var(--gutter), 420px) / var(--w));max-width:420px}.msystems{white-space:normal;text-align:center;width:auto;height:auto;position:relative;top:auto;left:auto}.msystems__line{text-align:center;width:auto;position:static}.msystems__line--a{letter-spacing:-.06em;font-size:clamp(38px,11vw,80px)}.msystems__line--b{letter-spacing:-.06em;font-size:clamp(30px,9vw,66px)}.marticle,.mcoded{gap:16px}.marticle__img{aspect-ratio:535/301;height:auto}.mcoded__img{aspect-ratio:430/345;height:auto}}@media (width<=767.98px){.mhero__img{object-position:68% 30%}}@media (width>=1100px){.motion .mbody{z-index:2;background:#0a0a0a;position:relative}}.mmedusa__ascii{width:100%;height:100%;position:absolute;inset:0}.mmedusa.is-ascii img{visibility:hidden}.mmedusa.is-ascii{opacity:.3}@font-face{font-family:Voice Palmore;ascent-override:70%;descent-override:23.1%;line-gap-override:0%;src:url(/ch04/fonts/Palmore.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Voice Inter;src:url(/ch04/fonts/Inter-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Voice Inter;src:url(/ch04/fonts/Inter-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Voice Inter;src:url(/ch04/fonts/Inter-Bold.ttf)format("truetype");font-weight:700;font-display:swap}.chapter-voice{z-index:2;margin-top:-100vh;display:block;position:relative}@media (prefers-reduced-motion:reduce){.chapter-voice{margin-top:0}}.memory{color:#fff;background:#000;position:relative;overflow-x:clip}.mem-bg{width:calc(1440 * var(--u));height:calc(4393 * var(--u));pointer-events:none;background:url(/ch05/bg-glow.webp) 0 0/100% 100% no-repeat;position:absolute;top:0;left:50%;translate:-50%}.mem-bg:after{content:"";opacity:.9;background:url(/ch05/grain.png) 0 0/128px 128px;position:absolute;inset:0;-webkit-mask:url(/ch05/bg-glow.webp) 0 0/100% 100% no-repeat;mask:url(/ch05/bg-glow.webp) 0 0/100% 100% no-repeat}.mem-body{position:relative}.mem-hero{height:calc(825 * var(--u));background:#0b0b0b;position:relative;overflow:hidden}.mem-hero__media{position:absolute;inset:0;overflow:hidden}.mem-hero__img{object-fit:cover;transform-origin:60% 45%;will-change:transform;width:101.11%;height:99.7%;position:absolute;top:.18%;left:-.833%}.mem-hero__seq{display:none}.mem-hero.is-live .mem-hero__seq{display:block}.mem-hero__media:after{content:"";background:linear-gradient(90deg,#000c 12.294%,#0000 45.33%);position:absolute;inset:0}.mem-hero__frame{z-index:1}.mem-hero__copy{position:absolute;inset:0}.mem-hero__label{font-weight:500;font-size:calc(21 * var(--u));line-height:calc(40 * var(--u));text-transform:uppercase}.mem-hero__title{font-family:var(--font-display);font-weight:400;font-size:calc(125 * var(--u));line-height:calc(80 * var(--u));letter-spacing:calc(2.5 * var(--u));text-transform:uppercase;white-space:nowrap}.mem-hero__title .split-mask{margin-top:-.12em;padding-top:.12em}.mem-hero__desc{font-size:calc(14 * var(--u));line-height:calc(24 * var(--u));color:#cdcdcd}.mem-text{font-size:calc(18 * var(--u));line-height:calc(24 * var(--u));color:#ffffffa3}.mem-text--70{color:#ffffffb3}.mem-sub{font-size:calc(60 * var(--u));line-height:calc(64 * var(--u));letter-spacing:calc(-2.4 * var(--u));text-transform:uppercase;color:#fff}.mem-accent{color:#ff9436}.mem-body .txt{z-index:2}.mem-flip-x{scale:-1 1}.mem-rot180{rotate:180deg}.mem-owl,.mem-snitch,.mem-float,.mem-tv{z-index:1;will-change:transform}.mem-shadow{pointer-events:none}.mem-float img,.mem-tv img{filter:drop-shadow(0 calc(12 * var(--u)) calc(18 * var(--u)) #00000059)}.mem-part{max-width:none;display:block;position:absolute}.mem-tile{border-radius:calc(2 * var(--k));transition:translate .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;overflow:hidden}.mem-tile--teal{background:linear-gradient(#0ccda3,#c1fcd3)}@media (hover:hover){.mem-tile:hover{translate:0 calc(-6 * var(--k));box-shadow:0 calc(18 * var(--k)) calc(30 * var(--k)) #00000073}}.mem-toggle{cursor:pointer;background:0 0;border:0;padding:0}.mem-toggle__track{border:calc(4 * var(--k)) solid #ebf6ff;border-radius:calc(21 * var(--k));box-shadow:inset calc(4 * var(--k)) calc(-4 * var(--k)) calc(7 * var(--k)) #060e2314, inset calc(-4 * var(--k)) calc(-4 * var(--k)) calc(4 * var(--k)) #1933660d, inset calc(-8 * var(--k)) calc(-12 * var(--k)) calc(12 * var(--k)) #28365924;background:#21b709;transition:background .5s;position:absolute;inset:0}.mem-toggle__arrow{width:17.6471%;height:31.5789%;transition:opacity .3s;position:absolute;top:34.2105%;left:67.6471%;rotate:180deg}.mem-toggle__knob{border:calc(2 * var(--k)) solid #fff;border-radius:calc(18 * var(--k));width:50%;height:89.4737%;box-shadow:0 calc(-6 * var(--k)) calc(10 * var(--k)) #112f4059, inset calc(4 * var(--k)) calc(4 * var(--k)) calc(4 * var(--k)) #0711201a, inset calc(-2 * var(--k)) calc(-2 * var(--k)) calc(2 * var(--k)) #fff;background:#e8f6ff;transition:translate .7s cubic-bezier(.5,0,.2,1);position:absolute;top:5.26316%;left:2.94118%}.mem-toggle__knob img{width:71.875%;height:71.875%;transition:rotate .7s cubic-bezier(.5,0,.2,1);position:absolute;top:10.9375%;left:10.9375%;rotate:180deg}.mem-toggle.is-on .mem-toggle__knob{translate:calc(60 * var(--k)) 0}.mem-toggle.is-on .mem-toggle__knob img{rotate:540deg}.mem-toggle.is-on .mem-toggle__arrow{opacity:0}.mem-rec__label{width:100%;font-family:Ropa Sans,sans-serif;font-size:calc(24 * var(--k));text-align:center;color:#ff752c;line-height:normal;position:absolute;top:0;left:0}.mem-rec__btn{border:calc(4 * var(--k)) solid #ebf6ff;border-radius:calc(5 * var(--k));width:100%;height:64.4068%;box-shadow:inset calc(-4 * var(--k)) calc(4 * var(--k)) calc(7 * var(--k)) #060e2314, inset calc(4 * var(--k)) calc(4 * var(--k)) calc(4 * var(--k)) #1933660d, inset calc(8 * var(--k)) calc(12 * var(--k)) calc(12 * var(--k)) #28365924;cursor:pointer;background:#b5c9dc;padding:0;position:absolute;top:35.5932%;left:0}.mem-rec__inner{border-radius:calc(7 * var(--k));box-shadow:0 calc(6 * var(--k)) calc(10 * var(--k)) #112f4059, inset 0 calc(2 * var(--k)) calc(2 * var(--k)) #fff;background:#e8f6ff;transition:translate .15s,box-shadow .15s;position:absolute;inset:0}.mem-rec__face{width:76.4706%;height:76.4706%;box-shadow:0 0 calc(4 * var(--k)) #fffffffa, inset 0 0 calc(1 * var(--k)) #357aba33, inset 0 calc(7 * var(--k)) calc(12 * var(--k)) #1f61901a;background:radial-gradient(circle at 71% 97%,#fff 0%,#e8f6ff 70%);border-radius:50%;position:absolute;top:10.2941%;left:11.7647%}.mem-rec__dot{background:radial-gradient(circle at 67% 100%,#ffb892 0%,#ff975f 50%,#ff8646 75%,#ff762d 100%);border-radius:50%;width:17.6471%;height:17.6471%;transition:box-shadow .3s;position:absolute;top:39.7059%;left:41.1765%}.mem-rec__btn:active .mem-rec__inner{translate:0 calc(2 * var(--k));box-shadow:0 calc(2 * var(--k)) calc(4 * var(--k)) #112f4059}.mem-rec__btn.is-on .mem-rec__dot{animation:1.4s ease-in-out infinite mem-rec}@keyframes mem-rec{0%,to{box-shadow:0 0 #ff762d8c}50%{box-shadow:0 0 calc(10 * var(--k)) calc(4 * var(--k)) #ff762d73}}.mem-play__btn{cursor:pointer;background:0 0;border:0;padding:0;transition:scale .15s;position:absolute;inset:0}.mem-play__base{width:100%;height:100%;position:absolute;inset:0;rotate:90deg}.mem-play__arrow{width:32.2979%;height:36.4657%;position:absolute;top:33.2897%;left:35.8494%}.mem-play__btn:active{scale:.94}.mem-vol__shade{mix-blend-mode:multiply}.mem-vol__glow{opacity:.3}.mem-vol__label,.mem-vol__pm{font-family:Ropa Sans,sans-serif;font-size:calc(19.956 * var(--k));text-align:center;text-shadow:calc(.554 * var(--k)) calc(.554 * var(--k)) calc(1.109 * var(--k)) #2d387421;color:#606f95;white-space:nowrap;line-height:normal}.mem-vol__pm{color:#6f92b5;opacity:.3}.mem-skeuo__scroller{display:contents}@media (width<=1099.98px){.mem-bg{width:100%;height:auto;top:0;bottom:0;left:0;translate:none}.mem-hero{height:max(100svh,560px)}.mem-hero__img{object-position:74% 30%;width:100%;height:100%;inset:0}.mem-hero__media:after{background:linear-gradient(#0000 45%,#000000d9 100%)}.mem-hero__frame{padding:0 var(--gutter);display:block;position:absolute;inset:0}.mem-hero__copy{inset:auto var(--gutter) 10svh;flex-direction:column;gap:16px;display:flex;position:absolute}.mem-hero__label{letter-spacing:.04em;font-size:14px;line-height:20px}.mem-hero__title{white-space:normal;padding-top:.15em;font-size:clamp(56px,15vw,125px);line-height:.66}.mem-hero__title br{display:none}.mem-hero__desc{max-width:34ch;font-size:14px;line-height:22px}.mem-text{font-size:16px;line-height:24px}.mem-sub{letter-spacing:-.04em;font-size:clamp(34px,9vw,56px);line-height:1.05}.mem-sub br{display:none}.mem-skeuo__scroller{overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--gutter));padding:8px var(--gutter);scrollbar-width:none;display:block;overflow-x:auto}.mem-skeuo__scroller::-webkit-scrollbar{display:none}.mem-skeuo .mem-skeuo__stage{width:calc(var(--w) * var(--k));--k:.5px;max-width:none}.mem-now__stage{--k:calc(min(100cqw - 2 * var(--gutter), 640px) / var(--w));max-width:640px}}@media (width>=1100px){.mem-bg{height:calc((4393 - 825) * var(--u));background:#000 url(/ch05/bg-glow.webp) 0 calc(-825 * var(--u)) / 100% calc(4393 * var(--u)) no-repeat;top:0}.mem-bg:after{-webkit-mask:url(/ch05/bg-glow.webp) 0 calc(-825 * var(--u)) / 100% calc(4393 * var(--u)) no-repeat;mask:url(/ch05/bg-glow.webp) 0 calc(-825 * var(--u)) / 100% calc(4393 * var(--u)) no-repeat}.mem-body{z-index:2}}@font-face{font-family:Anton;ascent-override:117.63%;descent-override:32.91%;line-gap-override:0%;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff")}.next{color:#000;background:ivory;position:relative;overflow-x:clip}.nx-band{overflow:hidden}.nx-rule,.nx-axis,.nx-ring,.nx-glow{pointer-events:none}.nx-h{background:ivory;position:relative;overflow:hidden}.nx-track{flex-direction:column;display:flex}.nx-track-rule{display:none}@media (width>=1100px) and (prefers-reduced-motion:no-preference){.nx-track-rule{pointer-events:none;background:#b5b5b5;width:1px;display:block;position:absolute;top:-150vh;bottom:-150vh}.nx-h{height:100vh;perspective:calc(1600 * var(--u));perspective-origin:50%;flex-direction:column;display:flex}.nx-cam{transform-origin:50%;transform-style:preserve-3d;will-change:transform;flex-direction:column;flex:1;display:flex}.nx-track{transform-style:preserve-3d;will-change:transform;flex-direction:row;flex:1;align-items:center;width:max-content;position:relative}.nx-panel{flex:none;margin:0}.nx-split-panel{width:calc(var(--pw) * var(--u))}.nx-panel+.nx-panel{border-left:1px solid #b5b5b5}}.nx-panel{overflow:hidden}.nx-eyebrow{font-weight:400;font-size:calc(32 * var(--u));line-height:calc(39 * var(--u));text-transform:uppercase;white-space:nowrap;margin:0}.nx-head-line{font-weight:400;font-size:calc(44 * var(--u));line-height:calc(53 * var(--u));text-transform:uppercase;margin:0}.nx-head-line--right{text-align:right}.nx-body{font-size:calc(18 * var(--u));line-height:calc(24 * var(--u));text-align:justify;margin:0}.nx-pair p{margin:0}.nx-small{font-size:calc(18 * var(--u));line-height:calc(24 * var(--u));text-transform:uppercase}.nx-big{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:calc(126 * var(--u));text-transform:uppercase;white-space:nowrap}.nx-pair--a{height:calc(148 * var(--u))}.nx-pair--a .nx-small{width:calc(247 * var(--u));position:absolute;top:0;left:0}.nx-pair--a .nx-big{line-height:normal}.nx-pair--b .nx-big{font-size:calc(100 * var(--u));height:calc(148 * var(--u));line-height:calc(140 * var(--u))}.nx-hand img,.nx-reveal img,.nx-part img{will-change:transform}.nx-tile{overflow:hidden}.nx-grid.is-carousel{perspective:calc(1800 * var(--u));transform-style:preserve-3d;pointer-events:none}.nx-grid.is-carousel .nx-tile{pointer-events:auto}.nx-signals.is-spinnable{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.nx-signals.is-spinnable.is-grabbing{cursor:grabbing}.nx-grid.is-carousel .nx-tile{left:calc(50% - var(--w) * var(--k) / 2);top:calc(50% - var(--h) * var(--k) / 2);backface-visibility:hidden;will-change:transform, opacity, filter}.nx-skin,.nx-foil{display:none}.nx-hand--foil.is-foil .nx-skin,.nx-hand--foil.is-foil .nx-foil{display:block}.nx-hand--foil.is-foil .nx-chrome{display:none}.nx-robot{pointer-events:none;display:none;position:absolute}.nx-hand--scan.is-scan .nx-robot{display:block}.nx-hand--scan.is-scan .nx-metal{visibility:hidden}.nx-head{position:absolute;inset:0}.nx-part--l{clip-path:polygon(0 0,45.73% 0,45.73% 33.6%,40.88% 87.3%,37.93% 100%,0 100%)}.nx-part--m{clip-path:polygon(45.73% 0,52.37% 0,52.37% 33.6%,56.38% 87.3%,60.28% 100%,37.93% 100%,40.88% 87.3%,45.73% 33.6%)}.nx-part--r{clip-path:polygon(52.37% 0,100% 0,100% 100%,60.28% 100%,56.38% 87.3%,52.37% 33.6%)}.nx-part--l{transform-origin:30% 80%}.nx-part--r{transform-origin:70% 80%}.nx-glow{transform-origin:50% 100%;will-change:transform;background:radial-gradient(calc(2167.5 * var(--k)) calc(963.2 * var(--k)) at 50% calc(-275.2 * var(--k)), ivory 0%, ivory 60%, #d4c9f4 68%, #b5a4e7 70.25%, #957eda 72.5%, #7659cc 74.75%, #5633bf 77%, #371e83 82%, #271465 84.5%, #170947 87%, #0c0524 91.5%, #060212 93.75%, #000 96%, #000 100%);border-top:1px solid #b5b5b5}@media (width<=1099.98px){.nx-head-line{font-size:clamp(26px,6.4vw,40px);line-height:1.15}.nx-head-line--right{text-align:left}.nx-body{text-align:left;font-size:16px;line-height:24px}.nx-eyebrow{font-size:24px;line-height:30px}.nx-small{font-size:14px;line-height:20px}.nx-big{font-size:clamp(48px,15vw,120px)}.nx-pair--a{height:auto}.nx-pair--a .nx-small{width:auto;position:static}.nx-pair--a .nx-big,.nx-pair--b .nx-big{height:auto;line-height:1.1}.nx-band,.nx-panel{overflow:visible}}.nx-video{pointer-events:none;-webkit-mask-composite:source-in;display:none;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.nx-split-panel.is-video .nx-video{display:block}.nx-split-panel.is-video .nx-headwrap{visibility:hidden}.principles{color:#fff;background:#000;position:relative;overflow-x:clip}.pr-dark{overflow:hidden}.pr-bg{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%)}.pr-bg__img{will-change:transform;width:100%;height:100%;position:absolute;inset:0}.pr-shade{background:linear-gradient(#000 45.588%,#0000 100%)}.pr-rule__in{position:absolute;inset:0}.pr-rule__in.is-flip{scale:1 -1}.pr-rule__box,.pr-met__float{position:absolute;inset:0}.pr-met__img{scale:1 -1}.pr-title{z-index:1;font-size:calc(80 * var(--u));line-height:calc(80 * var(--u));letter-spacing:calc(-3.2 * var(--u));text-transform:uppercase;color:#fff}.pr-title>span{white-space:nowrap;width:max-content;display:block;position:absolute}.pr-title__a{top:0;left:0}.pr-title__b,.pr-title__c{line-height:calc(90 * var(--u))}.pr-title__b{left:calc(161 * var(--u));top:calc(155 * var(--u))}.pr-title__c{left:calc(174 * var(--u));top:calc(240 * var(--u))}.pr-title__accent{color:#b5dcff}.pr-dark .pr-dim{color:#fff9}.pr-hand__clip{overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.pr-hand__arm{transform-origin:50% 100%}.pr-cubes3d{z-index:3;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.pr-orb-seed{pointer-events:none}.pr-hand--3d .pr-cube__img,.pr-hand--3d .pr-cube__glow{opacity:0}.pr-hand--3d .pr-cube__glow{display:none}.pr-cube__toss,.pr-cube__float{position:absolute;inset:0}.pr-cube__glow{opacity:0;pointer-events:none;background:radial-gradient(closest-side,#6ea0ff57,#ffbe6e1f 55%,#0000 100%);border-radius:50%;position:absolute;inset:-22%}.pr-cube__img{pointer-events:auto;transition:scale .6s cubic-bezier(.2,.8,.2,1),filter .6s}@media (hover:hover){.pr-cube__img:hover{filter:brightness(1.25);scale:1.1}}.pr-fig{rotate:none}.pr-orb{mix-blend-mode:screen;pointer-events:none;display:none;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 84%,#0000 100%),linear-gradient(#0000 0%,#000 16% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 84%,#0000 100%),linear-gradient(#0000 0%,#000 16% 88%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.pr-orb--matte{mix-blend-mode:normal}.pr-orb__matte,.pr-orb__canvas{width:100%;height:100%;display:block}.pr-fig.is-live .pr-orb{display:block}.pr-fig.is-live .pr-figure{visibility:hidden}.pr-restraint{font-size:calc(100 * var(--k));line-height:calc(100 * var(--k));letter-spacing:calc(-4 * var(--k));text-transform:uppercase;color:#fff;margin:0;font-weight:400}.pr-restraint>span{white-space:nowrap;width:max-content;display:block;position:absolute;left:0}.pr-restraint__a{top:0}.pr-restraint__b{top:calc(109 * var(--k))}.pr-figure{overflow:hidden}.pr-shift{left:0;top:calc(var(--split) * var(--u) * -1);width:100%;height:calc(2500 * var(--u));position:absolute}.pr-lab{background:#000;height:100svh;min-height:560px;position:relative;overflow:hidden}.pr-lab__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pr-lab__label{letter-spacing:.04em;text-transform:uppercase;color:#ffffffb3;pointer-events:none;border:1px solid #ffffff40;border-radius:99px;padding:6px 12px;font-size:12px;position:absolute;top:24px;right:24px}.pr-lab__copy.t-body{left:calc(346 * var(--u));width:calc(300 * var(--u));color:#fff9;pointer-events:none;position:absolute;bottom:12vh}.pr-lab__title{display:none}@media (width>=1100px){.pr-dark--short{overflow:clip}.pr-dark--short .pr-title--band{display:none}.pr-lab--titled .pr-lab__title{--u:var(--tu,1px);left:var(--tx,0);top:var(--ty,0);width:calc(800 * var(--u));height:calc(330 * var(--u));pointer-events:none;margin:0;display:block;position:absolute}.pr-lab--titled .pr-lab__copy.t-body{--u:var(--tu,1px);left:var(--cx,0);top:var(--cy,0);bottom:auto}}.pr-light{color:#000;overflow:hidden}.pr-cream{background:#fffdf3}.pr-green{background:#b2ff6f}.pr-ribbon__flip{position:absolute;inset:0;scale:1 -1}.pr-ribbon__svg{position:absolute}.pr-ribbon__svg svg{width:100%;height:100%;display:block}.pr-tile{border-radius:calc(20 * var(--k));overflow:hidden}.pr-tile--square{border-radius:0}.pr-tile--green{background:#b2ff6f}.pr-tile--purple{background:#a379ff}.pr-mos__title{font:inherit;margin:0}.pr-word{width:max-content;height:auto;font-size:calc(60 * var(--k));line-height:calc(80 * var(--k));letter-spacing:calc(-2.4 * var(--k));text-transform:uppercase;white-space:nowrap;color:#000}.pr-word__line{display:block}.pr-light .pr-ink{color:#0009}.pr-pills{background:#b2ff6f}.pr-pill-slot{justify-content:center;align-items:center;display:flex}.pr-pill{padding:calc(15 * var(--k)) calc(54 * var(--k)) calc(14 * var(--k)) calc(55 * var(--k));border:max(1px, calc(1 * var(--k))) solid #000;border-radius:calc(70 * var(--k));font-size:calc(40 * var(--k));line-height:calc(40 * var(--k));letter-spacing:calc(-1.6 * var(--k));white-space:nowrap;color:#000;flex:none;transition:translate .45s cubic-bezier(.2,.8,.2,1);display:block}.pr-pill{background:#b2ff6f}.pr-pill.is-white{background:#fff}.pr-pill-slot.is-playable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.pr-pill-slot.is-held{cursor:grabbing}.pr-pill-slot.is-held .pr-pill{box-shadow:0 calc(14 * var(--k)) calc(30 * var(--k)) #0000002e;translate:0}@media (hover:hover){.pr-pill:hover{translate:0 calc(-10 * var(--k))}}.pr-visor{overflow:hidden}.pr-photo{border-radius:calc(20 * var(--k));overflow:hidden}.pr-trust{display:contents}.pr-statement{font-size:calc(50 * var(--u));line-height:calc(70 * var(--u));letter-spacing:calc(-2 * var(--u));text-transform:uppercase;color:#000}@media (width<=1099.98px){.pr-dark{padding-top:96px;padding-bottom:96px}.pr-bg,.pr-shade{width:100%;height:100%;position:absolute;top:0;left:0}.pr-shade{height:30%}.pr-shift{display:contents}.pr-dark--b{padding-top:24px}.pr-lab__copy.t-body{left:var(--gutter);right:var(--gutter);text-shadow:0 0 10px #000,0 0 22px #000;width:auto;bottom:6vh}.pr-met{--k:calc(min(100cqw - 2 * var(--gutter), 300px) / var(--w));align-self:center;max-width:300px}.pr-title{letter-spacing:-.04em;font-size:clamp(44px,12vw,80px);line-height:1}.pr-title>span{white-space:normal;width:auto;line-height:inherit;position:static}.pr-title br{display:none}.pr-hand{--k:calc(min(100cqw - 2 * var(--gutter), 520px) / var(--w));align-self:center;max-width:520px}.pr-fig{margin-block:24px}.pr-light{background:#fffdf3;padding-bottom:0}.pr-mos,.pr-pills,.pr-trust__stage{overflow:hidden}.pr-pills{aspect-ratio:1440/560}.pr-trust{margin:-28px calc(-1 * var(--gutter)) 0;padding:0 var(--gutter) 96px;background:#b2ff6f;flex-direction:column;gap:28px;display:flex}.pr-statement{letter-spacing:-.04em;font-size:clamp(28px,7.4vw,50px);line-height:1.3}}.cindex{--ci-bg:#000000c7;--ci-rule:#ffffff24;--ci-text:#ffffffa6;--ci-active:#fff;--ci-star:none;z-index:50;font-family:var(--font-sans);position:fixed;bottom:38px;left:max(20px,100vw/24)}.cindex.is-on-dark{--ci-bg:#ffffffd1;--ci-rule:#0000001f;--ci-text:#0000008c;--ci-active:#000;--ci-star:brightness(0)}.cindex__panel{background:var(--ci-bg);-webkit-backdrop-filter:blur(15.8px);backdrop-filter:blur(15.8px);border-radius:12px;padding:20px 24px 20px 20px;transition:background-color .5s}.cindex__list{border-left:1px solid var(--ci-rule);flex-direction:column;gap:10px;margin:0;padding:0 0 0 18px;list-style:none;transition:border-color .5s;display:flex;position:relative}.cindex__item{min-width:102px;font:300 12px / 15px var(--font-sans);text-transform:capitalize;text-align:left;white-space:nowrap;color:var(--ci-text);cursor:pointer;background:0 0;border:0;padding:0;transition:color .3s;display:block}.cindex__item:hover:not([aria-disabled]),.cindex__item.is-active{color:var(--ci-active)}.cindex__item[aria-disabled]{cursor:default}.cindex__item:focus-visible,.cindex__toggle:focus-visible{outline:1px solid var(--ci-active);outline-offset:3px;border-radius:2px}.cindex__star{pointer-events:none;width:19px;height:18px;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:-1px;left:-10px}.cindex__star img,.cindex__toggle img{filter:var(--ci-star);transition:filter .5s;display:block}.cindex__toggle{display:none}@media (width<=1099.98px){.cindex{left:max(16px, env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}.cindex__toggle{background:var(--ci-bg);-webkit-backdrop-filter:blur(15.8px);backdrop-filter:blur(15.8px);cursor:pointer;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:background-color .5s,rotate .5s cubic-bezier(.16,1,.3,1);display:grid}.cindex.is-open .cindex__toggle{rotate:45deg}.cindex__panel{opacity:0;visibility:hidden;transition:opacity .3s,translate .3s,visibility 0s .3s,background-color .5s;position:absolute;bottom:56px;left:0;translate:0 8px}.cindex.is-open .cindex__panel{opacity:1;visibility:visible;transition:opacity .3s,translate .3s,background-color .5s;translate:0}.cindex__item{padding-block:2px;font-size:14px}}.cindex__tick{display:none}@media (width>=1100px){.cindex.is-on-dark{--ci-ink:#fff;--ci-halo:#0000008c;--ci-bg:#0e0e0e9e;--ci-rule:#ffffff2e;--ci-text:#ffffff9e;--ci-active:#fff}.cindex.is-on-light{--ci-ink:#111;--ci-halo:#ffffffb3;--ci-bg:#ffffffc7;--ci-rule:#0000001f;--ci-text:#0000008c;--ci-active:#000}.cindex{bottom:30px;left:max(24px,100vw/51.4286)}.cindex__panel{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;border:1px solid #0000;border-radius:18px;padding:12px;transition:background-color .4s,border-color .4s,padding .4s cubic-bezier(.16,1,.3,1)}.cindex:hover .cindex__panel{background:var(--ci-bg);border-color:var(--ci-rule);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);padding:14px 22px 14px 14px}.cindex:has(:focus-visible) .cindex__panel{background:var(--ci-bg);border-color:var(--ci-rule);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);padding:14px 22px 14px 14px}.cindex__list{border-left:0;gap:0;padding:0}.cindex__star{display:none}.cindex__item{min-width:0;height:22px;color:var(--ci-ink);align-items:center;gap:12px;display:flex}.cindex__tick{opacity:.7;background:currentColor;border-radius:1px;flex:none;width:9px;height:1.5px;transition:width .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:block}.cindex__item.is-active .cindex__tick{opacity:1;width:24px}.cindex__name{opacity:0;max-width:0;transition:max-width .45s cubic-bezier(.16,1,.3,1),opacity .3s;overflow:hidden}.cindex__item.is-active .cindex__name{opacity:1;max-width:180px}.cindex:hover .cindex__item{color:var(--ci-text)}.cindex:has(:focus-visible) .cindex__item{color:var(--ci-text)}.cindex:hover .cindex__item.is-active,.cindex:hover .cindex__item:hover:not([aria-disabled]){color:var(--ci-active)}.cindex:has(:focus-visible) .cindex__item.is-active{color:var(--ci-active)}.cindex:hover .cindex__name{opacity:1;max-width:180px}.cindex:has(:focus-visible) .cindex__name{opacity:1;max-width:180px}}@media (prefers-reduced-motion:reduce){.cindex__star{transition:none}}

@media (max-width:1099.98px){.msystems{overflow:hidden;max-width:100%}}

/* Motion Systems fold (Figma 3049:2) */
.msys__tex{overflow:hidden;pointer-events:none}
.msys__texrot{position:absolute;left:50%;top:50%;width:calc(1150 * var(--u));height:calc(1440 * var(--u));transform:translate(-50%,-50%) rotate(-90deg);overflow:hidden;opacity:.08}
.msys__texrot img{position:absolute;max-width:none;left:1.48%;top:-12.55%;width:89.9%;height:127.66%}
.mjelly{overflow:visible}
.mjelly__img{object-fit:cover;transform:scaleX(-1);transition:opacity .4s}
.mjelly__ascii{position:absolute;inset:0;width:100%;height:100%;display:block}
.mjelly__copy{display:flex;flex-direction:column;gap:calc(20 * var(--u))}
@media (max-width:1099.98px){.mjelly__copy{gap:12px}.mjelly{max-width:300px;margin-inline:auto}}
.msys{will-change:transform}.mjelly{will-change:transform}
.mem-vol__level{-webkit-mask-image:conic-gradient(from -116deg at 50% 79.7%,#000 calc(var(--vs,232deg) - 3deg),transparent var(--vs,232deg));mask-image:conic-gradient(from -116deg at 50% 79.7%,#000 calc(var(--vs,232deg) - 3deg),transparent var(--vs,232deg))}
@media (min-width:1100px){.mhero__copy{top:calc(189 * var(--u));bottom:calc(-189 * var(--u))}}
.mkinetics{mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-composite:intersect}

/* Foreword: star line is static; no 3-screen hold before Sight */@media (width>=1100px){.preface{padding-bottom:0;overflow:clip}.sight{margin-top:0}}

/* Phones: the heading box clips overflow, which cut the big text glow into a hard rectangle; use a glow that fades out inside the box */@media (max-width:1099.98px){.msystems{isolation:isolate}.msystems__line--a,.msystems__line--b{text-shadow:none}.msystems:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ffffff24,#fff0)}}

/* Phones/tablets: lightweight Sight -> Motion black wash (the desktop canvas-mask version is too heavy here) */@media (max-width:1099.98px){#sight{position:relative;padding-bottom:60svh}#sight:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60svh;z-index:5;pointer-events:none;background:linear-gradient(#0000,#000000b3 55%,#000)}}

/* Memory (phones/tablets): the control panel scrolls sideways; a sticky "Swipe" chip at the right edge says so, gone once swiped */@media (max-width:1099.98px){.mem-skeuo__scroller{align-items:center;display:flex!important}.mem-skeuo__scroller>.mem-skeuo__stage{flex:none}.mem-skeuo__scroller:after{content:"Swipe \2192";z-index:3;color:#fff;letter-spacing:.06em;white-space:nowrap;pointer-events:none;background:#0009;border-radius:999px;flex:none;align-self:center;margin-left:-104px;padding:9px 14px;font:500 12px/1 Inter Variable,Inter,system-ui,sans-serif;transition:opacity .4s;animation:1.6s ease-in-out infinite memNudge;position:sticky;right:10px}.mem-skeuo__scroller.is-scrolled:after{opacity:0}@keyframes memNudge{50%{transform:translate(-6px)}}}

/* What Comes Next (phones/tablets): the signal cards were placed on desktop coordinates and ran off screen; lay them out as a 3-column grid, and bring the grid feel back with hairline rules between panels */@media (max-width:1099.98px){.next .nx-grid{aspect-ratio:auto!important;gap:8px;grid-template-columns:repeat(3,1fr);width:100%!important;height:auto!important;margin:8px 0;display:grid!important;position:relative!important;top:auto!important;left:auto!important}.next .nx-grid>.nx-tile{aspect-ratio:1;border-radius:6px;width:auto!important;height:auto!important;position:relative!important;top:auto!important;left:auto!important}.next .nx-grid>.nx-tile img{object-fit:cover;width:100%;height:100%}.next .sec+.sec{border-top:1px solid #0000001f}.next .nx-signals{align-self:stretch;width:100%!important;height:auto!important}}

/* Design Principles (phones/tablets): "Restraint is a skill" sat on the figure's head; put it above the figure */@media (max-width:1099.98px){.pr-fig{margin-top:120px!important}.pr-fig .pr-restraint{text-align:right;margin-bottom:14px;inset:auto 0 100% auto!important}.pr-dark{background-image:linear-gradient(90deg,#0000 calc(25% - .5px),#ffffff17 calc(25% - .5px) calc(25% + .5px),#0000 calc(25% + .5px) calc(75% - .5px),#ffffff17 calc(75% - .5px) calc(75% + .5px),#0000 calc(75% + .5px))}}

/* Motion Systems: the new jellyfish scene (ch02/jellyfish-scene.js, from DTR-Motion-Package). When it is drawing, the old jellyfish image and the dot texture are hidden. */
.msys__tex .jelly-scene{position:absolute;left:0;top:0;width:100%;height:100%;display:block;pointer-events:none}
.msys.jelly-new .mjelly__img{opacity:0!important}
.msys.jelly-new .msys__texrot{display:none}

/* phones: preface gallery taller, cropped from the left so the cat portrait reads (30 Oct) */
@media (max-width:767.98px){.pref__gallery{aspect-ratio:4/5}.pref__gallery .crop img{object-position:76% 50%}}
/* phones: Sight title at the bottom of the banner over a black wash (30 Oct) */
@media (max-width:767.98px){#sight .hero .hero__copy{inset-block-start:auto!important;inset-block-end:calc(env(safe-area-inset-bottom,0px) + 6svh)!important;z-index:2}#sight .hero__media::after{content:"";position:absolute;inset:auto 0 0;height:60%;background:linear-gradient(to top,#000000eb,#0000008c 50%,#0000);pointer-events:none}}
/* phones: no wash or extra space between Sight and Motion (30 Oct) */
@media (max-width:767.98px){#sight{padding-bottom:0}#sight:after{display:none}}
/* phones: Voice follows Touch with a normal scroll, no torn-edge reveal or overlap (30 Oct) */
@media (max-width:767.98px){.chapter-voice{margin-top:0}}
/* phones (30 Oct): no 3D disc row in Motion, no tulip above the preface phone, smaller jellyfish */
@media (max-width:767.98px){.mgallery{display:none!important}.pref__flower--tulip{display:none!important}.msys .mjelly{width:62%!important;height:auto!important;aspect-ratio:359/638;margin-inline:auto!important;align-self:center}}

/* Foreword on desktop: the banner holds for 20% of the window height before the next section comes up (2 Nov) */@media (width>=1100px){.pref__body{margin-top:20svh}}

/* Desktop: room around the big banner titles so no OS font rendering can clip their letters (2 Nov) */@media (width>=1100px){.hero__title .split-mask,.mhero__title .split-mask,.mem-hero__title .split-mask{margin-block:-.3em -.1em;padding-block:.3em .1em}}

/* Desktop: What Comes Next fits short, wide windows; the green Principles block runs on so the dark fade into Closing stays clear of its last line (2 Nov) */@media (width>=1100px){.nx-h{--u:calc(min(100cqw,200vh)/1440);--k:var(--u)}.sec.pr-light{height:calc(var(--sh) * var(--u) + 70vh)}.pr-green{height:calc(1254 * var(--u) + 70vh)!important}}

/* Banner titles: once a reveal has finished its mask is off, so it can never clip letters (2 Nov) */.is-revealed .split-mask{overflow:visible!important}

/* Windows scrollbars take up width. Reserve that space from the start so showing the scrollbar after the loader cannot change the layout (2 Nov) */html{scrollbar-gutter:stable}html:has(#cat-loader){background:#fff}

/* Desktop: DISCIPLINES ran 52 design px past the 700-tall panel and was cut in short windows (2 Nov) */@media (width>=1100px){.abs.nx-pair--b{--y:452!important}}

/* Tablets (audit, 2 Nov): flower stays inside its section, no empty block after Sight, Sight heading at the top */@media (min-width:768px) and (max-width:1099.98px){.pref__body{overflow:clip}#sight{padding-bottom:0}#sight:after{display:none}#sight .hero .hero__copy{inset:calc(env(safe-area-inset-top,0px) + 7svh) var(--gutter) auto}}

/* Short desktop windows (Windows laptops, 4 Nov): the Preface flowers shrink by --vfit and move up with it, so the lower one is not cut off. Centre y: tulip 391, peony 641 (design px) */
@media (width>=1100px){.pref__flower--tulip{scale:var(--vfit,1);translate:0 calc(-391 * (1 - var(--vfit,1)) * var(--k))}.pref__flower--peony{scale:var(--vfit,1);translate:0 calc(-641 * (1 - var(--vfit,1)) * var(--k))}}


/* Zensciences logo: fixed at the top left on every section; black over light sections (html[data-logo-tone]) (3 Nov). It takes over from the opening scene's own logo, at the same spot */.zen-mark{position:fixed;z-index:50;top:calc(35 * 100vw / 1440);left:calc(60 * 100vw / 1440);width:calc(187.636 * 100vw / 1440);height:auto;pointer-events:none;transition:filter .35s}html[data-logo-tone=light] .zen-mark{filter:brightness(0)}html:has(#cat-loader) .zen-mark{opacity:0}.opening .opening__logo{visibility:hidden}@media (width<=1099.98px){.zen-mark{top:calc(16px + env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));width:120px}}
/* Tablets only: the chapter index uses the desktop dash list. Tap the dashes to open the names, tap a name to jump.
   Phones keep the round star button that opens the chapter box. */
@media (768px<=width<=1099.98px){.cindex.is-on-dark{--ci-ink:#fff;--ci-halo:#0000008c;--ci-bg:#0e0e0e9e;--ci-rule:#ffffff2e;--ci-text:#ffffff9e;--ci-active:#fff}.cindex.is-on-light{--ci-ink:#111;--ci-halo:#ffffffb3;--ci-bg:#ffffffc7;--ci-rule:#0000001f;--ci-text:#0000008c;--ci-active:#000}.cindex__panel{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;border:1px solid #0000;border-radius:18px;padding:12px;transition:background-color .4s,border-color .4s,padding .4s cubic-bezier(.16,1,.3,1)}.cindex.is-open .cindex__panel{background:var(--ci-bg);border-color:var(--ci-rule);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);padding:14px 22px 14px 14px}.cindex:has(:focus-visible) .cindex__panel{background:var(--ci-bg);border-color:var(--ci-rule);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);padding:14px 22px 14px 14px}.cindex__list{border-left:0;gap:0;padding:0}.cindex__star{display:none}.cindex__item{min-width:0;height:22px;color:var(--ci-ink);align-items:center;gap:12px;display:flex}.cindex__tick{opacity:.7;background:currentColor;border-radius:1px;flex:none;width:9px;height:1.5px;transition:width .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:block}.cindex__item.is-active .cindex__tick{opacity:1;width:24px}.cindex__name{opacity:0;max-width:0;transition:max-width .45s cubic-bezier(.16,1,.3,1),opacity .3s;overflow:hidden}.cindex__item.is-active .cindex__name{opacity:1;max-width:180px}.cindex.is-open .cindex__item{color:var(--ci-text)}.cindex:has(:focus-visible) .cindex__item{color:var(--ci-text)}.cindex.is-open .cindex__item.is-active,.cindex.is-open .cindex__item:hover:not([aria-disabled]){color:var(--ci-active)}.cindex:has(:focus-visible) .cindex__item.is-active{color:var(--ci-active)}.cindex.is-open .cindex__name{opacity:1;max-width:180px}.cindex:has(:focus-visible) .cindex__name{opacity:1;max-width:180px}.cindex__panel{opacity:1;visibility:visible;position:relative;bottom:auto;translate:none}.cindex__item{font-size:12px;padding-block:0}.cindex__toggle{position:absolute;inset:0;z-index:1;width:auto;height:auto;opacity:0;border-radius:18px;background:0 0;-webkit-backdrop-filter:none;backdrop-filter:none}.cindex.is-open .cindex__toggle{display:none}}

/* Phones/tablets: What Comes Next keeps the desktop's grid lines (#b5b5b5): a rule down each side and one across above every heading */
@media (width<=1099.98px){.next:before,.next:after{content:"";z-index:3;pointer-events:none;background:#b5b5b5;width:1px;position:absolute;top:0;bottom:0}.next:before{left:10px}.next:after{right:10px}.next .nx-eyebrow,.next .nx-head-line{position:relative}.next .nx-eyebrow:after{content:"";pointer-events:none;background:#b5b5b5;height:1px;position:absolute;bottom:-12px;left:-10px;right:-10px}.next .nx-head-line:before{content:"";pointer-events:none;background:#b5b5b5;height:1px;position:absolute;top:-14px;left:-10px;right:-10px}.next .sec+.sec{border-top-color:#b5b5b5}}

/* Phones: "Restraint is a skill." follows the desktop layout: a big figure with the headline over its right side */
@media (width<=767.98px){.pr-fig{scale:1.45;transform-origin:18% 45%;margin-top:120px!important;margin-bottom:120px!important}.pr-fig .pr-restraint{text-align:left;z-index:2;font-size:20px;line-height:20px;letter-spacing:-.6px;margin:0;inset:6% auto auto 40%!important}.pr-fig .pr-restraint__b{top:22px}}

/* Opening banner title on tablets and phones, from the colleague's hero layout (Figma 959 frame for 600-1099px,
   proposed 390 layout under 600px). Units: --u = screen width / frame width. Text only; the video stays full screen. */
.opening__br{display:none}
@media (width<=1099.98px){.opening.is-live .iscene--0 .iscene__copy:not(.abs){--u:calc(100vw / 959);text-align:left;padding:0;display:block;inset:0}.opening.is-live .iscene--0 .iscene__copy>.abs{margin:0;position:absolute}.opening.is-live .iscene--0 .opening__br{display:inline}.opening.is-live .iscene--0 .opening__eyebrow{text-align:center;letter-spacing:normal;width:calc(187 * var(--u));font-size:calc(20 * var(--u));line-height:calc(24 * var(--u));top:calc(75 * var(--u));left:calc(415 * var(--u))}.opening.is-live .iscene--0 .opening__rule--l,.opening.is-live .iscene--0 .opening__rule--r{display:block;top:calc(87 * var(--u))}.opening.is-live .iscene--0 .opening__rule{height:1px!important}.opening.is-live .iscene--0 .opening__rule--l{width:calc(272.9 * var(--u))!important;left:calc(153 * var(--u))}.opening.is-live .iscene--0 .opening__rule--r{width:calc(259.6 * var(--u))!important;left:calc(591.5 * var(--u))}.opening.is-live .iscene--0 .opening__title{text-align:center;white-space:nowrap;width:calc(844.4 * var(--u));font-size:calc(150 * var(--u));line-height:calc(110 * var(--u));letter-spacing:calc(6 * var(--u));top:calc(125 * var(--u));left:calc(57 * var(--u))}.opening.is-live .iscene--0 .opening__rule--b{width:calc(540 * var(--u))!important;top:calc(370 * var(--u));left:calc(207.5 * var(--u))}.opening.is-live .iscene--0 .opening__label{white-space:nowrap;letter-spacing:.04em;font-size:max(12px,calc(16 * var(--u)));line-height:1.5;top:calc(382 * var(--u))}.opening.is-live .iscene--0 .opening__label--l{text-align:left;left:calc(207.5 * var(--u))}.opening.is-live .iscene--0 .opening__label--r{text-align:right;left:auto;right:calc(211.5 * var(--u))}}
@media (width<=599.98px){.opening.is-live .iscene--0 .iscene__copy:not(.abs){--u:calc(100vw / 390)}.opening.is-live .iscene--0 .opening__eyebrow{width:calc(120 * var(--u));font-size:calc(14 * var(--u));line-height:calc(24 * var(--u));top:calc(70 * var(--u));left:calc(135 * var(--u))}.opening.is-live .iscene--0 .opening__rule--l,.opening.is-live .iscene--0 .opening__rule--r{width:calc(107 * var(--u))!important;top:calc(82 * var(--u))}.opening.is-live .iscene--0 .opening__rule--l{left:calc(20 * var(--u))}.opening.is-live .iscene--0 .opening__rule--r{left:calc(263 * var(--u))}.opening.is-live .iscene--0 .opening__title{width:calc(358 * var(--u));font-size:calc(78 * var(--u));line-height:calc(58 * var(--u));letter-spacing:calc(3 * var(--u));top:calc(104 * var(--u));left:calc(16 * var(--u))}.opening.is-live .iscene--0 .opening__rule--b{width:calc(342 * var(--u))!important;top:calc(228 * var(--u));left:calc(24 * var(--u))}.opening.is-live .iscene--0 .opening__label{font-size:max(11px,calc(13 * var(--u)));top:calc(240 * var(--u))}.opening.is-live .iscene--0 .opening__label--l{width:calc(120 * var(--u));left:calc(24 * var(--u))}.opening.is-live .iscene--0 .opening__label--r{width:calc(120 * var(--u));left:auto;right:calc(24 * var(--u))}}

/* Desktop opening: title 15% smaller (194.4 instead of 228.7); the line under it and both labels end at the title's letters */
.opening__label--r{text-align:right}
/* Desktop too: the cat stands in the middle, so each label breaks onto two lines (left one left-aligned, right one right-aligned) */
.opening .opening__br{display:inline}.opening .opening__label{height:auto}
/* Desktop opening: the line under the title opens a gap in the middle where the cat stands, with soft ends */
@media (width>=1100px){.opening .iscene--0 .opening__rule--b{-webkit-mask-image:linear-gradient(90deg,#000 24%,transparent 33%,transparent 67%,#000 76%);mask-image:linear-gradient(90deg,#000 24%,transparent 33%,transparent 67%,#000 76%)}}
/* Opening: the net shot has no text of its own ("those sensory impressions remain" is already the second line of the dive scene) */
.iscene--5 .iscene__copy,.iscene--5 .iscene__shade{display:none}

/* "Skip to zensciences.com" (index.html): glass pill fixed at the top right, level with the logo. Dark glass with white text,
   light glass with black text over light sections (html[data-logo-tone=light]). Hidden while the loader is up. */
.zen-skip{position:fixed;z-index:50;top:calc(35 * 100vw / 1440 + 16 * 100vw / 1440 - 20px);right:calc(60 * 100vw / 1440);height:40px;padding:0 18px 0 20px;display:inline-flex;align-items:center;gap:10px;border-radius:999px;font:400 14px/1 'Inter Variable',Inter,system-ui,sans-serif;letter-spacing:.02em;color:#fff;text-decoration:none;white-space:nowrap;background:linear-gradient(135deg,#ffffff2e,#ffffff0d);border:1px solid #ffffff40;box-shadow:inset 0 1px 0 #ffffff33,0 8px 24px #0000002e;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);transition:background .35s,color .35s,border-color .35s,opacity .35s}
.zen-skip svg{transition:translate .35s cubic-bezier(.16,1,.3,1)}
.zen-skip:hover{background:linear-gradient(135deg,#ffffff47,#ffffff1a)}
.zen-skip:hover svg{translate:3px 0}
.zen-skip:focus-visible{outline:2px solid currentColor;outline-offset:3px}
html[data-logo-tone=light] .zen-skip{color:#111;background:linear-gradient(135deg,#ffffffb3,#ffffff66);border-color:#0000001f;box-shadow:inset 0 1px 0 #fff,0 8px 24px #00000014}
html:has(#cat-loader) .zen-skip{opacity:0;pointer-events:none}
@media (width<=1099.98px){.zen-skip{top:calc(9px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));height:34px;padding:0 13px 0 15px;gap:7px;font-size:12px}.zen-skip svg{width:12px;height:12px}}

/* Logo shows the opposite lightness of whatever is behind it (3 Nov): the logo's own drawing is hidden and its shape
   is cut out of a filter that turns the page behind it to grey, inverts it and pushes it to black or white */
.zen-mark,html[data-logo-tone=light] .zen-mark{filter:none;object-position:-10000px 0;-webkit-mask:url(/loader/zen-logo.svg) center/100% 100% no-repeat;mask:url(/loader/zen-logo.svg) center/100% 100% no-repeat;-webkit-backdrop-filter:grayscale(1) invert(1) contrast(12);backdrop-filter:grayscale(1) invert(1) contrast(12);transition:none}

/* Logo is a link back to the top (3 Nov) */
.zen-home .zen-mark{pointer-events:auto;cursor:pointer}

/* Scroll cue on the opening banner (3 Nov): a faint line at the bottom middle with a comet (glowing dot + fading tail) running down it */
.zen-scrollcue{position:fixed;z-index:40;left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));width:12px;height:72px;translate:-50% 0;pointer-events:none;background:linear-gradient(90deg,transparent 5.5px,rgba(255,255,255,.28) 5.5px 6.5px,transparent 6.5px);-webkit-mask:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);transition:opacity .5s}
.zen-scrollcue i,.zen-scrollcue::after{position:absolute;left:50%;top:0;translate:-50% -100%;animation:zen-comet 2s cubic-bezier(.55,0,.35,1) infinite}
.zen-scrollcue i{width:1.5px;height:34px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.75))}
.zen-scrollcue::after{content:"";width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 6px 1px rgba(255,255,255,.85),0 0 14px 3px rgba(255,255,255,.35)}
@keyframes zen-comet{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}
html.is-scrolled .zen-scrollcue,html:has(#cat-loader) .zen-scrollcue{opacity:0}

/* Memory: the playable control board (ch05/board-live.js, 3 Nov). Every piece is cut from the board picture itself */
.board-live{position:absolute;inset:0;z-index:1;width:100%!important;height:100%!important}
.board-live>*{position:absolute}
.bl-piece{margin:0;padding:0;border:0;background-color:transparent;background-repeat:no-repeat;background-size:calc(var(--s) * 994) calc(var(--s) * 994);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:scale .14s ease,filter .14s ease}
.bl-piece:focus-visible,.bl-knob:focus-visible{outline:2px solid #fff;outline-offset:2px}
.bl-switch{border-radius:calc(var(--s) * 34)}
.bl-switch:active{scale:.97}
.bl-round,.bl-grille,.bl-joy{border-radius:50%}
.bl-oval{border-radius:calc(var(--s) * 34)}
.bl-key{border-radius:calc(var(--s) * 6)}
.bl-round.is-latched,.bl-oval.is-latched,.bl-key[aria-pressed=true]{scale:.975;filter:brightness(.96)}
.bl-round.is-down,.bl-oval.is-down,.bl-key.is-down{scale:.94;filter:brightness(.9)}
.bl-power.is-on{box-shadow:0 0 0 calc(var(--s) * 2) #fff,0 0 calc(var(--s) * 22) calc(var(--s) * 6) #ffffffd9;filter:brightness(1.35) contrast(1.05)}
.bl-dot{border-radius:50%;background:#1c1c1c;box-shadow:inset 0 calc(var(--s) * 1) calc(var(--s) * 2) #000;transition:background .2s,box-shadow .2s;pointer-events:none}
.bl-dot.is-on{background:#fff;box-shadow:0 0 calc(var(--s) * 6) calc(var(--s) * 2) #fff,0 0 calc(var(--s) * 16) calc(var(--s) * 4) #ffffffb3}
.bl-knob{border-radius:50%;cursor:grab;touch-action:none;rotate:var(--deg,0deg);transition:rotate .08s linear}
.bl-knob.is-held{cursor:grabbing;transition:none}
.bl-tick{position:absolute;border-radius:calc(var(--s) * 2);pointer-events:none}
.bl-arc{pointer-events:none}
.bl-arc svg{width:100%;height:100%;overflow:visible}
.bl-arc path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 3px #fffc)}
.bl-joy{cursor:grab;touch-action:none;transition:translate .35s cubic-bezier(.3,1.6,.5,1);box-shadow:0 calc(var(--s) * 4) calc(var(--s) * 10) #0000}
.bl-joy.is-held{cursor:grabbing;transition:none}
.bl-glow{border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0 25%,#fff0 70%);transition:opacity .25s}
.bl-grille{pointer-events:none}
.bl-grille.is-pulse{animation:bl-pulse .35s ease-out}
@keyframes bl-pulse{40%{scale:1.12}}

@media (max-width:767.98px){.iscene__welcome em{white-space:nowrap}}

.mem-board svg{display:block;width:100%;height:100%;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.mb-hit{cursor:pointer;touch-action:none}.mb-grab{cursor:grab}
.mb text{font:600 11px/1 Inter,system-ui,sans-serif;fill:#3a3a3a}.mb .mb-label{font-size:8.5px;font-weight:500;fill:#555}
.mb-toggle .mb-tk{transition:transform .28s cubic-bezier(.3,1.4,.5,1)}.mb-toggle.is-on .mb-tk{transform:translate(54px,0)}
.mb-toggle text{transition:opacity .2s}.mb-toggle .mb-on,.mb-toggle.is-on .mb-off{opacity:0}.mb-toggle.is-on .mb-on{opacity:1}
.mb-toggle.is-dark text{fill:#e6e6e6}
.mb-led{fill:#2b2b2b;transition:fill .2s,filter .2s}.mb-led.is-on{fill:#fff;filter:drop-shadow(0 0 2px #8fd0ff) drop-shadow(0 0 5px #8fd0ff)}
.mb-spark{fill:#fff;opacity:.5;filter:drop-shadow(0 0 3px #fff);transition:opacity .3s}.mb.is-powered .mb-spark{opacity:1}
.mb-stick{transition:transform .45s cubic-bezier(.3,1.6,.5,1)}.mb-stick.is-held{transition:none;cursor:grabbing}
.mb-push .mb-face{transition:transform .12s,filter .12s;transform-box:fill-box;transform-origin:center}.mb-push.is-down .mb-face{transform:scale(.94);filter:brightness(.88)}
.mb-power__icon{stroke:#4a4a4a;transition:stroke .25s,filter .25s}.mb-power.is-on .mb-power__icon{stroke:#fff;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px #cfe8ff)}
.mb-key rect{transition:filter .15s}.mb-key.is-on rect{filter:brightness(.55)}
.mb-key__dot{transition:filter .15s}.mb-key.is-on .mb-key__dot{filter:brightness(.4)}
.mb-key__lamp{fill:#0c0c0c;transition:fill .2s,filter .2s}.mb-key.is-on .mb-key__lamp{fill:#fff;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 9px #fff)}
.mb-key.is-on rect[fill="url(#mbFaceD)"]{filter:none}