*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0c0c0c;color:#f3efe8;font:16px/1.6 "Avenir Next",Avenir,"Segoe UI",sans-serif;letter-spacing:.005em}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #f6e3c1;outline-offset:5px}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 4vw}.artist{font:21px/1.5 Arial,sans-serif;letter-spacing:-.03em;text-decoration:none}header nav{display:flex;gap:34px;align-items:center;font:18px/1.4 Georgia,"Times New Roman",serif;letter-spacing:0;color:#d7d0c5}header nav a{padding:8px 0;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}header nav a:hover{color:#f3efe8;border-bottom-color:#8a7c68}main{max-width:1600px;margin:auto;padding:0 4vw}.space-instruction{margin:8px 0 0;font-size:14px;color:#bcb1a1;max-width:660px}.space{position:relative;height:calc(100svh - 190px);min-height:560px;max-height:950px;overflow:hidden;isolation:isolate;touch-action:pan-y}.space:focus{outline:none}.space canvas{display:block;position:absolute;inset:0;width:100%;height:100%}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.work-label{position:absolute;transform:translateX(-50%);max-width:180px;padding:6px 8px;background:none;border:0;text-align:center;color:#eee6d7;pointer-events:auto}.work-label-title{display:block;font:400 20px/1.16 Georgia,"Times New Roman",serif;letter-spacing:-.025em}.work-label-relation{display:block;font-size:12px;line-height:1.45;color:#c9b796;margin-top:8px}.work-label[data-state=current]{max-width:min(420px,90%);padding-top:8px}.work-label[data-state=current] .work-label-title{font-size:clamp(28px,3.4vw,46px)}.work-label[data-state=current] .work-label-relation{font-size:14px;margin-top:12px}.work-label[data-state=distant]{opacity:.38;pointer-events:none}.work-label[data-state=distant] .work-label-title{font-size:13px;letter-spacing:0}.work-label[data-state=available]:hover .work-label-title,.work-label[data-state=current]:hover .work-label-title{color:#fff8e9;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.work-label:disabled{cursor:default}#beyond-view{display:flex;flex-wrap:wrap;gap:10px 25px;border-top:1px solid #373027;padding:14px 0 20px;margin-top:12px}#beyond-view::before{content:'Other connections';width:100%;font-size:12px;color:#b7aa96}#beyond-view button{background:transparent;border:0;border-bottom:1px solid #73644e;padding:6px 0;font:15px/1.5 Georgia,serif;color:#e1d5c3;text-align:left}#beyond-view button:disabled{opacity:.5;cursor:default}.journey{display:flex;justify-content:space-between;align-items:center;gap:24px;color:#c0b8ab;font-size:14px;margin-top:8px}.journey p{margin:0}.journey .hint{font-size:13px;color:#aaa49b;margin-top:8px}#reset,#see-path{background:transparent;border:0;border-bottom:1px solid #736b5f;padding:8px 0;white-space:nowrap;font:16px/1.5 Georgia,serif}.trace-panel{border-top:1px solid #38342e;margin-top:25px;padding:19px 0;display:flex;gap:30px;font-size:13px;color:#bcb5aa}.trace-panel>span{white-space:nowrap;padding-top:3px}.trace-panel ol{display:flex;flex-wrap:wrap;gap:8px 0;margin:0;padding:0;list-style:none;max-height:120px;overflow:auto}.trace-panel li{display:flex;align-items:center}.trace-panel li+li::before{content:'·';margin:0 12px;color:#d4c3a8}.trace-panel li[aria-current]{color:#fff4df}footer{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#aaa49b;padding:10px 0 30px}footer a{white-space:nowrap;font:16px Georgia,serif}#fallback{margin:65px 0;color:#ccc7c0}#fallback nav{display:flex;flex-wrap:wrap;gap:25px}dialog{background:#181715;border:1px solid #5c5549;color:#eee9df;width:min(1000px,94vw);max-height:90dvh;padding:28px;overscroll-behavior:contain}dialog::backdrop{background:#080808e8;backdrop-filter:blur(12px)}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;color:#c8bead}.detail-toolbar button{background:transparent;border:1px solid #736b5f;padding:10px;font:17px/1.5 Georgia,serif}.detail-heading{max-width:680px;margin:45px auto 30px}.detail-heading h2{font:400 clamp(30px,5vw,48px)/1.1 Georgia,serif;margin:0 0 24px}.detail-heading>p{font-size:17px;line-height:1.85;color:#d4cbbd}#detail-media{display:grid;gap:24px;margin-bottom:30px}#detail-media img{display:block;width:100%;max-height:75vh;object-fit:contain}#detail-media iframe{border:0;width:100%;aspect-ratio:16/9}#original-page{font:16px Georgia,serif}.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}@media(max-width:750px){header{padding:24px 20px;gap:15px}.artist{font-size:19px}header nav{gap:20px;font-size:16px}main{padding:0 20px}.space{height:calc(100svh - 220px);min-height:470px;max-height:760px}.space-instruction{font-size:13px;margin:6px 0 14px}.work-label{max-width:145px}.work-label-title{font-size:17px}.work-label-relation{font-size:12px}.work-label[data-state=current] .work-label-title{font-size:30px}.journey{align-items:start;gap:18px}.journey>div{max-width:65%}.trace-panel{gap:18px}footer{display:block}footer a{display:inline-block;margin-top:14px}dialog{padding:20px}.detail-heading{margin-top:30px}.detail-toolbar button{font-size:15px}}@media(max-width:420px){header{align-items:start;flex-direction:column;gap:12px}header nav{gap:26px}}@media(prefers-reduced-motion:reduce){*,*::before{transition:none!important;scroll-behavior:auto!important}}

.journey { gap: 18px; flex-wrap: wrap; }
#see-path { color: var(--text, #e7dfd0); white-space: nowrap; }
.space[data-overview="true"] { touch-action: none; cursor: grab; }
.space[data-overview="true"] .work-label { opacity: .75; }

.space[data-overview="true"] .work-label {max-width:120px; padding:3px;}
.space[data-overview="true"] .work-label .work-label-title {font-size:14px;}
.space[data-overview="true"] .work-label .work-label-relation {font-size:10px; margin-top:4px;}
#see-path:disabled {opacity:.5;cursor:wait;}

/* A full-width space beneath a deliberate, quiet masthead. */
header {background:#090909;border-bottom:1px solid #29251f;padding:22px 4vw;position:relative;z-index:2;}
header .artist {font:500 29px/1.15 "Baskerville","Palatino Linotype",Palatino,Georgia,serif;letter-spacing:-.035em;}
main {max-width:none;padding:0;}
.space-instruction {margin:0;padding:20px 4vw 0;max-width:none;}
.space {width:100%;height:calc(100svh - 160px);min-height:570px;max-height:none;}
.journey,.trace-panel,#beyond-view,footer,#fallback {margin-left:4vw;margin-right:4vw;}
.work-label[data-state=available] {width:150px;max-width:150px;padding:28px 5px 8px;}
.work-label[data-state=available]::before {content:"";position:absolute;top:8px;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#ffe4b0;box-shadow:0 0 13px 5px #dfb97570,0 0 34px 15px #cda15a25;pointer-events:none;}
.work-label[data-state=available]:hover::before {box-shadow:0 0 15px 7px #ffe0a080,0 0 40px 18px #cda15a35;}
.space[data-overview=true] .work-label::before {display:none;}
@media(max-width:600px){header .artist{font-size:27px}.space{min-height:600px}.work-label[data-state=available]{width:110px;max-width:110px}.work-label[data-state=available] .work-label-title{font-size:16px}.space-instruction{padding-top:16px}}

@media(max-width:380px){.work-label[data-state=available]{width:84px;max-width:84px}.work-label[data-state=available] .work-label-title{font-size:14px}}

/* Hide spatial labels before travel; reveal the settled destination together. */
#labels,#space-guidance,#beyond-view,#arrival {opacity:1;transition:opacity 300ms ease 100ms;}
#experience[aria-busy="true"] #labels,
#experience[aria-busy="true"] #space-guidance,
#experience[aria-busy="true"] #beyond-view,
#experience[aria-busy="true"] #arrival {opacity:0;transition:opacity 160ms ease;pointer-events:none;}
#experience[aria-busy="true"] .work-label {pointer-events:none;}
@media(prefers-reduced-motion:reduce){#labels,#space-guidance,#beyond-view,#arrival{transition:none!important;}}

.connection-guides {position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;}
.connection-guides line {stroke:#d6b780;stroke-width:1;opacity:.16;transition:opacity 180ms ease;}
.connection-guides line.emphasised {opacity:.55;}
/* Let the image arrive before inviting the next choice. */
#labels {transition:opacity 380ms ease 400ms;}
#space-guidance,#arrival {transition:opacity 300ms ease 250ms;}
#experience[aria-busy="true"] #labels {transition:opacity 160ms ease;}
@media(prefers-reduced-motion:reduce){#labels,#space-guidance,#arrival,.connection-guides line{transition:none!important;}}

/* Keep the overlay mounted: reposition while transparent, then reveal in order. */
#labels {opacity:1!important;visibility:visible!important;transition:none!important;}
#labels .work-label {opacity:1;visibility:visible;transition:opacity 850ms ease 800ms!important;}
#labels .work-label[data-state=current] {transition-delay:80ms!important;}
#labels .work-label[data-state=distant] {opacity:.38;}
#experience[aria-busy="true"] #labels .work-label {opacity:0;transition:opacity 450ms ease 0ms!important;pointer-events:none;}
#space-guidance,#arrival {opacity:1;visibility:visible;transition:opacity 750ms ease 180ms!important;}
#beyond-view {opacity:1;visibility:visible;transition:opacity 850ms ease 800ms!important;}
#experience[aria-busy="true"] #space-guidance,
#experience[aria-busy="true"] #arrival,
#experience[aria-busy="true"] #beyond-view {opacity:0;visibility:visible;transition:opacity 450ms ease 0ms!important;pointer-events:none;}
@media(prefers-reduced-motion:reduce){#labels .work-label,#space-guidance,#arrival,#beyond-view{transition:none!important;}}

/* Blend the scene into the surrounding page rather than exposing a canvas edge. */
.space::after {content:"";position:absolute;left:0;right:0;top:0;height:110px;background:linear-gradient(to bottom,#0c0c0c 0%,rgba(12,12,12,.85) 22%,rgba(12,12,12,0) 100%);pointer-events:none;z-index:1;}
#labels {z-index:2;}
.space-instruction {position:relative;z-index:2;background:#0c0c0c;}

/* Native cursor image: no animation loop or mouse-follow rendering. */
@media(pointer:fine){
#experience,#experience canvas,#experience button,#experience .work-label {cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2740%27%20height%3D%2740%27%3E%3Cdefs%3E%3CradialGradient%20id%3D%27g%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ffffff%27%2F%3E%3Cstop%20offset%3D%27.18%27%20stop-color%3D%27%23f5fcff%27%2F%3E%3Cstop%20offset%3D%27.3%27%20stop-color%3D%27%23a8e3ff%27%20stop-opacity%3D%27.95%27%2F%3E%3Cstop%20offset%3D%27.5%27%20stop-color%3D%27%2336a7ff%27%20stop-opacity%3D%27.7%27%2F%3E%3Cstop%20offset%3D%27.73%27%20stop-color%3D%27%231765d9%27%20stop-opacity%3D%27.35%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23124cc0%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%2720%27%20cy%3D%2720%27%20r%3D%2719%27%20fill%3D%27url%28%23g%29%27%2F%3E%3C%2Fsvg%3E") 20 20,auto!important;}
}

.space-wrap {position:relative;}
.path-rail {position:absolute;z-index:3;left:0;top:35px;bottom:30px;width:180px;padding:20px 18px 20px 28px;background:linear-gradient(90deg,rgba(12,12,12,.92),rgba(12,12,12,.65) 75%,transparent);pointer-events:none;}
.path-rail button,.path-rail details {pointer-events:auto;}
.path-rail #see-path {font-size:15px;margin-bottom:22px;text-align:left;}
.path-rail summary {font-size:12px;color:#bdb3a2;cursor:pointer;}
.path-rail #visit-count {font-size:10px;}
.path-rail ol {display:flex;flex-direction:column;gap:0;list-style:none;padding:12px 0 0 9px;margin:0;max-height:calc(100% - 80px);overflow:auto;scrollbar-width:thin;}
.path-rail details {max-height:calc(100% - 65px);overflow:auto;scrollbar-width:thin;}
.path-rail li {position:relative;border-left:1px solid #61543e;padding:0 0 22px 15px;font:14px/1.35 Georgia,serif;color:#9e9587;}
.path-rail li::before {content:"";position:absolute;left:-3px;top:5px;width:5px;height:5px;background:#9b8968;border-radius:50%;}
.path-rail li:last-child {border-color:transparent;padding-bottom:4px;}
.path-rail li[aria-current] {color:#f1e1c2;}
.path-rail li[aria-current]::before {background:#f1d59a;box-shadow:0 0 8px #d8b56d66;}
@media(max-width:700px){.path-rail{top:0;bottom:auto;left:20px;width:200px;padding:12px;background:rgba(12,12,12,.9);border-radius:3px}.path-rail #see-path{margin-bottom:8px}.path-rail details{max-height:220px}.path-rail summary{font-size:12px}}

/* Artwork view: readable original text beside an uninterrupted image column. */
#work-dialog {width:min(1440px,96vw);max-height:94dvh;padding:0;background:#141311;border:1px solid #39352e;box-shadow:0 25px 100px #0009;}
#work-dialog .detail-toolbar {position:sticky;top:0;z-index:5;padding:18px 30px;background:#141311f5;border-bottom:1px solid #343027;backdrop-filter:blur(12px);}
#work-dialog .detail-toolbar>span {font:14px Georgia,serif;color:#bcb09c;}
#work-dialog .detail-toolbar button {border:0;border-bottom:1px solid #766a55;padding:5px 0;font-size:16px;}
.detail-layout {display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.6fr);gap:clamp(28px,5vw,80px);padding:clamp(24px,4vw,60px);align-items:start;}
#work-dialog .detail-heading {position:sticky;top:104px;margin:0;max-width:430px;}
#work-dialog .detail-eyebrow {font:11px/1.5 "Avenir Next",sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#a99b83;margin:0 0 20px;}
#work-dialog h2 {font:400 clamp(36px,4vw,62px)/1.05 Georgia,serif;letter-spacing:-.035em;margin:0 0 30px;text-wrap:balance;}
#detail-description p {font:16px/1.8 "Avenir Next",Avenir,sans-serif;color:#cfc6b8;margin:0 0 20px;}
#original-page {display:inline-block;margin-top:22px;color:#b8aa91;font-size:14px;}
#detail-media {gap:28px;margin:0;min-width:0;}
#detail-media img {width:100%;max-height:78dvh;object-fit:contain;background:#0d0d0c;}
#detail-media iframe {background:#090909;}
@media(max-width:760px){#work-dialog .detail-toolbar{padding:16px 20px}#work-dialog .detail-toolbar>span{font-size:12px}.detail-layout{grid-template-columns:1fr;gap:30px;padding:26px 20px}#work-dialog .detail-heading{position:static;max-width:100%}#work-dialog h2{margin-bottom:24px}#detail-description p{font-size:15px}#detail-media{gap:18px}}

#detail-subtitle {font:italic 19px/1.5 Georgia,serif;color:#cabb9f;margin:-8px 0 26px;}
#detail-credits {list-style:none;padding:20px 0 0;margin:26px 0 0;border-top:1px solid #3a342b;font:13px/1.65 "Avenir Next",sans-serif;color:#ad9f88;}
#detail-credits li+li {margin-top:8px;}
.about-page {max-width:1000px;margin:0 auto;padding:60px 6vw 100px;}
.about-page h1 {font:52px Georgia,serif;margin:0 0 35px;}
.about-page .artist-description {font-size:18px;line-height:1.85;color:#d0c7b9;max-width:760px;}
.about-page h2 {font:30px Georgia,serif;margin:55px 0 25px;}
.about-page .exhibitions>div {padding:14px 0;border-top:1px solid #373128;font-size:15px;color:#c5bbac;}

#work-dialog.long-copy .detail-heading {position:static;}

/* Supporting pages share the space's palette and typography. */
.editorial-main{max-width:1280px;margin:auto;padding:70px 5vw 30px;}
.eyebrow{font:11px/1.5 "Avenir Next",sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#ad9f89;margin:0 0 22px;}
.editorial-intro{padding:15px 0 65px;max-width:950px;}
.editorial-intro h1{font:400 clamp(44px,6.5vw,88px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:0 0 30px;text-wrap:balance;}
.intro-deck{font-size:17px;color:#bcb2a4;max-width:620px;}
.bio-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start;}
.editorial-main figure{margin:0;min-width:0;}
.editorial-main figure img{display:block;width:100%;max-height:620px;object-fit:contain;background:#0b0b0a;}
.editorial-main figcaption{font-size:12px;color:#a99d8a;margin-top:12px;}
.bio-copy p,.practice-row p,.enquiries-section>p:not(.eyebrow){font:17px/1.85 "Avenir Next",sans-serif;color:#c8bfb1;margin:0 0 24px;}
.text-link{display:inline-block;font:17px/1.5 Georgia,serif;margin-top:15px;color:#ead9bb;}
.history-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;border-top:1px solid #343027;margin-top:90px;padding-top:45px;}
.editorial-main h2{font:400 clamp(30px,3.4vw,46px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:0 0 28px;}
.history-list{list-style:none;margin:0;padding:0;}
.history-list li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid #2b2721;font-size:15px;line-height:1.6;color:#c6bdaf;}
.history-date{color:#9e907a;font-size:13px;}
.enquiries-section{border-top:1px solid #343027;margin-top:90px;padding:45px 0 25px;}
.enquiries-section>p{max-width:620px;}
.editorial-footer{max-width:1280px;margin:0 auto;padding:30px 5vw 50px;}
.practice-intro{max-width:760px;padding:0 0 65px;}
.practice-intro>p:first-child{font:26px/1.5 Georgia,serif;color:#dfd3be;}
.muted{color:#a99b87;font-size:13px;}
.practice-row{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:55px 0;border-top:1px solid #343027;align-items:center;}
.practice-row.reverse figure{order:2;}
.method-list{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:20px 0 0;border-top:1px solid #393126;font-size:12px;color:#b7a789;}
header nav a[aria-current=page]{color:#f4e6cb;border-bottom-color:#8a7c68;}
@media(max-width:760px){.editorial-main{padding:35px 6vw 20px}.editorial-intro{padding-bottom:35px}.bio-layout,.history-section,.practice-row{grid-template-columns:1fr;gap:30px}.practice-row.reverse figure{order:0}.history-section,.enquiries-section{margin-top:55px}.bio-copy p,.practice-row p{font-size:16px}.editorial-intro h1{font-size:46px}.editorial-page header nav{flex-wrap:wrap;gap:12px 22px}header nav{font-size:15px;gap:18px}}

.works-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px;padding-bottom:70px;}
.work-card{text-decoration:none;display:block;min-width:0;}
.work-card>img,.film-cover{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#161512;}
.work-card h2{font:24px/1.2 Georgia,serif;margin:16px 0 0;}
.work-card:hover h2{text-decoration:underline;text-underline-offset:6px;}
.film-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at center,#332e25,#151411);color:#cbbb9c;font:italic 18px Georgia,serif;}
.film-play{font:42px Georgia,serif;color:#e1cfae;}
.project-page{max-width:1440px;margin:auto;padding-bottom:60px;}
.project-back{margin:30px 4vw 0;}
.project-page .detail-heading{position:static;margin:0;}
.project-page h1{font:400 clamp(34px,4vw,60px)/1.1 Georgia,serif;letter-spacing:-.03em;margin:0 0 28px;}
@media(max-width:900px){.works-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;}}
@media(max-width:500px){.works-index{grid-template-columns:1fr}.work-card h2{font-size:25px;}}

/* Full-bleed artwork index; the gallery pages retain the uncropped images. */
.works-page .editorial-main {max-width:none;padding:0;}
.works-page .editorial-intro {max-width:none;padding:32px 4vw 30px;display:flex;align-items:baseline;justify-content:space-between;gap:20px;}
.works-page .editorial-intro .eyebrow {display:none;}
.works-page .editorial-intro h1 {font-size:40px;margin:0;}
.works-page .intro-deck {font-size:14px;margin:0;max-width:480px;}
.works-page .works-index {grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:0 0 3px;}
.works-page .work-card {position:relative;overflow:hidden;aspect-ratio:4/3;background:#181715;isolation:isolate;}
.works-page .work-card>img {width:100%;height:100%;aspect-ratio:auto;object-fit:cover;}
.works-page .work-card::after {content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7));z-index:1;pointer-events:none;}
.works-page .work-card h2 {position:absolute;left:26px;right:20px;bottom:23px;margin:0;z-index:2;font:400 clamp(22px,2.3vw,35px)/1.1 Georgia,serif;color:#fff7e8;text-shadow:0 1px 8px #0008;}
.works-page .work-card:focus-visible {outline:3px solid #b4dcff;outline-offset:-5px;}
@media(max-width:1000px){.works-page .works-index{grid-template-columns:repeat(2,minmax(0,1fr));}.works-page .editorial-intro{display:block}.works-page .intro-deck{margin-top:14px;}}
@media(max-width:560px){.works-page .works-index{grid-template-columns:1fr}.works-page .work-card{aspect-ratio:4/3}.works-page .work-card h2{font-size:29px;left:22px;bottom:22px}}

.path-rail #see-path {border:1px solid #76664f;border-radius:0;padding:10px 12px;background:#191712;transition:background 180ms ease,border-color 180ms ease,box-shadow 180ms ease;}
.path-rail #see-path:hover,.path-rail #see-path:focus-visible {background:#2b251b;border-color:#dac294;box-shadow:0 0 16px #d4b47724;color:#fff1d4;}
.trail-halo {opacity:1;transition:opacity 650ms ease 180ms;}
.space[data-moving="true"] .trail-halo {opacity:0;transition:opacity 180ms ease;}
@media(prefers-reduced-motion:reduce){.trail-halo,.path-rail #see-path{transition:none;}}

.trail-halo,.space[data-moving="true"] .trail-halo {opacity:1;transition:none;}

/* Carry the path rail shading to the scene edge, with a soft upper edge. */
@media(min-width:701px){
.path-rail {top:0;bottom:0;padding-top:55px;background:none;isolation:isolate;}
.path-rail::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(12,12,12,.92),rgba(12,12,12,.65) 75%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 65px);}
}

.space-welcome{position:fixed;right:24px;top:100px;z-index:20;width:min(440px,calc(100vw - 32px));color:#ded4c3;}
.space-welcome summary{margin-left:auto;width:max-content;cursor:pointer;border:1px solid #75654c;background:#181611;padding:10px 16px;font:15px Georgia,serif;list-style:none;}
.space-welcome summary::-webkit-details-marker{display:none;}
.space-welcome summary::after{content:' +';color:#d9bd8a;}
.space-welcome[open] summary::after{content:' −';}
.welcome-content{padding:28px;background:#181713fa;border:1px solid #554936;box-shadow:0 20px 70px #0008;max-height:calc(100dvh - 180px);overflow:auto;}
.welcome-content h2{font:32px/1.1 Georgia,serif;letter-spacing:-.025em;margin:0 0 20px;}
.welcome-content p,.welcome-content li{font-size:14px;line-height:1.65;}
.welcome-content ul{list-style:none;padding:0;margin:24px 0;}
.welcome-content li+li{margin-top:16px;}
.welcome-content strong{color:#f0e4ce;font-weight:500;}
.welcome-content .eyebrow{font-size:10px;margin:0 0 14px;}
.welcome-note{color:#b2a48d;}
#close-welcome{width:100%;background:#e0cba4;border:1px solid #e0cba4;color:#17140f;padding:12px;margin-top:10px;font:17px Georgia,serif;}
#close-welcome:hover{background:#f0dfbf;}
@media(max-width:600px){.space-welcome{top:auto;bottom:16px;right:16px}.welcome-content{max-height:65dvh;padding:22px}.welcome-content h2{font-size:28px}}

/* A short, scannable guide; deeper context is optional, equally readable. */
.space-welcome{width:min(480px,calc(100vw - 32px));}
.welcome-content{padding:26px;scrollbar-width:thin;}
.welcome-content p,.welcome-content li{font-size:16px;line-height:1.65;color:#e0d8cb;text-align:left;}
.welcome-content strong{font-weight:700;color:#fff3db;}
.welcome-content h2{font-size:32px;margin-bottom:24px;}
.welcome-steps{counter-reset:step;list-style:none;margin:0;padding:0;}
.welcome-steps>li{position:relative;padding:0 0 20px 38px;margin:0 0 20px;border-bottom:1px solid #494033;counter-increment:step;}
.welcome-steps>li::before{content:counter(step);position:absolute;left:0;top:0;font:700 15px/27px "Avenir Next",sans-serif;color:#efd6a7;border:1px solid #8b7757;width:26px;text-align:center;border-radius:50%;}
.welcome-content .step-title{display:block;font-size:18px;line-height:1.45;margin:0 0 7px;}
.welcome-steps p{margin:0;}
.welcome-steps p+p{margin-top:10px;}
.welcome-alternatives{margin:0 0 16px;}
.welcome-idea{margin-top:24px;border-top:1px solid #69583e;padding-top:12px;}
.space-welcome .welcome-idea>summary{width:auto;margin:0;padding:13px 26px 13px 0;position:relative;border:0;background:transparent;font:700 16px/1.45 "Avenir Next",sans-serif;color:#fff0d5;}
.space-welcome .welcome-idea>summary::after{content:'+';position:absolute;right:3px;top:13px;}
.space-welcome .welcome-idea[open]>summary::after{content:'−';}
.idea-copy p{margin:12px 0 22px;}
#close-welcome{font-weight:700;}
@media(max-width:600px){.welcome-content{padding:22px}.welcome-content p,.welcome-content li{font-size:16px}}