/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--paper:#f4f5f1;--white:#fcfcfa;--ink:#111414;--silver:#bdc4c1;--muted:#737b78;--cobalt:#2556ff}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body), "Helvetica Neue", Arial, sans-serif;overflow:hidden}button,a{color:inherit;font:inherit}button{background:0 0;border:0}.site-shell{background:linear-gradient(90deg, #11141409 1px, transparent 1px) 0 0 / 25vw 100%, var(--paper);min-height:100svh;position:relative;overflow:hidden}.scene-wash{z-index:0;background:radial-gradient(ellipse 68% 58% at 72% 38%, var(--scene-wash), transparent 72%), linear-gradient(135deg, var(--scene-wash), var(--paper) 62%);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.scene-wash{background:radial-gradient(ellipse 68% 58% at 72% 38%, color-mix(in srgb, var(--scene-wash) 84%, transparent), transparent 72%), linear-gradient(135deg, color-mix(in srgb, var(--scene-wash) 46%, var(--paper)), var(--paper) 62%)}}.scene-wash{opacity:.82;pointer-events:none;transition:background .8s cubic-bezier(.2,.72,.18,1),opacity .5s}.topbar{z-index:70;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f5f1c7;border-bottom:1px solid #1114141f;justify-content:space-between;align-items:center;height:82px;padding:0 34px;display:flex;position:fixed;inset:0 0 auto}.wordmark{color:var(--ink);cursor:pointer;align-items:baseline;gap:14px;padding:8px 0;text-decoration:none;display:flex}.wordmark>span{letter-spacing:-.08em;font-size:21px;font-weight:740}.wordmark small,nav,figcaption,.bottom-rail{font-family:var(--font-utility), ui-monospace, monospace}.wordmark small{letter-spacing:.28em;font-size:9px}nav{gap:26px;display:flex}nav button{letter-spacing:.16em;cursor:pointer;padding:10px 0;font-size:11px;position:relative}nav button:after{content:"";background:var(--scene-accent,var(--cobalt));height:1px;transition:right .25s;position:absolute;bottom:3px;left:0;right:100%}nav button:hover:after,nav .nav-active:after{right:0}.hero{min-height:100svh;padding-top:82px;position:relative}.hero h1{z-index:1;font-family:var(--font-display), "Arial Narrow", sans-serif;letter-spacing:-.095em;color:var(--scene-ink,var(--ink));margin:0;font-size:clamp(98px,14vw,236px);font-weight:800;font-stretch:75%;line-height:.72;transition:opacity .55s,transform .7s cubic-bezier(.2,.74,.16,1),color .7s;position:absolute;top:clamp(104px,16vh,172px);left:2.2vw}.hero-copy{color:var(--muted);font:9px/1 var(--font-utility), ui-monospace, monospace;letter-spacing:.22em;writing-mode:vertical-rl;gap:42px;transition:opacity .4s;display:flex;position:absolute;top:112px;right:3vw}.chapter-word{z-index:1;color:var(--scene-accent,var(--cobalt));font:800 clamp(86px, 15vw, 250px)/.72 var(--font-display), "Arial Narrow", sans-serif;letter-spacing:-.09em;opacity:.085;pointer-events:none;animation:.72s cubic-bezier(.2,.74,.16,1) both chapter-word-in;position:absolute;bottom:3vh;right:2vw}.active-context{z-index:14;width:min(280px,23vw);color:var(--scene-ink,var(--ink));pointer-events:none;grid-template-columns:1fr auto;gap:7px 18px;animation:.48s both context-in;display:grid;position:absolute;top:108px;right:3vw}.active-context span,.active-context i{font:10px var(--font-utility), ui-monospace, monospace;letter-spacing:.17em;text-transform:uppercase}.active-context i{grid-area:1/2;font-style:normal}.active-context strong{font:700 clamp(24px, 2.5vw, 42px)/.9 var(--font-display), "Arial Narrow", sans-serif;letter-spacing:-.055em;grid-column:1/-1}.active-context p{max-width:260px;color:var(--scene-ink);grid-column:1/-1;margin:2px 0 0}@supports (color:color-mix(in lab, red, red)){.active-context p{color:color-mix(in srgb, var(--scene-ink) 68%, transparent)}}.active-context p{font-size:12px;line-height:1.6}.roll-stage{z-index:5;perspective:1300px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;align-items:center;transition:inset .7s cubic-bezier(.2,.74,.16,1),background .45s;display:flex;position:absolute;inset:31vh 0 13vh}.roll-stage:active{cursor:grabbing}.roll-stage:before{content:"拖到这里 · 松手放回";z-index:40;background:var(--cobalt);color:#fff;font:8px var(--font-utility), ui-monospace, monospace;letter-spacing:.14em;opacity:0;pointer-events:none;border-radius:999px;padding:7px 11px;transition:opacity .2s,transform .25s;position:absolute;top:8px;left:50%;transform:translate(-50%,-7px)}.roll-stage:after{content:"";z-index:39;pointer-events:none;background:0 0;border:1px solid #0000;transition:border-color .22s,background .22s;position:absolute;inset:0 18px}.roll-stage.roll-return-ready:before{opacity:1;transform:translate(-50%)}.roll-stage.roll-return-ready:after{background:#2556ff06;border-color:#2556ff6b}.roll-track{--track-x:0px;--camera-y:0px;--camera-turn-x:0deg;--camera-turn-y:0deg;width:max-content;transform:translate3d(var(--track-x), var(--camera-y), 0) rotateX(var(--camera-turn-x)) rotateY(var(--camera-turn-y));transform-origin:50vw;transform-style:preserve-3d;will-change:transform;align-items:center;gap:13px;padding-inline:6vw;transition:transform .24s cubic-bezier(.2,.74,.16,1);display:flex}.chapter-card{border-top:1px solid var(--scene-ink);flex:none;grid-template-rows:auto 1fr auto;width:clamp(190px,14vw,250px);height:clamp(230px,32vh,330px);margin:0 clamp(32px,4vw,76px) 0 clamp(48px,6vw,105px);padding:14px 16px 17px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.chapter-card{border-top:1px solid color-mix(in srgb, var(--scene-ink) 35%, transparent)}}.chapter-card{border-bottom:1px solid var(--scene-ink)}@supports (color:color-mix(in lab, red, red)){.chapter-card{border-bottom:1px solid color-mix(in srgb, var(--scene-ink) 18%, transparent)}}.chapter-card{color:var(--scene-ink,var(--ink));transition:color .7s,border-color .7s;transform:translateY(-15px)rotate(-2deg)}.chapter-card>span{font:10px var(--font-utility), ui-monospace, monospace;letter-spacing:.16em}.chapter-card>div{align-self:center}.chapter-card small{letter-spacing:.2em;margin-bottom:5px;font-size:12px;font-weight:500;display:block}.chapter-card strong{font:800 clamp(44px, 4.2vw, 70px)/.78 var(--font-display), "Arial Narrow", sans-serif;letter-spacing:-.075em;display:block}.chapter-card p{width:150px;color:var(--scene-ink);margin:0}@supports (color:color-mix(in lab, red, red)){.chapter-card p{color:color-mix(in srgb, var(--scene-ink) 66%, transparent)}}.chapter-card p{font-size:11.5px;line-height:1.6}.chapter-card:after{content:"";background:var(--scene-accent,var(--cobalt));width:32px;height:1px;position:absolute;top:50%;right:-16px}.frame{--pull-x:0px;--pull-y:0px;--pull-rotate:0deg;--speed-lift:0px;--speed-turn:0deg;--speed-depth:0px;--motion-blur:0px;--float-y:0px;--float-turn:0deg;--float-tilt:0deg;--float-roll:0deg;--float-depth:0px;--float-scale:1;--float-opacity:1;--float-shadow:.2;width:clamp(210px,17vw,320px);transform:translate3d(var(--pull-x), calc(var(--lift) + var(--pull-y) + var(--speed-lift)), var(--speed-depth)) rotateY(calc(var(--turn) + var(--speed-turn))) rotateZ(var(--pull-rotate));transform-origin:50% 60%;filter:saturate(.92) blur(var(--motion-blur));cursor:grab;outline:none;flex:none;margin:0;transition:transform .48s cubic-bezier(.22,.78,.2,1),filter .35s,opacity .25s;position:relative}.roll-style-float .roll-stage{perspective:980px;perspective-origin:50% 48%;inset:28vh 0 13vh}.roll-style-float .roll-track{gap:clamp(12px,1.45vw,24px);padding-inline:7vw}.roll-style-float .chapter-card{display:none}.roll-style-float .frame{width:clamp(220px,18vw,330px);opacity:var(--float-opacity);transform-style:preserve-3d;transform:translate3d(var(--pull-x), calc(var(--float-y) + var(--pull-y) + var(--speed-lift)), calc(var(--float-depth) + var(--speed-depth))) rotateX(var(--float-tilt)) rotateY(calc(var(--float-turn) + var(--speed-turn))) rotateZ(calc(var(--float-roll) + var(--pull-rotate))) scale(var(--float-scale));transform-origin:50% 58%;filter:saturate(.87) contrast(.98) blur(var(--motion-blur));transition:transform .2s cubic-bezier(.2,.76,.16,1),filter .28s,opacity .28s}.roll-style-float .frame-portrait{width:clamp(158px,13vw,238px)}.roll-style-float .frame-active:not(.frame-pulling):not(.frame-ghost){z-index:8;filter:saturate(1) contrast(1) blur(var(--motion-blur))}.roll-style-float .frame-active:not(.frame-pulling):not(.frame-ghost) .photo-mat{box-shadow:14px 34px 74px var(--scene-ink), 0 0 0 1px var(--scene-accent), 0 1px 0 #ffffffe6 inset}@supports (color:color-mix(in lab, red, red)){.roll-style-float .frame-active:not(.frame-pulling):not(.frame-ghost) .photo-mat{box-shadow:14px 34px 74px color-mix(in srgb, var(--scene-ink) 22%, transparent), 0 0 0 1px color-mix(in srgb, var(--scene-accent) 35%, transparent), 0 1px 0 #ffffffe6 inset}}:is(.roll-style-float .frame:not(.frame-pulling):not(.frame-ghost):hover,.roll-style-float .frame:not(.frame-pulling):not(.frame-ghost):focus-visible){z-index:12;opacity:1;transform:translate3d(var(--pull-x), calc(var(--float-y) - 14px + var(--speed-lift)), calc(var(--float-depth) + 72px + var(--speed-depth))) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.045);filter:saturate(1.03) contrast(1.01) blur(var(--motion-blur))}.frame-body{transform-style:preserve-3d;isolation:isolate;position:relative}.roll-style-float .frame-body{animation:float-breathe 5.4s ease-in-out var(--float-delay) infinite alternate}.roll-style-float .frame-body:before{content:"";z-index:-1;background:var(--scene-wash);border:1px solid #272f2c1a;position:absolute;inset:5px -5px 19px 5px}@supports (color:color-mix(in lab, red, red)){.roll-style-float .frame-body:before{background:color-mix(in srgb, var(--scene-wash) 18%, var(--white))}}.roll-style-float .frame-body:before{pointer-events:none;transform:translate3d(3px,4px,-13px);box-shadow:5px 8px 12px #181e1c14}.roll-style-float .frame-body:after{content:"";z-index:-2;background:radial-gradient(ellipse, rgba(20,25,24,var(--float-shadow)) 0%, #14191812 42%, transparent 74%);filter:blur(18px);pointer-events:none;border-radius:50%;height:48px;position:absolute;bottom:20px;left:7%;right:7%;transform:translate3d(13px,18px,-48px)}.roll-style-float .frame-ghost .frame-body:before,.roll-style-float .frame-ghost .frame-body:after{opacity:0}.roll-style-strip .frame{transform:translate3d(var(--pull-x), calc(var(--lift) + var(--pull-y) + var(--speed-lift)), var(--speed-depth)) rotateY(calc(var(--turn) + var(--speed-turn))) rotateZ(var(--pull-rotate))}:is(.roll-style-strip .frame:not(.frame-pulling):not(.frame-ghost):hover,.roll-style-strip .frame:not(.frame-pulling):not(.frame-ghost):focus-visible){transform:translate3d(var(--pull-x), calc(var(--lift) - 18px + var(--speed-lift)), calc(24px + var(--speed-depth))) rotateY(var(--speed-turn)) scale(1.055)}.frame-portrait{width:clamp(150px,12vw,226px)}:is(.frame:not(.frame-pulling):not(.frame-ghost):hover,.frame:not(.frame-pulling):not(.frame-ghost):focus-visible){z-index:6;transform:translate3d(var(--pull-x), calc(var(--lift) - 18px + var(--speed-lift)), calc(24px + var(--speed-depth))) rotateY(var(--speed-turn)) scale(1.055);filter:saturate(1) blur(var(--motion-blur))}.frame-pulling{z-index:22;cursor:grabbing;filter:saturate();transition:filter .2s}.mode-roll .frame-active:not(.frame-ghost) .photo-mat{box-shadow:0 24px 68px var(--scene-ink), 0 0 0 1px var(--scene-accent)}@supports (color:color-mix(in lab, red, red)){.mode-roll .frame-active:not(.frame-ghost) .photo-mat{box-shadow:0 24px 68px color-mix(in srgb, var(--scene-ink) 18%, transparent), 0 0 0 1px color-mix(in srgb, var(--scene-accent) 42%, transparent)}}.photo-mat{background:var(--white);padding:7px;transition:box-shadow .25s,background .25s;position:relative;overflow:hidden;box-shadow:0 18px 50px #181e1c21,inset 0 1px #ffffffb3}.roll-style-float .photo-mat{z-index:2;border-radius:2px;box-shadow:8px 20px 48px #181e1c21,inset 0 1px #ffffffc7}.roll-style-float .photo-mat:before{content:"";z-index:3;opacity:.72;pointer-events:none;background:linear-gradient(112deg,#0000 38%,#ffffff6b 48%,#ffffff14 53%,#0000 61%);transition:transform .9s cubic-bezier(.18,.76,.18,1),opacity .3s;position:absolute;inset:-40% -65%;transform:translate(-48%)}.roll-style-float .frame:hover .photo-mat:before{opacity:.92;transform:translate(48%)}.roll-style-float .frame:focus-visible .photo-mat:before{opacity:.92;transform:translate(48%)}.roll-style-float figcaption{z-index:2;position:relative}.photo-mat img{object-fit:contain;pointer-events:none;width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.74,.16,1),opacity .25s;display:block}.frame:hover .photo-mat img{transform:scale(1.018)}.frame-ghost{pointer-events:none}.frame-ghost .photo-mat{box-shadow:none;outline-offset:-1px;background:0 0;outline:1px dashed #11141459}.frame-ghost .photo-mat:after{content:"ON DESK";color:#11141473;font:9px var(--font-utility), ui-monospace, monospace;letter-spacing:.18em;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-5deg)}.frame-ghost img,.frame-ghost figcaption{opacity:0}.frame-ghost.frame-drop-target .photo-mat{outline-color:var(--cobalt);background:#2556ff0b;box-shadow:0 0 0 8px #2556ff09}.frame-ghost.frame-drop-target .photo-mat:after{content:"RELEASE TO RETURN";color:var(--cobalt);transform:translate(-50%,-50%)}figcaption{color:var(--muted);letter-spacing:.13em;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.loose-print{background:var(--white);width:clamp(205px,17vw,300px);transform:translate(-50%, -50%) rotate(var(--print-rotation));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;padding:8px 8px 11px;animation:.56s cubic-bezier(.18,.86,.24,1.2) backwards print-land;position:fixed;box-shadow:0 24px 60px #181e1c33,inset 0 1px #fffc}.loose-print:active{cursor:grabbing}.loose-print img{object-fit:contain;pointer-events:none;width:100%;height:auto;display:block}.loose-print.loose-returning{opacity:.08;pointer-events:none;transition:left .43s cubic-bezier(.2,.78,.18,1),top .43s cubic-bezier(.2,.78,.18,1),opacity .38s,transform .43s cubic-bezier(.2,.78,.18,1);animation:none;transform:translate(-50%,-50%)rotate(0)scale(.72)}.loose-print>div{color:var(--muted);font:8px var(--font-utility), ui-monospace, monospace;letter-spacing:.16em;justify-content:space-between;padding-top:9px;display:flex}.loose-print>button{background:var(--paper);width:28px;height:28px;color:var(--ink);cursor:pointer;opacity:0;border:1px solid #1114142e;border-radius:50%;place-items:center;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:-14px;right:-14px}:is(.loose-print:hover>button,.loose-print:focus-visible>button){opacity:1}.loose-print>button:hover{transform:rotate(-18deg)}.desk-object{--object-x:0px;--object-y:0px;--object-rotation:0deg;z-index:18;transform:translate3d(var(--object-x), var(--object-y), 0) rotate(var(--object-rotation));transform-origin:50%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;transition:filter .25s,box-shadow .25s;position:fixed}.desk-object:hover{filter:saturate(1.05)contrast(1.02)}.desk-object:active{z-index:46;cursor:grabbing}.roll-style-float .object-ticket,.roll-style-float .object-envelope,.roll-style-strip .object-prism{display:none}.object-ticket{perspective:700px;width:clamp(178px,15vw,228px);height:82px;top:21vh;right:5vw}.ticket-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.76,.16,1);position:relative}.object-flipped .ticket-inner{transform:rotateY(180deg)}.ticket-face{border:1px solid var(--scene-ink);grid-template-columns:1fr auto;align-content:space-between;padding:12px 14px;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.ticket-face{border:1px solid color-mix(in srgb, var(--scene-ink) 18%, transparent)}}.ticket-face{background:var(--scene-wash)}@supports (color:color-mix(in lab, red, red)){.ticket-face{background:color-mix(in srgb, var(--scene-wash) 52%, var(--white))}}.ticket-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 12px 28px #181e1c1f}.ticket-face:before,.ticket-face:after{content:"";background:var(--paper);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}.ticket-face:before{left:-7px}.ticket-face:after{right:-7px}.ticket-face small,.ticket-face span,.ticket-face i{font:7px var(--font-utility), ui-monospace, monospace;letter-spacing:.12em}.ticket-face strong{letter-spacing:-.03em;grid-column:1/-1;font-size:17px}.ticket-face i{color:var(--scene-accent);justify-self:end;font-style:normal}.ticket-back{align-content:center;gap:6px;transform:rotateY(180deg)}.ticket-back p{grid-column:1/-1;margin:0;font-size:11px}.object-contact{color:#fff;background:#171918;width:clamp(138px,11vw,176px);padding:8px;bottom:9vh;left:3.5vw;box-shadow:0 18px 40px #1114142e}.object-contact header{font:6px var(--font-utility), ui-monospace, monospace;letter-spacing:.11em;justify-content:space-between;margin-bottom:6px;display:flex}.object-contact header i{color:#9eb4ff;font-style:normal}.contact-grid{grid-template-columns:1fr 1fr;gap:3px;display:grid}.contact-grid img{aspect-ratio:1.35;object-fit:cover;pointer-events:none;filter:grayscale(.2);width:100%;display:block}.object-envelope{background:var(--scene-wash);border:1px solid #11141424;place-items:center;width:clamp(132px,11vw,170px);height:102px;display:grid;bottom:8vh;right:6vw;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.object-envelope{background:color-mix(in srgb, var(--scene-wash) 34%, var(--white))}}.object-envelope{box-shadow:0 16px 38px #181e1c1f}.object-envelope:before,.object-envelope:after{content:"";background:var(--scene-wash);border-top:1px solid #11141421;position:absolute;inset:30% -20% -50%}@supports (color:color-mix(in lab, red, red)){.object-envelope:before,.object-envelope:after{background:color-mix(in srgb, var(--scene-wash) 18%, var(--white))}}.object-envelope:before,.object-envelope:after{transform:rotate(30deg)}.object-envelope:after{transform:rotate(-30deg)}.envelope-flap{background:var(--scene-wash);border-bottom:1px solid #11141426;position:absolute;inset:-58% 0 48%}@supports (color:color-mix(in lab, red, red)){.envelope-flap{background:color-mix(in srgb, var(--scene-wash) 44%, var(--white))}}.envelope-flap{transform:rotate(45deg)scale(.72)}.object-envelope>span{z-index:2;text-align:center;font-size:14px;font-weight:700;line-height:1.1;position:relative}.object-envelope>span small{font:6px var(--font-utility), ui-monospace, monospace;letter-spacing:.12em}.object-envelope>i{z-index:3;color:var(--scene-accent);font:6px var(--font-utility), ui-monospace, monospace;letter-spacing:.1em;font-style:normal;position:absolute;bottom:6px;right:7px}.object-prism{perspective:840px;filter:drop-shadow(0 26px 21px #181e1c29);width:148px;height:154px;bottom:7.8vh;right:4.8vw}.prism-object{place-items:start center;width:100%;height:100%;display:grid;position:relative}.prism-object:after{content:"";filter:blur(5px);background:radial-gradient(#14181747,#0000 68%);border-radius:50%;width:98px;height:23px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)rotate(-5deg)}.photo-prism{--prism-size:96px;z-index:2;width:var(--prism-size);height:var(--prism-size);transform:rotateX(-15deg) rotateY(calc(-24deg + var(--prism-turn)));transform-style:preserve-3d;margin-top:7px;transition:transform .86s cubic-bezier(.2,.78,.16,1);position:relative}:is(.object-prism:hover .photo-prism,.object-prism:focus-visible .photo-prism){transform:rotateX(-10deg) rotateY(calc(-7deg + var(--prism-turn))) translateY(-5px)}.prism-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#e7ece894;border:1px solid #fffc;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 24px #ffffff7a,inset 0 0 0 1px #28383d17}.prism-face:after{content:"";pointer-events:none;background:linear-gradient(112deg,#0000 16%,#ffffff85 28%,#0000 38%),linear-gradient(135deg,#ffffff57,#0000 48%,#5d79912e);position:absolute;inset:0}.prism-face img{object-fit:cover;opacity:.88;filter:saturate(.82)contrast(1.05);pointer-events:none;width:100%;height:100%}.prism-front{transform:translateZ(48px)}.prism-back{transform:rotateY(180deg)translateZ(48px)}.prism-right{transform:rotateY(90deg)translateZ(48px)}.prism-left{transform:rotateY(-90deg)translateZ(48px)}.prism-top{background:var(--scene-wash);place-items:center;display:grid;transform:rotateX(90deg)translateZ(48px)}@supports (color:color-mix(in lab, red, red)){.prism-top{background:color-mix(in srgb, var(--scene-wash) 58%, #ffffffc7)}}.prism-top span{color:var(--scene-ink);font:700 22px var(--font-display), sans-serif;opacity:.66;transform:rotate(90deg)}.prism-bottom{background:#20272638;transform:rotateX(-90deg)translateZ(48px)}.prism-label{z-index:3;width:150px;color:var(--scene-ink);position:absolute;bottom:2px;left:50%}@supports (color:color-mix(in lab, red, red)){.prism-label{color:color-mix(in srgb, var(--scene-ink) 72%, transparent)}}.prism-label{font:6px var(--font-utility), ui-monospace, monospace;letter-spacing:.13em;text-align:center;transform:translate(-50%)}.gesture-hint{z-index:24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#fcfcfae0;border:1px solid #1114141f;border-radius:999px;align-items:center;gap:12px;padding:12px 16px;animation:.7s .8s both hint-in;display:flex;position:fixed;bottom:68px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #11141414}.gesture-hint>span{color:var(--cobalt);font-size:20px}.gesture-hint p{color:var(--muted);letter-spacing:.035em;margin:0;font-size:12px;line-height:1.5}.gesture-hint strong{color:var(--ink);font-weight:600}.bottom-rail{z-index:10;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:end;font-size:9px;display:grid;position:absolute;inset:auto 34px 25px}.bottom-rail p{margin:0}.bottom-rail p:last-child{justify-self:end}.edition{color:var(--ink)}.view-switch{border:1px solid var(--scene-ink);justify-self:center;padding:7px 10px 6px}@supports (color:color-mix(in lab, red, red)){.view-switch{border:1px solid color-mix(in srgb, var(--scene-ink) 15%, transparent)}}.view-switch{background:var(--paper);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.view-switch{background:color-mix(in srgb, var(--paper) 76%, transparent)}}.view-switch{color:var(--scene-ink,var(--ink));font:8px var(--font-utility), ui-monospace, monospace;letter-spacing:.13em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,transform .2s,background .2s}.view-switch:hover{border-color:var(--scene-accent);background:var(--white);transform:translateY(-2px)}.cursor-mark{color:var(--cobalt);vertical-align:-2px;font-size:16px}.mode-roll .scene-wash{background:var(--paper);opacity:.42}.mode-roll .topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f5f1b8;border-bottom:0;height:66px;padding:0 28px}.mode-roll .wordmark{gap:11px}.mode-roll .wordmark>span{letter-spacing:-.07em;font-size:20px}.mode-roll .wordmark small{letter-spacing:.24em;font-size:9px}.mode-roll nav{gap:31px}.mode-roll nav button{letter-spacing:.16em;font-size:10.5px}.mode-roll .hero h1{letter-spacing:-.09em;font-size:clamp(82px,8vw,120px);line-height:.67;top:clamp(100px,10.5vh,126px);left:4vw}.mode-roll .hero-copy,.mode-roll .chapter-word{display:none}.hero-note{z-index:3;width:175px;color:var(--scene-ink);margin:0;position:absolute;top:clamp(260px,27vh,300px);left:4.2vw}@supports (color:color-mix(in lab, red, red)){.hero-note{color:color-mix(in srgb, var(--scene-ink) 52%, transparent)}}.hero-note{font-size:10px;line-height:1.75;transition:color .55s}.mode-roll .active-context{width:215px;color:var(--scene-ink,var(--ink));display:block;top:clamp(116px,12vh,144px);right:7.6vw}.mode-roll .active-context span,.mode-roll .active-context i{color:var(--scene-ink);margin-bottom:10px;display:block}@supports (color:color-mix(in lab, red, red)){.mode-roll .active-context span,.mode-roll .active-context i{color:color-mix(in srgb, var(--scene-ink) 58%, transparent)}}.mode-roll .active-context span,.mode-roll .active-context i{letter-spacing:.18em;font-size:9px}.mode-roll .active-context strong{letter-spacing:-.045em;font-size:clamp(23px,2.2vw,34px);line-height:.9;display:block}.mode-roll .active-context p{max-width:205px;color:var(--scene-ink);margin:17px 0 0}@supports (color:color-mix(in lab, red, red)){.mode-roll .active-context p{color:color-mix(in srgb, var(--scene-ink) 50%, transparent)}}.mode-roll .active-context p{font-size:12px;line-height:1.6}.mode-roll .active-context button{color:var(--scene-accent);font:9px var(--font-utility), ui-monospace, monospace;letter-spacing:.2em;cursor:pointer;background:0 0;border:0;margin-top:15px;padding:0}.mode-roll .active-context button b{margin-left:10px;font-size:12px;font-weight:400}:is(.mode-roll .active-context button:hover,.mode-roll .active-context button:focus-visible){transform:translate(3px)}.mode-roll .roll-stage,.roll-style-float .roll-stage{perspective:1180px;perspective-origin:50% 52%;inset:32vh 0 16vh;overflow:visible}.mode-roll .roll-track,.roll-style-float .roll-track{transform:translate3d(var(--track-x), 0, 0);transform-origin:50vw;gap:clamp(64px,4.6vw,120px);padding-inline:calc(50vw - 215px);transition:none}.mode-roll .chapter-card{display:none}.mode-roll .frame,.roll-style-float .frame{--rail-y:0px;--rail-turn:0deg;--rail-roll:0deg;--rail-depth:0px;--rail-scale:1;--rail-shadow:.12;--pointer-x:0px;--pointer-y:0px;opacity:1;width:clamp(260px,22vw,500px);transform:translate3d(calc(var(--pointer-x) + var(--pull-x)), calc(var(--rail-y) + var(--pointer-y) + var(--pull-y)), var(--rail-depth)) rotateY(var(--rail-turn)) rotateZ(calc(var(--rail-roll) + var(--pull-rotate))) scale(var(--rail-scale));transform-origin:50% 55%;transform-style:preserve-3d;filter:none;will-change:transform;transition:none}.mode-roll .frame-portrait,.roll-style-float .frame-portrait{width:clamp(160px,12.8vw,300px)}.mode-roll .frame-body,.roll-style-float .frame-body{animation:rail-breathe 5.8s ease-in-out var(--float-delay) infinite alternate}.mode-roll .frame-body:before,.roll-style-float .frame-body:before{background:var(--white);box-shadow:none;border-color:#272f2c14;inset:4px -4px 19px 4px;transform:translate3d(3px,4px,-10px)}.mode-roll .frame-body:after,.roll-style-float .frame-body:after{display:none}.mode-roll .photo-mat,.roll-style-float .photo-mat{background:var(--white);box-shadow:10px 22px 48px rgba(24,30,28,var(--rail-shadow)), 0 0 0 1px #1e26230b;border-radius:0;padding:6px;transition:transform .42s cubic-bezier(.2,.78,.16,1),box-shadow .42s;transform:translate(0)}.mode-roll .photo-mat:before,.roll-style-float .photo-mat:before{display:none}.mode-roll .frame-active:not(.frame-pulling):not(.frame-ghost) .photo-mat,.roll-style-float .frame-active:not(.frame-pulling):not(.frame-ghost) .photo-mat{box-shadow:16px 32px 70px #181e1c30, 0 0 0 1px var(--scene-accent)}@supports (color:color-mix(in lab, red, red)){.mode-roll .frame-active:not(.frame-pulling):not(.frame-ghost) .photo-mat,.roll-style-float .frame-active:not(.frame-pulling):not(.frame-ghost) .photo-mat{box-shadow:16px 32px 70px #181e1c30, 0 0 0 1px color-mix(in srgb, var(--scene-accent) 22%, transparent)}}:is(.mode-roll .frame:not(.frame-pulling):not(.frame-ghost):hover,.mode-roll .frame:not(.frame-pulling):not(.frame-ghost):focus-visible,.roll-style-float .frame:not(.frame-pulling):not(.frame-ghost):hover,.roll-style-float .frame:not(.frame-pulling):not(.frame-ghost):focus-visible){opacity:1;transform:translate3d(calc(var(--pointer-x) + var(--pull-x)), calc(var(--rail-y) + var(--pointer-y) + var(--pull-y)), var(--rail-depth)) rotateY(0deg) rotateZ(0deg) scale(var(--rail-scale));filter:none}@supports (color:color-mix(in lab, red, red)){:is(.mode-roll .frame:not(.frame-pulling):not(.frame-ghost):hover .photo-mat,.mode-roll .frame:not(.frame-pulling):not(.frame-ghost):focus-visible .photo-mat){box-shadow:18px 34px 78px #181e1c33, 0 0 0 1px color-mix(in srgb, var(--scene-accent) 30%, transparent)}}.mode-roll figcaption{z-index:2;color:var(--scene-ink);margin-top:14px;position:relative}@supports (color:color-mix(in lab, red, red)){.mode-roll figcaption{color:color-mix(in srgb, var(--scene-ink) 58%, transparent)}}.mode-roll figcaption{letter-spacing:.16em;font-size:9.5px}.mode-roll figcaption span:first-child{gap:12px;display:flex}.mode-roll figcaption i{color:var(--scene-accent);font-style:normal}.mode-roll .desk-object,.mode-roll .gesture-hint{display:none}.mode-roll .bottom-rail{z-index:26;color:var(--scene-ink);align-items:center;inset:auto 34px 24px}@supports (color:color-mix(in lab, red, red)){.mode-roll .bottom-rail{color:color-mix(in srgb, var(--scene-ink) 54%, transparent)}}.mode-roll .bottom-rail{letter-spacing:.15em;font-size:9px}.progress-dots{justify-self:center;align-items:center;gap:8px;display:flex}.progress-dots button{cursor:pointer;width:21px;height:12px;padding:0}.progress-dots button:after{content:"";background:#2f373433;width:100%;height:1px;transition:height .2s,background .2s,transform .2s;display:block}.progress-dots button:hover:after{background:#2f373480;transform:scaleY(2)}.progress-dots .progress-active:after{background:var(--cobalt);height:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes rail-breathe{0%{transform:translateY(2px)}to{transform:translate3d(0,-4px,5px)}}.mode-index{overflow-y:auto}.mode-index .hero{min-height:100svh}.mode-index .hero h1{opacity:.06;transform:translateY(-28px)scale(.96)}.mode-index .hero-copy{opacity:0}.mode-index .active-context,.mode-index .chapter-word,.mode-index .hero-note{display:none}.mode-index .roll-stage{perspective:none;cursor:default;touch-action:pan-y;padding:clamp(58px,8vh,100px) 34px 130px;display:block;inset:82px 0 52px;overflow:hidden auto}.mode-index .roll-track{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(34px,5vw,78px) 18px;width:100%;max-width:1500px;margin:0 auto;padding:0;animation:.72s cubic-bezier(.2,.74,.16,1) both index-arrive;display:grid;transform:none}.mode-index .chapter-card{grid-column:1/-1;grid-template-rows:1fr;grid-template-columns:54px 1fr auto;align-items:end;gap:24px;width:100%;height:auto;margin:54px 0 -8px;padding:18px 0 12px;display:grid;transform:none}.mode-index .chapter-card:first-child{margin-top:0}.mode-index .chapter-card>div{align-self:end}.mode-index .chapter-card strong{font-size:clamp(36px,5vw,72px)}.mode-index .chapter-card p{text-align:right;justify-self:end;width:auto}.mode-index .chapter-card:after{display:none}.mode-index .frame,.mode-index .frame-portrait{cursor:zoom-in;filter:none;min-width:0;transform:none;pointer-events:auto!important;visibility:visible!important;opacity:1!important;z-index:auto!important;width:100%!important}.mode-index .frame-body{min-width:0;animation:none}.mode-index .frame-body:before,.mode-index .frame-body:after,.mode-index .photo-mat:before{display:none}.mode-index .frame:nth-child(5n+2),.mode-index .frame:nth-child(5n+4){margin-top:76px}:is(.mode-index .frame:hover,.mode-index .frame:focus-visible){transform:translateY(-7px)!important}.mode-index .photo-mat{min-width:0;box-shadow:none;background:0 0;padding:0}.mode-index .photo-mat img{object-fit:contain;width:100%;height:auto}.mode-index .frame-portrait .photo-mat img{background:#11141409}.mode-index .frame-ghost{pointer-events:auto}.mode-index .frame-ghost .photo-mat{background:0 0;outline:0}.mode-index .frame-ghost .photo-mat:after{display:none}.mode-index .frame-ghost img,.mode-index .frame-ghost figcaption{opacity:1}.mode-index .view-switch{display:none}.about-panel{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfcfaf5;border-left:1px solid #11141424;width:min(540px,100%);padding:clamp(54px,10vh,112px) clamp(32px,5vw,72px) 44px;animation:.6s cubic-bezier(.2,.74,.16,1) both panel-in;position:fixed;inset:82px 0 0 auto;box-shadow:-30px 0 80px #181e1c14}.panel-close{cursor:pointer;font-size:26px;font-weight:200;position:absolute;top:25px;right:28px}.about-panel .eyebrow{color:var(--cobalt);font:9px var(--font-utility), ui-monospace, monospace;letter-spacing:.2em;margin:0 0 38px}.about-panel h2{letter-spacing:-.07em;margin:0;font-size:clamp(46px,6vw,76px);line-height:.94}.about-panel>p:not(.eyebrow){color:#4e5653;max-width:380px;margin:40px 0 0;font-size:15px;line-height:1.9}.about-panel footer{color:var(--muted);font:8px var(--font-utility), ui-monospace, monospace;letter-spacing:.15em;justify-content:space-between;display:flex;position:absolute;inset:auto 42px 35px}.focus-viewer{z-index:100;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#f4f5f100;transition:background .48s,-webkit-backdrop-filter .48s,backdrop-filter .48s;position:fixed;inset:0}.focus-viewer.viewer-open{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f5f1f7}.viewer-photo-shell{left:var(--origin-left);top:var(--origin-top);width:var(--origin-width);height:var(--origin-height);transform-origin:50%;flex-direction:column;align-items:stretch;margin:0;transition:left .52s cubic-bezier(.2,.76,.16,1),top .52s cubic-bezier(.2,.76,.16,1),width .52s cubic-bezier(.2,.76,.16,1),height .52s cubic-bezier(.2,.76,.16,1);display:flex;position:fixed}.viewer-open .viewer-photo-shell{width:86vw;height:84vh;top:7.5vh;left:7vw}.viewer-photo-shell img{object-fit:contain;flex:1;width:100%;min-height:0}.viewer-photo-shell figcaption{color:var(--ink);opacity:0;justify-content:space-between;gap:28px;margin-top:18px;font-size:11px;transition:opacity .24s,transform .3s;transform:translateY(8px)}.viewer-open .viewer-photo-shell figcaption{opacity:1;transition-delay:.24s;transform:none}.viewer-photo-shell figcaption span:last-child{max-width:420px;color:var(--muted);text-align:right}.viewer-close{z-index:4;cursor:pointer;font:10.5px var(--font-utility), ui-monospace, monospace;letter-spacing:.14em;opacity:0;transition:opacity .22s;position:absolute;top:26px;right:32px}.viewer-arrow{z-index:4;cursor:pointer;opacity:0;border:1px solid #11141429;border-radius:50%;width:46px;height:46px;transition:background .2s,color .2s,opacity .22s;position:absolute;top:50%;transform:translateY(-50%)}.viewer-prev{left:22px}.viewer-next{right:22px}.viewer-open .viewer-close,.viewer-open .viewer-arrow,.viewer-open .viewer-count{opacity:1;transition-delay:.28s}.viewer-arrow:hover{background:var(--ink);color:var(--white)}.viewer-count{font:10.5px var(--font-utility), ui-monospace, monospace;letter-spacing:.13em;opacity:0;margin:0;transition:opacity .22s;position:absolute;bottom:28px;left:33px}button:focus-visible{outline:2px solid var(--cobalt);outline-offset:4px}a:focus-visible{outline:2px solid var(--cobalt);outline-offset:4px}[role=button]:focus-visible{outline:2px solid var(--cobalt);outline-offset:4px}@keyframes print-land{0%{opacity:0;transform:translate(-50%,-60%)rotate(0)scale(.82)}70%{opacity:1;transform:translate(-50%, -48%) rotate(var(--print-rotation)) scale(1.02)}to{opacity:1;transform:translate(-50%, -50%) rotate(var(--print-rotation)) scale(1)}}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes index-arrive{0%{opacity:0;transform:translateY(32px)scale(.985)}to{opacity:1;transform:none}}@keyframes panel-in{0%{transform:translate(100%)}to{transform:none}}@keyframes chapter-word-in{0%{opacity:0;transform:translate(45px)}to{opacity:.085;transform:none}}@keyframes context-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@keyframes float-breathe{0%{transform:translateY(3px)rotateX(-.35deg)}to{transform:translate3d(0,-4px,7px)rotateX(.55deg)}}@media (max-width:900px){.mode-index .roll-track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.topbar{height:68px;padding:0 18px}.wordmark small{display:none}nav{gap:18px}nav button{font-size:9px}.hero{padding-top:68px}.hero h1{font-size:clamp(78px,27vw,120px);top:105px;left:15px}.hero-copy{display:none}.chapter-word{font-size:25vw;bottom:7vh;right:0}.active-context{gap:4px 8px;width:46vw;top:80px;right:18px}.active-context strong{font-size:23px}.active-context p{display:none}.roll-stage{inset:31vh 0 16vh}.roll-track{gap:9px;padding-inline:18px}.roll-style-float .roll-stage{inset:29vh 0 17vh}.roll-style-float .roll-track{gap:10px;padding-inline:22px}.chapter-card{width:43vw;height:29vh;margin-inline:34px 24px}.frame{width:65vw}.frame-portrait{width:47vw}.roll-style-float .frame{width:61vw}.roll-style-float .frame-portrait{width:45vw}.loose-print{width:58vw}.loose-print>button{opacity:1}.bottom-rail{grid-template-columns:1fr auto;inset-inline:18px}.bottom-rail p:last-child{display:none}.gesture-hint{bottom:62px}.object-ticket,.object-envelope,.roll-style-float .object-contact{display:none}.roll-style-strip .object-contact{width:112px;bottom:82px;left:18px}.object-prism{width:88px;height:100px;transform:translate3d(var(--object-x), var(--object-y), 0) rotate(var(--object-rotation)) scale(.82);transform-origin:100% 100%;bottom:72px;right:14px}.view-switch{padding-inline:8px;font-size:7px}.mode-roll .topbar{padding-inline:18px}.mode-roll .hero h1{font-size:clamp(82px,27vw,112px);top:104px;left:18px}.mode-roll .hero-note,.mode-roll .active-context{display:none}.mode-roll .roll-stage,.roll-style-float .roll-stage{inset:31vh 0 17vh}.mode-roll .roll-track,.roll-style-float .roll-track{gap:42px;padding-inline:19.5vw}.mode-roll .frame,.roll-style-float .frame{width:61vw}.mode-roll .frame-portrait,.roll-style-float .frame-portrait{width:45vw}.mode-roll .bottom-rail{grid-template-columns:1fr;inset:auto 18px 18px}.mode-roll .bottom-rail>p{display:none}.mode-roll .progress-dots{justify-self:center}.mode-index .roll-stage{padding:44px 18px 100px;inset:68px 0 44px}.mode-index .roll-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 10px;padding-inline:0}.mode-index .chapter-card{grid-template-columns:34px 1fr;gap:12px;margin-top:34px}.mode-index .chapter-card p{display:none}.mode-index .frame:nth-child(5n+2),.mode-index .frame:nth-child(5n+4){margin-top:38px}.mode-index .photo-mat img{width:100%;height:auto}.about-panel{padding:64px 28px 36px;top:68px}.about-panel footer{inset-inline:28px}.viewer-open .viewer-photo-shell{width:calc(100vw - 36px);height:calc(100vh - 158px);top:68px;left:18px}.viewer-photo-shell figcaption{flex-direction:column;gap:8px}.viewer-photo-shell figcaption span:last-child{text-align:left}.viewer-arrow{top:auto;bottom:18px;transform:none}.viewer-prev{left:18px}.viewer-next{right:18px}.viewer-count{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.site-shell.mode-roll{background:#f3f4f0}.mode-roll .scene-wash{background:radial-gradient(ellipse 46% 58% at 51% 52%, var(--scene-wash), transparent 73%), linear-gradient(110deg, #ffffff57, transparent 46%, #d2d8d421)}@supports (color:color-mix(in lab, red, red)){.mode-roll .scene-wash{background:radial-gradient(ellipse 46% 58% at 51% 52%, color-mix(in srgb, var(--scene-wash) 74%, white), transparent 73%), linear-gradient(110deg, #ffffff57, transparent 46%, #d2d8d421)}}.mode-roll .scene-wash{opacity:.72}.mode-roll .scene-wash:after{content:"";background:linear-gradient(90deg,#181e1c07 1px,#0000 1px) 0 0/12.5vw 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 5%,#000 18% 82%,#0000 96%);mask-image:linear-gradient(#0000 5%,#000 18% 82%,#0000 96%)}.mode-roll .topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#f3f4f0eb,#f3f4f094,#0000);height:68px;padding-inline:30px}.mode-roll .hero{padding-top:68px}.mode-roll .hero h1{z-index:0;letter-spacing:-.085em;color:var(--scene-ink);font-size:clamp(54px,5vw,84px);line-height:.7;top:clamp(102px,11vh,132px);left:4.7vw}@supports (color:color-mix(in lab, red, red)){.mode-roll .hero h1{color:color-mix(in srgb, var(--scene-ink) 90%, #111)}}.mode-roll .hero h1{opacity:0;mix-blend-mode:multiply}.mode-roll .hero-note{display:none}.mode-roll .active-context{border-left:1px solid var(--scene-accent);width:214px;padding-left:19px;top:clamp(108px,12vh,146px);bottom:auto;right:3.8vw}@supports (color:color-mix(in lab, red, red)){.mode-roll .active-context{border-left:1px solid color-mix(in srgb, var(--scene-accent) 38%, transparent)}}.mode-roll .active-context{text-shadow:0 1px #ffffffd1}.mode-roll .active-context span,.mode-roll .active-context i{margin-bottom:7px}.mode-roll .active-context strong{font-size:clamp(24px,2.1vw,35px)}.mode-roll .active-context p{margin-top:13px}.focus-scale{display:none}.mode-roll .focus-scale{z-index:27;width:102px;height:42vh;color:var(--scene-ink);display:block;position:absolute;top:29vh;left:auto;right:clamp(18px,3.2vw,54px)}@supports (color:color-mix(in lab, red, red)){.mode-roll .focus-scale{color:color-mix(in srgb, var(--scene-ink) 52%, transparent)}}.mode-roll .focus-scale{font:8px/1 var(--font-utility), ui-monospace, monospace;letter-spacing:.1em;pointer-events:auto}.mode-roll .focus-scale header{white-space:nowrap;justify-content:flex-end;align-items:center;gap:9px;display:flex;position:absolute;inset:-27px 0 auto}.mode-roll .focus-scale header span{color:var(--scene-accent);letter-spacing:.18em}.mode-roll .focus-scale header b{color:var(--scene-ink)}@supports (color:color-mix(in lab, red, red)){.mode-roll .focus-scale header b{color:color-mix(in srgb, var(--scene-ink) 64%, transparent)}}.mode-roll .focus-scale header b{font-weight:500}.focus-scale-track{position:absolute;inset:0}.focus-scale-track:before{content:"";background:var(--scene-ink);width:1px;position:absolute;top:0;bottom:0;right:3px}@supports (color:color-mix(in lab, red, red)){.focus-scale-track:before{background:color-mix(in srgb, var(--scene-ink) 16%, transparent)}}.mode-roll .focus-scale-cursor{z-index:3;right:0;top:calc(var(--focus-step) * 100%);border:1px solid var(--scene-accent);background:var(--paper);border-radius:50%;width:7px;height:7px;transition:top .55s cubic-bezier(.2,.76,.16,1),border-color .5s;position:absolute;transform:translateY(-50%)}.focus-scale-step{z-index:2;top:calc(var(--scale-step) * 100%);width:48px;height:26px;color:var(--scene-ink);padding:0;position:absolute;right:-9px}@supports (color:color-mix(in lab, red, red)){.focus-scale-step{color:color-mix(in srgb, var(--scene-ink) 42%, transparent)}}.focus-scale-step{cursor:pointer;transform:translateY(-50%)}.focus-scale-step span,.focus-scale-step strong,.focus-scale-step em{position:absolute;top:50%;transform:translateY(-50%)}.focus-scale-step span{opacity:0;font-size:7px;font-weight:400;transition:opacity .2s,color .2s;right:31px}.focus-scale-step strong{border-left:1px solid var(--scene-accent);max-width:92px;padding:4px 6px 3px;right:49px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.focus-scale-step strong{border-left:1px solid color-mix(in srgb, var(--scene-accent) 45%, transparent)}}.focus-scale-step strong{background:var(--paper)}@supports (color:color-mix(in lab, red, red)){.focus-scale-step strong{background:color-mix(in srgb, var(--paper) 82%, transparent)}}.focus-scale-step strong{color:var(--scene-ink);letter-spacing:.09em;opacity:0;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none;font-size:8px;font-weight:600;transition:opacity .22s,transform .28s cubic-bezier(.2,.76,.16,1);transform:translate(6px,-50%)}.focus-scale-step em{background:var(--scene-ink);width:10px;height:1px;right:9px}@supports (color:color-mix(in lab, red, red)){.focus-scale-step em{background:color-mix(in srgb, var(--scene-ink) 32%, transparent)}}.focus-scale-step em{transition:width .25s,background .25s,transform .25s}:is(.focus-scale-step:hover span,.focus-scale-step:focus-visible span){opacity:1}.focus-scale-step:hover strong,.focus-scale-active strong{opacity:1;transform:translateY(-50%)}.focus-scale-step:focus-visible strong{opacity:1;transform:translateY(-50%)}.focus-scale-step:hover em,.focus-scale-active em{background:var(--scene-accent);width:23px}.focus-scale-step:focus-visible em{background:var(--scene-accent);width:23px}.interaction-cursor{--cursor-x:-100px;--cursor-y:-100px;z-index:95;opacity:0;transform:translate3d(calc(var(--cursor-x) + 15px), calc(var(--cursor-y) + 15px), 0);pointer-events:none;will-change:transform;transition:opacity .14s;position:fixed;top:0;left:0}.interaction-cursor:before{content:"";background:var(--scene-accent);width:5px;height:5px;box-shadow:0 0 0 4px var(--paper);border-radius:50%;position:absolute;top:-15px;left:-15px}@supports (color:color-mix(in lab, red, red)){.interaction-cursor:before{box-shadow:0 0 0 4px color-mix(in srgb, var(--paper) 75%, transparent)}}.interaction-cursor span{border-left:1px solid var(--scene-accent);background:var(--paper);padding:6px 8px 5px;display:block}@supports (color:color-mix(in lab, red, red)){.interaction-cursor span{background:color-mix(in srgb, var(--paper) 82%, transparent)}}.interaction-cursor span{color:var(--scene-ink);font:8px/1 var(--font-utility), ui-monospace, monospace;letter-spacing:.13em;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.interaction-cursor[data-mode=return] span{background:var(--scene-accent);color:#fff}.interaction-cursor-hidden{opacity:0!important}@media (hover:hover) and (pointer:fine){.mode-roll:not(.has-camera-entrance) .roll-stage,.mode-roll:not(.has-camera-entrance) .frame,.mode-roll:not(.has-camera-entrance) .loose-print,.mode-roll:not(.has-camera-entrance) .camera-canvas,.mode-roll:not(.has-camera-entrance) .focus-scale-step{cursor:none!important}}.mode-roll .roll-stage,.mode-roll.roll-style-float .roll-stage{perspective:1180px;perspective-origin:50% 51%;cursor:ns-resize;isolation:isolate;display:block;inset:68px 0 45px;overflow:hidden}.mode-roll .roll-stage:after{border-radius:3px;inset:12px 22px}.mode-roll .roll-track,.mode-roll.roll-style-float .roll-track{width:100%;height:100%;transform-style:preserve-3d;padding:0;display:block;position:absolute;inset:0;overflow:visible;transform:none}.mode-roll .roll-track:before{content:"";z-index:0;background:radial-gradient(ellipse, var(--scene-wash) 0%, transparent 69%);border-radius:50%;width:min(58vw,1040px);height:min(64vh,720px);position:absolute;top:52%;left:50%}@supports (color:color-mix(in lab, red, red)){.mode-roll .roll-track:before{background:radial-gradient(ellipse, color-mix(in srgb, var(--scene-wash) 34%, #ffffffb8) 0%, transparent 69%)}}.mode-roll .roll-track:before{pointer-events:none;transition:background .7s;transform:translate(-50%,-50%)rotate(-8deg)}.mode-roll .frame,.mode-roll.roll-style-float .frame,.mode-roll .frame-portrait,.mode-roll.roll-style-float .frame-portrait{--orbit-x:0px;--orbit-y:0px;--orbit-z:0px;--orbit-ry:0deg;--orbit-rz:0deg;--orbit-scale:.7;--orbit-opacity:0;--orbit-shadow:.12;--orbit-saturation:1;width:min(var(--frame-width,390px), 36vw);opacity:var(--orbit-opacity);transform:translate(-50%, -50%) translate3d(calc(var(--orbit-x) + var(--pointer-x) + var(--pull-x)), calc(var(--orbit-y) + var(--pointer-y) + var(--pull-y)), calc(var(--orbit-z) + var(--speed-depth))) rotateY(calc(var(--orbit-ry) + var(--speed-turn))) rotateZ(calc(var(--orbit-rz) + var(--pull-rotate))) scale(var(--orbit-scale));transform-origin:50%;transform-style:preserve-3d;filter:saturate(var(--orbit-saturation));will-change:transform, opacity;margin:0;transition:opacity .24s linear;position:absolute;top:52%;left:50%}.mode-roll .frame-portrait,.mode-roll.roll-style-float .frame-portrait{width:min(var(--frame-width,390px), 36vw)}.mode-roll .frame[data-field-visible=false]{visibility:hidden}.mode-roll .frame-body,.mode-roll.roll-style-float .frame-body{animation:field-breathe 6.4s ease-in-out var(--float-delay) infinite alternate}.mode-roll .frame-body:before,.mode-roll.roll-style-float .frame-body:before{background:#fcfcf9e0;border:1px solid #272f2c11;inset:4px -5px 18px 5px;transform:translate3d(5px,6px,-14px);box-shadow:7px 10px 24px #181e1c0e}.mode-roll .photo-mat,.mode-roll.roll-style-float .photo-mat{box-shadow:12px 28px 70px rgba(24,30,28,var(--orbit-shadow)), 0 0 0 1px #1e26230d;background:#fdfdfaf5;padding:6px;transition:transform .48s cubic-bezier(.2,.78,.16,1),box-shadow .42s;transform:translateZ(0)}.mode-roll .frame-active:not(.frame-pulling):not(.frame-ghost) .photo-mat{box-shadow:20px 42px 96px #181e1c33, 0 0 0 1px var(--scene-accent)}@supports (color:color-mix(in lab, red, red)){.mode-roll .frame-active:not(.frame-pulling):not(.frame-ghost) .photo-mat{box-shadow:20px 42px 96px #181e1c33, 0 0 0 1px color-mix(in srgb, var(--scene-accent) 28%, transparent)}}.mode-roll .frame:not(.frame-pulling):not(.frame-ghost):hover,.mode-roll.roll-style-float .frame:not(.frame-pulling):not(.frame-ghost):hover{opacity:var(--orbit-opacity);transform:translate(-50%, -50%) translate3d(calc(var(--orbit-x) + var(--pointer-x) + var(--pull-x)), calc(var(--orbit-y) + var(--pointer-y) + var(--pull-y)), calc(var(--orbit-z) + var(--speed-depth))) rotateY(calc(var(--orbit-ry) + var(--speed-turn))) rotateZ(calc(var(--orbit-rz) + var(--pull-rotate))) scale(var(--orbit-scale));filter:saturate(var(--orbit-saturation))}.mode-roll .frame:not(.frame-pulling):not(.frame-ghost):focus-visible{opacity:var(--orbit-opacity);transform:translate(-50%, -50%) translate3d(calc(var(--orbit-x) + var(--pointer-x) + var(--pull-x)), calc(var(--orbit-y) + var(--pointer-y) + var(--pull-y)), calc(var(--orbit-z) + var(--speed-depth))) rotateY(calc(var(--orbit-ry) + var(--speed-turn))) rotateZ(calc(var(--orbit-rz) + var(--pull-rotate))) scale(var(--orbit-scale));filter:saturate(var(--orbit-saturation))}.mode-roll.roll-style-float .frame:not(.frame-pulling):not(.frame-ghost):focus-visible{opacity:var(--orbit-opacity);transform:translate(-50%, -50%) translate3d(calc(var(--orbit-x) + var(--pointer-x) + var(--pull-x)), calc(var(--orbit-y) + var(--pointer-y) + var(--pull-y)), calc(var(--orbit-z) + var(--speed-depth))) rotateY(calc(var(--orbit-ry) + var(--speed-turn))) rotateZ(calc(var(--orbit-rz) + var(--pull-rotate))) scale(var(--orbit-scale));filter:saturate(var(--orbit-saturation))}:is(.mode-roll .frame:not(.frame-pulling):not(.frame-ghost):hover .photo-mat,.mode-roll .frame:not(.frame-pulling):not(.frame-ghost):focus-visible .photo-mat){box-shadow:22px 44px 100px #181e1c38, 0 0 0 1px var(--scene-accent);transform:translate3d(0,-7px,46px)rotateX(-1deg)}@supports (color:color-mix(in lab, red, red)){:is(.mode-roll .frame:not(.frame-pulling):not(.frame-ghost):hover .photo-mat,.mode-roll .frame:not(.frame-pulling):not(.frame-ghost):focus-visible .photo-mat){box-shadow:22px 44px 100px #181e1c38, 0 0 0 1px color-mix(in srgb, var(--scene-accent) 40%, transparent)}}.mode-roll .frame:hover .photo-mat img{transform:scale(1.012)}.mode-roll figcaption{color:var(--scene-ink);margin-top:11px}@supports (color:color-mix(in lab, red, red)){.mode-roll figcaption{color:color-mix(in srgb, var(--scene-ink) 62%, transparent)}}.mode-roll figcaption{text-shadow:0 1px #fffc}.mode-roll .frame-active figcaption{color:var(--scene-ink)}.mode-roll .gesture-hint{box-shadow:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fcfcf9b8;border:0;border-radius:0;padding:9px 13px;display:flex;bottom:58px;left:50%}.mode-roll .gesture-hint>span{color:var(--scene-accent)}.mode-roll .bottom-rail{color:var(--scene-ink);inset:auto 30px 20px}@supports (color:color-mix(in lab, red, red)){.mode-roll .bottom-rail{color:color-mix(in srgb, var(--scene-ink) 52%, transparent)}}@keyframes field-breathe{0%{transform:translateY(2px)rotateX(-.28deg)}to{transform:translate3d(0,-4px,8px)rotateX(.42deg)}}@media (max-width:720px){.mode-roll .scene-wash:after{background-size:25vw 100%}.mode-roll .hero h1{font-size:clamp(48px,15vw,68px);top:91px;left:18px}.mode-roll .focus-scale{width:88px;height:38vh;top:28vh;left:auto;right:12px}.mode-roll .roll-stage,.mode-roll.roll-style-float .roll-stage{inset:68px 0 42px}.mode-roll .frame,.mode-roll.roll-style-float .frame,.mode-roll .frame-portrait,.mode-roll.roll-style-float .frame-portrait{width:min(var(--frame-width,390px), 70vw)}.mode-roll .gesture-hint{bottom:51px}}@media (prefers-reduced-motion:reduce){.mode-roll .frame-body,.mode-roll.roll-style-float .frame-body{animation:none!important}.interaction-cursor{display:none}}@media (hover:none),(pointer:coarse){.interaction-cursor{display:none}}.mode-roll .hero h1{letter-spacing:-.11em;color:var(--scene-ink);font-size:clamp(146px,18vw,330px);line-height:.65;top:clamp(112px,16vh,174px);left:-1.4vw}@supports (color:color-mix(in lab, red, red)){.mode-roll .hero h1{color:color-mix(in srgb, var(--scene-ink) 82%, var(--scene-accent))}}.mode-roll .hero h1{opacity:.108;transform:translate3d(var(--title-drift), 0, 0);transition:transform .9s cubic-bezier(.2,.74,.16,1),color .7s,opacity .5s}.mode-roll .photo-mat,.mode-roll.roll-style-float .photo-mat{aspect-ratio:1;background:linear-gradient(#fdfdfafb,#fafaf7fb),repeating-linear-gradient(0deg,#14181705 0 1px,#0000 1px 4px);place-items:center;padding:8px;display:grid}.camera-station{z-index:28;pointer-events:none;perspective:920px;width:244px;height:176px;position:fixed;bottom:68px;left:clamp(76px,7.2vw,150px)}.camera-station:after{content:"";z-index:8;opacity:0;pointer-events:none;background:radial-gradient(circle,#fffffff5 0 3%,#ffffff9e 11%,#fff0 67%);border-radius:50%;width:150px;height:150px;position:absolute;bottom:61px;left:52px;transform:scale(.2)}.camera-firing:after{animation:.42s ease-out camera-flash}.rangefinder-camera{z-index:5;color:#ecebe5;cursor:pointer;pointer-events:auto;width:220px;height:126px;transform-style:preserve-3d;transform-origin:50% 70%;filter:drop-shadow(0 27px 24px #1518173d);border:0;padding:0;transition:transform .65s cubic-bezier(.18,.82,.16,1),filter .45s;position:absolute;bottom:9px;left:5px;transform:rotateX(7deg)rotateY(-13deg)rotate(-1.5deg)}:is(.rangefinder-camera:hover,.rangefinder-camera:focus-visible){filter:drop-shadow(0 37px 30px #1518174d);outline:none;transform:translateY(-8px)rotateX(1deg)rotateY(-5deg)rotate(-.4deg)scale(1.035)}.rangefinder-camera:focus-visible .camera-body{box-shadow:0 0 0 2px var(--scene-accent), inset 0 0 0 1px #ffffff1a}.camera-depth{z-index:0;background:#080908;border-radius:6px 7px 12px 12px;position:absolute;inset:27px -6px 0 8px;transform:translate3d(6px,8px,-18px);box-shadow:inset -7px -8px 16px #0000007a}.camera-topplate{z-index:3;background:linear-gradient(100deg,#4f514e 0%,#d7d8d3 9%,#777975 18%,#dadbd7 48%,#5f615e 83%,#c4c5c0 100%);border:1px solid #14161594;border-radius:8px 8px 3px 3px;width:207px;height:37px;position:absolute;top:10px;left:7px;transform:translateZ(8px);box-shadow:inset 0 1px #ffffffc2,inset 0 -5px 9px #0e100f40}.camera-shutter,.camera-dial,.camera-shoe{background:#1a1b1a;display:block;position:absolute;box-shadow:inset 0 1px #fff9,0 2px 4px #0000004d}.camera-shutter{border:2px solid #777976;border-radius:50%;width:25px;height:9px;transition:transform .12s;top:-7px;right:24px}.camera-firing .camera-shutter{transform:translateY(5px)scaleY(.55)}.camera-dial{background:repeating-linear-gradient(90deg,#151615 0 2px,#696a67 2px 3px);border-radius:50%;width:34px;height:10px;top:-6px;right:64px}.camera-shoe{background:linear-gradient(#aaa9a5,#484a47 35%,#151615 37% 100%);border:1px solid #3b3c3a;border-radius:2px;width:46px;height:13px;top:3px;left:67px}.camera-body{z-index:4;background:repeating-linear-gradient(135deg,#ffffff09 0 1px,#0000 1px 3px),repeating-linear-gradient(45deg,#171918 0 2px,#202220 2px 4px);border:1px solid #111312;border-radius:3px 3px 11px 11px;width:211px;height:88px;position:absolute;top:34px;left:5px;overflow:visible;transform:translateZ(17px);box-shadow:inset 0 0 0 1px #ffffff12,inset 0 -13px 22px #0000003d}.camera-body:before{content:"";background:linear-gradient(100deg,#767874,#c8c9c4 14%,#5f615e 44%,#bfc0bc 77%,#555754);border-bottom:1px solid #0000006b;height:27px;position:absolute;top:0;left:-1px;right:-1px;box-shadow:inset 0 1px #ffffff8c,inset 0 -5px 9px #0000002e}.camera-viewfinder,.camera-window{z-index:2;background:linear-gradient(135deg,#171d1d,#76919a 47%,#151918 54%);border:2px solid #1d1f1e;border-radius:2px;height:13px;position:absolute;top:7px;box-shadow:0 0 0 1px #ffffff52}.camera-viewfinder{width:35px;left:20px}.camera-window{width:23px;right:22px}.camera-dot{z-index:4;background:#bd2a23;border-radius:50%;width:13px;height:13px;position:absolute;top:42px;left:61px;box-shadow:0 0 0 2px #f7f7f1c4,inset 0 1px 2px #ffffff7a}.camera-lens{z-index:5;background:radial-gradient(circle at 42% 38%,#8db4bf94 0 5%,#0000 9%),radial-gradient(circle,#0a1011 0 25%,#223339 28%,#080a0a 42%,#525450 44% 50%,#111312 52% 67%,#6d6e69 69% 72%,#121413 74%);border:5px solid #292b29;border-radius:50%;width:76px;height:76px;position:absolute;top:19px;left:83px;transform:translateZ(22px);box-shadow:0 9px 15px #0000006b,inset 0 0 9px #ffffff38}.camera-lens:before,.camera-lens:after,.camera-lens b,.camera-lens em{content:"";pointer-events:none;border-radius:50%;position:absolute}.camera-lens:before{border:4px solid #171918;inset:-10px;box-shadow:inset 0 0 0 2px #767873}.camera-lens:after{border:1px solid #d1e0e059;inset:8px}.camera-lens b{border:1px dashed #e8e8e16b;inset:-5px}.camera-lens em{background:#04070794;inset:21px;box-shadow:inset 4px 3px 7px #7197a038}.camera-lens strong{color:#f1f1ebb8;font:5px var(--font-utility), ui-monospace, monospace;letter-spacing:.08em;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.camera-body small{color:#f2f2ecad;font:6px var(--font-utility), ui-monospace, monospace;letter-spacing:.15em;position:absolute;bottom:8px;left:15px}.camera-print{z-index:2;width:126px;color:var(--scene-ink);cursor:pointer;pointer-events:auto;transform-origin:50% 100%;background:#fbfbf7;border:1px solid #2025231f;padding:5px 5px 16px;animation:.92s cubic-bezier(.18,.82,.18,1) both camera-eject;position:absolute;bottom:131px;left:31px;transform:rotate(-2.4deg);box-shadow:0 20px 42px #161a182e}.camera-print img{object-fit:contain;filter:saturate(.2)contrast(.86)brightness(1.08);background:#f5f5f1;width:auto;max-width:100%;height:auto;max-height:88px;margin:0 auto;animation:1.65s ease-out .28s both print-develop;display:block}.camera-print span,.camera-print>i{font:6px var(--font-utility), ui-monospace, monospace;letter-spacing:.16em;margin-top:6px;font-style:normal;display:block}.camera-print>i{color:var(--scene-accent);position:absolute;bottom:6px;right:7px}.camera-print:hover{box-shadow:0 27px 55px #161a183d}.meter-cells{z-index:7;pointer-events:none;grid-template-columns:repeat(4,13px);gap:5px;display:grid;position:absolute;top:-2px;left:3px}.meter-cells i{border:1px solid var(--scene-ink);width:13px;height:13px}@supports (color:color-mix(in lab, red, red)){.meter-cells i{border:1px solid color-mix(in srgb, var(--scene-ink) 22%, transparent)}}.meter-cells i{background:#fafaf78a;transition:background .5s,transform .5s}.meter-cells i:nth-child(3){background:var(--scene-accent);transform:translateY(-3px)rotate(8deg)}.meter-cells span{color:var(--scene-ink);grid-column:1/-1}@supports (color:color-mix(in lab, red, red)){.meter-cells span{color:color-mix(in srgb, var(--scene-ink) 48%, transparent)}}.meter-cells span{font:5px var(--font-utility), ui-monospace, monospace;letter-spacing:.08em}.camera-station>p{z-index:7;color:var(--scene-ink);margin:0;position:absolute;bottom:-14px;left:9px}@supports (color:color-mix(in lab, red, red)){.camera-station>p{color:color-mix(in srgb, var(--scene-ink) 48%, transparent)}}.camera-station>p{font:6px/1.6 var(--font-utility), ui-monospace, monospace;letter-spacing:.15em}.camera-station>p strong{color:var(--scene-accent);font-weight:500}@keyframes camera-flash{0%{opacity:0;transform:scale(.2)}13%{opacity:1;transform:scale(1.35)}to{opacity:0;transform:scale(2.1)}}@keyframes camera-eject{0%{opacity:.08;bottom:58px;transform:rotate(0)scale(.88)}62%{opacity:1;bottom:157px;transform:rotate(-1.2deg)scale(1)}to{bottom:143px;transform:rotate(-2.4deg)}}@keyframes print-develop{0%{filter:saturate(0)contrast(.55)brightness(1.7);opacity:.18}55%{filter:saturate(.45)contrast(.88)brightness(1.1);opacity:.78}to{filter:saturate()contrast()brightness();opacity:1}}@media (max-width:720px){.mode-roll .hero h1{opacity:.095;font-size:clamp(126px,31vw,176px);top:98px;left:-16px}.mode-roll .frame,.mode-roll.roll-style-float .frame,.mode-roll .frame-portrait,.mode-roll.roll-style-float .frame-portrait{width:min(390px,70vw)}.camera-station{transform-origin:100% 100%;bottom:47px;left:auto;right:8px;transform:scale(.72)}.camera-station>p{display:none}}@media (prefers-reduced-motion:reduce){.camera-print,.camera-print img,.camera-firing:after{animation-duration:.01ms!important}.rangefinder-camera{transition:none}}.mode-roll .frame,.mode-roll.roll-style-float .frame,.mode-roll .frame-portrait,.mode-roll.roll-style-float .frame-portrait{width:min(var(--frame-width,470px), 30vw)}.mode-roll .photo-mat,.mode-roll.roll-style-float .photo-mat{aspect-ratio:auto;background:#fdfdfaf7;padding:5px;display:block}.mode-roll .photo-mat img,.mode-roll.roll-style-float .photo-mat img{object-fit:contain;width:100%;height:auto;position:static;inset:auto}.camera-station-webgl{--camera-x:0px;--camera-y:0px;width:310px;height:248px;transform:translate3d(var(--camera-x), var(--camera-y), 0);perspective:none;filter:none;transition:none;bottom:57px;left:clamp(72px,6.6vw,142px)}.camera-station-hasselblad{width:340px;height:286px}.camera-station-hasselblad:after{opacity:.78;width:192px;height:192px;bottom:65px;left:82px}.camera-station-webgl:after{width:176px;height:176px;bottom:64px;left:74px}.camera-canvas{z-index:5;cursor:grab;pointer-events:auto;touch-action:none;filter:drop-shadow(0 24px 17px #1216141c);outline:none;width:100%;height:calc(100% - 32px);display:block;position:absolute;inset:13px 0 19px}.camera-canvas:active{cursor:grabbing}.camera-canvas:focus-visible{filter:drop-shadow(0 24px 17px #12161426) drop-shadow(0 0 2px var(--scene-accent))}.camera-reset{z-index:12;border:1px solid var(--scene-ink);padding:6px 8px 5px;position:absolute;top:15px;right:13px}@supports (color:color-mix(in lab, red, red)){.camera-reset{border:1px solid color-mix(in srgb, var(--scene-ink) 18%, transparent)}}.camera-reset{background:var(--paper)}@supports (color:color-mix(in lab, red, red)){.camera-reset{background:color-mix(in srgb, var(--paper) 84%, transparent)}}.camera-reset{color:var(--scene-ink);font:7px/1 var(--font-utility), ui-monospace, monospace;letter-spacing:.13em;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}:is(.camera-reset:hover,.camera-reset:focus-visible){border-color:var(--scene-accent);color:var(--scene-accent);outline:none}.camera-finder-control,.camera-wind-control{z-index:12;color:var(--scene-ink);background:0 0;border:0;position:absolute}@supports (color:color-mix(in lab, red, red)){.camera-finder-control,.camera-wind-control{color:color-mix(in srgb, var(--scene-ink) 58%, transparent)}}.camera-finder-control,.camera-wind-control{font:7px/1 var(--font-utility), ui-monospace, monospace;letter-spacing:.13em;cursor:pointer;pointer-events:auto;transition:color .18s,transform .18s}.camera-finder-control{border-bottom:1px solid var(--scene-ink);padding:6px 0;top:19px;left:12px}@supports (color:color-mix(in lab, red, red)){.camera-finder-control{border-bottom:1px solid color-mix(in srgb, var(--scene-ink) 22%, transparent)}}.camera-wind-control{align-items:center;gap:5px;padding:5px 0;display:flex;bottom:26px;right:11px}.camera-wind-control span{color:var(--scene-accent);transform-origin:50%;font-size:12px;display:inline-block}:is(.camera-finder-control:hover,.camera-finder-control:focus-visible,.camera-wind-control:hover,.camera-wind-control:focus-visible){color:var(--scene-accent);outline:none}.camera-wind-control:active span{transform:rotate(90deg)}.camera-legend{z-index:11;color:var(--scene-ink);gap:4px;display:grid;position:absolute;bottom:0;left:10px}@supports (color:color-mix(in lab, red, red)){.camera-legend{color:color-mix(in srgb, var(--scene-ink) 55%, transparent)}}.camera-legend{font:8px/1.35 var(--font-utility), ui-monospace, monospace;letter-spacing:.11em;pointer-events:none}.camera-legend strong{color:var(--scene-accent);font-weight:500}.camera-roll-counter{z-index:11;color:var(--scene-ink);position:absolute;bottom:7px;right:11px}@supports (color:color-mix(in lab, red, red)){.camera-roll-counter{color:color-mix(in srgb, var(--scene-ink) 47%, transparent)}}.camera-roll-counter{font:7px/1 var(--font-utility), ui-monospace, monospace;letter-spacing:.14em;pointer-events:none}.camera-print-webgl{z-index:3;width:126px;bottom:143px;left:92px}@media (max-width:720px){.mode-roll .frame,.mode-roll.roll-style-float .frame,.mode-roll .frame-portrait,.mode-roll.roll-style-float .frame-portrait{width:min(var(--frame-width,470px), 74vw)}.camera-station-webgl{width:292px;height:228px;transform:translate3d(var(--camera-x), var(--camera-y), 0) scale(.88);transform-origin:100% 100%;bottom:45px;left:auto;right:2px}.camera-station-hasselblad{width:316px;height:264px}.camera-print-webgl{bottom:138px;left:83px}.camera-legend,.camera-roll-counter{display:none}.camera-finder-control{top:18px}.camera-wind-control{bottom:12px}}@media (prefers-reduced-motion:reduce){.camera-canvas{filter:drop-shadow(0 18px 14px #1216141f)}}@media (max-width:719px){.has-camera-entrance .topbar nav{gap:14px}.has-camera-entrance .topbar nav button{letter-spacing:.04em;font-size:11px}.has-camera-entrance .topbar .site-identity{flex-shrink:0;gap:7px}.has-camera-entrance .topbar .site-identity-author{font-size:10px}.mode-roll .roll-stage,.mode-roll.roll-style-float .roll-stage{inset:84px 0 96px}.mode-roll .frame,.mode-roll.roll-style-float .frame,.mode-roll .frame-portrait,.mode-roll.roll-style-float .frame-portrait{width:var(--mobile-work-width,65vw);top:50%}.mode-roll .frame-body{animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}