:root{--bg: oklch(.967 .008 91.5);--surface: oklch(.94 .015 90);--elevated: oklch(.984 .007 97);--border: oklch(.883 .017 88);--border-soft: oklch(.914 .016 86);--fg: oklch(.207 .008 67);--muted: oklch(.438 .014 72);--faint: oklch(.54 .021 83);--accent: oklch(.58 .155 40);--accent-ink: oklch(.46 .13 39);--accent-fg: oklch(.984 .007 97);--sans: var(--font-inter), "Noto Sans SC", "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;--mono: var(--font-jetbrains), ui-monospace, "SFMono-Regular", monospace;--serif: var(--font-newsreader), serif;--serif-cjk: "Noto Serif SC", "Songti SC", "STSong", "Source Han Serif SC", serif;--display: var(--font-newsreader), "Noto Serif SC", "Songti SC", "STSong", "Source Han Serif SC", serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-heavy: cubic-bezier(.32, .72, 0, 1);--ease-focus: cubic-bezier(.2, .8, .2, 1);--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;color-scheme:light}:root{--line-light: rgb(26 23 20 / 16%);--line-dark: rgb(251 250 245 / 22%);--char-deep: #0d0b09;--page: min(92vw, 1440px);--mono-label: var(--font-jetbrains), "Noto Sans SC", "PingFang SC", "Microsoft YaHei", ui-monospace, monospace;--t-label: .72rem;--t-note: .82rem;--t-body: .92rem;--t-title: clamp(1.9rem, 3vw, 3.3rem)}@font-face{font-family:LXGW WenKai Note;src:url(/_astro/lxgw-wenkai-note.tvvrpq11.woff2) format("woff2");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--fg);scroll-snap-type:y proximity;scroll-padding-top:4rem}html.js-paged{scroll-behavior:auto;scroll-snap-type:none}body{margin:0;color:var(--fg);background:var(--bg);font:400 15px / 1.65 var(--sans);-webkit-font-smoothing:antialiased}button,a{font:inherit}button,a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}input:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:fixed;left:1rem;top:1rem;z-index:20;padding:var(--space-sm) var(--space-md);color:var(--elevated);background:var(--accent);transform:translateY(-180%);transition:transform .22s var(--ease-focus)}.skip:focus{transform:translateY(0)}.grain{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .45 .45 .45 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero{position:relative;min-height:100dvh;overflow:hidden;color:var(--elevated);background:var(--fg);isolation:isolate}.hero-media,.hero-media:before,.hero-media:after{position:absolute;inset:0}.hero-media{z-index:-3;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;filter:grayscale(1) contrast(1.08) brightness(.7);transform:scale(1.045);transition:filter .9s var(--ease-heavy),transform 1.2s var(--ease-heavy)}.hero-media:before{content:"";z-index:1;background:linear-gradient(90deg,rgb(26 23 20 / 58%) 0,transparent 54%),linear-gradient(0deg,rgb(26 23 20 / 68%) 0,transparent 47%)}.hero-media:after{content:"";z-index:2;opacity:var(--focus-opacity, 0);background-image:var(--hero-photo);background-size:cover;background-position:50% 52%;clip-path:circle(var(--focus-size, 0px) at var(--focus-x, 62%) var(--focus-y, 48%));transition:opacity .38s var(--ease-focus),clip-path .65s var(--ease-heavy);filter:saturate(1.02) contrast(1.02) brightness(.9)}.hero.is-focused{--focus-opacity: 1;--focus-size: 190px}.hero.is-focused .hero-media img{transform:scale(1.025)}.hero-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.33;background-image:linear-gradient(var(--line-dark) 1px,transparent 1px),linear-gradient(90deg,var(--line-dark) 1px,transparent 1px);background-size:calc(100% / 12) 100%,100% 12.5%;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)}:root{--header-position: fixed}[data-header]{color:var(--fg);background:var(--bg)}html.motion-ready [data-header]{transition:transform .42s var(--ease-out),opacity .42s var(--ease-out),background-color .35s ease,color .35s ease;will-change:transform}html.motion-ready [data-header][data-overlay]:not([data-scrolled]){background:transparent;color:#fff}html.lens-open [data-header]{transform:translateY(-100%);opacity:0;pointer-events:none}[data-header]:after{content:"";position:absolute;inset-inline:0;inset-block-end:-1px;height:1px;background:#1a17141f;opacity:0;transition:opacity .35s ease;pointer-events:none}[data-header][data-scrolled]:after{opacity:1}.hero-copy{width:var(--page);min-height:calc(100dvh - 4rem);margin:0 auto;padding:12vh 0 4rem;display:grid;grid-template-columns:minmax(0,8fr) minmax(220px,3fr);align-items:end;gap:6vw}.hero-copy>div{container-type:inline-size}h1{margin:0;font:360 clamp(4.2rem,12vw,11.8rem) / 1.1 var(--display);font-size:min(clamp(4.2rem,12vw,11.8rem),10.4cqw);letter-spacing:-.02em;text-wrap:balance;padding-top:.05em}.reticle{position:absolute;left:var(--focus-x, 62%);top:var(--focus-y, 48%);width:80px;height:80px;z-index:3;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.75);transition:opacity .22s var(--ease-focus),transform .42s var(--ease-heavy)}.hero.is-focused .reticle{opacity:1;transform:translate(-50%,-50%) scale(1)}.reticle:before,.reticle:after{content:"";position:absolute;background:var(--accent)}.reticle:before{left:50%;top:-8px;bottom:-8px;width:1px}.reticle:after{top:50%;left:-8px;right:-8px;height:1px}.reticle i{position:absolute;inset:18px;border:1px solid rgb(251 250 245 / 72%)}.hero-cue{position:absolute;left:50%;bottom:clamp(1.6rem,4svh,2.8rem);z-index:4;min-width:44px;min-height:44px;padding:.5rem 1rem;border:0;background:transparent;color:#fbfaf5c7;cursor:pointer;opacity:1;translate:-50% 0;transition:opacity .62s var(--ease-focus) .3s,color .32s var(--ease-focus)}html:not(.motion-ready) .hero-cue,html:not([data-scene="0"]) .hero-cue{opacity:0;pointer-events:none;transition-delay:0ms}.cue-inner{display:grid;justify-items:center;gap:.55rem}html.motion-ready .cue-inner{animation:cue-sink 3s var(--ease-heavy) 2.9s infinite}.cue-word{font:400 .92rem / 1 var(--display);letter-spacing:.3em;margin-right:-.3em;opacity:0}html.motion-ready .cue-word{animation:cue-word-in .8s var(--ease-focus) 1.6s forwards}.cue-chevron{display:block;width:32px;height:auto;overflow:visible;transition:translate .3s var(--ease-focus)}.cue-chevron path{stroke:currentcolor;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1}html.motion-ready .cue-chevron path{animation:cue-draw .64s var(--ease-heavy) 2.15s forwards}.hero-cue:hover{color:var(--accent)}.hero-cue:hover .cue-chevron{translate:0 3px}.hero-cue:active .cue-chevron{translate:0 5px}.hero:has(.hero-cue:hover) .reticle{opacity:0}@keyframes cue-word-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes cue-draw{to{stroke-dashoffset:0}}@keyframes cue-sink{0%,to{translate:0 0;opacity:1}52%{translate:0 7px;opacity:.78}}h2{margin:0;font:360 clamp(2.9rem,7vw,7.5rem) / .9 var(--display);letter-spacing:-.02em}.project-field{position:relative;min-height:100dvh;padding:0;display:grid;place-items:center;overflow:clip;color:var(--elevated);background:var(--fg);border-top:1px solid var(--line-dark)}.project-triptych{width:100%;height:100dvh;min-height:620px;display:grid;grid-template-columns:var(--col-1, 1fr) var(--col-2, 1fr) var(--col-3, 1fr);gap:2px;background:var(--char-deep);container-type:inline-size;transition:grid-template-columns .86s var(--ease-heavy)}.project-triptych[data-open=turtle]{--col-1: 6fr}.project-triptych[data-open=easycode]{--col-2: 6fr}.project-triptych[data-open=journeypilot]{--col-3: 6fr}.project-exhibit{position:relative;min-width:0;overflow:hidden;isolation:isolate;background:var(--char-deep)}.exhibit-art,.exhibit-art img{position:absolute;inset:0;width:100%;height:100%}.exhibit-art img{display:block;object-fit:cover;transition:opacity .64s var(--ease-focus),filter .9s var(--ease-heavy)}.art-wide{opacity:0}.project-exhibit.is-live .art-wide{opacity:1}.project-exhibit.is-live .art-portrait{opacity:0}.project-exhibit:not(.is-live) .exhibit-art img{filter:grayscale(.62) sepia(.08) contrast(.94) brightness(.66)}@media(hover:hover)and (pointer:fine){.project-exhibit:not(.is-live):has(.exhibit-spine:hover) .exhibit-art img{filter:grayscale(.25) sepia(.04) contrast(.97) brightness(.82)}}.exhibit-plate{display:none}.exhibit-spine{position:absolute;inset:0 auto 0 0;width:100%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg) var(--space-sm);border:0;color:var(--elevated);background:linear-gradient(180deg,#0d0b0985,#0d0b0929 46%,#0d0b0994);cursor:pointer;transition:width .86s var(--ease-heavy),background .48s var(--ease-focus)}.project-exhibit.is-live .exhibit-spine{width:3.4rem;background:linear-gradient(90deg,rgb(13 11 9 / 58%),transparent);cursor:default}.spine-mark{width:2px;height:32px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .52s var(--ease-heavy) .24s}.project-exhibit.is-live .spine-mark{transform:scaleY(1)}.spine-index{font:500 10px / 1 var(--mono);letter-spacing:.18em;color:#fbfaf5a8}.spine-name{writing-mode:vertical-rl;font:360 clamp(1.9rem,3vw,3rem) / 1.18 var(--display);letter-spacing:.14em}.project-exhibit.is-live .spine-name{font-size:clamp(1.5rem,2.2vw,2.4rem)}.spine-cue{writing-mode:vertical-rl;max-height:13.5em;color:#fbfaf59e;font-size:var(--t-note);letter-spacing:.1em;transition:opacity .32s var(--ease-focus)}.project-exhibit.is-live .spine-cue{opacity:0}.exhibit-stage{position:absolute;inset:0 auto 0 0;width:calc((100cqw - 4px)*.75);z-index:2;contain:layout;opacity:0;visibility:hidden;transition:opacity .42s var(--ease-focus),visibility 0s .42s}.project-exhibit.is-live .exhibit-stage{opacity:1;visibility:visible;transition-delay:.14s,0s}.exhibit-enter{width:max-content;min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.6em 1.5em;color:inherit;border:1.5px solid currentColor;font-weight:600;font-size:clamp(1.02rem,1.25vw,1.2rem);text-decoration:none;pointer-events:auto;transition:transform .36s var(--ease-heavy),color .42s var(--ease-focus),border-color .42s var(--ease-focus),background .42s var(--ease-focus),box-shadow .36s var(--ease-focus)}.project-exhibit[data-project=turtle][data-step="3"] .exhibit-enter{color:#f4ecd8;border-color:#9a221b;background:#9a221b;transition-delay:0ms,2.05s,2.05s,2.05s,0ms}.project-exhibit[data-project=easycode][data-step="5"] .exhibit-enter{color:#f4ecd8}.project-exhibit[data-project=journeypilot][data-step="2"] .exhibit-enter{color:#071224;border-color:#e4571f;background:#e4571f}.motion-ready .project-exhibit[data-project=turtle][data-step="3"] .exhibit-enter{animation:enter-flare .64s var(--ease-focus) 2.05s 1}.motion-ready .project-exhibit[data-project=easycode][data-step="5"] .exhibit-enter,.motion-ready .project-exhibit[data-project=journeypilot][data-step="2"] .exhibit-enter{animation:enter-flare .64s var(--ease-focus) 1}@keyframes enter-flare{40%{transform:scale(1.06)}}@media(hover:hover)and (pointer:fine){.exhibit-enter:hover{transform:translate3d(.35rem,0,0)}}.project-experience{position:absolute;inset:0;z-index:2}.experience-action{min-height:46px;padding:var(--space-sm) var(--space-md);border:0;color:inherit;background:transparent;cursor:pointer;transition:transform .18s var(--ease-focus),color .18s var(--ease-focus),background .18s var(--ease-focus)}.experience-action:active{transform:translateY(1px)}.experience-action:disabled{cursor:default}.turtle-experience{color:#21180f}.turtle-case{position:absolute;left:clamp(1.5rem,6vw,6.5rem);top:calc(4rem + 6svh);width:min(48%,660px);padding:clamp(1.05rem,1.9vw,1.8rem);background:#eee3c8;box-shadow:0 28px 80px #0000007a;opacity:0;transform:translate3d(-1.5rem,2.5rem,0) rotate(-1.5deg);transition:opacity .52s var(--ease-focus),transform .82s var(--ease-heavy)}.project-exhibit.is-live .turtle-case{opacity:1;transform:rotate(-.45deg)}.turtle-case:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:var(--turtle-paper-image);background-size:420px auto;mix-blend-mode:multiply}.turtle-case>*{position:relative;z-index:1}.turtle-case h4{margin:0;font:700 var(--t-title) / 1.12 var(--display);text-wrap:balance}.turtle-surface{max-width:30em;margin:var(--space-md) 0 0;font:600 clamp(1rem,1.55vw,1.36rem) / 1.72 var(--display);text-wrap:pretty}.turtle-key{font-style:normal}.turtle-questions{position:absolute;right:clamp(1.5rem,5vw,5.5rem);top:calc(4rem + 7svh);width:min(35%,480px);display:grid;gap:var(--space-md);perspective:900px}.turtle-questions button{position:relative;min-height:58px;padding:.7rem 5rem .7rem var(--space-md);border:0;color:#21180f;background:#f1e7cf;box-shadow:0 6px 16px #00000057;text-align:left;font:600 .98rem / 1.5 var(--display);cursor:pointer;opacity:0;transform:translate3d(2.5rem,1rem,0) rotate(var(--slip-angle));transition:opacity .42s var(--ease-focus),transform .62s var(--ease-heavy),background .18s var(--ease-focus)}.turtle-questions button:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:var(--turtle-paper-image);background-size:420px auto;mix-blend-mode:multiply}.turtle-questions button:nth-child(1){--slip-angle: 1deg;transition-delay:.26s}.turtle-questions button:nth-child(2){--slip-angle: -.8deg;transition-delay:.33s}.turtle-questions button:nth-child(3){--slip-angle: .45deg;transition-delay:.4s}.project-exhibit.is-live .turtle-questions button{opacity:1;transform:rotate(var(--slip-angle))}@media(hover:hover)and (pointer:fine){.turtle-questions button:hover{background:#fff6de;transform:translate3d(-.35rem,0,0) rotate(0)}}.turtle-questions button:disabled{cursor:default}.turtle-questions button[data-answered=true]{background:#dfd0ae}.turtle-stamp{position:absolute;right:.4rem;top:50%;width:4.5rem;height:3rem;object-fit:contain;object-position:center;pointer-events:none;filter:saturate(1.6) contrast(1.4) brightness(.9);opacity:0;transform:translateY(-50%) scale(1.6) rotate(-9deg);transition:opacity .16s var(--ease-focus),transform .32s var(--ease-focus)}.turtle-questions button[data-answered=true] .turtle-stamp{opacity:1;transform:translateY(-50%) scale(1) rotate(-6deg)}.motion-ready .turtle-questions button[data-answered=true] .turtle-stamp{animation:stamp-slam .4s var(--ease-focus) 1}@keyframes stamp-slam{0%{opacity:0;transform:translateY(-50%) scale(1.9) rotate(-12deg)}62%{opacity:1;transform:translateY(-50%) scale(.94) rotate(-3deg)}to{opacity:1;transform:translateY(-50%) scale(1) rotate(-6deg)}}.turtle-verdict{margin:var(--space-md) 0 0}.verdict-label{display:block;margin-bottom:.42rem;color:#6d5534;font:600 var(--t-label) / 1.35 var(--mono-label);letter-spacing:.16em}.verdict-box{display:grid;padding:.7rem .85rem;border:1.5px dashed rgb(109 85 52 / 55%)}.verdict-pending,.verdict-text{grid-area:1 / 1}.verdict-pending{place-self:center;color:#6d5534;font:600 var(--t-label) / 1.35 var(--mono-label);letter-spacing:.32em;opacity:.75;transition:opacity .3s var(--ease-focus) .56s}.verdict-text{place-self:start;margin:0;max-width:21em;color:#891f19;font:400 clamp(.95rem,1.5vw,1.32rem) / 1.6 "LXGW WenKai Note","Kaiti SC","STKaiti",var(--display);visibility:hidden;opacity:0;transition:visibility 0s .6s,opacity .22s var(--ease-focus) .6s}.verdict-text span{display:inline-block;clip-path:inset(-8% 100% -12% 0);transition:clip-path .62s var(--ease-heavy)}.project-exhibit[data-project=turtle][data-step="3"] .verdict-pending{opacity:0;transition-delay:.3s}.project-exhibit[data-project=turtle][data-step="3"] .verdict-text{visibility:visible;opacity:1}.project-exhibit[data-project=turtle][data-step="3"] .verdict-text span{clip-path:inset(-8% 0% -12% 0)}.project-exhibit[data-project=turtle][data-step="3"] .verdict-text span:nth-child(1){transition-delay:.64s}.project-exhibit[data-project=turtle][data-step="3"] .verdict-text span:nth-child(2){transition-delay:1.36s}.turtle-enter{display:flex;gap:.75em;margin-top:var(--space-lg);margin-left:-.3rem;border-color:#21180f8c;background:#e9dcba var(--turtle-paper-image);background-size:420px auto;background-blend-mode:multiply;box-shadow:0 8px 20px #00000042;transform:rotate(-1.3deg);transform-origin:left bottom}.turtle-enter:before,.turtle-enter:after{content:"✕";font-size:.72em;font-weight:400;opacity:.6}@media(hover:hover)and (pointer:fine){.exhibit-enter.turtle-enter:hover{transform:rotate(-.3deg) translate3d(.15rem,-2px,0);box-shadow:0 14px 30px #00000052}}.turtle-evidence{position:absolute;right:clamp(2rem,8vw,9rem);bottom:5%;width:min(23vw,310px);margin:0;padding:var(--space-xs);background:#e8ddc4;box-shadow:0 22px 58px #0000007a;opacity:0;transform:translate3d(2rem,1rem,0) rotate(5deg) scale(.92);transition:opacity .42s var(--ease-focus),transform .62s var(--ease-heavy)}.turtle-evidence img{width:100%;display:block;filter:sepia(.12) contrast(1.05)}.project-exhibit[data-project=turtle][data-step="3"] .turtle-evidence{opacity:1;transform:rotate(3deg) scale(1);transition-delay:.75s,.75s}@media(min-width:901px)and (max-height:700px){.turtle-evidence{width:min(19vw,250px);bottom:4%}.spine-cue{font-size:var(--t-label)}}.backdrop-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s var(--ease-focus)}.backdrop-loop.is-playing{opacity:1}.rain-veil{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:.15;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 42%,transparent 80%);mask-image:linear-gradient(180deg,#000 0%,#000 42%,transparent 80%)}.rain-track{width:100%}.rain-track img{display:block;width:100%;height:auto}.motion-ready .rain-track{animation:rain-fall 15s linear infinite}.backdrop-loop.is-playing~.rain-veil{opacity:0}.backdrop-loop.is-playing~.rain-veil .rain-track{animation-play-state:paused}@keyframes rain-fall{to{transform:translateY(-50%)}}.cloud-veil,.glow-veil{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;aspect-ratio:1330 / 1182;z-index:1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .9s var(--ease-heavy)}.project-exhibit.is-live .cloud-veil{opacity:.5}.project-exhibit.is-live .glow-veil{opacity:1}.cloud-track{position:absolute;top:53%;left:0;height:21%;display:flex;width:max-content;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)}.cloud-track img{display:block;height:100%;width:auto}.motion-ready .project-exhibit.is-live .cloud-track{animation:cloud-drift 110s linear infinite}@keyframes cloud-drift{to{transform:translate(-50%)}}.glow-veil{mix-blend-mode:screen}.glow-veil img{display:block;width:100%;height:100%}.motion-ready .project-exhibit.is-live .glow-veil img{animation:glow-breathe 6.5s ease-in-out infinite alternate}@keyframes glow-breathe{0%{opacity:.68}to{opacity:1}}.easycode-experience{color:#1a1a1c;inset:50% auto auto 50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;aspect-ratio:1672 / 941}.easycode-proof{position:absolute;inset:26% 32% 14% 31%;padding:clamp(.7rem,1.6vw,1.35rem);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:clamp(.45rem,1vw,.9rem)}.easycode-status{display:flex}.easy-phase{display:inline-flex;align-items:center;padding:.32em .8em;border:1px solid rgb(96 93 86 / 45%);background:#f1e7cfcc;color:#43392b;font:600 var(--t-label) / 1.35 var(--mono-label);letter-spacing:.12em;transition:color .3s var(--ease-focus),border-color .3s var(--ease-focus)}.easycode-thesis{margin:0;font:700 var(--t-title) / 1.12 var(--display);text-wrap:balance}.easycode-thesis span{display:inline-block}.easycode-thesis span{color:#b3402a}.easycode-code{position:relative;margin:0;padding-left:3.2rem;align-self:center;overflow:visible;color:#1a1a1c;background:transparent;font-size:0}.easycode-code code{display:block;font-size:0}.easycode-code span{position:relative;display:block;font:500 clamp(.68rem,1.05vw,.94rem) / 1.7 var(--mono)}.easycode-code span[data-tc]:before{content:attr(data-tc);position:absolute;left:-3.2rem;top:50%;transform:translateY(-50%);color:#8a8378;font:500 .62rem / 1 var(--mono-label);letter-spacing:.05em;transition:color .3s var(--ease-focus)}.project-exhibit[data-project=easycode][data-step="4"] .easy-line:before{color:#b3402a}.project-exhibit[data-project=easycode][data-step="0"] [data-easy-code]>span,.project-exhibit[data-project=easycode][data-step="1"] [data-easy-code]>span:not(.is-typed){visibility:hidden}.project-exhibit[data-project=easycode][data-step="1"] [data-easy-code]>span.is-typed:not(.easy-line):not(:has(~.is-typed)):after{content:"▍";margin-left:.1em;color:#b3402a;animation:caret-blink .7s steps(2,jump-none) infinite}@keyframes caret-blink{to{opacity:0}}.easy-read-head{position:absolute;left:0;right:-.5rem;top:0;height:2px;background:#b3402a;box-shadow:0 0 12px #b3402a73;opacity:0;pointer-events:none}.motion-ready .project-exhibit[data-project=easycode][data-step="3"] .easy-read-head{opacity:1;animation:read-scan .95s linear}@keyframes read-scan{0%{top:0}to{top:100%}}.easy-line{position:relative;width:fit-content}.easy-line:after{content:"";position:absolute;left:-.35rem;right:-.35rem;bottom:.1rem;height:2px;background:#b3402a;transform:scaleX(0) rotate(-.7deg);transform-origin:left;transition:transform .56s var(--ease-heavy)}.easy-annotation{position:relative;margin:0;max-width:34ch;color:#b3402a;font:400 clamp(.82rem,1.35vw,1.05rem) / 1.42 "LXGW WenKai Note","Kaiti SC","STKaiti",var(--display);rotate:-1.1deg;text-decoration:line-through;text-decoration-color:transparent;text-decoration-thickness:1.5px;opacity:0;translate:0 .4rem;transition:opacity .26s var(--ease-focus),translate .44s var(--ease-heavy),text-decoration-color .42s var(--ease-focus)}.easy-annotation:after{content:"";position:absolute;right:-2.9rem;bottom:.5em;width:2.5rem;height:1px;background:#b3402a;opacity:.75;rotate:16deg}.easy-annotation .no-break{white-space:nowrap}.project-exhibit[data-project=easycode][data-step="4"] .easy-annotation,.project-exhibit[data-project=easycode][data-step="5"] .easy-annotation{opacity:1;translate:0 0}.project-exhibit[data-project=easycode][data-step="5"] .easy-annotation{text-decoration-color:#b3402abf}.easycode-actions{display:flex}.easy-action{min-width:168px;border:1.5px solid #b3402a;color:#b3402a;font-weight:700}.easy-action:disabled{border-color:#605d5666;color:#79746a}@media(hover:hover)and (pointer:fine){.easy-action:not(:disabled):hover{color:#f4ecd8;background:#b3402a}}.motion-ready .easy-action.is-ready{animation:action-nudge .9s var(--ease-focus) 1}@keyframes action-nudge{30%{transform:scale(1.045);box-shadow:0 0 0 6px #b3402a2e}}.easy-seal{position:absolute;left:72.4%;top:21.9%;width:6.5%;aspect-ratio:1;display:grid;place-items:center;color:#b3402a;font:700 clamp(.85rem,1.35vw,1.4rem) / 1 var(--display);letter-spacing:.06em;opacity:0;transform:translate(-50%,-50%) rotate(-9deg) scale(1.5);transition:opacity .18s ease-out,transform .24s var(--ease-focus)}.project-exhibit[data-project=easycode][data-step="5"] .easy-seal{opacity:1;transform:translate(-50%,-50%) rotate(-9deg) scale(1)}.easy-enter{position:absolute;left:72%;top:52%;padding:.75em 1.6em;color:#b3402a;border:0;font-weight:700;background:transparent}.pen-ring{position:absolute;left:-9%;top:-16%;width:118%;height:132%;overflow:visible;pointer-events:none}.pen-ring path{stroke:#b3402a;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .78s var(--ease-heavy) .6s,stroke .42s var(--ease-focus)}.easy-enter-word{position:relative;z-index:1}.pen-ring .ring-fill{fill:transparent;stroke:none;transition:fill .42s var(--ease-focus)}.project-exhibit[data-project=easycode][data-step="5"] .ring-fill{fill:#b3402a}.project-exhibit.is-live .pen-ring path{stroke-dashoffset:0}@media(hover:hover)and (pointer:fine){.exhibit-enter.easy-enter:hover{transform:none}.motion-ready .easy-enter:hover .pen-ring path{animation:pen-redraw .62s var(--ease-heavy)}}@keyframes pen-redraw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.project-exhibit[data-project=easycode][data-step="5"] .pen-ring path{stroke:#f4ecd8eb}.motion-ready [data-easy-code].is-swapped .easy-line{animation:line-swap .36s var(--ease-focus)}@keyframes line-swap{0%{background:#b3402a33}to{background:transparent}}.project-exhibit[data-project=easycode][data-step="4"] .easy-line:after,.project-exhibit[data-project=easycode][data-step="5"] .easy-line:after{transform:scaleX(1) rotate(-.7deg)}.project-exhibit[data-project=easycode][data-step="5"] .easy-line:after{background:#8a83788c}.project-exhibit[data-project=easycode][data-step="4"] .easy-phase{border-color:#b3402a;color:#b3402a}.journey-experience{color:#f2e9d8}.journey-manifest{position:absolute;left:clamp(1.5rem,6vw,6.5rem);top:calc(4rem + 6svh);width:min(460px,46vw);text-shadow:0 2px 22px rgb(3 10 22 / 80%)}.journey-manifest>strong{display:block;font:700 var(--t-title) / 1.12 var(--sans);letter-spacing:-.01em;text-wrap:balance}.journey-manifest p{max-width:30em;margin:var(--space-sm) 0 var(--space-md);color:#e5d9c5;font-size:var(--t-body)}.journey-pass{position:relative;width:100%;padding:.95rem 1.15rem 1.15rem 1.55rem;color:#16283f;background:#f2e9d8;border-radius:11px;box-shadow:0 20px 54px #030a168c;text-shadow:none}.journey-pass:before{content:"";position:absolute;left:.72rem;top:.72rem;bottom:.72rem;border-left:2px dashed rgb(13 31 60 / 26%)}.jpass-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md);color:#0d1f3c}.jpass-tag{font:600 var(--t-label) / 1.3 var(--mono-label);letter-spacing:.14em}.jpass-no{font:600 var(--t-label) / 1.3 var(--mono-label);letter-spacing:.1em;opacity:.62}.jpass-route{display:flex;align-items:flex-end;gap:.7rem;margin-top:.75rem}.jpass-leg{display:grid;gap:.2rem}.jpass-leg i{font:600 .6rem / 1 var(--mono-label);font-style:normal;letter-spacing:.16em;color:#0d1f3c8c}.jpass-leg b{font:700 clamp(1.05rem,1.4vw,1.32rem) / 1.05 var(--sans);color:#0d1f3c}.jpass-hop{display:flex;align-items:center;padding-bottom:.32rem;color:#0d1f3c}.jpass-days{margin-left:auto;text-align:right}.jpass-days b{color:#c2451c}@keyframes board-flip{0%{transform:perspective(340px) rotateX(84deg);opacity:.25}}.jpass-legs{list-style:none;margin:.9rem 0 0;padding:.8rem 0 0;border-top:1px dashed rgb(13 31 60 / 22%);display:grid;gap:.6rem;min-height:6.4rem;align-content:start}.jpass-legs li{display:flex;align-items:baseline;gap:.7rem;opacity:0;transform-origin:50% 0}.jpass-legs li.is-printed,.project-exhibit[data-project=journeypilot][data-step="2"] .jpass-legs li{opacity:1}.motion-ready .jpass-legs li.is-printed{animation:board-flip .34s var(--ease-focus)}.jpass-legs li span{min-width:4.4em;font:600 var(--t-label) / 1.35 var(--mono-label);letter-spacing:.08em;color:#c2451c;white-space:nowrap}.jpass-legs li strong{font:650 clamp(.95rem,1.25vw,1.12rem) / 1.3 var(--sans);color:#16283f}.jpass-pending{position:absolute;inset:3.4rem 1.15rem 1rem 1.55rem;display:grid;place-items:center;color:#0d1f3c6b;font:600 var(--t-label) / 1.4 var(--mono-label);letter-spacing:.16em;transition:opacity .26s var(--ease-focus)}.project-exhibit[data-project=journeypilot][data-step="1"] .jpass-pending,.project-exhibit[data-project=journeypilot][data-step="2"] .jpass-pending{opacity:0}.project-exhibit[data-project=journeypilot][data-step="1"] .jpass-legs li.is-printed:not(:has(~li.is-printed)) strong:after{content:"▍";margin-left:.15em;color:#c2451c;animation:caret-blink .7s steps(2,jump-none) infinite}.journey-stamp{position:absolute;right:1rem;bottom:1rem;padding:.24em .5em;border:2.5px solid #d64a1e;border-radius:4px;outline:1px solid #d64a1e;outline-offset:-6px;color:#d64a1e;font:700 clamp(.85rem,1.15vw,1.1rem) / 1 var(--sans);letter-spacing:.16em;text-shadow:none;opacity:0;transform:rotate(-8deg) scale(1.5);transition:opacity .15s ease-out,transform .26s var(--ease-focus)}.project-exhibit[data-project=journeypilot][data-step="2"] .journey-stamp{opacity:.96;transform:rotate(-8deg) scale(1)}.journey-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.journey-action{min-width:140px;border:1.5px solid #e4571f;color:#f2b184;background:transparent;font-weight:700}.journey-action:disabled{opacity:.5}@media(hover:hover)and (pointer:fine){.journey-action:not(:disabled):hover{color:#071224;background:#f2b184}}.journey-enter{position:absolute;right:clamp(1.5rem,5vw,5rem);bottom:8%;display:grid;gap:.32em;justify-items:start;padding:.8em 1.5em .85em 2em;color:#16283f;border:0;border-radius:9px;background:#f2e9d8;box-shadow:0 18px 44px #030a1685;text-shadow:none;transform:rotate(1.6deg)}.journey-enter:before{content:"";position:absolute;left:.85rem;top:.6rem;bottom:.6rem;border-left:2px dashed rgb(13 31 60 / 26%)}.stub-meta{font:600 .6rem / 1 var(--mono-label);letter-spacing:.18em;color:#c2451c}.stub-main{font-weight:700;line-height:1.15}@media(hover:hover)and (pointer:fine){.exhibit-enter.journey-enter:hover{transform:rotate(.4deg) translate3d(0,-3px,0);box-shadow:0 24px 54px #030a1694}}.project-exhibit[data-project=journeypilot][data-step="2"] .stub-meta{color:#071224a8}.photo-archive{position:relative;padding:clamp(5rem,9vw,9rem) 0 clamp(4.5rem,8vw,8rem);overflow:clip;color:var(--fg);background:var(--surface);border-top:1px solid rgb(26 23 20 / 14%)}.photo-head,.photo-status{width:var(--page);margin-inline:auto}.photo-head{display:grid;grid-template-columns:auto minmax(16rem,1fr);align-items:end;gap:clamp(2rem,4vw,4rem);margin-bottom:clamp(3rem,5vw,4.5rem)}.photo-head h2{font-size:clamp(2.6rem,5.2vw,4.8rem);line-height:1.02}.photo-head p{justify-self:end;margin:0;color:#1a1714b8;font-size:clamp(1.1rem,1.5vw,1.5rem);line-height:1.65;white-space:nowrap}.photo-viewport{width:100%;overflow-x:auto;overflow-y:hidden;cursor:grab;scrollbar-width:none;overscroll-behavior-inline:contain}.photo-viewport::-webkit-scrollbar{display:none}.photo-viewport.is-dragging{cursor:grabbing}.photo-track{width:max-content;min-width:100%;display:flex;align-items:center;gap:clamp(.85rem,1.5vw,1.5rem);padding:1rem calc((100vw - var(--page)) / 2) 2rem}.photo-frame{width:var(--frame-width, 34vw);min-width:270px;max-width:560px;padding:7px;flex:0 0 auto;color:inherit;background:var(--elevated);border:1px solid var(--border);cursor:inherit}.photo-image{display:block;aspect-ratio:var(--frame-ratio, 4 / 3);overflow:hidden;background:var(--fg);box-shadow:inset 0 0 0 1px #1a171429}.photo-image img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(.92) sepia(.1) contrast(.92) brightness(.82);transform:scale(1.035);transition:filter .76s var(--ease-heavy),transform .94s var(--ease-heavy);pointer-events:none;user-select:none}.photo-frame:focus-visible .photo-image img,.photo-frame[aria-pressed=true] .photo-image img{filter:grayscale(0) sepia(0) contrast(1) brightness(1);transform:scale(1)}@media(hover:hover)and (pointer:fine){.photo-frame:hover .photo-image img{filter:grayscale(0) sepia(0) contrast(1) brightness(1);transform:scale(1)}}.photo-frame[aria-pressed=true]{background:var(--accent)}.photo-status{padding-top:1.25rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xl);align-items:center;border-top:1px solid rgb(26 23 20 / 24%)}.photo-current{display:flex;align-items:baseline;gap:.75rem}.photo-current strong{display:inline-block;font:400 clamp(1.15rem,1.8vw,1.45rem) / 1.2 var(--display);letter-spacing:.02em}.photo-current span{display:inline-block;margin-top:0;color:var(--muted);font:500 12px / 1 var(--mono);letter-spacing:.1em}.photo-current span:before{content:"·";margin-right:.75rem;opacity:.55}.photo-meter{width:min(30vw,310px);height:2px;overflow:hidden;background:#1a17142e}.photo-meter span{width:100%;height:100%;display:block;background:var(--fg);transform:scaleX(var(--photo-progress, .08));transform-origin:left;transition:transform .28s var(--ease-focus)}html{overflow-y:scroll}.photo-lens{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem)}.photo-lens[hidden]{display:none}.lens-veil{position:absolute;inset:0;border:0;padding:0;background:#0d0b09d1;backdrop-filter:blur(14px) saturate(.9);-webkit-backdrop-filter:blur(14px) saturate(.9);cursor:pointer;opacity:0;transition:opacity .42s var(--ease-focus)}.photo-lens.open .lens-veil{opacity:1}.lens-body{position:relative;margin:0;display:grid;gap:.95rem;justify-items:center;pointer-events:none;opacity:0;translate:0 26px;scale:.96;transition:opacity .46s var(--ease-heavy),translate .62s var(--ease-heavy),scale .62s var(--ease-heavy)}.photo-lens.open .lens-body{opacity:1;translate:0;scale:1}.lens-body img{max-width:min(92vw,1280px);max-height:76svh;width:auto;height:auto;background:#f7f3e8;border:clamp(8px,1.2vw,14px) solid #f7f3e8;box-shadow:0 34px 80px #0a08058c}.lens-caption{display:flex;align-items:baseline;gap:.7rem;color:#fbfaf5eb}.lens-caption strong{font:400 1.35rem / 1 var(--display);letter-spacing:.04em}.lens-caption span{font:500 11px / 1 var(--mono);letter-spacing:.14em;color:#fbfaf599}.lens-close{position:absolute;top:max(1.1rem,env(safe-area-inset-top));right:1.1rem;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgb(251 250 245 / 32%);border-radius:999px;background:transparent;color:#fbfaf5e0;cursor:pointer;opacity:0;transition:opacity .42s var(--ease-focus) .12s,color .2s ease,border-color .2s ease,transform .36s var(--ease-heavy)}.photo-lens.open .lens-close{opacity:1}@media(hover:hover)and (pointer:fine){.lens-close:hover{color:#fff;border-color:#ffffffb3;transform:rotate(90deg)}}.notes-index{position:relative;padding:clamp(5rem,9vw,9rem) 0 clamp(5rem,9vw,9rem);overflow:clip;color:var(--fg);background:var(--elevated);border-top:1px solid rgb(26 23 20 / 14%)}.notes-head,.notes-body{width:var(--page);margin-inline:auto}.notes-head{display:grid;grid-template-columns:auto minmax(16rem,1fr);align-items:end;gap:clamp(2rem,4vw,4rem);margin-bottom:clamp(4.5rem,7.5vw,7rem)}.notes-head h2{font-size:clamp(2.6rem,5.2vw,4.8rem);line-height:1.02}.notes-head p{justify-self:end;margin:0;color:#1a1714b8;font-size:clamp(1.1rem,1.5vw,1.5rem);line-height:1.65;white-space:nowrap}.notes-body{display:grid;grid-template-columns:minmax(240px,4.5fr) minmax(0,7fr);gap:clamp(2.5rem,5vw,5rem);align-items:start;opacity:1;transform:translateZ(0);transition:opacity .72s var(--ease-heavy),transform .9s var(--ease-heavy)}html.motion-ready .notes-index:not(.is-visible) .notes-body{opacity:.38;transform:translate3d(0,48px,0)}.notes-aside{position:sticky;top:4rem;padding-top:var(--space-lg);border-top:2px solid var(--fg)}.notes-aside-label{display:block;margin-bottom:.8rem;font:600 12px / 1.4 var(--mono-label);letter-spacing:.12em;color:var(--accent)}.notes-aside strong{display:block;max-width:24ch;font:400 clamp(1.35rem,2.2vw,1.85rem) / 1.3 var(--display);letter-spacing:-.01em;color:var(--fg);word-break:keep-all;line-break:strict;overflow-wrap:break-word;text-wrap:balance}.notes-aside p{max-width:36ch;margin:1.1rem 0 1.6rem;color:#1a1714ad;font-size:clamp(.92rem,1.05vw,1.02rem);line-height:1.68}.notes-read{position:relative;display:inline-block;padding-bottom:var(--space-2xs);color:var(--fg);font-weight:600;font-size:clamp(.9rem,1.05vw,1rem);border-bottom:1.5px solid currentColor;text-decoration:none;transition:color .22s var(--ease-focus),transform .36s var(--ease-heavy)}.notes-read:after{content:"";position:absolute;inset:-9px 0}@media(hover:hover)and (pointer:fine){.notes-read:hover{transform:translate3d(.4rem,0,0)}}.notes-list{border-top:1px solid rgb(26 23 20 / 24%)}.note-row{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr) 80px 110px;gap:var(--space-lg);align-items:center;padding:1.45rem 0;color:var(--muted);border-bottom:1px solid rgb(26 23 20 / 18%);text-decoration:none;transition:color .24s var(--ease-focus),transform .52s var(--ease-heavy)}.note-row:before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .52s var(--ease-heavy)}.note-row[data-active=true]{color:var(--fg);transform:translate3d(.6rem,0,0)}.note-row[data-active=true]:before{transform:scaleX(1)}.note-row time,.note-row span{font:500 13px / 1.5 var(--mono);letter-spacing:.04em}.note-row strong{font:400 clamp(1rem,1.3vw,1.15rem) / 1.3 var(--display)}@media(max-width:900px),(orientation:portrait){.hero-copy{grid-template-columns:1fr;align-content:end;gap:var(--space-xl);padding-top:7rem}h1{font-size:min(clamp(4rem,19vw,8rem),10.4cqw)}.hero-cue{bottom:max(1.4rem,env(safe-area-inset-bottom))}.cue-word{font-size:.8rem}.cue-chevron{width:26px}.project-field{padding:0}.project-triptych{display:block;width:100%;height:auto;min-height:0;background:transparent}.project-exhibit{min-height:100svh}.project-exhibit+.project-exhibit{border-top:1px solid var(--line-dark)}.exhibit-spine{display:none}.exhibit-plate{display:block;margin-bottom:var(--space-xs);font:500 .6875rem / 1 var(--mono);letter-spacing:.2em;text-transform:uppercase;opacity:.62}.art-wide,.project-exhibit.is-live .art-wide{display:none}.art-portrait,.project-exhibit.is-live .art-portrait{display:block;opacity:1}.easycode-experience{aspect-ratio:941 / 1672}.easycode-proof{inset:24% 14% 22%;grid-template-rows:auto auto auto minmax(0,1fr) auto auto}.easycode-proof .exhibit-plate{margin-bottom:0}.easy-seal{left:88.5%;top:69%;width:11.8%}.easy-enter{left:34%;top:62%}.easycode-actions{justify-content:center}.easy-annotation:after{display:none}.cloud-veil{aspect-ratio:941 / 1672}.cloud-track{top:64%;height:15%}.glow-veil{display:none}.exhibit-stage{width:100%;inset:0}.turtle-experience{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:calc(4rem + 3svh) .9rem calc(5rem + env(safe-area-inset-bottom,0px))}.turtle-case{position:static;inset:auto;width:min(90vw,27rem);padding:var(--space-sm)}.turtle-questions{position:static;inset:auto;width:min(88vw,24rem);grid-template-columns:1fr;gap:var(--space-2xs)}.turtle-evidence{right:.75rem;bottom:6.5rem;width:min(31vw,250px)}.journey-experience{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:calc(4rem + 4svh) 1rem calc(11svh + 1rem)}.journey-manifest{position:static;inset:auto;width:min(92vw,30rem)}.journey-enter{right:1rem;bottom:calc(8svh + 1rem)}.photo-archive,.notes-index{padding-top:6rem}.photo-head,.notes-head{grid-template-columns:1fr;gap:var(--space-lg)}.photo-head p,.notes-head p{justify-self:start}.notes-body{grid-template-columns:1fr;gap:var(--space-2xl)}.notes-aside{position:relative;top:auto}.photo-frame{width:min(82vw,280px);min-width:0}.photo-status{grid-template-columns:1fr;gap:var(--space-lg)}.photo-meter{width:100%}.note-row{grid-template-columns:max-content minmax(0,auto) max-content minmax(0,1fr);column-gap:var(--space-sm);row-gap:.15rem}.note-row[data-active=true]{transform:none}.note-row time{white-space:nowrap}.note-row span:last-child{display:none}}@media(max-width:580px){:root{--page: calc(100vw - 2rem) }.hero-copy{padding-bottom:5.5rem}.hero.is-focused{--focus-size: 112px}.hero-cue{bottom:1.2rem}.exhibit-art img{object-position:center}.turtle-case h4{font-size:1.7rem}.turtle-surface{margin-top:var(--space-xs);font-size:.82rem;line-height:1.55}.turtle-questions button{min-height:46px;padding:.42rem 3.9rem .42rem .55rem;font-size:.68rem}.turtle-questions button .turtle-stamp{right:.3rem;width:3.4rem;height:2.1rem}.verdict-text{font-size:.78rem}.easycode-proof{padding:var(--space-2xs);gap:var(--space-2xs)}.easycode-status{font-size:.58rem}.easycode-thesis{font-size:1.7rem}.easycode-thesis span{display:block}.easycode-code{padding-left:2.1rem}.easycode-code span{font-size:clamp(.56rem,2.4vw,.68rem);line-height:1.48}.easycode-code span[data-tc]:before{left:-2.1rem;font-size:.55rem}.easy-seal{left:82%}.easy-annotation{margin-left:22%;max-width:none;font-size:.68rem}.easy-action{margin-left:0;min-width:132px;min-height:42px;padding:var(--space-xs) var(--space-sm)}.journey-manifest>strong{font-size:1.7rem}.journey-manifest p{margin-block:.55rem .75rem;font-size:.74rem}.journey-pass{padding:.85rem 1rem 1rem 1.35rem}.jpass-legs{min-height:5.4rem;gap:.5rem}.jpass-legs li strong{font-size:.9rem}.journey-action{min-width:150px;min-height:44px;padding:var(--space-xs) var(--space-sm)}.photo-archive,.notes-index{padding-bottom:3.5rem}.photo-head{margin-bottom:var(--space-lg)}.notes-head{margin-bottom:var(--space-xl)}.photo-track{padding-inline:var(--space-md);gap:var(--space-sm)}.photo-frame{width:min(84vw,330px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-media img{transform:none}}.photo-archive,.notes-index{background-image:var(--paper-texture-image);background-size:1024px auto;background-blend-mode:multiply}.hero,.project-field,.photo-archive,.notes-index,.finale{scroll-snap-align:start}@media(min-width:901px)and (orientation:landscape){html{scroll-snap-type:y mandatory;scroll-padding-top:0}.hero,.project-field,.photo-archive,.notes-index,.finale-steps span{scroll-snap-align:start;scroll-snap-stop:always}.finale{scroll-snap-align:none}.photo-archive,.notes-index{height:100svh;padding-block:calc(4rem + clamp(.75rem,2.5svh,2rem)) clamp(1.25rem,3.5svh,3rem);display:flex;flex-direction:column;justify-content:safe center}.photo-head h2,.notes-head h2{font-size:min(clamp(2.9rem,7vw,7.5rem),11svh)}.photo-head{margin-bottom:clamp(1.25rem,3.5svh,3rem)}.photo-track{padding-block:.75rem 1.25rem}.photo-image{max-height:max(200px,calc(72svh - 15rem))}.notes-head{margin-bottom:calc(clamp(1.5rem,5svh,4rem) + 2rem)}.notes-index{padding-block-end:max(0rem,calc(clamp(1.25rem,3.5svh,3rem) - 2rem))}.note-row{padding-block:clamp(.9rem,1.8svh,1.65rem)}}