:root{font-family:Arial,Helvetica,sans-serif;color:#f4f3ee;background:#0d0f10;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}[hidden]{display:none!important}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #e8c68e;outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.atlas{position:fixed;inset:0;isolation:isolate;overflow:clip}.ambient{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 46%,#282d2d80,transparent 70%),#0c0e0f}
.masthead{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:25px 30px;z-index:5;pointer-events:none}.masthead>*{pointer-events:auto}.masthead button{background:none;padding:0;text-align:left}.masthead button>span{font-size:16px;font-weight:600;letter-spacing:-.5px}.brand-dot{font-size:10px;vertical-align:super;opacity:.5}.masthead small{display:block;font-size:6px;letter-spacing:1.7px;margin-top:7px;color:#8a9494}.masthead>a{font-size:10px;color:#c3cccc;display:flex;align-items:center;gap:15px}.masthead>a>span{font-size:18px}
.surface{position:absolute;inset:0;overflow:clip;touch-action:none;overscroll-behavior:none;user-select:none;outline-offset:-4px}.atlas[data-expanded=true] .surface{cursor:grab}.surface[data-dragging=true]{cursor:grabbing}.scene{position:absolute;inset:0;perspective:1600px;perspective-origin:50% 46%;pointer-events:none;transform-style:preserve-3d}
.pane-slot{position:absolute;left:50%;top:46%;width:405px;aspect-ratio:4/3;transform:translate(-50%,-50%);pointer-events:auto;container-type:inline-size;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}
.pane{position:relative;display:block;width:100%;height:100%;padding:0;background:none;text-align:left;overflow:visible;perspective:1400px;transform-style:preserve-3d;border-radius:4cqw}
.tv-rotor{--tv-radius:4cqw;position:absolute;inset:0;border-radius:var(--tv-radius);transform-style:preserve-3d;animation:tv-gyration var(--orbit-duration,13s) ease-in-out var(--orbit-delay,0s) infinite}
.tv-stock{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#707675,#242a29 16%,#101413 75%,#78817c);transform:translateZ(-7px);box-shadow:3px 9px 2px #060808,0 22px 32px #0007;pointer-events:none}
.tv-stock:before,.tv-stock:after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #a0aaa24d;background:#1c2220}.tv-stock:before{transform:translateZ(3px)}.tv-stock:after{transform:translateZ(6px);background:linear-gradient(145deg,#646d68,#171c1a 20%,#343c37)}
.tv-face{position:absolute;inset:0;display:block;border-radius:inherit;transform:translateZ(6px);background:linear-gradient(145deg,#2c3431,#151b18 70%);border:1px solid #b9c7bd5c;box-shadow:inset 0 1px 1px #f0fff25c,inset 0 -1px 2px #000c;overflow:hidden}
.tv-face:after{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:4;background:linear-gradient(125deg,#f4fff809,transparent 35% 78%,#e3f8ec0a);box-shadow:inset 0 0 0 1px #e6fff412}
.hero-composition{position:absolute;inset:2.1%;border-radius:3.5cqw;overflow:hidden;display:block;background:#171e1a}.hero-composition img{width:100%;height:100%;object-fit:cover;pointer-events:none}.hero-composition:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#050806a6);pointer-events:none}
.pane-label{position:absolute;left:7%;right:7%;bottom:7%;display:flex;align-items:end;justify-content:space-between;gap:8px;color:#fff;z-index:3;pointer-events:none;text-shadow:0 1px 8px #0008}.pane-label strong{font-size:5.1cqw;font-weight:500;letter-spacing:-.1cqw;line-height:1.15}.pane-label>span{font-size:5cqw;color:#ffffffba}
.pane:hover .tv-face,.pane:focus-visible .tv-face{border-color:#d8ead2a0}.pane:focus-visible{outline-offset:9px}
@keyframes tv-gyration{0%,100%{transform:rotateX(calc(var(--tilt-x,0deg) - .8deg)) rotateY(calc(var(--tilt-y,0deg) + 1.2deg))}25%{transform:rotateX(calc(var(--tilt-x,0deg) + 1deg)) rotateY(calc(var(--tilt-y,0deg) + .2deg))}50%{transform:rotateX(calc(var(--tilt-x,0deg) + .8deg)) rotateY(calc(var(--tilt-y,0deg) - 1.2deg))}75%{transform:rotateX(calc(var(--tilt-x,0deg) - 1deg)) rotateY(calc(var(--tilt-y,0deg) - .2deg))}}
.pane-slot[aria-hidden=true] .tv-rotor,.atlas[data-awake=false] .tv-rotor,.atlas[data-inspecting=true] .surface .tv-rotor,.surface[data-dragging=true] .tv-rotor{animation-play-state:paused}
.intro-pane .tv-face{background:radial-gradient(ellipse at 85% 0,#526a585c,transparent 65%),linear-gradient(145deg,#2b3732,#14201a)}.intro-content{position:absolute;inset:11% 10%;display:flex;flex-direction:column;justify-content:center;align-items:start;z-index:2}.micro{font-size:2.1cqw;color:#a6baaa;letter-spacing:.45cqw;text-transform:uppercase}.intro-content h1{font-size:15.2cqw;line-height:.99;letter-spacing:-.9cqw;font-weight:600;margin:7% 0}.intro-content h1 em{font-family:Georgia,serif;font-weight:400}.intro-description{font-size:2.8cqw;color:#c9d7c9;margin-top:3%;display:flex;gap:24px;align-items:center}.intro-description>span{font-size:5cqw}.intro-symbol{position:absolute;right:9%;top:11%;font-family:Georgia,serif;font-style:italic;font-size:12cqw;line-height:1;color:#9fb99f;opacity:.65}.atlas[data-expanded=true] .intro-description{opacity:.5}
.profile-pane .tv-face{padding:10%;display:flex;flex-direction:column;justify-content:center;gap:12%}.profile-pane h2{font-size:8.6cqw;line-height:1.1;letter-spacing:-.2cqw;font-weight:500}.profile-symbol{position:absolute;right:10%;bottom:8%;font-size:8cqw;color:#7b9583}.profile-pane .micro{font-size:2.2cqw;letter-spacing:.3cqw}
.navigation{position:absolute;bottom:22px;left:0;right:0;z-index:7;display:flex;align-items:center;justify-content:center;pointer-events:none}.navigation>*{pointer-events:auto}.dock{display:flex;align-items:center;gap:2px;padding:5px;border:1px solid #8c9a8f54;background:#25302ce6;backdrop-filter:blur(18px);border-radius:15px;box-shadow:0 9px 25px #0004}.dock>button,.dock summary{display:flex;align-items:center;gap:8px;padding:12px 15px;background:none;border-radius:10px;font-size:10px;white-space:nowrap;list-style:none;color:#c4d1c6}.dock summary::-webkit-details-marker{display:none}.dock>button:hover,.dock summary:hover{background:#d1ebd012}.dock>button>span,.dock summary>span{font-size:15px}.dock .dock-home{background:#cde2c817}.dock-home>span{font-family:Georgia,serif;font-style:italic;font-size:19px!important}.dock-home small{font-size:10px}.dock summary>small{font-size:7px;color:#8b9a8e}#work-menu{position:relative}.project-links{position:absolute;bottom:55px;left:0;min-width:215px;background:#17221ef5;border:1px solid #8ba58b52;box-shadow:0 15px 45px #0008;border-radius:12px;padding:8px}.project-links button{display:block;width:100%;text-align:left;background:none;padding:11px;border-radius:7px;font-size:11px;color:#dce4da}.project-links button:hover{background:#d5f0cb15}
.view-toggle{position:absolute;right:28px;bottom:3px;width:34px;height:34px;border-radius:10px;background:#1e2824;border:1px solid #81928155;font-size:20px;color:#a5b8a7}.coordinates{position:absolute;left:29px;bottom:15px;font:7px monospace;letter-spacing:1.5px;color:#6c8171}.pan-hint{position:absolute;bottom:89px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;color:#8eaa94;letter-spacing:.3px;z-index:6;pointer-events:none}.pan-hint i{width:2px;height:2px;border-radius:50%;background:#93ad98}.atlas[data-expanded=false] .pan-hint{display:none}
.atlas[data-view=list] .surface{inset:90px 0 110px;overflow:auto;touch-action:pan-y;cursor:auto;padding:18px 28px}.atlas[data-view=list] .scene{position:relative;inset:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,460px));gap:35px;justify-content:center;perspective:none;transform-style:flat}.atlas[data-view=list] .pane-slot{position:relative;left:auto;top:auto;width:100%!important;height:auto;transform:none!important;opacity:1!important;visibility:visible!important;will-change:auto}.atlas[data-view=list] .tv-rotor{animation:none;transform:none}.atlas[data-view=list] .pan-hint,.atlas[data-view=list] .coordinates{display:none}
.inspector{position:absolute;inset:76px max(24px,calc((100% - 1100px)/2)) 93px;z-index:8;border:1px solid #9eb49f5c;background:#121c17f5;backdrop-filter:blur(24px);border-radius:18px;box-shadow:0 25px 80px #000a;overflow:auto;overscroll-behavior:contain}.inspector-toolbar{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid #80967f36;background:#18241ff5;backdrop-filter:blur(20px)}.inspector-toolbar>span{font-size:8px;letter-spacing:1.3px;color:#9db59d}.inspector-toolbar>button{display:flex;align-items:center;gap:14px;background:none;font-size:11px;color:#d7e5d4}.inspector-toolbar>button span{font-size:24px;line-height:.6}.detail-content{padding:24px}.detail-hero{position:relative;aspect-ratio:4/3;max-width:800px;margin:auto;overflow:hidden;border-radius:10px;background:#18221b}.detail-hero .tv-rotor{animation:none;transform:none;border-radius:10px}.detail-hero .tv-stock{display:none}.detail-hero .tv-face{transform:none;border:0}.detail-hero .hero-composition{inset:0;border-radius:10px}.detail-hero .hero-composition:after{display:none}.detail-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 3px;max-width:800px;margin:auto}.detail-meta h2{font-size:27px;font-weight:500;letter-spacing:-.8px}.open-live{display:inline-flex;align-items:center;gap:15px;border:1px solid #a6c19b5e;border-radius:8px;padding:12px 15px;font-size:11px;color:#d0e3c8}.source-basis{font-size:10px;line-height:1.8;color:#91a68e;margin:0 auto 20px;max-width:800px}.source-gallery{max-width:800px;margin:auto}.source-gallery summary{font-size:11px;color:#b3c7ad;cursor:pointer;padding:12px 0}.capture-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:10px 0 20px}.capture-strip figure{overflow:hidden;border:1px solid #90ad8133;border-radius:8px;background:#0f1812}.capture-strip img{width:100%;height:auto}.capture-strip figcaption{font-size:10px;line-height:1.7;color:#8da584;padding:10px 12px}
.profile-detail{max-width:760px;margin:auto;padding:30px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#98b095}.profile-detail h2{font-size:clamp(30px,5vw,52px);font-weight:500;line-height:1.1;letter-spacing:-1.4px;margin:20px 0 28px}.profile-detail p{font-size:14px;color:#b3c7af;line-height:1.8;margin:15px 0}.profile-detail>a{display:inline-block;color:#d2e2bf;font-size:19px;margin:20px 0}.experience-list{display:grid;gap:15px;padding-top:15px}.experience-list strong{font-size:16px;font-weight:400}.experience-list span{color:#91a78b;font-size:12px;margin-left:15px}
.atlas[data-inspecting=true] .surface{filter:brightness(.35)}.atlas[data-inspecting=true] .pan-hint{opacity:0}.no-script{position:fixed;inset:0;padding:40px;background:#152018;z-index:40;overflow:auto}.no-script p,.no-script li{margin:20px 0}.no-script a{text-decoration:underline}
@media(max-width:700px){.masthead{padding:23px}.masthead button>span{font-size:13px}.masthead small{font-size:5px;letter-spacing:1.4px}.masthead>a{font-size:8px;gap:9px}.masthead>a>span{font-size:15px}.scene{perspective:1200px}.navigation{bottom:25px}.dock{padding:4px;gap:0;border-radius:12px}.dock>button,.dock summary{padding:9px 8px;gap:5px;font-size:8px}.dock>button>span,.dock summary>span{font-size:12px}.dock .dock-home{padding-inline:11px}.dock-home small{display:none}.dock .dock-home>span{font-size:16px!important}.view-toggle{right:12px;bottom:-16px;width:22px;height:22px;font-size:15px;border-radius:7px}.coordinates{left:15px;bottom:-8px;font-size:6px}.pan-hint{bottom:82px;font-size:7px}.inspector{inset:72px 12px 88px;border-radius:13px}.inspector-toolbar{padding:16px}.inspector-toolbar>span{font-size:7px}.detail-content{padding:13px}.detail-meta{display:block;padding:22px 2px}.detail-meta h2{font-size:24px}.open-live{margin-top:18px}.capture-strip{grid-template-columns:1fr}.profile-detail{padding:18px 10px}.profile-detail p{font-size:12px}.profile-detail>a{font-size:16px}.atlas[data-view=list] .surface{inset:85px 0 105px;padding:14px 20px}.atlas[data-view=list] .scene{grid-template-columns:minmax(240px,460px);gap:28px}}
@media(max-width:360px){.masthead{padding-inline:19px}.dock>button,.dock summary{font-size:7px;padding-inline:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tv-rotor{transform:none!important}.pane-slot{will-change:auto}}
@media(forced-colors:active){.ambient,.hero-composition{display:none}.atlas,.tv-face{background:Canvas;color:CanvasText}.tv-stock{display:none}.tv-face,.dock,.inspector{border:1px solid ButtonText}.pane-label,.profile-pane .micro,.micro{color:CanvasText}.dock{background:Canvas;color:CanvasText}}