html:has(.obscura){background:#080808}body:has(.obscura){background:#080808}html.is-focus-locked{overscroll-behavior:none;height:100dvh;overflow:hidden}body.is-focus-locked{touch-action:none;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.obscura{--focus:.08;--focus-error:.92;--split-offset:16.56px;--story-defocus:0;--font-about-cjk:"Noto Serif TC", serif;background:#080808;padding-top:100lvh;position:relative}html.is-focus-locked .obscura:not(.is-unlocked){touch-action:none}.obscura-exit{background:#080808;width:100%;height:320lvh;position:relative}.obscura-exit-stage{background:#080808;width:100%;height:100lvh;min-height:100lvh;position:relative;overflow:hidden}.obscura-camera{z-index:1;isolation:isolate;height:100lvh;position:fixed;inset:0;overflow:hidden}.obscura:not(.is-archive-3d) .obscura-camera{height:100dvh}.obscura-image-wrap,.obscura-picture,.obscura-image,.obscura-image-wash,.obscura-vignette,.obscura-flash{position:absolute;inset:0}.obscura-image-wrap{transform-origin:50%}.obscura-image{object-fit:cover;object-position:center 62%;width:100%;height:100%;filter:blur(calc((1 - var(--focus)) * 3px + var(--story-defocus) * 14px)) grayscale(calc((1 - var(--focus)) * .85)) brightness(calc(.78 + var(--focus) * .17 - var(--story-defocus) * .06));transform:scale(calc(1.05 + (1 - var(--focus)) * .08));transition:filter .16s linear,transform .16s linear}.obscura-image-wash{background:linear-gradient(90deg,#08080873 0%,#08080814 57%,#08080829 100%)}.obscura-image-wash:after{content:"";-webkit-backdrop-filter:blur(calc(var(--focus-error) * 28px));opacity:calc(.2 + var(--focus-error) * .8);transition:-webkit-backdrop-filter .16s linear,backdrop-filter .16s linear,opacity .16s linear;position:absolute;inset:-3%;-webkit-mask-image:radial-gradient(circle,#0000 0 14%,#0000001f 27%,#000 58%);mask-image:radial-gradient(circle,#0000 0 14%,#0000001f 27%,#000 58%)}.obscura-archive-canvas{z-index:1;opacity:0;pointer-events:none;filter:saturate(.84)contrast(1.03)brightness(1.06);will-change:opacity;width:100%;height:100%;position:absolute;inset:0}.obscura-vignette{pointer-events:none;box-shadow:inset 0 0 10vw 2vw #0000001a}.obscura-hud{z-index:1;color:#ffffff70;letter-spacing:.17em;pointer-events:none;font-size:.55rem;font-weight:400;position:absolute;inset:2.6rem 3.2rem}.obscura-coordinate,.obscura-reading{position:absolute}.obscura-coordinate-top{top:0;left:0}.obscura-coordinate-bottom{bottom:0;right:0}.obscura-reading{top:0;right:0}.obscura-reading b{color:#ffffffd6;font-weight:400}.focusing-screen{aspect-ratio:1;width:clamp(132px,12vw,184px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.microprism-canvas{filter:contrast(1.08)brightness(.82);border:1px solid #ffffff47;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.split-focus{aspect-ratio:1;border:1px solid #ffffffb8;border-radius:50%;width:62%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #00000052,inset 0 0 12px #00000047}.split-focus-half{position:absolute;inset:0;overflow:hidden}.split-focus-half img{object-fit:cover;object-position:center 62%;width:100vw;max-width:none;height:100vh;filter:blur(calc(var(--focus-error) * 2.4px)) brightness(.82) contrast(1.12);position:absolute;top:50%;left:50%}.split-focus-top{clip-path:inset(0 0 50%)}.split-focus-bottom{clip-path:inset(50% 0 0)}.split-focus-top img{transform:translate(calc(-50% + var(--split-offset)), -50%)}.split-focus-bottom img{transform:translate(calc(-50% - var(--split-offset)), -50%)}.split-focus-line{background:#ffffff80;height:1px;position:absolute;top:50%;left:8%;right:8%}.obscura.is-focused .split-focus{border-color:#fffffff2}.obscura.is-focused .microprism-canvas{filter:contrast(1.03)brightness(.86)}.obscura-intro{z-index:2;width:min(580px,66vw);position:absolute;top:50%;left:clamp(2rem,9vw,10rem);transform:translateY(-50%)}.obscura-eyebrow,.obscura-prompt,.obscura-index,.obscura-statement,.obscura-contact-link{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase}.obscura-eyebrow{font-family:var(--font-about-cjk);color:#ffffffad;font-size:clamp(1rem,1.25vw,1.25rem)}.obscura-intro h1{font-family:var(--font-heading);letter-spacing:-.035em;color:#fff;margin:1.5rem 0 2rem;font-size:clamp(3rem,6.5vw,6rem);font-weight:300;line-height:.76}.obscura-intro h1 i{font-weight:300}.obscura-prompt{color:#ffffffc7;max-width:420px;font-family:var(--font-about-cjk);font-size:clamp(1.05rem,1.25vw,1.3rem);line-height:1.75}.obscura-mobile-entry{display:none}.obscura-flash{z-index:5;opacity:0;pointer-events:none;background:#fff}.obscura.is-unlocked .obscura-intro,.obscura.is-unlocked .obscura-hud,.obscura.is-unlocked .obscura-mobile-entry{visibility:hidden!important;opacity:0!important}.obscura-story{z-index:2;perspective:1100px;pointer-events:none;height:100lvh;position:relative}.obscura.is-archive-3d .obscura-panel{clip-path:inset(50%);white-space:nowrap;opacity:1;width:1px;height:1px;position:absolute;inset:auto;overflow:hidden;transform:none}.obscura.is-archive-3d .obscura-panel:before{content:none}.obscura.is-archive-preparing .obscura-panel{visibility:hidden;opacity:0;pointer-events:none;transition:none}.obscura:not(.is-archive-preparing):not(.is-archive-3d) .obscura-story,.obscura.reduced-motion .obscura-story{--obscura-panel-inset:clamp(2rem, 9vw, 10rem);pointer-events:auto;height:auto}.obscura:not(.is-archive-preparing):not(.is-archive-3d) .obscura-panel,.obscura.reduced-motion .obscura-panel{margin-inline:var(--obscura-panel-inset);opacity:1;content-visibility:auto;contain-intrinsic-size:auto 100svh;min-height:100svh;position:relative;inset:auto;transform:none}.obscura:not(.is-archive-preparing):not(.is-archive-3d) .obscura-panel-practice,.obscura.reduced-motion .obscura-panel-practice{margin-left:auto}.obscura-panel{--word-shift:0vw;--word-tilt:0deg;opacity:0;width:min(510px,70vw);transform-style:preserve-3d;pointer-events:auto;flex-direction:column;justify-content:center;transition:opacity .65s,transform .65s;display:flex;position:absolute;top:0;bottom:0;transform:translateY(34px)}.obscura-panel:before{content:attr(data-word);color:#ffffff0e;font-family:var(--font-heading);letter-spacing:-.07em;white-space:nowrap;transform:translate(var(--word-shift), -50%) rotate(var(--word-tilt));font-size:clamp(9rem,23vw,25rem);font-weight:300;line-height:.7;position:absolute;top:50%;left:-7vw}.obscura-panel>*{z-index:1;position:relative}.obscura-panel-manifesto{left:clamp(2rem,9vw,10rem)}.obscura-panel-practice{text-align:right;right:clamp(2rem,9vw,10rem)}.obscura-panel-practice:before{left:auto;right:-6vw}.obscura-panel-contact{left:clamp(2rem,9vw,10rem)}.obscura-index{color:#ffffffa3;font-family:var(--font-about-cjk);margin-bottom:1.2rem;font-size:1.25rem}.obscura-panel h2{color:var(--color-paper);font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(2.8rem,5vw,5.8rem);font-weight:300;line-height:.88}.obscura-panel h2>span{white-space:nowrap}.obscura-panel>p:last-child{color:#fffc;max-width:500px;font-family:var(--font-about-cjk);letter-spacing:.04em;margin-top:2rem;font-size:1.5rem;line-height:1.7}.obscura-panel>p:last-child>span{white-space:nowrap}.obscura-panel-practice .obscura-statement{color:#ffffffdb;flex-direction:column;gap:.7rem;font-size:clamp(.7rem,1.2vw,1rem);line-height:1.65;display:flex}.obscura-panel-practice .obscura-statement span:nth-child(2){color:#ffffff6e}.obscura-contact-link{color:#ffffffd9;border-bottom:1px solid #ffffff8c;width:fit-content;margin-top:2.5rem;padding-bottom:.6rem;font-size:.62rem;transition:color .2s,border-color .2s}.obscura-contact-link:hover{color:#fff;border-color:#fff}.obscura-contact-link span{padding-left:1.2rem;font-size:1rem}.obscura-afterword{z-index:0;width:100%;height:100%;min-height:0;padding:clamp(6rem, 11vh, 9rem) var(--page-pad) clamp(4rem, 8vh, 7rem);color:var(--color-ink);background:var(--color-paper);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:0;display:grid;position:absolute;inset:0;overflow:hidden}.obscura.is-archive-3d .obscura-afterword{width:100%;height:100lvh;position:fixed;inset:0}.obscura.is-archive-preparing .obscura-afterword,.obscura.is-archive-3d .obscura-afterword:not(.is-projecting){visibility:hidden;opacity:0;pointer-events:none}.obscura-afterword.is-projecting{z-index:2;visibility:visible;transform-origin:0 0;pointer-events:none;will-change:transform, opacity}.obscura-afterword.is-exit-settled{z-index:2;opacity:1;pointer-events:auto;transform:none}.obscura.is-archive-3d .obscura-afterword.is-exit-settled{height:100dvh}.obscura-afterword.is-exit-settled:before{content:"";z-index:-1;background:var(--color-paper);position:fixed;inset:0}.obscura-afterword.is-projection-interactive{pointer-events:auto}.obscura-afterword:before{content:none}.obscura-afterword-rail,.obscura-afterword-frame,.obscura-afterword-copy,.obscura-afterword-block{z-index:1;position:relative}.obscura-afterword-rail{top:0;left:var(--page-pad);right:var(--page-pad);color:#11111194;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #11111147;justify-content:space-between;padding:1rem 0;font-size:.58rem;display:flex;position:absolute}.obscura-afterword-frame{border-top:1px solid #11111152;border-bottom:1px solid #11111152;border-right:1px solid #11111152;flex-direction:column;grid-column:1/6;justify-content:center;align-self:stretch;width:100%;padding:1.4rem clamp(1.4rem,3vw,3rem) 1.4rem 0;display:flex}.obscura-afterword-photo-wrap{aspect-ratio:4/3;width:min(100%,560px);position:relative;overflow:hidden}.obscura-afterword-photo-wrap:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(135deg,#102b4e47,#0000 50%,#68131c57);display:none;position:absolute;inset:0}.obscura-afterword-photo{object-fit:contain;width:100%;max-width:none;height:100%}.obscura-afterword-frame>p{color:#11111194;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;width:min(100%,560px);margin-top:.8rem;font-size:.56rem;display:flex}.obscura-afterword-copy{grid-column:7/13;padding-left:clamp(1.5rem,4vw,5rem)}.obscura-afterword-index,.obscura-afterword-actions{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.18em}.obscura-afterword-index{background:var(--color-blue);color:var(--color-paper);letter-spacing:.1em;margin-bottom:clamp(2rem,5vh,4rem);padding:.45rem .7rem;font-size:.68rem;display:inline-block}.obscura-afterword-copy h2{font-family:var(--font-about-cjk);letter-spacing:-.075em;margin:0;font-size:clamp(3.5rem,6vw,7rem);font-weight:600;line-height:1.02}.obscura-afterword-copy h2 i{font-weight:300}.obscura-afterword-copy>p:last-of-type{max-width:36rem;font-family:var(--font-about-cjk);letter-spacing:0;margin-top:clamp(1.5rem,3.5vh,2.7rem);font-size:clamp(1rem,1.3vw,1.28rem);line-height:1.85}.obscura-afterword-guide{color:#11111194;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #1111114d;border-bottom:1px solid #1111114d;justify-content:space-between;gap:1rem;margin-top:clamp(1.5rem,3.5vh,2.8rem);padding:.8rem 0;font-size:.58rem;display:flex}.obscura-afterword-actions{border-top:1px solid #1111116b;border-left:1px solid #1111116b;grid-template-columns:1fr 1fr;gap:0;margin-top:1.2rem;font-size:.62rem;display:grid}.obscura-afterword-actions a{color:inherit;transition:color var(--transition-fast), background var(--transition-fast);border-bottom:1px solid #1111116b;border-right:1px solid #1111116b;justify-content:space-between;padding:1rem;display:flex}.obscura-afterword-actions a:hover{color:var(--color-paper);background:var(--color-red)}.obscura-afterword-actions a:last-child:hover{background:var(--color-blue)}.obscura-afterword-actions span{padding-left:.8rem}.obscura-afterword-block{pointer-events:none;position:absolute}.obscura-afterword-block-red{background:var(--color-red);width:9%;height:2.2rem;top:0;right:19%}.obscura-afterword-block-blue{background:var(--color-blue);width:2.3rem;height:27%;bottom:12%;left:0}@media (max-width:767px){.obscura-hud{display:block;inset:0}.obscura-coordinate,.obscura-reading,.obscura-intro{display:none}.focusing-screen{width:116px;top:30%}.obscura-mobile-entry{z-index:2;padding:max(1.5rem, env(safe-area-inset-top)) 1.5rem max(1.75rem, env(safe-area-inset-bottom));color:#ffffffeb;pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.obscura-mobile-entry>p,.obscura-mobile-entry-footer{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;font-size:.54rem;line-height:1.65}.obscura-mobile-entry>p{color:#ffffff9e}.obscura-mobile-entry h1{font-family:var(--font-heading);letter-spacing:-.055em;margin:28vh 0 0;font-size:clamp(3rem,15vw,4.6rem);font-weight:300;line-height:.75}.obscura-mobile-entry h1 i{font-weight:300}.obscura-mobile-entry-footer{color:#ffffffad;border-top:1px solid #ffffff61;justify-content:space-between;padding-top:1rem;display:flex}.obscura-panel{width:calc(100% - 4rem)}.obscura-panel:before{font-size:clamp(7rem,32vw,11rem);left:-1rem}.obscura-panel-practice:before{left:auto;right:-1rem}.obscura-panel-manifesto,.obscura-panel-contact{left:2rem}.obscura-panel-practice{right:2rem}.obscura:not(.is-archive-preparing):not(.is-archive-3d) .obscura-story,.obscura.reduced-motion .obscura-story{--obscura-panel-inset:2rem}.obscura-panel h2{font-size:clamp(2.6rem,12vw,4.5rem)}.obscura-panel>p:last-child{letter-spacing:.02em;font-size:1.25rem;line-height:1.75}.obscura-afterword{padding:5.5rem var(--page-pad) 3.5rem;flex-direction:column;justify-content:center;align-items:stretch;gap:2rem;display:flex}.obscura-afterword-rail{left:var(--page-pad);right:var(--page-pad)}.obscura-afterword-frame{border:0;align-self:center;width:78%;padding:.8rem}.obscura-afterword-photo-wrap{margin-inline:auto}.obscura-afterword-frame>p{display:none}.obscura-afterword-copy{width:100%;padding:0}.obscura-afterword-copy h2{font-size:clamp(3rem,14vw,4.6rem);line-height:1.05}.obscura-afterword-index{margin-bottom:1.5rem;font-size:.62rem}.obscura-afterword-copy>p:last-of-type{margin-top:1.3rem;font-size:.95rem}.obscura-afterword-guide{margin-top:1.3rem}.obscura-afterword-guide span:last-child{display:none}.obscura-afterword-actions{margin-top:.8rem}.obscura-afterword-actions a{padding:.85rem .7rem}.obscura-afterword-block-red{right:auto;left:calc(var(--page-pad) + 3rem);width:1.3rem}.obscura-afterword-block-blue{width:1rem;bottom:32%}}.obscura.reduced-motion{padding-top:100svh}.obscura.reduced-motion .obscura-camera{will-change:auto;position:absolute}.obscura.reduced-motion .obscura-exit,.obscura:not(.is-archive-preparing):not(.is-archive-3d) .obscura-exit{background:var(--color-paper);height:auto}.obscura.reduced-motion .obscura-exit-stage,.obscura:not(.is-archive-preparing):not(.is-archive-3d) .obscura-exit-stage{background:var(--color-paper);height:auto;position:relative;overflow:visible}.obscura.reduced-motion .obscura-afterword,.obscura:not(.is-archive-preparing):not(.is-archive-3d) .obscura-afterword{visibility:visible;opacity:1;pointer-events:auto;height:auto;min-height:100svh;position:relative;inset:auto;transform:none}
