:root{--ink: #11140f;--ink-soft: #1b211a;--paper: #f0f1df;--paper-muted: #b9c0aa;--scene-copy: #f5f3e6;--title-side: #214434;--paper-warm: #f3f0e6;--paper-cool: #efefdd;--paper-ink: #202617;--paper-ink-muted: #55604f;--lime: #d9ee54;--coral: #ed8b69;--attachment-coral: #875648;--line: rgba(240, 241, 223, .24);--line-soft: rgba(240, 241, 223, .12);--paper-line: rgba(32, 38, 23, .22);--scrim-contact: rgba(5, 10, 7, .38);--radius-panel: 16px;--radius-card: 12px;--radius-control: 8px;--radius-detail: 4px;--label-interactive: .75rem;--label-aux: .6875rem;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-ui: "Space Grotesk", "Noto Sans SC", sans-serif;--font-mono: "Space Mono", monospace;--font-note: "Ma Shan Zheng", "KaiTi", cursive;color:var(--paper);background:var(--ink);font-family:var(--font-body);font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}#root{position:relative;isolation:isolate}body{overflow:hidden;background:var(--ink)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.magnet{position:relative;display:inline-block}.video-stage{position:fixed;inset:0;z-index:0;background:#0a120d;overflow:hidden;pointer-events:none}.bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.95) contrast(1.02);transition:opacity .9s cubic-bezier(.22,.8,.22,1)}.bg-video.is-active{opacity:.96}.site-shell{min-height:100svh;padding:clamp(1.1rem,3vw,3.65rem) clamp(1.1rem,4.9vw,6.4rem) 2.4rem;position:relative;z-index:1;isolation:isolate}.site-shell:before{content:"";position:absolute;inset:clamp(.6rem,1.8vw,2rem);border:1px solid rgba(240,241,223,.17);pointer-events:none}.site-shell:after{display:none}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;border-bottom:1px solid var(--line-soft)}.brand{border:0;padding:0;color:var(--paper);background:transparent;display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-ui);letter-spacing:.08em}.brand-mark{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--lime);transform:rotate(45deg)}.brand-mark i{width:8px;height:8px;background:var(--lime);display:block}.brand-name{font-size:clamp(12px,1vw,15px);font-weight:700}.brand-role{color:var(--paper-muted);font:.6rem/1 var(--font-mono);letter-spacing:.12em}.topbar nav{display:flex;align-items:center;gap:clamp(.65rem,1.4vw,1.5rem)}.nav-dot{border:0;padding:.45rem 0;background:transparent;color:var(--paper-muted);font:600 clamp(.61rem,.8vw,.76rem)/1 var(--font-mono);letter-spacing:.05em;display:flex;gap:.45rem;align-items:center;transition:color .18s ease,transform .18s ease}.nav-dot i{width:10px;height:10px;border:1px solid currentColor;border-radius:50%}.nav-dot:hover{color:var(--paper);transform:translateY(-2px)}.nav-dot.is-active{color:var(--lime)}.nav-dot.is-active i{border-color:var(--lime);background:var(--lime)}.page{min-height:calc(100svh - clamp(3.5rem,9vw,7rem));padding:clamp(2rem,6vh,5.4rem) clamp(.15rem,1.3vw,1.4rem) 3rem;position:relative}.identity-line{margin:0 0 1.35rem;color:var(--lime);font:700 clamp(.64rem,.9vw,.79rem)/1 var(--font-mono);letter-spacing:.12em}.geometric-title{margin:0;max-width:12ch;display:grid;justify-items:start;row-gap:clamp(.06em,.28vw,.12em);font:800 clamp(3rem,7vw,7.8rem)/.96 var(--font-ui);letter-spacing:-.04em;text-wrap:balance}.geometric-title__mask{display:block;width:fit-content;overflow:visible;white-space:nowrap}.geometric-title__line{display:block;position:relative;width:fit-content;transform:skew(-4deg);text-shadow:1px 1px 0 var(--title-side),2px 2px 0 var(--title-side),3px 3px 0 var(--title-side),4px 4px 0 var(--title-side),5px 5px 0 var(--title-side),7px 8px 5px rgba(3,17,10,.42)}.geometric-title__line--2{color:var(--lime);margin-left:clamp(.4rem,1.4vw,1.5rem);transform:skew(2deg) scaleX(.91);transform-origin:left}.hero-lead,.experience-copy>p:not(.identity-line),.gallery-copy>p:not(.identity-line),.contact-copy>p:not(.identity-line){max-width:42rem;color:var(--scene-copy);font-size:clamp(15px,1.25vw,18px);line-height:1.9;text-shadow:0 1px 1px rgba(4,20,13,.95),0 2px 4px rgba(4,20,13,.75)}.hero-rule{height:22px;display:flex;align-items:center;max-width:36rem;margin:1.9rem 0 1.5rem;border-bottom:1px solid var(--line)}.hero-rule i{width:54%;height:1px;display:block;background:var(--coral);position:relative}.hero-rule i:after{content:"";position:absolute;right:-6px;top:-5px;width:10px;height:10px;border:1px solid var(--lime);background:var(--ink);transform:rotate(45deg)}.page-home{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;align-items:center}.home-copy,.experience-copy,.gallery-copy,.contact-copy{position:relative;z-index:1;isolation:isolate;padding:clamp(.7rem,1.4vw,1.35rem) clamp(.8rem,1.7vw,1.8rem) clamp(1rem,1.8vw,1.7rem)}.contact-copy:before{content:"";position:absolute;z-index:-1;inset:-.85rem -1rem -1rem;pointer-events:none;background:var(--scrim-contact)}.home-copy{width:fit-content;max-width:min(50rem,100%);padding-bottom:clamp(2rem,5vw,4rem)}.primary-action{margin-top:1.15rem;border:1px solid var(--lime);padding:1rem 1.2rem;color:var(--ink);background:var(--lime);font:700 .84rem/1 var(--font-body);box-shadow:12px 13px 26px #0003;transition:transform .18s ease,background .18s ease,color .18s ease}.primary-action:hover{color:var(--lime);background:transparent;transform:translateY(-3px)}.primary-action span{margin-left:.9rem}.animated-archive-list{position:relative}.animated-archive-item{overflow:clip}.page-experience{display:grid;grid-template-columns:minmax(18rem,.62fr) minmax(39rem,1.38fr);align-items:center;gap:clamp(1.4rem,3.6vw,4.2rem)}.page-experience .scene-caption{bottom:1.75rem}.experience-copy{container-type:inline-size;align-self:center}.experience-copy .geometric-title{max-width:100%;font-size:clamp(42px,18cqi,78px);line-height:1.08}.experience-profile{margin:1.5rem 0 1rem;display:grid;gap:.6rem}.experience-profile strong{color:var(--paper);font:600 clamp(1.2rem,1.65vw,1.6rem)/1.5 var(--font-body)}.experience-profile span{color:var(--paper);font-size:15px;line-height:1.7}.experience-status-line{margin-top:clamp(1.25rem,3vh,2.4rem);max-width:42rem;padding-top:.9rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;color:var(--paper-muted);font:var(--label-aux)/1.45 var(--font-mono);letter-spacing:.07em}.experience-status-line span:first-child{color:var(--lime)}.canvas-shelf{margin-top:clamp(1.2rem,2.8vh,2rem);border-top:1px solid var(--line)}.canvas-shelf>header{min-height:2.7rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.canvas-shelf h3{margin:0;color:var(--paper);font:700 var(--label-interactive)/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.canvas-shelf header span{color:var(--coral);font:var(--label-aux)/1 var(--font-mono);letter-spacing:.08em}.canvas-cover-list{max-height:12.5rem;overflow:auto;scrollbar-color:var(--lime) transparent;scrollbar-width:thin;border-bottom:1px solid var(--line-soft)}.canvas-cover{width:100%;min-height:5.25rem;padding:.55rem 0;border:0;border-top:1px solid var(--line-soft);color:var(--paper);background:transparent;display:grid;grid-template-columns:5.8rem minmax(0,1fr) max-content;align-items:center;gap:.75rem;text-align:left;transition:background .18s ease,transform .18s ease}.canvas-cover:hover{background:#f0f1df12;transform:translate(.35rem)}.canvas-cover img{width:5.8rem;height:3.65rem;border:1px solid var(--line);display:block;object-fit:cover;background:var(--ink)}.canvas-cover__body{min-width:0;display:grid;gap:.26rem}.canvas-cover__body b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 .9rem/1.2 var(--font-body)}.canvas-cover__body small{overflow:hidden;color:var(--paper-muted);font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.canvas-cover__body i,.canvas-cover>span:last-child{color:var(--coral);font:normal var(--label-aux)/1.3 var(--font-mono);letter-spacing:.04em}.canvas-cover>span:last-child{color:var(--lime)}.canvas-shelf-empty{min-height:5.6rem;padding:.7rem 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:2.7rem 1fr;align-items:center;gap:.8rem}.canvas-shelf-empty>span{width:2.25rem;aspect-ratio:1;border:1px solid var(--lime);transform:rotate(45deg);position:relative}.canvas-shelf-empty>span:after{content:"";position:absolute;inset:.7rem;background:var(--lime)}.canvas-shelf-empty p{margin:0;display:grid;gap:.25rem}.canvas-shelf-empty strong{font-size:.9rem}.canvas-shelf-empty small{color:var(--paper-muted);font-size:12px;line-height:1.5}.experience-desk{align-self:center;width:100%;min-height:clamp(31rem,67vh,47rem);max-height:min(72vh,49rem);padding:1.15rem 1.2rem 1rem;background:#0a120ddb;border:1px solid var(--line);box-shadow:16px 20px 34px #0000003b;display:flex;flex-direction:column;overflow:hidden}.experience-tabs{display:grid;grid-template-columns:.82fr .94fr 1.3fr;flex-shrink:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.experience-tabs button{min-width:0;min-height:4.25rem;padding:.8rem .85rem;border:0;border-right:1px solid var(--line);color:var(--paper-muted);background:transparent;display:flex;align-items:center;justify-content:space-between;gap:.7rem;text-align:left;font:600 var(--label-interactive)/1.45 var(--font-body);transition:color .17s ease,background .17s ease}.experience-tabs button:last-child{border-right:0}.experience-tabs button>span{min-width:0;font-size:16px;white-space:normal}.experience-tabs button i{flex:0 0 auto;color:var(--coral);font:normal var(--label-aux)/1 var(--font-mono)}.experience-tabs button:hover{color:var(--paper);background:#f0f1df0f}.experience-tabs button.is-active{color:var(--ink);background:var(--lime)}.experience-tabs button.is-active i{color:var(--ink)}.experience-panel{min-height:0;flex:1;display:flex;flex-direction:column}.experience-panel__status{min-height:3.65rem;flex-shrink:0;padding:.85rem 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:.8rem;color:var(--coral);font:var(--label-aux)/1.35 var(--font-mono);letter-spacing:.07em}.experience-panel__status span:last-child{color:var(--paper-muted)}.experience-timeline{min-height:14rem;flex:1;overflow:auto;scrollbar-color:var(--lime) transparent;scrollbar-width:thin}.experience-row{width:100%;min-height:7.25rem;padding:1rem .25rem;border:0;border-bottom:1px solid var(--line-soft);color:var(--paper);background:transparent;display:grid;grid-template-columns:2rem 8.4rem minmax(0,1fr) 5rem;align-items:start;gap:.8rem;text-align:left;transition:background .18s ease,transform .18s ease}.experience-row:hover{background:#f0f1df12;transform:translate(.35rem)}.experience-row__index,.experience-row__date{padding-top:.15rem;color:var(--coral);font:var(--label-aux)/1.45 var(--font-mono);letter-spacing:.04em}.experience-row__date{color:var(--paper-muted)}.experience-row__main{min-width:0;display:grid;gap:.32rem}.experience-row__main>small{color:var(--coral);font:12px/1.65 var(--font-body);overflow-wrap:anywhere}.experience-row__main>b{font:650 clamp(1rem,1.2vw,1.15rem)/1.6 var(--font-body);overflow-wrap:anywhere}.experience-row__main>em{color:var(--paper);font:normal 13px/1.4 var(--font-body)}.experience-row__main>p{margin:.25rem 0;overflow:hidden;color:var(--paper-muted);font-size:14px;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.experience-row__signals{min-width:0;display:flex;flex-wrap:wrap;gap:.35rem}.experience-row__signals i{max-width:100%;padding:.25rem .4rem;border:1px solid var(--line-soft);color:var(--paper-muted);font:normal 12px/1.45 var(--font-body);overflow-wrap:anywhere}.experience-row__proof{padding-top:.15rem;display:grid;justify-items:end;gap:1.7rem}.experience-row__proof small{color:var(--paper-muted);font:var(--label-aux)/1.35 var(--font-mono)}.experience-row__proof b{color:var(--lime);font:700 var(--label-interactive)/1 var(--font-mono)}.experience-empty{flex:1;min-height:20rem;padding:2rem;display:grid;align-content:center;justify-items:start;gap:.8rem;border-bottom:1px solid var(--line)}.experience-empty span{color:var(--coral);font:var(--label-aux)/1 var(--font-mono);letter-spacing:.08em}.experience-empty strong{font-size:clamp(1.3rem,2vw,1.8rem)}.experience-empty p{max-width:34rem;margin:0;color:var(--paper-muted);font-size:14px;line-height:1.75}.page-gallery{display:grid;grid-template-columns:minmax(22rem,.76fr) minmax(30rem,1.24fr);gap:clamp(1.5rem,3.6vw,4rem);align-items:center}.gallery-copy .geometric-title{max-width:none;font-size:clamp(42px,4.2vw,70px);line-height:.98;row-gap:.08em}.gallery-copy p:not(.identity-line){max-width:25rem}.gallery-streams{width:min(100%,48rem);height:clamp(34rem,72vh,48rem);min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem;justify-self:center;padding-top:.5rem}.stream{width:100%;height:100%;max-width:23rem;min-width:0;min-height:0;justify-self:center;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-top:1px solid var(--line)}.stream-head{min-height:2.7rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;color:var(--paper-muted);font:.59rem/1 var(--font-mono);letter-spacing:.075em}.stream-head button{border:1px solid var(--line);padding:.45rem .55rem;color:var(--paper);background:transparent;font:inherit;transition:color .16s ease,background .16s ease}.stream-head button:hover{color:var(--ink);background:var(--lime)}.stream-window{height:100%;min-height:0;overflow:hidden;border:1px solid var(--line);background:#090f0bc2}.stream-track{transform:translateZ(0)}.stream-segment{display:grid;align-content:start;gap:.75rem;padding:.75rem}.essay-track .stream-segment{gap:.7rem;padding:.65rem}.stream-window[data-motion=manual]{overflow-y:auto;scrollbar-color:var(--lime) transparent;scrollbar-width:thin}.stream-window[data-motion=manual] .stream-track{transform:none!important}.stream-window[data-motion=manual] .stream-segment[aria-hidden=true]{display:none}.travel-photo{width:100%;padding:0;border:0;background:#10140f;display:block;overflow:hidden}.travel-photo picture{display:block}.travel-photo img{aspect-ratio:1.52;width:100%;display:block;object-fit:cover;filter:saturate(.92) contrast(1.03);transition:transform .28s ease,filter .28s ease}.travel-photo:hover img{filter:saturate(1.12) contrast(1.08);transform:scale(1.035)}.essay-card{width:100%;min-height:9.8rem;padding:.82rem .85rem .78rem;border:1px solid rgba(12,18,13,.25);background:var(--paper-cool);color:var(--paper-ink);text-align:left;position:relative;box-shadow:7px 9px 16px #0000002e;transform:rotate(-.45deg);transition:transform .19s ease,box-shadow .19s ease}.essay-card:nth-child(2n){background:var(--paper-warm);transform:rotate(.6deg)}.essay-card:before{content:"";position:absolute;width:27%;top:0;left:12%;border-top:2px solid rgba(237,139,105,.72)}.essay-card:hover{transform:rotate(0) translateY(-3px);box-shadow:10px 15px 25px #00000047}.essay-card__date{color:var(--attachment-coral);font:var(--label-aux)/1 var(--font-mono);letter-spacing:.08em}.essay-card h3{margin:.7rem 0 .45rem;color:#222819;font:clamp(20px,1.65vw,25px)/1.08 var(--font-note)}.essay-card p{display:-webkit-box;margin:0 0 .8rem;color:var(--paper-ink-muted);font-size:12px;line-height:1.6;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.essay-card small{color:#6d624f;font:var(--label-aux)/1.4 var(--font-mono);letter-spacing:.04em}.stream-note{margin:.65rem 0 0;color:#f0f1df9e;font:var(--label-aux)/1.45 var(--font-mono);letter-spacing:.04em}.essay-empty{min-height:100%;padding:1.25rem;border:1px dashed var(--line);display:grid;align-content:center;gap:.65rem;color:var(--paper-muted)}.essay-empty span{color:var(--coral);font:var(--label-aux)/1 var(--font-mono)}.essay-empty strong{color:var(--paper);font-size:18px}.essay-empty p{margin:0;font-size:13px;line-height:1.7}.page-contact{display:grid;grid-template-columns:minmax(18rem,.9fr) minmax(22rem,.72fr);gap:clamp(2rem,9vw,9rem);align-items:center}.contact-copy .geometric-title{font-size:clamp(42px,5.65vw,78px);line-height:1.02;row-gap:.08em}.contact-index{margin-top:2.7rem;max-width:38rem;border-top:1px solid var(--line)}.contact-index a{min-height:4.25rem;border-bottom:1px solid var(--line-soft);color:var(--paper);display:grid;grid-template-columns:5.2rem minmax(0,1fr) auto;align-items:center;gap:1rem;text-decoration:none;transition:background .18s ease,transform .18s ease}.contact-index a:hover{background:#f0f1df12;transform:translate(.7rem)}.contact-index span{color:var(--paper-muted);font:var(--label-aux)/1 var(--font-mono);letter-spacing:.08em}.contact-index b{font:500 clamp(13px,1.1vw,16px)/1 var(--font-ui);overflow:hidden;text-overflow:ellipsis}.contact-index i{color:var(--lime);font-style:normal}.feedback-panel{padding:clamp(1.25rem,2.6vw,2.5rem);border:1px solid var(--line);background:#111510e3;box-shadow:18px 21px 36px #0000003b;display:grid;gap:1.3rem}.feedback-heading{padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.feedback-heading span{color:var(--lime);font:.62rem/1 var(--font-mono);letter-spacing:.09em}.feedback-heading h3{margin:.9rem 0 0;font:700 clamp(1.8rem,3vw,2.9rem)/1 var(--font-body);letter-spacing:-.03em}.feedback-panel label{display:grid;gap:.55rem;color:var(--paper-muted);font-size:.79rem}.feedback-panel input,.feedback-panel textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-control);padding:.85rem;color:var(--paper);background:#f0f1df0d;resize:vertical;transition:border-color .16s ease,background .16s ease}.feedback-panel input:focus,.feedback-panel textarea:focus{border-color:var(--lime);background:#d9ee5414;outline:none}.feedback-actions{display:grid;gap:.8rem}.feedback-actions .magnet{justify-self:start}.feedback-actions button{justify-self:start;border:1px solid var(--lime);padding:.9rem 1.1rem;color:var(--ink);background:var(--lime);font-weight:700;transition:transform .17s ease,background .17s ease,color .17s ease}.feedback-actions button:hover:not(:disabled){color:var(--lime);background:transparent;transform:translateY(-3px)}.feedback-actions p{min-height:1.4rem;margin:0;color:var(--paper-muted);white-space:pre-line;font-size:.74rem;line-height:1.5}.scene-caption{position:absolute;right:0;bottom:0;left:0;padding-top:.75rem;border-top:1px solid var(--line-soft);color:#f0f1df63;font:.55rem/1 var(--font-mono);letter-spacing:.08em;display:flex;justify-content:space-between}.scene-controls{position:fixed;z-index:3;top:clamp(5.9rem,8vh,7rem);right:clamp(1.1rem,4.9vw,6.4rem);display:flex;gap:.45rem}.scene-controls button{min-width:4.7rem;border:1px solid var(--line);padding:.5rem .65rem;color:var(--paper);background:#0a100bb8;font:.57rem/1 var(--font-mono);letter-spacing:.06em;transition:color .16s ease,background .16s ease}.scene-controls button:hover:not(:disabled){color:var(--ink);background:var(--lime)}.progress-ui{position:fixed;z-index:3;right:clamp(1.1rem,4.9vw,6.4rem);bottom:1.45rem;left:clamp(1.1rem,4.9vw,6.4rem);display:grid;grid-template-columns:max-content 1fr max-content;align-items:center;gap:.8rem;color:#f0f1df80;font:.55rem/1 var(--font-mono);letter-spacing:.08em}.progress-line{height:1px;background:var(--line);overflow:hidden}.progress-line i{height:1px;display:block;background:var(--lime);transform-origin:left;transition:transform .38s ease}.reading-layer,.photo-lightbox{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:clamp(1rem,4vw,4rem)}.reading-layer__backdrop,.photo-lightbox__backdrop{position:absolute;inset:0;border:0;background:#020603d1}.reading-sheet{position:relative;width:min(52rem,100%);max-height:min(82svh,54rem);overflow:auto;padding:clamp(1.3rem,3vw,3rem);color:var(--paper-ink);background:var(--paper-cool);border:1px solid #d6d6c1;box-shadow:24px 29px 55px #0000006e}.reading-layer--essay .reading-sheet{width:min(45rem,100%);background:var(--paper-warm);transform:rotate(-.22deg)}.reading-close{position:sticky;z-index:2;top:0;float:right;min-width:44px;min-height:44px;border:1px solid rgba(32,38,23,.32);padding:.55rem .7rem;color:#252b1d;background:var(--paper-warm);font:var(--label-interactive)/1 var(--font-mono)}.reading-sheet header{padding-right:5.5rem;border-bottom:1px solid var(--paper-line)}.reading-kicker{margin:0 0 1rem;color:var(--attachment-coral);font:var(--label-aux)/1 var(--font-mono);letter-spacing:.09em}.reading-sheet h2{margin:0;max-width:20ch;font:700 clamp(2rem,4.5vw,4rem)/.92 var(--font-body);letter-spacing:-.035em}.essay-reading-title{font-family:var(--font-note)!important;font-weight:400!important;line-height:1.1!important}.reading-summary{margin:1.25rem 0 0;max-width:58ch;color:var(--paper-ink-muted);line-height:1.75}.reading-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.25rem 0;color:#5d6756;font:var(--label-aux)/1 var(--font-mono)}.reading-meta i{color:var(--attachment-coral);font-style:normal}.reading-body{max-width:68ch;padding:1.8rem 0;font-size:clamp(.93rem,1.4vw,1.03rem);line-height:1.95}.reading-body h1,.reading-body h2,.reading-body h3{margin:1.8em 0 .6em;line-height:1.2}.reading-body p{margin:0 0 1.05em}.reading-body a{color:#506715}.reading-body code{padding:.1em .3em;background:#5067151f;font-family:var(--font-mono)}.reading-body pre{overflow:auto;padding:1rem;background:#20261714}.reading-attachments{padding-top:1.5rem;border-top:1px solid var(--paper-line)}.reading-attachments h3{margin:0 0 1rem;font:var(--label-aux)/1 var(--font-mono);letter-spacing:.08em}.attachment{margin:.8rem 0;border:1px solid var(--paper-line);overflow:hidden}.attachment a{min-height:4rem;padding:.8rem 1rem;color:#252b1d;display:grid;grid-template-columns:4.5rem 1fr;gap:.2rem .8rem;text-decoration:none}.attachment a:hover{color:#506715;background:#50671514}.attachment a span{grid-row:span 2;color:var(--attachment-coral);font:var(--label-interactive)/1.5 var(--font-mono);font-weight:700;text-transform:uppercase}.attachment a b{font-size:.88rem}.attachment a small{color:#5d6756;font:var(--label-aux)/1.4 var(--font-mono)}.attachment-pdf{width:100%;min-height:24rem;border:0;display:block}.attachment-image{width:100%;display:block;max-height:32rem;object-fit:contain;background:#192016}.attachment-audio{width:calc(100% - 2rem);margin:1rem}.reading-sheet footer{display:flex;justify-content:space-between;gap:1rem;padding-top:1.2rem;border-top:1px solid var(--paper-line);color:#5f6857;font:var(--label-aux)/1.5 var(--font-mono);letter-spacing:.05em}.reading-layer--experience .reading-sheet{width:min(58rem,100%)}.reading-layer--experience .reading-sheet header h2{font-size:clamp(1.6rem,2.7vw,2.6rem)}.reading-layer--experience .reading-meta{font:13px/1.7 var(--font-body)}.experience-detail-facts{padding:1.2rem 0;border-bottom:1px solid var(--paper-line);display:grid;grid-template-columns:minmax(8rem,.45fr) minmax(16rem,1fr);gap:1.2rem}.experience-detail-facts>:only-child{grid-column:1 / -1}.experience-detail-facts p,.experience-detail-facts>div{margin:0;display:grid;align-content:start;gap:.55rem}.experience-detail-facts span,.experience-proof-links h3{color:var(--attachment-coral);font:700 var(--label-aux)/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.experience-detail-facts strong{font-size:14px}.experience-detail-facts ul{margin:0;padding-left:1.2rem;color:var(--paper-ink);font-size:14px;line-height:1.75}.experience-proof-links{padding:1.4rem 0;border-top:1px solid var(--paper-line)}.experience-proof-links h3{margin:0 0 .9rem}.experience-proof-links>div{display:flex;flex-wrap:wrap;gap:.6rem}.experience-proof-links a{min-height:44px;padding:.65rem .8rem;border:1px solid var(--paper-line);color:var(--paper-ink);display:inline-flex;align-items:center;gap:.75rem;font-size:14px;text-decoration:none}.experience-proof-links a:hover{color:var(--paper-cool);background:var(--paper-ink)}.experience-proof-links a span{width:8px;height:8px;border-top:1px solid currentColor;border-right:1px solid currentColor;position:relative}.experience-proof-links a span:after{content:"";width:10px;border-top:1px solid currentColor;position:absolute;top:3px;right:-2px;transform:rotate(-45deg);transform-origin:right}.photo-lightbox figure{position:relative;z-index:1;width:min(60rem,100%);margin:0;background:#11140f;border:1px solid var(--line);box-shadow:24px 29px 55px #0000006e}.photo-lightbox figure>img{width:100%;max-height:69svh;display:block;object-fit:contain}.photo-lightbox figcaption{padding:.85rem 1rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;color:var(--paper);font-size:.75rem}.photo-lightbox figcaption span:first-child{color:var(--lime);font-family:var(--font-mono);font-size:.56rem}.photo-lightbox__actions{display:flex;border-top:1px solid var(--line-soft)}.photo-lightbox__actions button{flex:1;min-height:2.9rem;border:0;border-right:1px solid var(--line-soft);color:var(--paper);background:transparent;font:.58rem/1 var(--font-mono)}.photo-lightbox__actions button:last-child{border-right:0}.photo-lightbox__actions button:hover{color:var(--ink);background:var(--lime)}.reading-layer:not(.reading-layer--essay) .reading-sheet header h2{line-height:1.25;overflow-wrap:anywhere}.reading-sheet .reading-body h1{font-size:1.6rem;line-height:1.4}.reading-sheet .reading-body h2{font-size:1.35rem;line-height:1.45}.reading-sheet .reading-body h3{font-size:1.125rem;line-height:1.5}.reading-attachments .attachment-help{margin:0 0 1rem;color:var(--paper-ink-muted);font-size:14px;line-height:1.7}.attachment-filters{display:flex;flex-wrap:wrap;align-items:end;gap:1rem}.attachment-filters label{display:grid;flex:1 1 12rem;min-width:0;gap:.5rem;font-size:14px}.attachment-filters label:first-child{flex-grow:2}.attachment-filters input,.attachment-filters select{min-width:0;width:100%;min-height:44px;border:1px solid var(--paper-line);border-radius:var(--radius-control);padding:.7rem;background:var(--paper-warm);color:var(--paper-ink);font:16px/1.4 var(--font-body)}.attachment-filters input::placeholder{color:var(--paper-ink-muted);opacity:1}.attachment-count{color:var(--paper-ink-muted);font-size:13px;line-height:1.6}.attachment-row{padding:.85rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}.attachment-info{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:.3rem .7rem;flex:1 1 15rem;min-width:0}.attachment-format{grid-row:span 2;align-self:start;color:var(--attachment-coral);font:700 13px/1.6 var(--font-mono);overflow-wrap:anywhere}.attachment-info strong{min-width:0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}.attachment-info small{color:var(--paper-ink-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.attachment-actions{display:flex;flex-wrap:wrap;gap:.5rem}.attachment-actions button,.attachment .attachment-download,.attachment-more{min-width:44px;min-height:44px;padding:.65rem .85rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--paper-line);border-radius:var(--radius-control);background:transparent;color:var(--paper-ink);font:500 14px/1.4 var(--font-body);text-decoration:none}.attachment-actions button:hover,.attachment .attachment-download:hover,.attachment-more:hover,.attachment-actions button[aria-expanded=true]{background:var(--paper-ink);color:var(--paper-cool)}.reading-attachments :is(button,a,input,select):focus-visible{outline:2px solid var(--paper-ink);outline-offset:3px}.attachment-preview{border-top:1px solid var(--paper-line)}.attachment-more{width:100%}.reading-sheet footer{overflow-wrap:anywhere}.canvas-viewer-layer{position:fixed;z-index:20;inset:0;color:var(--paper);background:#0b100c;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.canvas-viewer-layer--loading{place-items:center;grid-template-rows:1fr;gap:1rem}.canvas-viewer-layer--loading button{position:absolute;top:1.25rem;right:1.25rem;min-width:44px;min-height:44px;border:1px solid var(--line);color:var(--paper);background:var(--ink)}.canvas-viewer-layer--loading p{color:var(--paper-muted)}.canvas-viewer-toolbar{min-height:5.2rem;padding:.8rem clamp(1rem,3vw,3.2rem);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1.2rem;background:#0b100cf5}.canvas-viewer-toolbar>div{min-width:0;display:grid;gap:.32rem}.canvas-viewer-toolbar span{color:var(--coral);font:var(--label-aux)/1 var(--font-mono);letter-spacing:.08em}.canvas-viewer-toolbar h2{margin:0;overflow:hidden;font:650 clamp(1.25rem,2.2vw,2rem)/1.1 var(--font-body);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.canvas-viewer-toolbar nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.canvas-viewer-toolbar button{min-height:44px;padding:.65rem .8rem;border:1px solid var(--line);color:var(--paper);background:transparent;font:var(--label-interactive)/1 var(--font-body)}.canvas-viewer-toolbar button:hover:not(:disabled),.canvas-viewer-toolbar button[aria-expanded=true]{color:var(--ink);background:var(--lime);border-color:var(--lime)}.canvas-viewer-toolbar .canvas-viewer-close{color:var(--lime);border-color:var(--lime)}.canvas-viewer-body{min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-viewer-body .react-flow{background:#10150f}.canvas-viewer-body .react-flow__pane{cursor:grab}.canvas-viewer-body .react-flow__pane:active{cursor:grabbing}.canvas-viewer-body .react-flow__node{font-family:var(--font-body)}.canvas-viewer-body .react-flow__node:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.canvas-viewer-body .react-flow__controls{border:1px solid var(--line);border-radius:var(--radius-control);box-shadow:10px 13px 24px #00000040}.canvas-viewer-body .react-flow__controls-button{width:44px;height:44px;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--paper);background:#0b100cf0;fill:currentColor}.canvas-viewer-body .react-flow__controls-button:hover{color:var(--ink);background:var(--lime)}.canvas-viewer-body .react-flow__minimap{width:12rem;height:7.2rem;border:1px solid var(--line);border-radius:var(--radius-card);background:#11140f}.canvas-node{width:100%;height:100%;overflow:auto;border:1px solid var(--node-color);color:var(--paper);background:#0e150ff0;box-shadow:10px 13px 24px #0000003d;scrollbar-width:thin;scrollbar-color:var(--node-color) transparent}.canvas-node-handle{width:2px!important;height:2px!important;min-width:0!important;min-height:0!important;border:0!important;opacity:0;pointer-events:none}.canvas-node--text{padding:1rem 1.05rem;font-size:14px;line-height:1.72}.canvas-node--text h1,.canvas-node--text h2,.canvas-node--text h3{margin:0 0 .65em;color:var(--node-color);line-height:1.25}.canvas-node--text h1{font-size:1.45rem}.canvas-node--text h2{font-size:1.25rem}.canvas-node--text h3{font-size:1.05rem}.canvas-node--text p{margin:0 0 .72em}.canvas-node--text ul,.canvas-node--text ol{margin:.5em 0;padding-left:1.2rem}.canvas-node--text a{color:var(--lime)}.canvas-node--file{padding:1rem;display:grid;align-content:start;gap:.7rem}.canvas-node--file>span,.canvas-node--link>span{color:var(--node-color);font:700 var(--label-aux)/1 var(--font-mono);letter-spacing:.08em}.canvas-node--file>b,.canvas-node--link>b{overflow-wrap:anywhere;font-size:1rem;line-height:1.35}.canvas-node--file>a,.canvas-node--link>a{min-height:38px;margin-top:auto;border-top:1px solid var(--line);color:var(--lime);display:flex;align-items:center;font-size:13px;text-decoration:none}.canvas-node--file.is-image{padding:0;overflow:hidden;grid-template-rows:minmax(0,1fr) auto}.canvas-node--file.is-image img{width:100%;height:100%;min-height:0;object-fit:cover}.canvas-node--file.is-image a{margin:0;padding:.55rem .7rem;background:#0b100cf0}.canvas-node__markdown{max-height:100%;overflow:hidden;color:var(--paper-muted);font-size:13px;line-height:1.65}.canvas-node__markdown :first-child{margin-top:0}.canvas-node--link{padding:1rem;display:grid;align-content:start;gap:.75rem}.canvas-node--group{overflow:hidden;border-style:dashed;box-shadow:none;background-color:#f0f1df06;pointer-events:none}.canvas-node--group>span{position:absolute;top:.55rem;left:.7rem;padding:.25rem .4rem;color:var(--node-color);background:#11140f;font:700 var(--label-aux)/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.canvas-outline{position:absolute;z-index:5;top:1rem;right:1rem;bottom:1rem;width:min(24rem,calc(100% - 2rem));padding:1rem;border:1px solid var(--line);color:var(--paper);background:#0b100cf5;box-shadow:14px 18px 34px #00000052;transform:translate(calc(100% + 2rem));visibility:hidden;transition:transform .26s cubic-bezier(.16,1,.3,1),visibility .26s}.canvas-outline.is-open{transform:translate(0);visibility:visible}.canvas-outline>div{min-height:2.8rem;border-bottom:1px solid var(--line);display:flex;align-items:start;justify-content:space-between;gap:1rem}.canvas-outline>div b{font-size:1rem}.canvas-outline>div span{color:var(--coral);font:var(--label-aux)/1 var(--font-mono)}.canvas-outline ol{max-height:calc(100% - 3rem);margin:0;padding:0;overflow:auto;list-style:none;scrollbar-color:var(--lime) transparent}.canvas-outline li{border-bottom:1px solid var(--line-soft)}.canvas-outline button{width:100%;min-height:3.8rem;padding:.7rem .2rem;border:0;color:var(--paper);background:transparent;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left}.canvas-outline button:hover{color:var(--lime)}.canvas-outline button small{color:var(--paper-muted);font:var(--label-aux)/1 var(--font-mono);text-transform:uppercase}.canvas-viewer-state{position:absolute;z-index:4;inset:0;display:grid;place-content:center;gap:.7rem;text-align:center;background:#10150f}.canvas-viewer-state span{color:var(--coral);font:var(--label-aux)/1 var(--font-mono);letter-spacing:.09em}.canvas-viewer-state strong{font-size:1.2rem}.canvas-viewer-state.is-error strong{max-width:32rem;color:var(--paper-muted);line-height:1.7}.canvas-viewer-footer{min-height:2.6rem;padding:0 clamp(1rem,3vw,3.2rem);border-top:1px solid var(--line);color:var(--paper-muted);background:#0b100cf5;display:flex;align-items:center;justify-content:space-between;gap:1rem;font:var(--label-aux)/1 var(--font-mono);letter-spacing:.05em}.site-shell:before,.contact-copy:before,.experience-desk,.feedback-panel,.reading-sheet,.photo-lightbox figure,.canvas-outline{border-radius:var(--radius-panel)}.stream-window,.travel-photo,.essay-card,.essay-empty,.attachment,.canvas-node{border-radius:var(--radius-card)}.brand,.nav-dot,.primary-action,.feedback-actions button,.scene-controls button,.stream-head button,.reading-close,.experience-proof-links a,.canvas-viewer-toolbar button,.canvas-viewer-layer--loading button,.canvas-cover,.canvas-cover img,.experience-row,.contact-index a,.canvas-outline button,.reading-body pre{border-radius:var(--radius-control)}.experience-row__signals i,.reading-body code,.canvas-node--group>span{border-radius:var(--radius-detail)}.experience-tabs{border-radius:var(--radius-control)}.experience-tabs button:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control)}.experience-tabs button:last-child{border-radius:0 var(--radius-control) var(--radius-control) 0}.canvas-viewer-body .react-flow__minimap{overflow:hidden}.canvas-viewer-body .react-flow__controls-button:first-child{border-radius:calc(var(--radius-control) - 1px) calc(var(--radius-control) - 1px) 0 0}.canvas-viewer-body .react-flow__controls-button:last-child{border-bottom:0;border-radius:0 0 calc(var(--radius-control) - 1px) calc(var(--radius-control) - 1px)}.photo-lightbox figure>img{border-radius:calc(var(--radius-panel) - 1px) calc(var(--radius-panel) - 1px) 0 0}.photo-lightbox__actions button:first-child{border-bottom-left-radius:calc(var(--radius-panel) - 1px)}.photo-lightbox__actions button:last-child{border-bottom-right-radius:calc(var(--radius-panel) - 1px)}.experience-tabs button:focus-visible,.experience-row:focus-visible,.canvas-cover:focus-visible,.canvas-viewer-toolbar button:focus-visible,.photo-lightbox__actions button:focus-visible,.canvas-viewer-body .react-flow__controls-button:focus-visible,.attachment :is(a,button):focus-visible{outline-color:currentColor;outline-offset:-4px}.identity-line,.brand-role,.experience-status-line,.experience-panel__status,.stream-head>span,.stream-note,.essay-card__date,.essay-card small,.scene-caption,.progress-ui,.reading-kicker,.reading-meta,.reading-attachments h3,.attachment a small,.reading-sheet footer,.photo-lightbox figcaption span:first-child{font-size:var(--label-aux)}.nav-dot,.experience-tabs button,.canvas-cover,.stream-head button,.scene-controls button,.reading-close,.attachment a span,.photo-lightbox__actions button{font-size:var(--label-interactive)}.brand,.nav-dot,.experience-tabs button,.canvas-cover,.stream-head button,.scene-controls button,.reading-close,.photo-lightbox__actions button{min-height:44px}.brand{padding-inline:.15rem}.nav-dot{padding-block:.65rem}.stream-head{min-height:3.25rem;font-size:var(--label-aux);line-height:1.35}.stream-head>span{max-width:calc(100% - 4.2rem);line-height:1.35}.stream-head button{min-width:4rem}.feedback-heading span{font-size:var(--label-aux)}.feedback-panel input,.feedback-panel textarea,.feedback-actions button,.photo-lightbox__actions button{min-height:44px}@media(max-width:1050px){.page-experience{grid-template-columns:minmax(17rem,.62fr) minmax(30rem,1.38fr);gap:2rem}.experience-row{grid-template-columns:1.7rem 7rem minmax(0,1fr) 4.5rem}.page-gallery{grid-template-columns:minmax(19rem,.68fr) minmax(28rem,1.32fr);gap:1.5rem}.gallery-streams{width:min(100%,43rem);grid-template-columns:1fr 1fr;gap:.7rem}.site-shell{padding-inline:2rem}.progress-ui{right:2rem;left:2rem}.scene-controls{right:2rem}}@media(max-width:780px){body{overflow:auto;overflow-x:hidden}.site-shell{min-height:100svh;padding:1.2rem 1.25rem 5.25rem}.site-shell:before{inset:.55rem}.topbar{height:auto;min-height:3.2rem;align-items:flex-start;padding-bottom:.75rem;gap:1rem}.brand{gap:.5rem}.brand-role{display:none}.topbar nav{max-width:none;justify-content:flex-end;flex-wrap:nowrap;gap:.15rem}.nav-dot{width:2.75rem;min-width:2.75rem;min-height:2.75rem;justify-content:center;gap:0;padding:0;font-size:0}.nav-dot i{width:9px;height:9px}.page{min-height:calc(100svh - 7rem);padding:2.2rem .1rem 4.25rem}.page-home,.page-experience,.page-gallery,.page-contact{grid-template-columns:1fr;align-items:start;gap:2rem}.page-home{padding-top:clamp(2.8rem,12vh,5rem)}.home-copy,.experience-copy,.gallery-copy,.contact-copy{padding:.65rem .75rem 1rem}.contact-copy:before{inset:-.65rem -.75rem -.8rem}.home-copy{padding-bottom:0}.geometric-title{font-size:clamp(3.05rem,14.2vw,5rem);line-height:1;row-gap:.08em}.geometric-title__mask{width:100%;white-space:normal}.geometric-title__line{width:auto;max-width:100%}.geometric-title__line--2{margin-left:.45rem}.experience-copy .geometric-title,.gallery-copy .geometric-title,.contact-copy .geometric-title{font-size:clamp(2.8rem,12.7vw,4.25rem)}.gallery-copy .geometric-title,.contact-copy .geometric-title{line-height:1.04}.experience-status-line{margin-top:1.6rem}.experience-status-line span:last-child{display:none}.experience-desk{min-height:29rem;max-height:36rem;padding:.85rem}.experience-row{grid-template-columns:1.5rem minmax(0,1fr) 4rem}.experience-row__date{grid-column:2;grid-row:1}.experience-row__main{grid-column:2}.experience-row__proof{grid-column:3;grid-row:1 / span 2}.experience-row__main>p{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.canvas-cover-list{max-height:11rem}.page-gallery{gap:1.2rem}.gallery-copy p:not(.identity-line){max-width:38rem}.gallery-streams{width:100%;height:34rem;min-height:0;grid-template-columns:1fr 1fr}.stream-segment,.essay-track .stream-segment{gap:.5rem;padding:.5rem}.essay-card{min-height:9.2rem;padding:.75rem}.essay-card h3{margin-top:.7rem;font-size:1.42rem}.essay-card p{-webkit-line-clamp:4;font-size:.75rem}.stream-note{min-height:2rem}.feedback-panel{box-shadow:11px 14px 25px #00000042}.contact-index a{grid-template-columns:4.2rem minmax(0,1fr) auto}.scene-caption{padding-top:.6rem}.scene-caption span:last-child{display:none}.scene-controls{top:4.8rem;right:1.25rem}.progress-ui{right:1.25rem;bottom:1.4rem;left:1.25rem}.progress-ui span:first-child{display:none}.progress-ui{grid-template-columns:1fr max-content}.reading-layer,.photo-lightbox{padding:.65rem}.reading-sheet{max-height:calc(100svh - 1.3rem);padding:1.15rem}.reading-sheet header{padding-right:3.6rem}.reading-sheet h2{font-size:2rem}.experience-detail-facts{grid-template-columns:1fr}.attachment-pdf{min-height:17rem}.photo-lightbox figcaption{align-items:flex-start;flex-direction:column}.canvas-viewer-toolbar{align-items:flex-start;flex-direction:column}.canvas-viewer-toolbar nav{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.canvas-viewer-toolbar button{flex:0 0 auto}.canvas-viewer-body .react-flow__minimap,.canvas-viewer-footer span:first-child{display:none}}@media(max-width:430px){.topbar nav{max-width:70%}.brand-name{font-size:.72rem}.experience-tabs{display:flex;overflow-x:auto}.experience-tabs button{flex:0 0 8.75rem}.experience-panel__status span:last-child{display:none}.experience-row{grid-template-columns:1.35rem minmax(0,1fr)}.experience-row__date,.experience-row__main{grid-column:2}.experience-row__proof{grid-column:2;grid-row:auto;display:flex;justify-content:space-between}.canvas-cover{grid-template-columns:4.8rem minmax(0,1fr)}.canvas-cover img{width:4.8rem;height:3.2rem}.canvas-cover>span:last-child{display:none}.gallery-streams{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:.45rem}.travel-photo img{aspect-ratio:1.32}.essay-card{min-height:8.8rem}.essay-card h3{font-size:1.28rem}.essay-card p{font-size:.75rem}.stream-head button{padding:.38rem}.canvas-viewer-toolbar{min-height:8.5rem;padding:.65rem .75rem}.canvas-viewer-toolbar h2{font-size:1.15rem}.canvas-viewer-toolbar nav{gap:.3rem}.canvas-viewer-toolbar button{padding:.6rem .7rem}.canvas-outline{inset:.65rem;width:auto}.canvas-viewer-footer{padding-inline:.8rem}}@media(max-width:780px){.geometric-title__line{text-shadow:1px 1px 0 var(--title-side),2px 2px 0 var(--title-side),3px 3px 0 var(--title-side),4px 5px 4px rgba(3,17,10,.42)}}.site-shell--beer{--beer-footer-space: calc(6.25rem + env(safe-area-inset-bottom, 0px)) ;padding-bottom:var(--beer-footer-space)}.site-shell--beer>.page{min-height:calc(100svh - clamp(1.1rem,3vw,3.65rem) - 3rem - var(--beer-footer-space))}.site-shell--beer .progress-ui{bottom:calc(.75rem + env(safe-area-inset-bottom,0px));row-gap:.35rem}.site-shell--beer .site-registration{grid-column:1 / -1;justify-self:center;display:flex;align-items:center;min-width:0;min-height:44px;max-width:100%;padding:.4rem .25rem;border-radius:var(--radius-detail);color:var(--paper);font:.75rem/1.5 var(--font-body);letter-spacing:.02em;text-align:center;text-decoration-thickness:1px;text-underline-offset:.2em;text-shadow:0 1px 2px var(--ink),0 0 6px var(--ink);overflow-wrap:anywhere}.site-shell--beer .site-registration:hover{color:var(--lime)}@media(min-width:781px)and (max-height:740px){.site-shell--beer .page-home{padding-bottom:1rem}}@media(min-width:781px){.site-shell--beer{--beer-panel-space: calc(100svh - clamp(1.1rem, 3vw, 3.65rem) - 3rem - clamp(2rem, 6vh, 5.4rem) - 3rem - var(--beer-footer-space))}.site-shell--beer .gallery-streams{height:min(clamp(34rem,72vh,48rem),var(--beer-panel-space))}.site-shell--beer .experience-desk{min-height:0;height:min(clamp(31rem,67vh,47rem),var(--beer-panel-space));max-height:min(72vh,49rem,var(--beer-panel-space))}.site-shell--beer .experience-timeline{min-height:0}.site-shell--beer .experience-empty{min-height:0;overflow:auto}.site-shell--beer .contact-copy:before{inset:0}.site-shell--beer .contact-copy .geometric-title__mask{width:100%;white-space:normal}.site-shell--beer .contact-copy .geometric-title__line{width:auto;max-width:100%;overflow-wrap:anywhere}.site-shell--beer .experience-copy,.site-shell--beer .contact-copy,.site-shell--beer .feedback-panel{max-height:var(--beer-panel-space);overflow:auto;overscroll-behavior:contain;scroll-padding:.5rem;scrollbar-color:var(--lime) transparent;scrollbar-width:thin}}@media(max-width:780px){.site-shell--beer>.page{min-height:calc(100svh - 1.2rem - 3.2rem - var(--beer-footer-space))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bg-video,.nav-dot,.progress-line i,.experience-row,.canvas-cover,.canvas-outline,.travel-photo img,.essay-card,.contact-index a,.feedback-panel input,.feedback-panel textarea,.feedback-actions button{transition:none}.geometric-title__line{transform:skew(-4deg)}.geometric-title__line--2{transform:skew(2deg) scaleX(.91)}}
