:root{--ink:#0b0b09;--ink-2:#141411;--ink-3:#1d1d18;--paper:#e5ddcc;--muted:#aaa391;--gold:#a98a52;--bronze:#715a3c;--moss:#596344;--line:rgba(229,221,204,.17);--serif:'Noto Serif SC','Songti SC',serif;--sans:'Noto Sans SC','Microsoft YaHei',sans-serif;--shell:min(1200px,calc(100% - 72px));}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.7}.grain{position:fixed;inset:0;pointer-events:none;opacity:.09;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;top:-50px;left:12px;background:var(--paper);color:var(--ink);z-index:99;padding:8px 12px}.skip-link:focus{top:12px}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:82px;width:var(--shell);margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid rgba(229,221,204,.1)}.brand{font-family:var(--serif);font-size:19px;letter-spacing:.12em;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{width:22px;height:22px;display:flex;align-items:center;gap:3px}.brand-mark i{display:block;width:4px;height:16px;border:1px solid var(--gold);transform:rotate(30deg)}.brand-mark i:nth-child(2){height:21px;border-color:var(--paper)}.brand-mark i:nth-child(3){height:12px;border-color:var(--bronze)}.nav-links{display:flex;gap:31px;margin-left:70px}.nav-links a{font-size:13px;color:var(--muted);transition:color .25s}.nav-links a:hover,.nav-links a.is-active{color:var(--paper)}.nav-links a.is-active:after{content:'';display:block;width:4px;height:4px;background:var(--gold);border-radius:50%;margin:4px auto -8px}.nav-contact{font-size:13px;border:1px solid var(--line);padding:8px 13px;transition:color .2s,border-color .2s}.nav-contact:hover{border-color:var(--gold);color:var(--gold)}.nav-contact span{margin-left:5px;color:var(--gold)}.menu-toggle{display:none;background:none;border:0;color:var(--paper);padding:8px}.menu-toggle svg{width:22px;height:22px}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.hero:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--gold),transparent 40%)}.hero-copy{padding:87px 0 88px;position:relative;z-index:1}.archive-label{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-size:10px;font-weight:600}.archive-label>span{font-variant-numeric:tabular-nums}.archive-label i{width:22px;height:1px;background:var(--gold);display:block}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--muted);margin:43px 0 12px}.hero h1,.page-intro h1,.detail-heading h1,.visual-title h1,.contact-main h1{font:600 clamp(54px,7vw,90px)/1.14 var(--serif);letter-spacing:.04em;margin:0}.hero-statement{font:500 23px/1.75 var(--serif);letter-spacing:.03em;margin:27px 0 40px}.hero-statement em,h1 em{font-style:normal;color:var(--gold)}.hero-actions{display:flex;gap:12px}.button{min-height:45px;display:inline-flex;align-items:center;gap:12px;padding:10px 18px;border:1px solid var(--gold);color:var(--paper);font-size:13px;transition:background .25s,color .25s,border-color .25s}.button svg,.view-work svg,.contact-details svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5}.button:hover{background:var(--gold);color:var(--ink)}.button-secondary{border-color:var(--line);color:var(--muted)}.button-secondary:hover{background:transparent;border-color:var(--paper);color:var(--paper)}.hero-footnote{font-size:11px;color:#777366;margin:42px 0 0}.hero-network{height:630px;max-height:73vh;position:relative;margin-left:18px}.hero-network svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hero-network path{fill:none;stroke:var(--bronze);stroke-width:1.25;stroke-linecap:round}.hero-network path.faint{stroke:#3f4931}.node{position:absolute;width:9px;height:9px;border:1px solid var(--gold);border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px var(--ink)}.node:after{content:'';position:absolute;inset:2px;border-radius:50%;background:var(--gold)}.n1{left:5%;top:73%}.n2{left:33%;top:59%}.n3{left:59%;top:48%}.n4{right:17%;top:25%}.n5{right:2%;top:13%}.network-card{position:absolute;border:1px solid rgba(169,138,82,.45);background:rgba(20,20,17,.92);padding:11px 13px;width:91px;font:12px/1.45 var(--serif);letter-spacing:.1em;color:var(--paper)}.network-card b{font:12px var(--sans);color:var(--gold);float:right;margin-top:5px}.network-card.top{top:10%;right:13%}.network-card.middle{top:40%;left:32%}.network-card.bottom{bottom:5%;left:8%}.network-note{position:absolute;right:6%;bottom:13%;font-size:9px;letter-spacing:.15em;line-height:1.7;color:var(--gold);border-left:1px solid var(--moss);padding-left:11px}.network-note em{font:13px/1.5 var(--serif);letter-spacing:.04em;color:var(--muted);display:block;margin-top:5px}.section{padding:132px 0}.section-heading{max-width:610px}.section-heading h2,.archive-cta h2,.contact-band h2,.visual-video h2{font:600 clamp(31px,4vw,52px)/1.35 var(--serif);letter-spacing:.04em;margin:25px 0 13px}.section-heading p{color:var(--muted);max-width:490px;margin:0}.capabilities{display:grid;grid-template-columns:5fr 7fr;gap:110px}.capability-list{border-top:1px solid var(--line)}.capability-list>div{min-height:77px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:53px 1fr 1.7fr;align-items:center;gap:7px}.capability-list b{font:400 13px var(--serif);color:var(--gold)}.capability-list span{font:500 17px var(--serif)}.capability-list small{font-size:12px;color:var(--muted)}.featured{background:var(--ink-2);border-block:1px solid rgba(229,221,204,.07)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:57px}.featured-grid .work-card:first-child{grid-column:span 2}.work-card{position:relative;border-top:1px solid var(--line);padding-top:10px;transition:border-color .25s}.card-link{position:absolute;inset:0;z-index:2}.work-card:hover{border-color:var(--gold)}.work-number{display:flex;align-items:center;gap:8px;color:var(--gold);font:12px var(--serif);margin-bottom:10px}.work-number span{height:1px;width:17px;background:var(--bronze)}.visual-frame{position:relative;overflow:hidden;aspect-ratio:1.55;background:#1b1b16;border:1px solid rgba(229,221,204,.06);isolation:isolate}.visual-frame:before,.visual-frame:after{content:'';position:absolute;border:1px solid rgba(169,138,82,.38);border-radius:50%;z-index:-1}.visual-frame:before{width:50%;aspect-ratio:1;right:-11%;top:-15%}.visual-frame:after{width:75%;aspect-ratio:1;left:-25%;bottom:-39%;border-color:rgba(89,99,68,.43)}.frame-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(229,221,204,.075) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(229,221,204,.075) 50%,transparent 50.3%);background-size:31px 31px}.frame-orb{position:absolute;border-radius:50%;border:1px solid rgba(169,138,82,.6)}.frame-orb.one{width:55%;aspect-ratio:1;right:17%;top:12%}.frame-orb.two{width:13%;aspect-ratio:1;left:17%;bottom:15%;background:var(--bronze);border:0}.frame-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);font:600 clamp(60px,8vw,110px)/1 var(--serif);color:rgba(229,221,204,.82);text-shadow:18px 16px 0 rgba(113,90,60,.22)}.portrait .frame-symbol{font-size:clamp(45px,6vw,75px);transform:translate(-50%,-50%);border:1px solid rgba(229,221,204,.4);border-radius:50%;width:30%;aspect-ratio:1;display:grid;place-items:center}.ad .frame-orb.one{border-radius:0;width:45%;right:4%;top:0;transform:rotate(40deg)}.clip .frame-symbol{font-size:clamp(55px,7vw,90px)}.visual .frame-symbol{font-size:clamp(50px,7vw,80px);color:var(--gold)}.frame-caption{position:absolute;left:11px;right:11px;bottom:8px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:rgba(229,221,204,.55)}.work-card:hover .visual-frame{transform:scale(1.015)}.visual-frame{transition:transform .3s}.work-meta{padding:13px 2px 4px}.meta-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tag{color:var(--gold);font-size:11px}.metric{font-size:10px;color:#858071}.work-meta h3{font:500 20px/1.4 var(--serif);margin:11px 0 5px;letter-spacing:.03em}.work-meta p{font-size:12px;color:var(--muted);margin:0;min-height:39px}.contribution{font-size:10px;color:#878170;border-top:1px solid rgba(229,221,204,.1);margin-top:14px;padding-top:9px}.view-work{font-size:11px;color:var(--gold);display:flex;align-items:center;gap:7px;margin-top:12px;opacity:0;transform:translateX(-7px);transition:.25s}.work-card:hover .view-work{opacity:1;transform:none}.section-footer{display:flex;align-items:center;justify-content:space-between;margin-top:42px}.section-footer>span{font-size:11px;color:#7e796d}.metrics{padding-bottom:105px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:51px}.metric-grid>div{padding:18px 16px 12px 0;border-right:1px solid var(--line)}.metric-grid>div:not(:first-child){padding-left:18px}.metric-grid>div:last-child{border:0}.metric-grid span{font-size:10px;color:var(--gold);letter-spacing:.06em}.metric-grid b{display:block;font:600 clamp(36px,4.4vw,60px)/1.3 var(--serif);letter-spacing:-.03em;margin:14px 0 4px}.metric-grid sup{font-size:.42em;color:var(--gold);vertical-align:top;margin-left:3px}.metric-grid p{font-size:11px;color:var(--muted);margin:0}.copyright-note{font-size:10px;color:#777366;margin:25px 0 0}.method{padding:105px 0;background:#10100e;position:relative}.method:after{content:'';position:absolute;width:17%;height:1px;background:var(--moss);right:0;top:93px}.method-inner{display:grid;grid-template-columns:1fr 2fr;gap:70px}.method-flow{display:flex;align-items:flex-start;margin-top:30px}.method-flow>div{text-align:center;min-width:84px;position:relative}.method-flow i{width:21px;height:21px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;font:9px var(--sans);font-style:normal;color:var(--gold);background:var(--ink-2)}.method-flow b{font:500 15px var(--serif);display:block}.method-flow span{font-size:10px;color:var(--muted);display:block;line-height:1.5;margin-top:5px}.method-flow>em{height:1px;background:var(--bronze);width:100%;margin-top:10px;position:relative}.method-flow>em:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border:1px solid var(--bronze);border-radius:50%}.archive-cta{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:end;gap:45px;border-bottom:1px solid var(--line);padding-bottom:115px}.archive-cta h2{margin-bottom:0}.archive-cta>p{font-size:14px;color:var(--muted);max-width:310px;margin:0}.contact-band{background:var(--ink-3);padding:103px 0;position:relative;overflow:hidden}.contact-band:before{content:'';position:absolute;width:420px;height:420px;border:1px solid rgba(169,138,82,.18);border-radius:50%;right:-80px;top:-210px}.contact-band h2{margin:27px 0 34px}.site-footer{display:flex;justify-content:space-between;align-items:center;min-height:91px;color:#888274;font-size:11px}.site-footer .brand{font-size:16px;color:var(--paper)}.site-footer p{margin:0}.page-shell{min-height:75vh}.page-intro{padding:117px 0 75px;max-width:var(--shell)}.page-intro h1{font-size:clamp(42px,5.4vw,69px);margin:27px 0 22px}.page-intro p{color:var(--muted);max-width:550px;margin:0}.archive-controls{border-block:1px solid var(--line);padding:16px 0;display:flex;gap:30px;align-items:center}.filter-label{font-size:11px;color:var(--gold);white-space:nowrap}.filter-label span{color:var(--muted)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{color:var(--muted);background:transparent;border:1px solid transparent;padding:5px 10px;cursor:pointer;font-size:12px}.filter:hover,.filter.active{border-color:var(--bronze);color:var(--paper)}.work-archive{padding:30px 0 110px}.archive-count{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.archive-count b{font:400 22px var(--serif);color:var(--paper)}.archive-grid{margin-top:22px}.work-card[hidden]{display:none}.detail-page,.visual-page{min-height:100vh}.detail-hero{padding:92px 0 102px;display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:center}.detail-heading h1{font-size:clamp(42px,5vw,67px);margin:28px 0 19px}.detail-heading>p{color:var(--muted);max-width:460px;font-size:14px}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}.detail-tags span{border:1px solid var(--line);font-size:10px;color:var(--muted);padding:4px 8px}.detail-cover{position:relative}.visual-frame.large{aspect-ratio:1.38}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--paper);background:rgba(11,11,9,.5);color:var(--paper);transition:.2s}.play-button:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}.play-button svg{width:23px;height:23px;fill:currentColor;stroke:none;margin-left:3px}.detail-cover>span{display:block;font-size:10px;color:var(--muted);letter-spacing:.08em;margin-top:9px}.detail-summary{border-top:1px solid var(--line);padding:67px 0 93px;display:grid;grid-template-columns:1fr 1fr;gap:95px}.detail-summary p{font:500 23px/1.72 var(--serif);margin:23px 0}.detail-summary ul{margin:23px 0;padding:0;list-style:none;border-top:1px solid var(--line)}.detail-summary li{border-bottom:1px solid var(--line);padding:9px 0;font-size:13px;color:var(--muted)}.detail-summary li:before{content:'○';color:var(--gold);margin-right:10px}.detail-process{background:var(--ink-2);padding:103px 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:53px}.process-grid article{border-top:1px solid var(--bronze);padding-top:13px}.process-grid b{font:12px var(--serif);color:var(--gold)}.process-grid h3{font:500 20px var(--serif);margin:22px 0 10px}.process-grid p{font-size:12px;color:var(--muted);margin:0}.related{padding:101px 0}.small-grid{margin-top:34px}.dark-section{background:var(--ink-2)}.film-frame{position:relative}.visual-hero{padding:116px 0 76px;position:relative}.visual-title{display:grid;grid-template-columns:1.2fr 1fr;gap:95px;align-items:end;margin-top:27px}.visual-title h1{font-size:clamp(41px,5vw,68px)}.visual-title p{color:var(--muted);margin:0 0 8px;max-width:385px}.visual-hero-art{height:325px;margin-top:77px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.character-silhouette{position:absolute;width:198px;height:250px;border:1px solid var(--gold);left:41%;bottom:-61px;border-radius:49% 49% 0 0;background:linear-gradient(160deg,rgba(113,90,60,.27),transparent 60%);display:grid;place-items:center;text-align:center;font:19px/1.6 var(--serif);letter-spacing:.12em}.character-silhouette:before{content:'';position:absolute;width:72px;height:72px;border:1px solid rgba(229,221,204,.55);border-radius:50%;top:-35px}.character-silhouette i{position:absolute;bottom:22px;height:81%;width:1px;background:var(--moss);transform:rotate(21deg)}.character-silhouette b{font-weight:500}.skill-chip{position:absolute;border:1px solid var(--bronze);padding:8px 10px;font:11px var(--serif);color:var(--gold);background:var(--ink-2)}.skill-chip.a{top:81px;left:23%}.skill-chip.b{right:22%;bottom:57px}.v-thread{height:1px;background:var(--bronze);position:absolute;transform-origin:left}.v-thread.one{left:0;top:62%;width:50%;transform:rotate(-9deg)}.v-thread.two{right:0;top:50%;width:46%;transform:rotate(13deg)}.visual-flow{padding:88px 0 117px}.asset-flow{display:flex;align-items:center;margin-top:45px}.asset-flow>div{width:145px}.asset-flow span{display:block;font:11px var(--serif);color:var(--gold);margin-bottom:12px}.asset-flow b{display:block;font:500 17px var(--serif);white-space:nowrap}.asset-flow small{font-size:10px;color:var(--muted);display:block;margin-top:6px}.asset-flow>i{height:1px;background:var(--bronze);flex:1;margin:0 13px}.asset-showcase{padding:106px 0 122px;border-top:1px solid var(--line)}.asset-intro{display:flex;align-items:end;justify-content:space-between;gap:50px}.asset-intro p{max-width:340px;color:var(--muted);font-size:12px;margin:0}.asset-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr 1.1fr;gap:18px;margin-top:58px}.asset-card{min-height:395px;border-top:1px solid var(--bronze);padding-top:10px}.asset-no{font-size:10px;color:var(--gold);letter-spacing:.1em}.asset-card h3{font:500 20px var(--serif);margin:16px 0 4px}.asset-card>p{font-size:11px;color:var(--muted);margin:0}.asset-figure{height:270px;margin-top:13px;border:1px solid rgba(229,221,204,.17);position:relative;overflow:hidden}.asset-figure span{position:absolute;width:140px;height:210px;border:1px solid var(--gold);border-radius:50% 50% 0 0;left:50%;bottom:-28px;transform:translateX(-50%)}.asset-figure span:before{content:'';position:absolute;top:-52px;left:33px;width:72px;height:72px;border:1px solid var(--paper);border-radius:50%}.asset-figure i{position:absolute;width:1px;height:110%;background:var(--moss);left:30%;top:-5%;transform:rotate(-16deg)}.asset-figure b{position:absolute;right:13px;bottom:13px;font:13px/1.5 var(--serif);color:var(--gold)}.game-card{height:270px;border:1px solid rgba(169,138,82,.55);margin-top:13px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 30%,rgba(113,90,60,.32),transparent 35%)}.game-card span{font-size:10px;color:var(--gold)}.game-card b{font:500 28px var(--serif);letter-spacing:.1em}.game-card i{font:10px var(--sans);color:var(--muted);font-style:normal;border-top:1px solid var(--line);padding-top:8px}.icon-set{height:270px;margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.icon-set i{border:1px solid rgba(229,221,204,.16);display:grid;place-items:center;font:38px var(--serif);font-style:normal;color:var(--gold);background:rgba(113,90,60,.08)}.poster{height:270px;margin-top:13px;background:#252218;position:relative;overflow:hidden;border:1px solid rgba(229,221,204,.12)}.poster:before{content:'';position:absolute;width:220px;height:220px;border:1px solid var(--gold);border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%)}.poster span{position:absolute;z-index:1;top:22px;left:22px;font:28px/1.15 var(--serif);color:var(--paper)}.poster i{position:absolute;bottom:16px;right:15px;color:var(--gold);font:8px/1.4 var(--sans);letter-spacing:.1em;font-style:normal}.visual-video{background:var(--ink-3);padding:103px 0}.visual-video>div{display:grid;grid-template-columns:1.2fr 1fr auto;gap:50px;align-items:end}.visual-video h2{margin-bottom:0}.visual-video p{font-size:13px;color:var(--muted);margin:0}.timeline{padding:0 0 120px}.timeline article{border-top:1px solid var(--line);padding:24px 0 52px;display:grid;grid-template-columns:230px 1fr}.timeline span{font:11px var(--serif);color:var(--gold)}.timeline h2{font:500 26px var(--serif);margin:0}.timeline p{grid-column:2;color:var(--muted);margin:13px 0 0;max-width:600px}.contact-page{min-height:calc(100vh - 173px);display:flex;align-items:center}.contact-main{padding:92px 0}.contact-main h1{font-size:clamp(42px,5.5vw,72px);margin:27px 0 19px}.contact-main>p{color:var(--muted)}.contact-details{margin-top:47px;max-width:610px;border-top:1px solid var(--line)}.contact-details a{display:grid;grid-template-columns:140px 1fr 20px;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;transition:color .2s}.contact-details a:hover{color:var(--gold)}.contact-details span{font-size:11px;color:var(--muted)}.contact-details b{font:500 18px var(--serif)}
@media (max-width:800px){:root{--shell:min(100% - 40px,600px)}body{font-size:14px}.site-header{height:68px}.nav-contact{display:none}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none}.menu-open .nav-links{display:flex;position:fixed;inset:68px 0 0;background:var(--ink-2);z-index:8;flex-direction:column;padding:42px 20px;gap:28px}.menu-open .nav-links a{font:500 25px var(--serif);color:var(--paper)}.menu-open .nav-links a.is-active:after{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto}.hero-copy{padding:68px 0 40px}.hero h1{font-size:60px}.hero-statement{font-size:19px;margin:22px 0 31px}.hero-network{height:390px;margin:0 -7px;max-height:none}.network-note{display:none}.network-card.top{right:4%}.network-card.middle{left:23%}.capabilities{display:block;padding:83px 0}.capability-list{margin-top:43px}.capability-list>div{grid-template-columns:40px 1fr;gap:4px;padding:9px 0}.capability-list small{grid-column:2}.section{padding:81px 0}.work-grid,.featured-grid{grid-template-columns:1fr;gap:32px;margin-top:39px}.featured-grid .work-card:first-child{grid-column:auto}.work-card{max-width:480px}.work-meta h3{font-size:20px}.view-work{opacity:1;transform:none}.section-footer{align-items:flex-start;gap:20px;flex-direction:column}.section-footer>span{max-width:240px}.metric-grid{grid-template-columns:1fr 1fr;margin-top:36px}.metric-grid>div:nth-child(2){border-right:0}.metric-grid>div:nth-child(n+3){border-top:1px solid var(--line);padding-top:18px}.metric-grid>div:not(:first-child){padding-left:0}.metric-grid>div:nth-child(even){padding-left:15px}.metric-grid b{font-size:42px}.method{padding:76px 0}.method-inner{display:block}.method-flow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px 10px}.method-flow>em{display:none}.method-flow>div{min-width:auto}.archive-cta{display:block;padding-bottom:78px}.archive-cta>p{margin:22px 0}.contact-band{padding:78px 0}.site-footer{min-height:120px;align-items:flex-start;flex-direction:column;justify-content:center;gap:6px}.page-intro{padding:75px 0 54px}.page-intro h1{font-size:42px}.archive-controls{align-items:flex-start;flex-direction:column;gap:10px;padding:15px 0}.filters{gap:3px}.filter{padding:5px 7px}.detail-hero{padding:68px 0 71px;display:flex;flex-direction:column;gap:40px;align-items:stretch}.detail-heading h1{font-size:43px}.detail-summary{grid-template-columns:1fr;gap:40px;padding:59px 0}.detail-summary p{font-size:19px}.detail-process{padding:76px 0}.process-grid{grid-template-columns:1fr 1fr;margin-top:37px;gap:28px 18px}.related{padding:76px 0}.visual-hero{padding:75px 0 57px}.visual-title{grid-template-columns:1fr;gap:21px}.visual-title h1{font-size:42px}.visual-hero-art{height:257px;margin-top:54px}.character-silhouette{left:38%;transform:scale(.8);transform-origin:bottom}.skill-chip.a{left:6%;top:53px}.skill-chip.b{right:7%;bottom:37px}.visual-flow{padding:73px 0}.asset-flow{display:grid;grid-template-columns:1fr 1fr;margin-top:36px;gap:22px}.asset-flow>i{display:none}.asset-flow>div{width:auto;border-left:1px solid var(--bronze);padding-left:10px}.asset-intro{display:block}.asset-intro p{margin-top:15px}.asset-showcase{padding:75px 0}.asset-grid{grid-template-columns:1fr 1fr;gap:23px 13px;margin-top:42px}.asset-card{min-height:295px}.asset-figure,.game-card,.icon-set,.poster{height:183px}.asset-figure span{transform:translateX(-50%) scale(.72);transform-origin:bottom}.game-card{padding:10px}.game-card b{font-size:20px}.icon-set i{font-size:27px}.poster span{font-size:21px;top:15px;left:13px}.asset-card h3{font-size:17px;margin-top:11px}.asset-card>p{font-size:10px;line-height:1.5}.visual-video{padding:76px 0}.visual-video>div{display:block}.visual-video p{margin:20px 0 25px}.timeline{padding-bottom:77px}.timeline article{display:block;padding-bottom:38px}.timeline h2{font-size:22px;margin-top:8px}.timeline p{font-size:13px}.contact-main{padding:68px 0}.contact-main h1{font-size:43px}.contact-details a{grid-template-columns:100px 1fr 18px}.contact-details b{font-size:15px}.hero:after{background:linear-gradient(90deg,var(--gold),transparent 70%)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-card,.visual-frame,.view-work,.button{transition:none}.hero-network{display:none}.hero{min-height:auto}.menu-open .nav-links{transition:none}}

/* Evidence-led portfolio pass: keep the archive palette, put real work first. */
html,body{max-width:100%;overflow-x:hidden}.hero-role{font:600 clamp(38px,4.7vw,61px)/1.25 var(--serif);letter-spacing:.025em;max-width:630px}.portfolio-name{font-size:14px;color:var(--muted);letter-spacing:.08em;margin:9px 0 0}.portfolio-name em{font:500 19px var(--serif);font-style:normal;color:var(--gold)}.hero-statement{margin-top:21px}.hero-capabilities{font-size:12px;color:var(--gold);letter-spacing:.04em;margin:-19px 0 31px;max-width:500px}.nav-links{margin-left:35px}.nav-links a{white-space:nowrap}.work-card{min-width:0}.work-media-link{display:block;overflow:hidden;border:1px solid rgba(229,221,204,.1);background:#12120f}.real-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#12120f;color:var(--paper)}.real-video:focus-visible,.work-image:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.detail-video{aspect-ratio:16/9}.work-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#181813}.work-meta h3 a:hover{color:var(--gold)}.work-outcome{display:flex;align-items:flex-start;gap:9px;border-top:1px solid rgba(229,221,204,.1);padding-top:9px;margin-top:11px;font-size:10px}.work-outcome span{flex:0 0 auto;color:var(--gold)}.work-outcome b{font-weight:400;color:var(--muted)}.work-meta p{min-height:unset}.work-grid{align-items:start}.featured-grid .work-card:first-child{grid-column:span 1}.account-records{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}.account-record{border-top:1px solid var(--bronze);padding-top:12px}.account-heading>span{font-size:10px;letter-spacing:.1em;color:var(--gold)}.account-heading h3{font:500 22px var(--serif);margin:7px 0 18px}.account-record dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.account-record dl>div{padding:11px 7px 11px 0;border-bottom:1px solid rgba(229,221,204,.09);min-width:0}.account-record dt{font-size:10px;color:var(--muted)}.account-record dd{font:500 clamp(15px,2vw,21px) var(--serif);margin:3px 0 0;white-space:nowrap}.experience-accounts{margin:25px 0 0}.copyright-note,.source-note{font-size:11px;color:#918b7c}.experience-brief,.skills-brief{width:var(--shell);margin-inline:auto;padding:85px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.experience-brief h2,.skills-brief h2{font:600 34px/1.4 var(--serif);margin:22px 0}.experience-brief p,.skills-brief p{color:var(--muted);font-size:13px}.experience-brief b,.skills-brief b{color:var(--paper)}.experience-brief a,.contact-work-link{font-size:12px;color:var(--gold)}.detail-responsibility{border-top:1px solid var(--line);margin-top:30px;padding-top:12px;display:flex;flex-direction:column;gap:6px}.detail-responsibility b,.result-callout span{font-size:10px;color:var(--gold)}.detail-responsibility span{font-size:12px;color:var(--muted)}.media-caption{font-size:11px;color:var(--muted);margin:10px 0}.detail-image{width:100%;max-height:660px;object-fit:contain;background:#11110f}.source-note{line-height:1.7}.result-callout{margin-top:20px;padding:13px;border-left:1px solid var(--gold);background:rgba(113,90,60,.09)}.result-callout b{display:block;font:500 16px var(--serif);margin-top:6px}.real-visual-hero{display:flex;align-items:center;justify-content:center;gap:32px;height:360px;margin-top:70px;border-block:1px solid var(--line);position:relative}.real-visual-hero:before,.real-visual-hero:after{content:'';position:absolute;height:1px;background:var(--bronze);width:20%;top:50%}.real-visual-hero:before{left:0}.real-visual-hero:after{right:0}.real-visual-hero img{max-height:320px;max-width:min(55%,300px);object-fit:contain}.real-visual-hero span{font-size:12px;color:var(--gold);letter-spacing:.08em}.asset-flow{flex-wrap:wrap;gap:20px 0}.real-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.real-asset-card{min-width:0;min-height:unset}.asset-images{height:300px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;padding:12px;background:#141411;border:1px solid rgba(229,221,204,.11)}.asset-images img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.asset-images.has-extra img{width:calc(50% - 4px)}.real-asset-card dl{margin:15px 0 0;border-top:1px solid var(--line)}.real-asset-card dl>div{padding:9px 0;border-bottom:1px solid rgba(229,221,204,.08)}.real-asset-card dt{font-size:10px;color:var(--gold)}.real-asset-card dd{font-size:11px;color:var(--muted);margin:3px 0 0;line-height:1.65}.detailed-timeline article{grid-template-columns:230px minmax(0,1fr)}.detailed-timeline article>div{min-width:0}.detailed-timeline .responsibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.responsibility-grid>div{padding:13px;border-top:1px solid var(--bronze);background:rgba(20,20,17,.5)}.responsibility-grid b{font:500 14px var(--serif);color:var(--gold)}.responsibility-grid p{font-size:11px!important;margin:8px 0 0!important;line-height:1.65}.contact-details a{min-width:0}.contact-details b{overflow-wrap:anywhere}.contact-work-link{display:inline-block;margin-top:25px}.site-footer>a:not(.brand){font-size:11px;color:var(--gold)}.empty-state{padding:45px 0;text-align:center;color:var(--muted);font-size:13px}.organizing{margin-top:55px;padding-top:14px;border-top:1px solid var(--line)}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:800px){.hero-role{font-size:clamp(35px,9vw,48px);line-height:1.35}.portfolio-name{font-size:12px}.portfolio-name em{font-size:17px}.hero-capabilities{line-height:1.8;margin:-12px 0 25px;max-width:350px}.featured-grid .work-card:first-child{grid-column:auto}.work-outcome{font-size:10px}.account-records{grid-template-columns:1fr;gap:25px;margin-top:31px}.account-record dl{grid-template-columns:repeat(3,minmax(0,1fr))}.account-record dd{font-size:18px}.experience-brief,.skills-brief{display:block;padding:70px 0}.experience-brief>div+div,.skills-brief>div+div{margin-top:25px}.experience-brief h2,.skills-brief h2{font-size:29px}.real-visual-hero{height:270px;margin-top:46px;gap:14px}.real-visual-hero img{max-height:235px;max-width:56%}.real-visual-hero span{max-width:90px;line-height:1.6}.real-visual-hero:before,.real-visual-hero:after{width:8%}.real-asset-grid{grid-template-columns:1fr 1fr}.asset-images{height:225px}.detailed-timeline article{display:grid;grid-template-columns:1fr;gap:14px}.detailed-timeline article>div{grid-column:1}.detailed-timeline article>div>h2{margin-top:0}.detailed-timeline .responsibility-grid{grid-template-columns:1fr}.contact-details a{grid-template-columns:100px minmax(0,1fr) 18px}.site-footer{gap:9px}.site-footer>a:not(.brand){overflow-wrap:anywhere}}
@media(max-width:430px){:root{--shell:calc(100% - 36px)}.site-header{width:var(--shell)}.hero-copy{padding-top:56px}.hero-role{font-size:35px;white-space:nowrap;letter-spacing:0}.hero-statement{font-size:17px}.hero-capabilities{font-size:11px}.real-video{min-height:190px;aspect-ratio:16/10}.work-grid,.featured-grid{gap:28px}.archive-controls .filters{width:100%}.filter{font-size:11px;padding:5px 6px}.account-record dd{font-size:16px}.account-record dl>div{padding-right:3px}.account-record dt{font-size:9px}.real-asset-grid{grid-template-columns:1fr}.asset-images{height:300px}.real-visual-hero{height:235px}.real-visual-hero img{max-height:200px}.timeline article{padding-bottom:37px}.hero-network{max-width:100%}.contact-main h1{font-size:clamp(34px,9vw,40px)}.contact-details a{grid-template-columns:86px minmax(0,1fr) 18px;gap:5px}.contact-details b{font-size:13px}.site-footer{width:var(--shell)}}
.hero .hero-role{font-size:clamp(38px,4.7vw,61px);line-height:1.25}
@media(max-width:800px){.hero .hero-role{font-size:clamp(35px,9vw,48px);line-height:1.35}}
@media(max-width:430px){.hero .hero-role{font-size:35px;white-space:nowrap;letter-spacing:0}}
/* Second pass: give the flagship work, production responsibilities, and contact paths clearer hierarchy. */
body{font-size:16px}
.section{padding-block:108px}
.archive-label{font-size:12px}
.eyebrow{font-size:14px}
.hero-role-summary{font-size:16px;line-height:1.7;color:var(--paper);max-width:490px;margin:14px 0 0}
.hero .portfolio-name{margin-top:8px}
.hero-capabilities{font-size:14px;line-height:1.7;margin-top:-10px}
.thread-main{stroke:var(--gold)!important;stroke-width:1.7!important}
.thread-secondary{stroke:var(--bronze)!important;stroke-width:1!important;opacity:.74}
.hero-network path.faint{stroke-width:.8;opacity:.52}
.network-card{font-size:13px}
.network-card b{font-size:13px}
.network-note{font-size:11px}
.flagship-work{margin-top:32px}
.work-card-flagship{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);column-gap:clamp(24px,4vw,54px);align-items:center;padding:16px 18px 18px;border:1px solid var(--line);background:#11110e}
.work-card-flagship>.work-number{grid-column:1/-1}
.work-card-flagship>.work-media-link{grid-column:1;grid-row:2}
.work-card-flagship>.work-meta{grid-column:2;grid-row:2;padding:8px 0}
.work-card-flagship .real-video,.work-card-flagship .work-image{aspect-ratio:16/9}
.work-card-flagship .work-meta h3{font-size:clamp(25px,3vw,36px);margin:12px 0 8px}
.work-card-flagship .work-note{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 18px}
.flagship-marker{width:auto!important;height:auto!important;margin-left:auto;padding:2px 8px;border:1px solid var(--gold);border-radius:0!important;background:transparent!important;color:var(--gold);font:12px var(--sans)!important;letter-spacing:.08em}
.supporting-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px;margin-top:29px}
.supporting-work-grid .work-card{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;padding-top:12px}
.supporting-work-grid .work-number{grid-row:1}
.supporting-work-grid .work-media-link{grid-row:2}
.supporting-work-grid .work-meta{padding:11px 2px 4px}
.work-meta .meta-top{align-items:center}
.work-meta .tag{font-size:13px}
.work-meta .metric{font-size:12px}
.work-meta h3{font-size:23px;line-height:1.4;margin:8px 0}
.work-meta p{font-size:14px;line-height:1.65}
.work-contribution{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;border-top:1px solid rgba(229,221,204,.14);padding-top:11px;margin-top:12px}
.work-contribution span,.work-tools>span{font-size:12px;color:var(--gold);white-space:nowrap}
.work-contribution b{font-size:14px;font-weight:500;line-height:1.65;color:var(--paper)}
.work-outcome{display:grid;grid-template-columns:88px minmax(0,1fr);gap:7px 10px;padding-top:10px;margin-top:10px;font-size:14px}
.work-outcome span{font-size:12px}
.work-outcome b{font-size:15px;line-height:1.55;color:var(--paper)}
.work-outcome small{grid-column:2;font-size:12px;color:var(--muted);line-height:1.5}
.work-tools{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;border-top:1px solid rgba(229,221,204,.1);padding-top:9px;margin-top:8px}
.work-tools b{font-size:13px;font-weight:400;color:var(--muted);line-height:1.5}
.work-card .view-work{font-size:13px;opacity:1;transform:none;margin-top:10px}
.work-card .work-number{font-size:14px}
.account-heading>span{font-size:12px}
.account-heading h3{font-size:24px}
.account-record dt{font-size:12px}
.account-record dd{font-size:clamp(22px,2.5vw,30px)}
.copyright-note,.source-note{font-size:12px;line-height:1.7}
.method.section{padding-block:92px}
.method-inner{grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);gap:48px}
.method-flow{gap:0;margin-top:22px}
.method-flow>div{min-width:0;flex:1;max-width:116px}
.method-flow i{width:25px;height:25px;font-size:10px}
.method-flow b{font-size:16px}
.method-flow span{font-size:13px;line-height:1.5}
.method-flow>em{flex:1;min-width:7px}
.experience-brief,.skills-brief{padding-block:70px;gap:48px}
.experience-brief p,.skills-brief p{font-size:15px;line-height:1.7}
.experience-lead{font-size:17px!important;color:var(--paper)!important;max-width:700px!important}
.experience-key-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 28px}
.experience-key-stats>div{padding:12px 14px;border-top:1px solid var(--bronze);background:rgba(20,20,17,.45)}
.experience-key-stats span{display:block;font:13px var(--sans);color:var(--muted)}
.experience-key-stats b{display:block;font:600 clamp(28px,3vw,40px)/1.25 var(--serif);color:var(--paper);margin-top:5px}
.detailed-timeline .responsibility-grid p{font-size:13px!important}
.home-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;max-width:900px;border-top:1px solid var(--line);margin-top:28px}
.home-contact-grid a{display:grid;grid-template-columns:minmax(82px,.55fr) minmax(0,1.5fr) 20px;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}
.home-contact-grid a>span{font-size:13px;color:var(--gold)}
.home-contact-grid a>b{font:500 16px var(--serif);overflow-wrap:anywhere}
.home-contact-grid a>svg{width:17px;height:17px;stroke:var(--gold);fill:none;stroke-width:1.5}
.home-contact-grid a:hover>b{color:var(--gold)}
@media(max-width:1000px){.work-card-flagship{grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:25px}.method-inner{grid-template-columns:1fr;gap:22px}.method-flow{max-width:100%}}
@media(max-width:800px){.section{padding-block:70px}.method.section{padding-block:68px}.work-card-flagship{grid-template-columns:minmax(0,1fr);gap:0;padding:12px}.work-card-flagship>.work-number{grid-column:1;grid-row:1}.work-card-flagship>.work-media-link{grid-column:1;grid-row:2}.work-card-flagship>.work-meta{grid-column:1;grid-row:3;padding:14px 2px 2px}.work-card-flagship .work-meta h3{font-size:27px}.supporting-work-grid{grid-template-columns:1fr 1fr;gap:21px 14px}.supporting-work-grid .work-meta h3{font-size:20px}.supporting-work-grid .work-contribution,.supporting-work-grid .work-outcome,.supporting-work-grid .work-tools{grid-template-columns:75px minmax(0,1fr);gap:7px}.supporting-work-grid .work-contribution b{font-size:13px}.supporting-work-grid .work-outcome b{font-size:14px}.supporting-work-grid .work-outcome small{font-size:11px}.supporting-work-grid .work-tools b{font-size:12px}.experience-key-stats{gap:8px}.experience-key-stats>div{padding:10px 8px}.home-contact-grid{grid-template-columns:1fr}.home-contact-grid a{padding-block:14px}.method-flow>div{flex:1}.method-flow>em{min-width:4px}}
@media(max-width:540px){.supporting-work-grid{grid-template-columns:1fr}.supporting-work-grid .work-meta h3{font-size:22px}.supporting-work-grid .real-video,.supporting-work-grid .work-image{aspect-ratio:16/9}.hero-role-summary{font-size:14px}.hero-capabilities{font-size:13px}.experience-key-stats{grid-template-columns:1fr 1fr}.experience-key-stats>div:first-child{grid-column:1/-1}.experience-key-stats>div:first-child b{font-size:38px}.home-contact-grid a{grid-template-columns:88px minmax(0,1fr) 18px;gap:8px}.home-contact-grid a>b{font-size:14px}}
@media(max-width:430px){.hero-network{height:320px}.method-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.method-flow>div{max-width:none;text-align:left;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px}.method-flow i{grid-row:1/3;margin:0}.method-flow b{align-self:end}.method-flow span{grid-column:2}.method-flow>em{display:none}.experience-key-stats span{font-size:11px}.experience-key-stats b{font-size:27px}}
@media(max-width:430px){.hero-network .network-card.top{left:auto;right:25%;transform:translateX(-35px)}}
@media(prefers-reduced-motion:reduce){.hero-network path{animation:none!important}}
.real-video{object-fit:contain;background:#080807}
.video-landscape{aspect-ratio:16/9}
.video-portrait{aspect-ratio:3/4;width:100%;height:auto;object-fit:contain;background:#080807}
.portrait-media-link{display:flex;align-items:center;justify-content:center;background:#080807}
.work-card-flagship .portrait-media-link .video-portrait{width:auto;height:min(56vw,560px);max-width:100%;aspect-ratio:9/16}
.detail-cover{display:flex;flex-direction:column;align-items:center}
.detail-video.video-portrait{width:auto;height:min(70vh,700px);max-width:100%;aspect-ratio:9/16;flex:0 1 auto}
.detail-video.video-landscape{width:100%;height:auto;aspect-ratio:16/9}
video:fullscreen,video:-webkit-full-screen{object-fit:contain!important;background:#050504}
.detail-asset-pair{display:flex;align-items:center;justify-content:center;gap:18px;min-height:250px;padding:20px;background:#11110f;border:1px solid var(--line)}
.detail-image{width:auto;max-width:58%;max-height:430px;object-fit:contain;background:transparent}
.detail-skill-icon{max-width:25%;max-height:190px}
.work-visual-pair{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;aspect-ratio:16/9;padding:10px;background:#11110f}
.work-visual-pair .work-image{width:auto;height:100%;max-width:58%;aspect-ratio:auto;object-fit:contain;background:transparent}
.work-visual-pair .work-image-extra{height:56%;max-width:24%}
.asset-images{height:220px}
.real-visual-hero img{max-height:230px;max-width:min(48%,240px)}
.asset-no{font-size:12px}
.real-asset-card dt{font-size:12px}
.real-asset-card dd{font-size:14px;line-height:1.6}
.hero-footnote{font-size:13px}
.frame-caption{font-size:12px}
@media(max-width:800px){.detail-video.video-portrait{height:min(70vh,640px)}.work-card-flagship .portrait-media-link .video-portrait{height:min(64vh,500px);max-width:100%}.detail-asset-pair{min-height:200px;padding:14px;gap:12px}.detail-image{max-height:360px}.detail-skill-icon{max-height:150px}.asset-images{height:200px}.real-visual-hero img{max-height:205px}}
@media(max-width:540px){.detail-video.video-portrait{height:min(68vh,560px);max-width:100%}.work-card-flagship .portrait-media-link .video-portrait{height:min(64vh,470px)}.work-visual-pair{min-height:200px}.detail-asset-pair{min-height:180px}.detail-image{max-height:300px}.detail-skill-icon{max-height:120px}.asset-images{height:190px}}
@media(prefers-reduced-motion:reduce){.real-video{scroll-behavior:auto}}
.visual-atlas-layout{display:grid;grid-template-columns:86px minmax(0,1fr);gap:30px;padding-top:46px;padding-bottom:70px;align-items:stretch}
.visual-index-rail{position:sticky;top:96px;align-self:start;height:calc(100vh - 120px);border-right:1px solid var(--line);padding:10px 16px 16px 0;display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.visual-rail-mark,.visual-rail-end{font:11px/1.65 var(--serif);letter-spacing:.08em;color:var(--gold)}
.visual-index-rail nav{display:flex;flex-direction:column;gap:16px;position:relative}
.visual-index-rail nav:before{content:'';position:absolute;left:8px;top:13px;bottom:14px;width:1px;background:var(--bronze)}
.visual-index-rail nav a{display:flex;align-items:center;gap:10px;position:relative;z-index:1;min-height:32px;color:var(--muted)}
.visual-index-rail nav i{width:17px;height:17px;display:grid;place-items:center;border:1px solid var(--bronze);border-radius:50%;background:var(--ink);font:9px var(--sans);font-style:normal;color:var(--gold)}
.visual-index-rail nav span{font-size:12px;writing-mode:vertical-rl;letter-spacing:.06em}
.visual-atlas-main{min-width:0}
.visual-overview{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);gap:clamp(24px,4vw,56px);align-items:center;padding:18px 0 38px;border-bottom:1px solid var(--line)}
.visual-overview-copy h1{font:600 clamp(36px,4vw,54px)/1.35 var(--serif);margin:20px 0 14px;letter-spacing:.03em}
.visual-overview-copy h1 em{font-style:normal;color:var(--gold)}
.visual-lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:440px;margin:0}
.visual-concept-pairs{margin-top:23px;border-top:1px solid var(--line)}
.visual-concept-pairs>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid rgba(229,221,204,.09)}
.visual-concept-pairs span{font-size:12px;color:var(--gold)}
.visual-concept-pairs b{font:500 14px var(--serif)}
.visual-ownership{font-size:13px;color:var(--muted);line-height:1.7;margin:13px 0 0}
.visual-primary-composition{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px;align-items:stretch;padding:15px;border:1px solid rgba(169,138,82,.32);background:#10100e}
.visual-primary-card{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;padding:12px;background:radial-gradient(circle at 50% 45%,rgba(89,99,68,.13),transparent 56%)}
.visual-primary-card img{display:block;width:auto;max-width:100%;height:285px;max-height:40vh;object-fit:contain}
.visual-primary-card figcaption{display:flex;justify-content:space-between;gap:14px;align-items:center;width:100%;border-top:1px solid var(--line);padding-top:10px;margin-top:7px}
.visual-primary-card figcaption span{font:500 14px var(--serif)}
.visual-primary-card figcaption b{font-size:11px;font-weight:400;color:var(--muted)}
.visual-primary-skill{border-left:1px solid var(--line);padding:10px 0 10px 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.visual-primary-skill figure{margin:0;text-align:center}
.visual-primary-skill figure img{display:block;width:112px;height:112px;object-fit:contain;margin:auto}
.visual-primary-skill figcaption{font-size:12px;color:var(--gold);margin-top:8px}
.visual-primary-skill p{font-size:12px;line-height:1.6;color:var(--muted);text-align:center;margin:15px 0 0}
.visual-node{position:absolute;left:-4px;top:13px;width:7px;height:7px;background:var(--ink);border:1px solid var(--gold);border-radius:50%}
.visual-process-board{padding:42px 0 46px;border-bottom:1px solid var(--line)}
.visual-process-board .section-heading h2{font-size:30px;margin:15px 0 6px}
.visual-process-track{display:flex;align-items:center;gap:10px;margin-top:25px}
.visual-process-track>div{min-width:0;flex:1}
.visual-process-track>div>span{font:11px var(--serif);color:var(--gold)}
.visual-process-track>div>b{display:block;font:500 15px var(--serif);margin-top:7px;white-space:nowrap}
.visual-process-track>div>small{font-size:12px;color:var(--muted);display:block;margin-top:3px;line-height:1.45}
.visual-process-track>i{width:clamp(10px,2vw,28px);height:1px;background:var(--bronze);flex:0 0 auto;position:relative}
.visual-process-track>i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border:1px solid var(--bronze);border-radius:50%;background:var(--ink)}
.visual-specimen-sheet{padding:44px 0 48px;border-bottom:1px solid var(--line)}
.specimen-heading{display:flex;justify-content:space-between;align-items:end;gap:32px}
.specimen-heading .section-heading h2{font-size:30px;margin:15px 0 4px}
.specimen-heading>p{max-width:370px;font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 3px}
.visual-specimen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:27px}
.visual-specimen{min-width:0;border-top:1px solid var(--bronze);padding-top:9px}
.visual-specimen-index{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--gold)}
.visual-specimen-index span{color:var(--muted);text-align:right}
.visual-specimen-image{height:205px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px;margin-top:9px;background:#10100e;border:1px solid var(--line)}
.visual-specimen-image img{width:auto;height:100%;max-width:100%;object-fit:contain}
.visual-specimen-image .specimen-extra{width:27%;height:auto;max-height:72%}
.visual-specimen h3{font:500 18px var(--serif);margin:12px 0 5px}
.visual-specimen dl{margin:0;border-top:1px solid rgba(229,221,204,.1)}
.visual-specimen dl>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid rgba(229,221,204,.08)}
.visual-specimen dt{font-size:12px;color:var(--gold)}
.visual-specimen dd{font-size:13px;line-height:1.55;color:var(--muted);margin:0}
.visual-observation-board{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:42px;padding:42px 22px;margin:36px 0 0;border:1px solid rgba(169,138,82,.35);background:rgba(20,20,17,.72);position:relative}
.visual-observation-board:after{content:'◎';position:absolute;right:17px;bottom:8px;font:42px var(--serif);color:rgba(169,138,82,.16)}
.observation-heading h2{font:500 27px/1.45 var(--serif);margin:14px 0 0}
.observation-list{border-top:1px solid var(--line)}
.observation-list>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.observation-list span{font-size:12px;color:var(--gold)}
.observation-list b{font-size:14px;line-height:1.6;font-weight:400;color:var(--paper)}
.visual-output-link{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:30px 0 0}
.visual-output-link span{font-size:12px;color:var(--gold)}
.visual-output-link h2{font:500 24px/1.45 var(--serif);margin:9px 0 0}
@media(max-width:850px){.visual-atlas-layout{grid-template-columns:1fr;gap:18px;padding-top:25px}.visual-index-rail{position:static;height:auto;align-self:stretch;border-right:0;border-bottom:1px solid var(--line);padding:0 0 9px;display:flex;flex-direction:row;align-items:center;gap:16px}.visual-index-rail nav{display:flex;flex-direction:row;gap:12px;overflow-x:auto;flex:1}.visual-index-rail nav:before,.visual-rail-end{display:none}.visual-index-rail nav a{gap:5px;flex:0 0 auto;min-height:36px}.visual-index-rail nav i{width:19px;height:19px}.visual-index-rail nav span{writing-mode:horizontal-tb;font-size:12px}.visual-overview{grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr);gap:24px}.visual-primary-composition{grid-template-columns:minmax(0,1fr) 120px;padding:10px}.visual-primary-card{min-height:280px}.visual-primary-card img{height:235px}.visual-primary-skill figure img{width:88px;height:88px}.visual-specimen-grid{gap:12px}.visual-specimen-image{height:175px}.visual-observation-board{grid-template-columns:1fr 1.3fr;gap:24px}}
@media(max-width:620px){.visual-overview{grid-template-columns:1fr}.visual-overview-copy h1{font-size:38px}.visual-lead{font-size:15px}.visual-primary-composition{grid-template-columns:minmax(0,1fr) 110px}.visual-primary-card{min-height:270px}.visual-primary-card img{height:230px;max-height:none}.visual-primary-skill{padding-left:8px}.visual-primary-skill figure img{width:78px;height:78px}.visual-primary-skill p{font-size:11px}.visual-process-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:10px 5px}.visual-process-track>i{display:none}.visual-process-track>div>b{font-size:13px}.visual-process-track>div>small{font-size:11px}.specimen-heading{display:block}.specimen-heading>p{margin-top:12px}.visual-specimen-grid{grid-template-columns:1fr}.visual-specimen-image{height:220px}.visual-specimen dl>div{grid-template-columns:92px minmax(0,1fr)}.visual-observation-board{grid-template-columns:1fr;padding:22px 16px;gap:20px}.visual-output-link{align-items:flex-start;flex-direction:column}.visual-output-link h2{font-size:22px}}
@media(max-width:430px){.visual-index-rail{gap:8px}.visual-rail-mark{font-size:10px}.visual-index-rail nav{gap:8px}.visual-index-rail nav a{gap:4px}.visual-index-rail nav span{font-size:11px}.visual-index-rail nav i{width:17px;height:17px;font-size:8px}.visual-primary-composition{grid-template-columns:minmax(0,1fr) 96px}.visual-primary-card img{height:205px}.visual-primary-skill figure img{width:70px;height:70px}}
.visual-primary-composition{grid-template-columns:minmax(0,1fr);padding:12px}
.visual-primary-card{min-height:300px}
.visual-primary-card img{height:255px;max-height:34vh}
.visual-skill-icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));justify-items:center;gap:10px;margin:18px 0 19px;max-width:440px}
.visual-skill-icons figure{margin:0;width:100%;max-width:100px;display:flex;flex-direction:column;align-items:center;gap:5px}
.visual-skill-icons img{width:62px;height:62px;object-fit:contain;padding:5px;border:1px solid rgba(169,138,82,.42);background:#11110e}
.visual-skill-icons figcaption{font-size:12px;color:var(--gold);text-align:center}
.visual-skill-note{border-left:2px solid var(--gold);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 14px;margin:15px 0 10px;background:rgba(20,20,17,.7)}
.visual-skill-note span{font-size:13px;color:var(--gold);letter-spacing:.04em}
.visual-skill-note p{font-size:14px;line-height:1.7;color:var(--muted);margin:6px 0 0}
@media(max-width:850px){.visual-primary-composition{grid-template-columns:minmax(0,1fr);max-width:640px;margin-inline:auto}.visual-primary-card{min-height:260px}.visual-primary-card img{max-height:none;height:235px}}
@media(max-width:620px){.visual-primary-card{min-height:250px}.visual-primary-card img{height:220px}.visual-skill-icons{grid-template-columns:repeat(auto-fit,minmax(74px,1fr));max-width:none;justify-content:start}}
@media(max-width:430px){.visual-primary-card img{height:205px}.visual-skill-icons img{width:58px;height:58px}}
.detail-tags span{font-size:12px}
.filter-label,.archive-count,.copyright-note{font-size:13px}
.filter{font-size:13px}
.archive-count b{font-size:24px}
.source-note,.media-caption{font-size:13px}
.contact-details span{font-size:13px}
.site-footer{font-size:12px}
.work-card-flagship .work-contribution b{font-size:16px}
.work-card-flagship .work-outcome b{font-size:clamp(24px,2.8vw,36px);font-family:var(--serif);line-height:1.25}
.work-card-flagship .work-outcome small{font-size:13px}
.work-card-flagship .work-tools b{font-size:14px}
.work-card-flagship .tag{font-size:14px}
@media(max-width:800px){.filter{font-size:12px}.archive-count{font-size:12px}}
@media(max-width:800px){.site-header .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;margin-left:auto;padding:8px;color:var(--paper)}.site-header .menu-toggle svg{display:block;width:22px;height:22px}.site-header .menu-toggle path{stroke:var(--paper);fill:none;stroke-width:1.5}.site-header .menu-toggle:before{content:'☰';display:block;font-size:21px;line-height:1;color:var(--paper)}}
.menu-toggle .menu-label{display:none}
@media(max-width:800px){.site-header .menu-toggle{width:auto;min-width:68px;gap:6px}.site-header .menu-toggle:before{content:none}.menu-toggle .menu-label{display:block;font-size:12px;line-height:1;color:var(--paper);white-space:nowrap}}
@media(max-width:800px){.site-header{height:auto;min-height:68px;flex-wrap:wrap;padding:8px 0 5px}.site-header .menu-toggle{display:none!important}.site-header .nav-links{display:flex!important;position:relative;inset:auto;order:3;flex:0 0 100%;width:100%;margin:5px 0 0;padding:3px 0;gap:clamp(13px,4vw,21px);overflow-x:auto;overscroll-behavior-x:contain;background:transparent;flex-direction:row;z-index:auto}.site-header .nav-links a{flex:0 0 auto;font:12px var(--sans);padding:4px 0;color:var(--muted)}.site-header .nav-links a.is-active:after{margin-bottom:-8px}}
@media(max-width:800px){.hero-network .network-card.top{display:none!important}}
@media(max-width:430px){.hero-network .network-card.top{display:none}}
body{position:relative;isolation:isolate;background:var(--ink)}
body:before,body:after{display:none!important}
#app{position:relative;z-index:1;isolation:isolate;min-height:100vh}
.featured{background-color:rgba(20,20,17,.82)}
.method{background-color:rgba(16,16,14,.82)}
.dark-section{background-color:rgba(20,20,17,.82)}
.contact-band{background-color:rgba(29,29,24,.82)}
.detail-process{background-color:rgba(20,20,17,.84)}
.visual-primary-composition{grid-template-columns:minmax(0,1fr);width:70%;max-width:380px;margin-inline:auto}
.visual-skill-icons figure{max-width:150px}
.visual-skill-icons img{width:124px;height:124px}
@media(max-width:620px){.visual-primary-composition{width:70%;max-width:320px}}
@media(max-width:430px){.visual-skill-icons img{width:116px;height:116px}}

/* Interactive color reversal and the second-screen archive navigation. */
.button,.nav-contact,.filter,.menu-toggle{transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease}
.button:hover,.button:focus-visible{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.button.button-secondary:hover,.button.button-secondary:focus-visible{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.button:hover svg,.button:focus-visible svg{stroke:currentColor}
.nav-contact:hover,.nav-contact:focus-visible{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.nav-contact:hover span,.nav-contact:focus-visible span{color:var(--ink)}
.filter:hover:not(.active),.filter:focus-visible{background:rgba(169,138,82,.18);border-color:var(--gold);color:var(--paper)}
.filter.active:hover,.filter.active:focus-visible{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.menu-toggle:hover,.menu-toggle:focus-visible{background:var(--gold);color:var(--ink)}
.site-header.is-floating{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:80;background:rgba(11,11,9,.76);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);border:1px solid rgba(229,221,204,.2);box-shadow:0 10px 32px rgba(0,0,0,.24)}
.site-header.is-floating .nav-links{margin-left:35px}
.site-header.is-floating .nav-links a{transition:color .22s ease}
.site-header.is-floating .nav-links a:hover{color:var(--gold)}
.site-header-spacer{width:100%;height:0}
@media(max-width:800px){.site-header.is-floating{top:8px}.site-header.is-floating .nav-links{margin:5px 0 0}}
@media(prefers-reduced-motion:reduce){.button,.nav-contact,.filter,.menu-toggle,.site-header.is-floating .nav-links a{transition:none}}

/* Editorial motion system: curtain opening, oversized chapter titles, staggered work and image reveals. */
.motion-english{display:block;width:max-content;max-width:100%;margin:0 0 5px;color:rgba(169,138,82,.92);font:500 clamp(25px,4.6vw,58px)/.98 var(--sans);letter-spacing:.105em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
#app.motion-ready .motion-english{opacity:0;clip-path:inset(0 100% 0 0);transform:translate3d(-8vw,0,0) scaleX(.82);transform-origin:left center;transition:clip-path 1.15s cubic-bezier(.76,0,.18,1),transform 1.2s cubic-bezier(.19,1,.22,1),opacity .45s ease}
#app.motion-ready .motion-english.is-in{opacity:1;clip-path:inset(0);transform:translate3d(0,0,0) scaleX(1)}
#app.motion-ready .motion-heading{opacity:0;transform:translate3d(0,36px,0) scale(.975);transition:opacity .8s ease .16s,transform 1.05s cubic-bezier(.19,1,.22,1) .16s}
#app.motion-ready .motion-heading.is-in{opacity:1;transform:translate3d(0,0,0) scale(1)}
#app.motion-ready .motion-item{opacity:0;transform:translate3d(0,54px,0) scale(.975);transition:opacity .85s ease,transform 1.1s cubic-bezier(.19,1,.22,1);transition-delay:calc(280ms + var(--motion-index,0) * 105ms)}
#app.motion-ready .motion-item.is-in{opacity:1;transform:translate3d(0,0,0) scale(1)}
#app.motion-ready .motion-image{opacity:0;clip-path:inset(0 0 0 100%);transform:scale(1.045);transition:clip-path 1.2s cubic-bezier(.76,0,.18,1),transform 1.55s cubic-bezier(.19,1,.22,1),opacity .55s ease;transition-delay:calc(430ms + var(--motion-index,0) * 95ms)}
#app.motion-ready .motion-image.is-in{opacity:1;clip-path:inset(0);transform:scale(1)}
.opening-stage{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--ink);pointer-events:none;overflow:hidden}
.opening-stage:before,.opening-stage:after{content:'';position:absolute;left:8vw;right:8vw;height:1px;background:linear-gradient(90deg,transparent,rgba(169,138,82,.72),transparent);transform:scaleX(0);transform-origin:center}
.opening-stage:before{top:50%}.opening-stage:after{top:calc(50% + 30px);opacity:.42}
.opening-signature{display:grid;justify-items:center;gap:13px;color:var(--paper);font-family:var(--serif);transform:translateY(18px);opacity:0}
.opening-signature>span{font-size:clamp(30px,5vw,56px);letter-spacing:.25em;padding-left:.25em}
.opening-signature>i{width:46px;height:1px;background:var(--gold)}
.opening-signature>small{font:500 10px var(--sans);letter-spacing:.28em;color:var(--gold)}
body.opening-run .opening-stage{animation:opening-curtain-lift 1.18s cubic-bezier(.77,0,.18,1) .45s both}
body.opening-run .opening-stage:before{animation:opening-rule-draw .75s cubic-bezier(.19,1,.22,1) .12s both}
body.opening-run .opening-stage:after{animation:opening-rule-draw .75s cubic-bezier(.19,1,.22,1) .24s both}
body.opening-run .opening-signature{animation:opening-signature-arrive .78s cubic-bezier(.19,1,.22,1) .12s both,opening-signature-away .48s ease 1s both}
#app.motion-ready .opening-title{animation:opening-title-arrive 1.34s cubic-bezier(.19,1,.22,1) .16s both}
body.opening-run .opening-step{animation:opening-step-arrive .92s cubic-bezier(.19,1,.22,1) calc(.32s + var(--opening-index,0) * 105ms) both}
body.opening-run .hero-network path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:opening-thread-draw 1.7s cubic-bezier(.19,1,.22,1) .42s forwards}
body.opening-run .hero-network .node{animation:opening-node-arrive .7s cubic-bezier(.19,1,.22,1) calc(.8s + var(--opening-index,0) * 75ms) both}
@keyframes opening-curtain-lift{to{transform:translate3d(0,-101%,0)}}
@keyframes opening-rule-draw{to{transform:scaleX(1)}}
@keyframes opening-signature-arrive{from{opacity:0;transform:translateY(18px);letter-spacing:.32em}to{opacity:1;transform:translateY(0);letter-spacing:normal}}
@keyframes opening-signature-away{to{opacity:0;transform:translateY(-18px)}}
@keyframes opening-title-arrive{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate3d(0,58px,0) scaleX(.78);filter:blur(7px);transform-origin:left center}58%{opacity:1;clip-path:inset(0);transform:translate3d(0,-2px,0) scaleX(1.015);filter:blur(0)}100%{opacity:1;clip-path:inset(0);transform:translate3d(0,0,0) scaleX(1);filter:blur(0)}}
@keyframes opening-step-arrive{from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes opening-thread-draw{to{stroke-dashoffset:0}}
@keyframes opening-node-arrive{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}
@media(max-width:800px){.motion-english{font-size:clamp(22px,5.5vw,42px);letter-spacing:.08em}#app.motion-ready .motion-heading{transform:translate3d(0,24px,0) scale(.985)}#app.motion-ready .motion-item{transform:translate3d(0,34px,0) scale(.985);transition-delay:calc(220ms + var(--motion-index,0) * 75ms)}#app.motion-ready .motion-image{transition-delay:calc(340ms + var(--motion-index,0) * 70ms)}}
@media(prefers-reduced-motion:reduce){#app.motion-ready .motion-english,#app.motion-ready .motion-heading,#app.motion-ready .motion-item,#app.motion-ready .motion-image{opacity:1!important;clip-path:none!important;transform:none!important;filter:none!important;transition:none!important}.opening-stage{display:none!important}.opening-title,.opening-step,.hero-network path,.hero-network .node{animation:none!important}}

/* Hero React island: the carousel inherits the archive's dark-gold visual language. */
.hero-depth-carousel{overflow:hidden;isolation:isolate;border:0;background:transparent;position:relative;left:-50px}
.hero-depth-carousel .depth-carousel{height:100%;min-height:320px}
.hero-depth-carousel .hero-depth-carousel-inner{transform:translateX(0)}
.hero-depth-carousel .depth-carousel__img{object-fit:contain;background:#080807}
.hero-depth-carousel.is-static-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 52% 50%,rgba(169,138,82,.15),transparent 28%),radial-gradient(ellipse at 52% 50%,transparent 42%,rgba(113,90,60,.24) 43%,transparent 44%)}
.hero-depth-carousel .depth-carousel__arrow{color:var(--paper);box-shadow:0 4px 20px rgba(0,0,0,.32)}
@media(max-width:800px){.hero-depth-carousel{left:0}.hero-depth-carousel .hero-depth-carousel-inner{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.hero-depth-carousel{display:block!important}}


/* Moonlit studio archive (canceled by user request). */
/*
:root{--ink:#080b0b;--ink-2:#0d1717;--ink-3:#111a17;--paper:#e8e1cf;--muted:#b6b19f;--gold:#b99a58;--bronze:#526c65;--moss:#31514d;--line:rgba(183,162,112,.22);--serif:'Cormorant Garamond','Noto Serif SC','Songti SC',serif;--sans:'Noto Sans SC','Microsoft YaHei',sans-serif}
html{background:#080b0b;scroll-behavior:smooth}
body{color:var(--paper);font-family:var(--serif);background:linear-gradient(180deg,#080b0b 0%,#0b1212 26%,#101512 60%,#17140f 100%)}
body{position:relative;isolation:isolate}
body:before,body:after{content:'';position:absolute;inset:0;z-index:0;display:block!important;pointer-events:none}
body:before{background:radial-gradient(ellipse 52% 490px at 72% 0%,rgba(31,98,97,.2),transparent 74%),radial-gradient(ellipse 62% 540px at 48% 100%,rgba(185,154,88,.085),transparent 77%)}
body:after{opacity:.055;background-image:repeating-radial-gradient(ellipse at 18% 40%,transparent 0 46px,rgba(142,163,144,.24) 47px,transparent 48px 82px);background-size:1040px 850px;background-position:left 120px;mask-image:linear-gradient(90deg,#000,transparent 52%,transparent 77%,#000)}
.grain{opacity:.055;mix-blend-mode:soft-light}
#app{position:relative;z-index:1;isolation:isolate;min-height:100vh;background:transparent}
.site-header{border-bottom-color:rgba(185,154,88,.24)}
.site-header.is-floating{background:rgba(8,15,15,.94);border-color:rgba(185,154,88,.3);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 8px 24px rgba(0,0,0,.34)}
.brand{font-family:var(--serif);font-weight:600;color:var(--paper);letter-spacing:.1em;text-shadow:0 1px 10px rgba(185,154,88,.12)}
.brand-mark{width:27px;height:25px;filter:drop-shadow(0 0 3px rgba(185,154,88,.14))}
.brand-mark i{border-color:var(--gold)!important;box-shadow:inset 0 0 0 1px rgba(8,11,11,.8)}
.brand-mark i:nth-child(2){border-color:#d1bd83!important}
.nav-links{gap:22px;margin-left:35px}
.nav-links a{font-family:var(--serif);font-size:14px;letter-spacing:.06em;color:#c3bdac}
.nav-links a+a{position:relative;padding-left:11px}
.nav-links a+a:before{content:'·';position:absolute;left:-5px;top:0;color:rgba(185,154,88,.68);font-size:13px}
.nav-links a:hover,.nav-links a.is-active{color:var(--paper)}
.nav-links a.is-active:after{width:18px;height:1px;border-radius:0;background:var(--gold);margin:5px auto -7px}
.nav-contact{font-family:var(--serif);border-color:rgba(185,154,88,.35);color:var(--paper);background:rgba(8,11,11,.26)}
.nav-contact:hover,.nav-contact:focus-visible{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.hero{min-height:min(800px,calc(100svh - 82px));grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px;overflow:visible}
.hero-copy{padding:56px 0 64px;max-width:570px}
.hero-identity{display:flex;align-items:center;gap:10px;margin:43px 0 3px;color:#ddd4b9;font:500 17px/1.5 var(--serif);letter-spacing:.1em}
.hero-identity i{width:7px;height:7px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 0 4px rgba(185,154,88,.08)}
.hero .hero-role{font:600 clamp(70px,8vw,108px)/1.12 var(--serif);letter-spacing:.12em;margin:0;color:#e8e1cf;background:linear-gradient(180deg,#f0e7cc 12%,#d2c29b 58%,#a98b55 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 1px rgba(0,0,0,.45))}
.hero-statement{font:500 clamp(21px,2vw,27px)/1.7 var(--serif);letter-spacing:.025em;margin:13px 0 9px;color:var(--paper)}
.hero-statement em{color:#cbb376}
.hero-role-summary{font:400 15px/1.8 var(--sans);color:#c4c1b3;margin:0 0 12px}
.hero-capabilities{font:400 14px/1.7 var(--serif);letter-spacing:.035em;color:#b9aa83;margin:0 0 24px}
.hero-footnote{font:400 13px/1.7 var(--sans);color:#a9a695;margin-top:25px;max-width:450px}
.hero:after{background:linear-gradient(90deg,rgba(82,108,101,.65),rgba(185,154,88,.52),transparent 80%)}
.capabilities .section-heading h2{font-size:clamp(29px,2.8vw,40px);line-height:1.45}
.archive-label,.filter-label,.work-number,.tag,.metric-grid span{color:#c4a96b}
.eyebrow{font-family:var(--serif);color:#bdb59f}
.hero h1,.page-intro h1,.detail-heading h1,.visual-title h1,.contact-main h1{color:var(--paper);background:none;-webkit-text-fill-color:currentColor;text-shadow:none;filter:none}
.page-intro h1,.detail-heading h1,.visual-title h1,.contact-main h1{color:#e2d8bd}
.section-heading h2,.archive-cta h2,.contact-band h2,.visual-video h2,.detail-summary p,.visual-output-link h2{font-family:var(--serif)}
.button{font-family:var(--serif);font-size:14px;border-color:rgba(185,154,88,.62);background:rgba(12,19,18,.6);color:var(--paper)}
.button:hover,.button:focus-visible{background:#b99a58;border-color:#d0b478;color:#111310}
.button-secondary{border-color:rgba(185,154,88,.42);color:#d2c9b0}
.button.button-secondary:hover,.button.button-secondary:focus-visible{background:rgba(82,108,101,.42);border-color:#8ca69a;color:#f1ead9}
.featured,.method,.dark-section,.contact-band,.detail-process{background-color:rgba(8,13,13,.72);background-image:linear-gradient(110deg,rgba(13,43,44,.16),transparent 56%,rgba(92,70,39,.07));border-color:rgba(185,154,88,.18)}
.method{background-color:rgba(9,19,18,.74)}
.contact-band{background-color:rgba(10,27,25,.84)}
.contact-band:before{border-color:rgba(185,154,88,.16);box-shadow:0 0 80px rgba(31,98,97,.08)}
.capability-list,.capability-list>div,.metric-grid,.work-card,.archive-controls,.detail-summary,.asset-showcase,.visual-observation-board{border-color:rgba(185,154,88,.21)}
.work-card{border:1px solid rgba(130,119,86,.22);border-top-color:rgba(185,154,88,.48);padding:12px;background:linear-gradient(145deg,rgba(18,28,26,.73),rgba(10,14,13,.72));transition:border-color .28s,background-color .28s}
.work-card:hover,.work-card:focus-within{border-color:rgba(213,183,108,.76);background-color:rgba(19,30,27,.88)}
.visual-frame,.visual-specimen-image,.visual-primary-card,.detail-cover .visual-frame{border-color:rgba(185,154,88,.42);background-color:#0a1110;box-shadow:inset 0 0 0 1px rgba(232,225,207,.035),0 12px 32px rgba(0,0,0,.2)}
.visual-frame:before,.visual-frame:after{border-color:rgba(185,154,88,.2)}
.frame-grid{opacity:.2;background-image:linear-gradient(90deg,transparent 49.7%,rgba(232,225,207,.06) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(232,225,207,.06) 50%,transparent 50.3%)}
.work-card:hover .visual-frame,.work-card:focus-within .visual-frame{transform:scale(1.02)}
.work-meta h3,.capability-list span,.visual-specimen h3{color:#e8e1cf}
.work-meta p,.contribution,.metric,.metric-grid p,.section-footer>span,.copyright-note{color:#b8b4a4}
.metric-grid b{color:#e2d4ad;text-shadow:0 0 16px rgba(185,154,88,.08)}
.network-card,.skill-chip{background:rgba(10,19,18,.94);border-color:rgba(185,154,88,.46);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.node{background:#0d1717;box-shadow:0 0 0 4px rgba(8,11,11,.85)}
.play-button{background:rgba(8,16,15,.78);border-color:#d3bb80;box-shadow:0 0 16px rgba(31,98,97,.12)}
.visual-skill-icons img{background:#0c1716;border-color:rgba(185,154,88,.42)}
.visual-skill-note,.visual-observation-board{background:rgba(14,23,21,.76)}
.site-footer{color:#aaa693}
.site-footer .brand{color:var(--paper)}
.brand:focus-visible,.nav-links a:focus-visible,.site-footer a:focus-visible,.work-media-link:focus-visible,.work-meta a:focus-visible,.view-work:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:1px}
.opening-stage{background:radial-gradient(ellipse at 70% 20%,rgba(31,98,97,.25),transparent 52%),#080b0b}
.opening-stage:before,.opening-stage:after{background:linear-gradient(90deg,transparent,rgba(82,108,101,.7),rgba(185,154,88,.65),transparent)}
.opening-signature{color:#e8e1cf}
.opening-signature>i{background:linear-gradient(90deg,#526c65,#b99a58)}
.hero-network.content-loom{height:clamp(430px,62vh,590px);max-height:none;margin:0;position:relative;isolation:isolate;overflow:visible}
.loom-haze{position:absolute;inset:3% 3% 0 0;z-index:-1;background:radial-gradient(ellipse 56% 54% at 52% 39%,rgba(31,98,97,.19),transparent 75%),radial-gradient(ellipse 40% 48% at 63% 66%,rgba(185,154,88,.06),transparent 75%);pointer-events:none}
.loom-threads{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}
.loom-threads path{fill:none;stroke:rgba(185,154,88,.64);stroke-width:1;stroke-linecap:round}
.loom-threads path.faint{stroke:rgba(82,108,101,.65);stroke-width:.8}
.loom-threads circle{fill:#0d1717;stroke:#b99a58;stroke-width:1.3}
.loom-fragment{position:absolute;z-index:2;display:block;overflow:hidden;background:#080b0b;border:1px solid rgba(185,154,88,.64);box-shadow:0 16px 34px rgba(0,0,0,.38),inset 0 0 0 3px rgba(8,11,11,.55);transition:border-color .28s,transform .45s cubic-bezier(.2,.7,.2,1)}
.loom-fragment:before{content:'';position:absolute;inset:5px;z-index:1;border:1px solid rgba(232,225,207,.13);pointer-events:none}
.loom-fragment img{display:block;width:100%;height:calc(100% - 29px);object-fit:contain;background:#080b0b}
.loom-fragment>span,.loom-visual>span{position:absolute;left:0;right:0;bottom:0;min-height:29px;padding:5px 8px;background:rgba(8,11,11,.94);border-top:1px solid rgba(185,154,88,.44);color:#d7c99e;font:11px/1.5 var(--serif);letter-spacing:.035em;text-align:center}
.loom-fragment:hover,.loom-fragment:focus-visible,.loom-visual:hover,.loom-visual:focus-visible{border-color:#e1c783;transform:translateY(-4px)}
.loom-fragment:focus-visible,.loom-visual:focus-visible{outline:2px solid #d2b66f;outline-offset:4px}
.loom-role{left:31%;top:16%;width:34%;max-width:218px;aspect-ratio:9/16}
.loom-ai{left:2%;top:40%;width:26%;max-width:164px;aspect-ratio:9/16}
.loom-ad{right:3%;top:8%;width:26%;max-width:164px;aspect-ratio:9/16}
.loom-visual{position:absolute;z-index:3;left:61%;top:63%;width:25%;max-width:150px;height:112px;overflow:hidden;background:#0b1110;border:1px solid rgba(185,154,88,.56);box-shadow:0 12px 24px rgba(0,0,0,.28);transition:border-color .28s,transform .45s cubic-bezier(.2,.7,.2,1)}
.loom-visual img{width:100%;height:100%;object-fit:cover;opacity:.82}
.loom-visual>span{font-size:10px;min-height:25px;padding:3px}
.loom-index{position:absolute;z-index:2;color:#c5ae71;font:12px var(--serif);letter-spacing:.08em}
.loom-index i{display:inline-block;width:26px;height:1px;margin:0 6px 4px;background:rgba(185,154,88,.65)}
.loom-index-one{left:31%;top:4%}
.loom-paper{position:absolute;left:2%;top:6%;z-index:2;width:min(25%,160px);padding:12px 10px;background:linear-gradient(145deg,rgba(54,50,37,.8),rgba(21,24,20,.92));border-left:1px solid rgba(185,154,88,.7);border-top:1px solid rgba(185,154,88,.24);box-shadow:8px 10px 24px rgba(0,0,0,.24);transform:rotate(-2deg)}
.loom-paper span{display:block;font:10px var(--serif);letter-spacing:.08em;color:#b99a58}
.loom-paper b{display:block;margin-top:8px;color:#e1d8c1;font:500 13px/1.65 var(--serif)}
.loom-paper i{display:block;width:28px;height:1px;margin-top:8px;background:#526c65}
.loom-side-note{position:absolute;right:0;bottom:3%;z-index:2;padding-left:10px;border-left:1px solid rgba(82,108,101,.72);color:#b8b39f;font:11px/1.9 var(--serif);letter-spacing:.1em}
.about-summary{max-width:460px;color:var(--muted);font:400 15px/1.85 var(--sans)}
::selection{background:rgba(82,108,101,.55);color:#fff5d8}
@media(max-width:1100px) and (min-width:801px){.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12px}.hero-copy{padding-block:42px}.hero .hero-role{font-size:clamp(66px,7.4vw,86px)}.loom-role{left:30%;width:33%}.loom-ai,.loom-ad{width:24%}}
@media(max-width:800px){
  .site-header{height:auto;min-height:68px;flex-wrap:nowrap;padding:8px 0 6px}
  .site-header .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;width:auto!important;min-width:66px;height:42px;margin-left:auto;padding:8px 10px;border:1px solid rgba(185,154,88,.34);background:rgba(8,17,16,.86);color:var(--paper)}
  .site-header .menu-toggle:before{content:none!important}.menu-toggle .menu-label{display:block;font:12px var(--serif);white-space:nowrap}
  .site-header .menu-toggle svg{display:block;width:19px;height:19px}.site-header .menu-toggle path{stroke:currentColor;fill:none;stroke-width:1.5}
  .site-header .nav-contact{margin-left:8px;padding:7px 9px;white-space:nowrap}
  .site-header .nav-links{display:none!important;position:absolute;top:calc(100% + 1px);left:0;right:0;z-index:30;order:unset;flex:none;width:100%;margin:0!important;padding:8px 15px;background:#0a1514;border:1px solid rgba(185,154,88,.34);border-top:0;box-shadow:0 14px 24px rgba(0,0,0,.34);flex-direction:column;gap:0;overflow:visible}
  body.menu-open .site-header .nav-links{display:flex!important}
  .site-header .nav-links a{width:100%;padding:10px 3px!important;border-bottom:1px solid rgba(185,154,88,.14);font:14px var(--serif);color:#d4cbb4}
  .site-header .nav-links a:last-child{border-bottom:0}.site-header .nav-links a+a{padding-left:3px!important}
  .site-header .nav-links a+a:before{content:'·';left:auto;right:5px;top:9px;color:#b99a58;font-size:15px}
  .site-header .nav-links a.is-active:after{display:inline-block;width:18px;margin:0 0 3px 9px}
  .site-header.is-floating{top:8px}
  .hero{min-height:auto;grid-template-columns:1fr;gap:4px;padding-bottom:40px}.hero-copy{padding:58px 0 8px;max-width:none}
  .hero-identity{margin-top:31px}.hero .hero-role{font-size:clamp(66px,14vw,94px)}.hero-statement{font-size:clamp(21px,5.2vw,26px)}.hero-capabilities{max-width:520px}
  .hero-network.content-loom{height:min(480px,112vw);min-height:350px;width:100%;margin:8px 0 0}
  .loom-role{left:33%;top:15%;width:33%;max-width:190px}.loom-ai{left:3%;top:39%;width:25%;max-width:145px}.loom-ad{right:3%;top:5%;width:25%;max-width:145px}.loom-visual{left:62%;top:63%;width:24%;height:94px}
  .loom-index-one{left:33%;top:2%}.loom-paper{width:25%;top:5%;padding:9px 8px}.loom-paper b{font-size:11px}.loom-side-note{font-size:10px}
  .site-header.is-floating .nav-links{margin:0!important}
}
@media(max-width:430px){
  .hero-copy{padding-top:42px}.hero-identity{font-size:16px;margin-top:30px}.hero .hero-role{font-size:70px}.hero-role-summary{font-size:14px}.hero-capabilities{font-size:13px}
  .hero-network.content-loom{height:390px;min-height:0}.loom-role{left:32%;top:17%;width:36%;max-width:145px}.loom-ai{left:1%;top:42%;width:26%;max-width:105px}.loom-ad{right:1%;top:8%;width:26%;max-width:105px}.loom-visual{left:63%;top:66%;width:25%;height:82px}
  .loom-index-one{font-size:10px;left:32%}.loom-paper{left:1%;top:5%;width:27%;padding:8px 7px}.loom-paper span{font-size:9px}.loom-paper b{font-size:10px;line-height:1.45}.loom-side-note{font-size:9px;right:0}
  .site-header .brand{font-size:17px;gap:8px}.site-header .nav-contact{font-size:12px}
}

@media(prefers-reduced-motion:reduce){.hero-network.content-loom{display:block!important}.loom-fragment,.loom-visual{transition:none!important}.hero-network path{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}.work-card:hover .visual-frame,.work-card:focus-within .visual-frame{transform:none}}
*/

/* The provided ornate strip is the navigation's decorative background asset. */

/* Fantasy material pack canceled by user request. */
/*
.fantasy-home{
  width:100%;
  min-height:max(760px,85svh);
  margin:0;
  display:block;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#081012;
}
.fantasy-home:after{display:none}
.fantasy-hero-scene{position:absolute;inset:0;z-index:0;isolation:isolate;overflow:hidden;pointer-events:none}
.fantasy-hero-background,.fantasy-hero-background img{position:absolute;inset:0;display:block;width:100%;height:100%}
.fantasy-hero-background img{object-fit:cover;object-position:center center}
.fantasy-hero-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(3,8,11,.7) 0%,rgba(3,8,11,.56) 32%,rgba(3,8,11,.22) 58%,rgba(3,8,11,.06) 100%)}
.fantasy-magic-ring{position:absolute;z-index:2;right:12%;bottom:5%;width:min(31vw,390px);aspect-ratio:1;opacity:.31;pointer-events:none}
.fantasy-magic-ring img{display:block;width:100%;height:100%;object-fit:contain}
.fantasy-home .hero-inner{width:var(--shell);min-height:inherit;margin-inline:auto;position:relative;display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:center;gap:0}
.fantasy-home .hero-copy{grid-column:1;width:100%;max-width:none;padding:60px 18px 70px 0;position:relative;z-index:10;text-shadow:0 1px 7px rgba(0,0,0,.48)}
.fantasy-home .hero-role{font-size:clamp(42px,4.6vw,66px);line-height:1.3;letter-spacing:.02em;white-space:nowrap}
.fantasy-home .hero-statement{max-width:480px}
.fantasy-home .hero-role-summary,.fantasy-home .portfolio-name,.fantasy-home .hero-capabilities,.fantasy-home .hero-footnote{max-width:100%}
.fantasy-hero-knight{position:absolute;z-index:4;right:20%;bottom:0;width:min(28vw,370px);height:83%;display:block;pointer-events:none}
.fantasy-hero-knight img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.fantasy-home .hero-network{position:absolute;z-index:8;left:auto;right:-6%;top:8%;width:min(18%,220px);height:min(390px,51vh);min-height:310px;max-height:none;margin:0;overflow:hidden;border:1px solid rgba(191,159,86,.62);background:rgba(4,9,10,.22);box-shadow:0 12px 30px rgba(0,0,0,.32),inset 0 0 0 4px rgba(3,8,10,.2)}
.fantasy-home .hero-network:before{content:'';position:absolute;z-index:3001;inset:5px;border:1px solid rgba(232,225,207,.19);pointer-events:none}
.fantasy-home .hero-network .depth-carousel{height:100%;min-height:0}
.fantasy-home .hero-network .hero-depth-carousel-inner{transform:none}
.fantasy-hero-foreground{position:absolute;z-index:5;left:0;right:0;bottom:-1px;width:100%;height:clamp(105px,13vw,178px);display:block;overflow:hidden;pointer-events:none}
.fantasy-hero-foreground img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}

.fantasy-intro{position:relative;isolation:isolate;width:100%;margin:0;padding-inline:max(36px,calc((100% - 1200px)/2));overflow:hidden;gap:clamp(42px,7vw,100px)}
.fantasy-intro .fantasy-section-background,.fantasy-play .fantasy-section-background,.fantasy-contact .fantasy-section-background{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
.fantasy-section-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.fantasy-intro:before,.fantasy-play:before,.fantasy-contact:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none}
.fantasy-intro:before{background:linear-gradient(90deg,rgba(3,8,10,.5),rgba(3,8,10,.65) 46%,rgba(3,8,10,.78))}
.fantasy-intro>.capability-intro,.fantasy-intro>.capability-list{position:relative;z-index:3}
.fantasy-intro .capability-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.fantasy-card-illustration{display:block;width:min(82%,290px);height:auto;max-height:350px;object-fit:contain;margin:18px auto 0;filter:drop-shadow(0 14px 25px rgba(0,0,0,.38))}
.fantasy-intro .capability-list{border-top-color:rgba(197,168,101,.34)}
.fantasy-intro .capability-list>div{border-bottom-color:rgba(197,168,101,.25)}

.fantasy-play{position:relative;isolation:isolate;overflow:hidden;background:#081012}
.fantasy-play:before{background:linear-gradient(180deg,rgba(3,8,11,.46),rgba(3,8,11,.34) 42%,rgba(3,8,11,.7))}
.fantasy-play>.shell{position:relative;z-index:4}
.fantasy-beast{position:absolute;z-index:2;left:-24px;bottom:24px;width:min(22vw,290px);height:auto;max-height:43%;object-fit:contain;object-position:left bottom;pointer-events:none}
.fantasy-play .work-card-flagship{background:rgba(7,12,13,.76);border-color:rgba(194,160,86,.42)}
.fantasy-play .work-card-flagship>.work-media-link.portrait-media-link{display:block;background:transparent;overflow:visible}
.fantasy-media-stage{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;isolation:isolate;background:rgba(4,8,10,.32)}
.fantasy-video-opening{position:absolute;z-index:1;left:10.35%;top:19.24%;width:79.3%;height:59.4%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#05080a}
.fantasy-media-stage .fantasy-video-opening .real-video.video-portrait{display:block;position:relative;width:100%;height:100%;max-width:100%;max-height:none;flex:1 1 auto;aspect-ratio:16/9;object-fit:contain;background:#05080a}
.fantasy-media-frame{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.fantasy-play .work-card-flagship .work-media-link{border:0}

.fantasy-contact{position:relative;isolation:isolate;overflow:hidden;background:#071012}
.fantasy-contact:before{background:linear-gradient(90deg,rgba(3,9,11,.42),rgba(3,9,11,.26) 55%,rgba(3,9,11,.4))}
.fantasy-contact>.shell{position:relative;z-index:3}
.fantasy-contact .home-contact-grid a{border-color:rgba(220,191,116,.36);background:rgba(5,12,13,.2)}
.fantasy-contact .home-contact-grid a:hover,.fantasy-contact .home-contact-grid a:focus-visible{background:rgba(5,12,13,.56)}
.fantasy-footer{position:relative;isolation:isolate;width:100%;min-height:136px;margin:0;padding:20px max(36px,calc((100% - 1200px)/2));overflow:hidden}
.fantasy-footer-background{position:absolute;z-index:0;inset:0;left:50%;width:100%;height:100%;transform:translateX(-50%);display:block;overflow:hidden;pointer-events:none}
.fantasy-footer-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}
.fantasy-footer:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,8,10,.68),rgba(3,8,10,.36),rgba(3,8,10,.68));pointer-events:none}
.fantasy-footer>*:not(.fantasy-footer-background){position:relative;z-index:2}
.fantasy-footer .brand{flex:0 0 auto}

@media(max-width:1023px) and (min-width:768px){
  .fantasy-home .hero-inner{grid-template-columns:minmax(0,46%) minmax(0,54%)}
  .fantasy-home .hero-role{font-size:40px;letter-spacing:0}
  .fantasy-hero-knight{right:19%;width:min(30vw,300px)}
  .fantasy-home .hero-network{right:-4%;width:min(18%,175px);height:340px;min-height:300px}
  .fantasy-intro{padding-inline:36px;gap:38px}
  .fantasy-card-illustration{width:min(90%,230px)}
  .fantasy-beast{width:220px;opacity:.78}
}
@media(max-width:767px){
  .fantasy-home{min-height:0;overflow:hidden}
  .fantasy-hero-background img{object-position:left center}
  .fantasy-hero-shade{background:linear-gradient(90deg,rgba(3,8,11,.56),rgba(3,8,11,.32) 70%,rgba(3,8,11,.2))}
  .fantasy-magic-ring{display:none}
  .fantasy-home .hero-inner{width:var(--shell);min-height:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:0;padding-top:0}
  .fantasy-home .hero-copy{grid-column:1;padding:44px 0 14px;max-width:none}
  .fantasy-home .hero-role{font-size:clamp(35px,9vw,48px);line-height:1.35;white-space:nowrap;letter-spacing:0}
  .fantasy-home .hero-network{position:relative;left:auto;right:auto;top:auto;grid-column:1;width:min(94vw,360px);height:280px;min-height:250px;margin:0 auto 25px;transform:none}
  .fantasy-hero-knight{position:relative;grid-column:1;grid-row:2;right:auto;bottom:auto;justify-self:center;width:min(58vw,235px);height:auto;max-height:310px;aspect-ratio:941/1672;margin:0 auto 10px;z-index:4}
  .fantasy-home .hero-network{grid-row:3}
  .fantasy-hero-foreground{height:86px}
  .fantasy-intro{display:grid;width:100%;padding:68px 18px;grid-template-columns:minmax(0,1fr);gap:26px}
  .fantasy-intro .capability-intro{align-items:center;text-align:center}
  .fantasy-card-illustration{width:min(64vw,250px);max-height:310px;margin-top:14px}
  .fantasy-intro .capability-list{width:100%}
  .fantasy-beast{display:none}
  .fantasy-play .fantasy-media-frame{display:none}
  .fantasy-play .fantasy-media-stage{aspect-ratio:16/9;border:1px solid rgba(185,154,88,.6);background:#05080a}
  .fantasy-play .fantasy-video-opening{inset:0;width:100%;height:100%;border:0}
  .fantasy-play .work-card-flagship .work-media-link{overflow:hidden}
  .fantasy-footer{min-height:126px;padding-inline:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
  .fantasy-footer-background img{object-position:46% center}
}
@media(max-width:540px){
  .fantasy-home .hero-copy{padding-top:38px}
  .fantasy-home .hero-role{font-size:35px}
  .fantasy-hero-knight{width:min(56vw,210px);max-height:280px}
  .fantasy-home .hero-network{height:255px;min-height:235px;width:min(92vw,340px)}
  .fantasy-hero-foreground{height:68px}
  .fantasy-intro{padding-block:58px}
  .fantasy-footer{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .fantasy-home .hero-network{display:block!important}
  .fantasy-home .hero-network .depth-carousel__card{will-change:auto}
  .fantasy-play .fantasy-media-stage,.fantasy-home .hero-network{transition:none!important}
}

*/
/* Responsive art direction canceled by user request. */
/*
.fantasy-home{width:100%;min-height:max(760px,85svh);margin:0;display:block;position:relative;isolation:isolate;overflow:hidden;background:#071012}
.fantasy-home:after{display:none}
.fantasy-hero-scene{position:absolute;inset:0;z-index:0;isolation:isolate;overflow:hidden;pointer-events:none}
.fantasy-hero-background,.fantasy-hero-background img{position:absolute;inset:0;display:block;width:100%;height:100%}
.fantasy-hero-background img{object-fit:cover;object-position:center center}
.fantasy-hero-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(3,8,11,.66) 0%,rgba(3,8,11,.45) 32%,rgba(3,8,11,.14) 62%,rgba(3,8,11,.06) 100%)}
.fantasy-magic-ring{position:absolute;z-index:2;right:13%;bottom:8%;width:min(29vw,390px);aspect-ratio:1;opacity:.32;pointer-events:none}
.fantasy-magic-ring img{display:block;width:100%;height:100%;object-fit:contain}
.fantasy-home .hero-inner{position:relative;width:var(--shell);min-height:inherit;margin-inline:auto;display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:center;gap:0}
.fantasy-home .hero-copy{grid-column:1;width:100%;max-width:none;padding:66px 14px 74px 0;position:relative;z-index:10;text-shadow:0 1px 6px rgba(0,0,0,.42)}
.fantasy-home .hero-role{font-size:clamp(48px,4.7vw,68px);line-height:1.28;letter-spacing:0;white-space:nowrap}
.fantasy-home .hero-statement{max-width:500px}
.fantasy-home .hero-role-summary,.fantasy-home .portfolio-name,.fantasy-home .hero-capabilities,.fantasy-home .hero-footnote{max-width:100%}
.fantasy-hero-knight{position:absolute;z-index:4;right:20%;bottom:0;width:min(28vw,370px);height:83%;display:block;pointer-events:none}
.fantasy-hero-knight img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.fantasy-home .hero-network{position:absolute;z-index:8;left:auto;right:-8%;top:7%;width:min(14%,170px);height:min(340px,42vh);min-height:260px;max-height:none;margin:0;overflow:hidden;border:1px solid rgba(191,159,86,.62);background:rgba(4,9,10,.18);box-shadow:0 10px 24px rgba(0,0,0,.25),inset 0 0 0 3px rgba(3,8,10,.15)}
.fantasy-home .hero-network:before{content:'';position:absolute;z-index:3001;inset:5px;border:1px solid rgba(232,225,207,.16);pointer-events:none}
.fantasy-home .hero-network .depth-carousel{height:100%;min-height:0}
.fantasy-home .hero-network .hero-depth-carousel-inner{transform:none}
.fantasy-home .hero-network:hover,.fantasy-home .hero-network:focus-within{border-color:rgba(222,190,112,.88);filter:brightness(1.055)}
.fantasy-hero-foreground{position:absolute;z-index:5;left:0;right:0;bottom:-1px;width:100%;height:clamp(110px,13vw,176px);display:block;overflow:hidden;pointer-events:none}
.fantasy-hero-foreground img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}

.fantasy-intro{position:relative;isolation:isolate;width:100%;margin:0;padding-inline:max(36px,calc((100% - 1200px)/2));overflow:hidden;gap:clamp(40px,7vw,96px)}
.fantasy-intro>.fantasy-section-background,.fantasy-play>.fantasy-section-background,.fantasy-contact>.fantasy-section-background{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
.fantasy-section-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.fantasy-intro:before,.fantasy-play:before,.fantasy-contact:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none}
.fantasy-intro:before{background:linear-gradient(90deg,rgba(3,8,10,.48),rgba(3,8,10,.61) 44%,rgba(3,8,10,.78))}
.fantasy-intro>.capability-intro,.fantasy-intro>.capability-list{position:relative;z-index:3}
.fantasy-intro .capability-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.fantasy-card-illustration{display:block;width:min(82%,275px);height:auto;max-height:340px;object-fit:contain;margin:18px auto 0;filter:drop-shadow(0 12px 22px rgba(0,0,0,.34))}
.fantasy-intro .capability-list{border-top-color:rgba(197,168,101,.34)}
.fantasy-intro .capability-list>div{border-bottom-color:rgba(197,168,101,.25)}

.fantasy-play{position:relative;isolation:isolate;overflow:hidden;background:#081012}
.fantasy-play:before{background:linear-gradient(180deg,rgba(3,8,11,.38),rgba(3,8,11,.24) 42%,rgba(3,8,11,.64))}
.fantasy-play>.shell{position:relative;z-index:4}
.fantasy-beast{position:absolute;z-index:2;left:-26px;bottom:22px;width:min(21vw,280px);height:auto;max-height:43%;object-fit:contain;object-position:left bottom;pointer-events:none}
.fantasy-play .work-card-flagship{background:rgba(7,12,13,.76);border-color:rgba(194,160,86,.42)}
.fantasy-play .work-card-flagship>.work-media-link.portrait-media-link{display:block;background:transparent;overflow:visible}
.fantasy-media-stage{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;isolation:isolate;background:rgba(4,8,10,.3)}
.fantasy-video-opening{position:absolute;z-index:1;left:10.35%;top:19.24%;width:79.3%;height:59.4%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#05080a}
.fantasy-media-stage .fantasy-video-opening .real-video.video-portrait{display:block;position:relative;width:100%;height:100%;max-width:100%;max-height:none;flex:1 1 auto;aspect-ratio:16/9;object-fit:contain;background:#05080a}
.fantasy-media-frame{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.fantasy-play .work-card-flagship .work-media-link{border:0}

.fantasy-contact{position:relative;isolation:isolate;overflow:hidden;background:#071012}
.fantasy-contact:before{background:linear-gradient(90deg,rgba(3,9,11,.4),rgba(3,9,11,.24) 55%,rgba(3,9,11,.4))}
.fantasy-contact>.shell{position:relative;z-index:3}
.fantasy-contact .home-contact-grid a{border-color:rgba(220,191,116,.36);background:rgba(5,12,13,.22)}
.fantasy-contact .home-contact-grid a:hover,.fantasy-contact .home-contact-grid a:focus-visible{background:rgba(5,12,13,.56)}
.fantasy-footer{position:relative;isolation:isolate;width:100%;min-height:136px;margin:0;padding:20px max(36px,calc((100% - 1200px)/2));overflow:hidden}
.fantasy-footer-background{position:absolute;z-index:0;inset:0;left:50%;width:100%;height:100%;transform:translateX(-50%);display:block;overflow:hidden;pointer-events:none}
.fantasy-footer-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}
.fantasy-footer:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,8,10,.68),rgba(3,8,10,.36),rgba(3,8,10,.68));pointer-events:none}
.fantasy-footer>*:not(.fantasy-footer-background){position:relative;z-index:2}
.fantasy-footer .brand{flex:0 0 auto}

@media(max-width:1023px) and (min-width:768px){
  .fantasy-home .hero-inner{grid-template-columns:minmax(0,46%) minmax(0,54%)}
  .fantasy-home .hero-role{font-size:40px;letter-spacing:0}
  .fantasy-hero-knight{right:19%;width:min(30vw,300px)}
  .fantasy-home .hero-network{right:-4%;width:min(18%,175px);height:340px;min-height:300px}
  .fantasy-intro{padding-inline:36px;gap:38px}
  .fantasy-card-illustration{width:min(90%,230px)}
  .fantasy-beast{width:220px;opacity:.78}
}
@media(max-width:767px){
  .fantasy-home{min-height:0;overflow:hidden}
  .fantasy-hero-background img{object-position:left center}
  .fantasy-hero-shade{background:linear-gradient(90deg,rgba(3,8,11,.56),rgba(3,8,11,.32) 70%,rgba(3,8,11,.2))}
  .fantasy-magic-ring{display:none}
  .fantasy-home .hero-inner{width:var(--shell);min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start;gap:0;padding-top:0}
  .fantasy-home .hero-copy{grid-column:1;grid-row:1;padding:44px 0 14px;max-width:none}
  .fantasy-home .hero-role{font-size:clamp(35px,9vw,48px);line-height:1.35;white-space:nowrap;letter-spacing:0}
  .fantasy-hero-knight{position:relative;grid-column:1;grid-row:2;right:auto;bottom:auto;justify-self:center;width:min(58vw,235px);height:auto;max-height:310px;aspect-ratio:941/1672;margin:0 auto 10px}
  .fantasy-home .hero-network{position:relative;top:auto;right:auto;left:auto;grid-column:1;grid-row:3;width:min(94vw,360px);height:280px;min-height:250px;margin:0 auto 25px;transform:none}
  .fantasy-hero-foreground{height:86px}
  .fantasy-intro{display:grid;width:100%;padding:68px 18px;grid-template-columns:minmax(0,1fr);gap:26px}
  .fantasy-intro .capability-intro{align-items:center;text-align:center}
  .fantasy-card-illustration{width:min(64vw,250px);max-height:310px;margin-top:14px}
  .fantasy-intro .capability-list{width:100%}
  .fantasy-beast{display:none}
  .fantasy-play .fantasy-media-frame{display:none}
  .fantasy-play .fantasy-media-stage{aspect-ratio:16/9;border:1px solid rgba(185,154,88,.6);background:#05080a}
  .fantasy-play .fantasy-video-opening{inset:0;width:100%;height:100%;border:0}
  .fantasy-play .work-card-flagship .work-media-link{overflow:hidden}
  .fantasy-footer{min-height:126px;padding-inline:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
  .fantasy-footer-background img{object-position:46% center}
}
@media(max-width:540px){
  .fantasy-home .hero-copy{padding-top:38px}
  .fantasy-home .hero-role{font-size:35px}
  .fantasy-hero-knight{width:min(56vw,210px);max-height:280px}
  .fantasy-home .hero-network{height:255px;min-height:235px;width:min(92vw,340px)}
  .fantasy-hero-foreground{height:68px}
  .fantasy-intro{padding-block:58px}
  .fantasy-footer{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .fantasy-home .hero-network .depth-carousel__card{will-change:auto}
  .fantasy-play .fantasy-media-stage,.fantasy-home .hero-network{transition:none!important}
}

*/

/* Solid-color navigation background requested by the user. */
.site-header{
  background-color:#0b0b09;
  background-image:none;
  border-bottom-color:rgba(229,221,204,.1);
}

/* Supplied starry-isles image as the Hero canvas; keep existing copy and carousel above it. */
.hero.fantasy-background{
  width:100%;
  min-height:max(760px,calc(100svh - 82px));
  margin:0;
  display:block;
  position:relative;
  isolation:isolate;
  background-color:#071211;
  background-image:none;
}
.hero-background-video{
  position:absolute;
  z-index:0;
  top:-82px;
  left:0;
  width:100%;
  height:calc(100% + 82px);
  display:block;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
}
.hero-background-shade{
  position:absolute;
  z-index:1;
  top:-82px;
  right:0;
  bottom:0;
  left:0;
  background:linear-gradient(90deg,rgba(4,10,11,.56) 0%,rgba(4,10,11,.34) 40%,rgba(4,10,11,.08) 76%);
  pointer-events:none;
}
.hero-background-shade::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(1,2,2,.96) 0%,rgba(1,2,2,.65) 4.67%,rgba(1,2,2,.2) 8%,rgba(1,2,2,0) 10%,rgba(1,2,2,0) 100%);pointer-events:none}
.hero-background-shade::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(2,3,11,.57) 0%,rgba(2,3,11,.32) 36%,transparent 72%);pointer-events:none}
.hero-bg-content{
  position:relative;
  z-index:2;
  width:var(--shell);
  min-height:inherit;
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media(max-width:800px){
  .hero.fantasy-background{
    min-height:0;
  }
  .hero-background-video{top:-68px;height:calc(100% + 68px);object-position:36% center}
  .hero-background-shade{
    top:-68px;
    background:linear-gradient(180deg,rgba(4,10,11,.7),rgba(4,10,11,.32) 48%,rgba(4,10,11,.66));
  }
  .hero-bg-content{grid-template-columns:minmax(0,1fr);align-items:start;gap:0;padding-bottom:40px}
}

/* Keep the navigation pinned at the viewport top without border or glass effects. */
.site-header,
.site-header.is-floating{
  position:fixed;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  padding-inline:max(36px,calc(50% - 600px));
  z-index:90;
  opacity:1;
  background-color:transparent;
  background-image:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 56%,rgba(0,0,0,0) 100%);
  border:0;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.site-header-spacer{width:100%;height:82px}
@media(max-width:800px){
  .site-header,.site-header.is-floating{top:0;}
}
@media(max-width:430px){
  .site-header,.site-header.is-floating{padding-inline:18px;}
}
.hero .hero-capabilities{position:relative;top:10px}


.experience-brief{border-top:0}
.archive-cta{border-bottom:0}
.method:after,.contact-band:before{content:none;display:none}

.capabilities{position:relative;isolation:isolate;background:transparent}
.capabilities::before{content:'';position:absolute;z-index:0;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-image:linear-gradient(90deg,rgba(5,7,8,.26),rgba(5,7,8,.14) 54%,rgba(5,7,8,.22)),url('./public/images/capabilities-stone-bg-v3.png');background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}
.capabilities>.capability-intro,.capabilities>.capability-list{position:relative;z-index:1}

.metrics{position:relative;isolation:isolate;background:transparent}
.metrics::before{content:'';position:absolute;z-index:0;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-image:linear-gradient(rgba(5,7,8,.16),rgba(5,7,8,.16)),url('./public/images/metrics-stone-bg-v1.png');background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}
.metrics>*{position:relative;z-index:1}

.experience-projects.section{padding-block:70px;background-color:#0b0b09;background-image:linear-gradient(rgba(5,7,8,.16),rgba(5,7,8,.16)),url('./public/images/experience-projects-stone-bg-v1.png');background-size:cover;background-position:center;background-repeat:no-repeat}
.experience-projects-inner{display:grid;gap:56px}
.experience-projects .experience-brief,.experience-projects .archive-cta{width:100%;margin:0;padding:0;border:0}
.experience-projects .archive-cta .eyebrow{margin-top:0}
@media(max-width:800px){.experience-projects-inner{gap:40px}}

.method,.contact-band{background-color:#121210;background-image:none}
.project-review{padding-block:56px;border-top:1px solid var(--line)}
.project-review>p{max-width:800px;color:var(--muted)}
.project-review .section-heading{margin-bottom:28px}

/* Video and visual archives share the existing responsive shell and menu. */
.visual-archive-grid .work-visual-pair{height:320px;min-height:0;padding:20px;display:flex;align-items:center;justify-content:center}
.visual-archive-grid .work-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:800px){.visual-archive-grid .work-visual-pair{height:300px}}
.hero-actions,.archive-page-links,.contact-work-links{display:flex;flex-wrap:wrap;gap:12px}
.work-media-link{position:relative}
.work-poster{display:block;width:100%;height:auto;object-fit:contain;background:#080807}
.work-poster.poster-portrait{aspect-ratio:9/16}
.work-poster.poster-landscape{aspect-ratio:16/9}
.work-poster-label{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid var(--gold);border-radius:999px;background:rgba(5,7,7,.88);color:var(--paper);font-size:11px}
.work-poster-label svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}
.work-collaboration{margin:10px 0;color:var(--muted);font-size:12px;line-height:1.8}
.footer-works{display:flex;flex-wrap:wrap;gap:16px;color:var(--gold)}
.visual-output-link .source-note{max-width:400px;font-size:12px;color:var(--muted);line-height:1.8}
@media(max-width:800px){.archive-page-links{width:100%}.footer-works{gap:20px}.contact-work-links{gap:0 22px}}
@media(max-width:800px){
  .site-header,.site-header.is-floating{height:68px;min-height:68px;flex-wrap:nowrap;padding-block:8px}
  .site-header .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-width:66px;height:42px;margin-left:auto;padding:8px 10px;border:1px solid var(--line);background:#121210;color:var(--paper)}
  .site-header .menu-toggle svg{display:block;width:19px;height:19px}
  .site-header .menu-label{font-size:12px}
  .site-header .nav-links{display:none!important;position:absolute;inset:auto;top:100%;left:18px;right:18px;width:calc(100% - 36px);order:unset;flex:none;margin:0!important;padding:10px 16px;background:#121210;border:1px solid var(--line);box-shadow:0 14px 24px rgba(0,0,0,.34);flex-direction:column;gap:0;overflow:visible;z-index:1}
  body.menu-open .site-header .nav-links{display:flex!important}
  .site-header .nav-links a{width:100%;padding:12px 0!important;font-size:14px;border-bottom:1px solid var(--line)}
  .site-header .nav-links a:last-child{border-bottom:0}
  .site-header .nav-links a+a:before{content:none}
  .site-header .nav-links a.is-active:after{display:none}
}

/* Centered editorial hero and balanced navigation inspired by the supplied layout. */
@media(min-width:801px){
  .site-header,.site-header.is-floating{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:24px;height:78px;align-items:center}
  .site-header .brand{justify-self:start}
  .site-header .nav-links{justify-self:center;gap:clamp(20px,2.3vw,36px);margin:0!important}
  .site-header .nav-links a[href="#/experience?section=experience-contact"]{display:none}
  .site-header .nav-contact{justify-self:end}
}
:is(.site-header,.experience-contact-cta) .nav-contact.is-active{border-color:var(--gold);color:var(--paper)}
.hero-bg-content{display:flex;align-items:center;justify-content:center}
.hero .hero-copy{width:min(100%,1000px);max-width:none;margin-inline:auto;padding:120px 0 130px;text-align:center;translate:0 52px}
.hero .hero-capabilities{position:relative;top:0;display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin:0 0 25px;padding:7px 17px;border:1px solid rgba(232,225,210,.32);border-radius:999px;background:rgba(8,9,15,.5);color:#e8e1d2;font-size:12px;letter-spacing:.08em;line-height:1.5;text-shadow:none}
.hero .hero-role{max-width:none;margin:0;color:#f1ecdf;font-size:clamp(44px,5.4vw,82px);line-height:1.14;letter-spacing:.035em;white-space:nowrap;text-shadow:0 3px 26px rgba(0,0,0,.68)}
.hero .hero-role-summary{max-width:680px;margin:23px auto 31px;color:#eee7db;font-size:clamp(15px,1.45vw,19px);line-height:1.7;text-shadow:0 2px 12px rgba(0,0,0,.75)}
.hero .hero-actions{justify-content:center;align-items:center;gap:14px}
.hero .hero-actions .button{min-width:166px;min-height:49px;justify-content:center;font-weight:600}
.hero .hero-actions .button:not(.button-secondary){border-color:#e8e1d2;background:#e8e1d2;color:#10100f}
.hero .hero-actions .button:not(.button-secondary):hover{border-color:#c9a45b;background:#c9a45b;color:#10100f}
.hero .hero-actions .button-secondary{border-color:rgba(232,225,210,.5);background:rgba(8,9,15,.48);color:#f1ecdf}
.hero .hero-actions .button-secondary:hover{border-color:#e8e1d2;background:rgba(232,225,210,.14)}
@media(max-width:800px){
  .hero.fantasy-background{min-height:calc(100svh - 68px)}
  .hero-bg-content{min-height:inherit;display:flex;align-items:center;justify-content:center;padding-bottom:0}
  .hero .hero-copy{width:100%;padding:110px 0 90px;translate:0}
  .hero .hero-capabilities{padding:6px 11px;font-size:10px;letter-spacing:.03em}
  .hero .hero-role{font-size:clamp(34px,10.5vw,70px)}
  .hero .hero-role-summary{font-size:14px}
  .hero .hero-actions{gap:10px}
  .hero .hero-actions .button{min-width:140px;padding:10px 12px}
}

.hero-scroll-cue{position:absolute;z-index:3;left:50%;bottom:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:180px;height:58px;padding:7px 18px;border:1px solid rgba(232,225,210,.5);border-radius:999px;background:linear-gradient(180deg,rgba(12,12,10,.28),rgba(12,12,10,.5));backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(232,225,210,.08),0 3px 12px rgba(0,0,0,.3);color:#e8e1d2;cursor:pointer;transform:translateX(-50%);animation:hero-scroll-float 3.2s ease-in-out infinite;transition:border-color .2s ease,background-color .2s ease}
.hero-scroll-cue::after{content:'';position:absolute;bottom:-1px;left:25%;width:50%;height:1px;background:linear-gradient(90deg,transparent,#e8e1d2,transparent);box-shadow:0 0 6px 1px rgba(232,225,210,.15);pointer-events:none}
.hero-scroll-cue>span{font-size:15px;font-weight:600;letter-spacing:.12em;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.5)}
.hero-scroll-cue>svg{display:block;width:25px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}
.hero-scroll-cue:hover,.hero-scroll-cue:focus-visible,.hero-scroll-cue:active{border-color:var(--gold);color:#d0b478;background:linear-gradient(180deg,rgba(169,138,82,.16),rgba(12,12,10,.65));box-shadow:inset 0 0 0 1px rgba(169,138,82,.15),0 0 16px rgba(169,138,82,.18),0 3px 12px rgba(0,0,0,.3)}
.hero-scroll-cue:hover::after,.hero-scroll-cue:focus-visible::after,.hero-scroll-cue:active::after{background:linear-gradient(90deg,transparent,#d0b478,transparent);box-shadow:0 0 6px 1px rgba(169,138,82,.25)}
.hero-scroll-cue:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@keyframes hero-scroll-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:800px){.hero-scroll-cue{bottom:12px;width:156px;height:52px;padding:6px 16px}.hero-scroll-cue>span{font-size:13px}.hero-scroll-cue>svg{width:23px;height:17px}}
@media(prefers-reduced-motion:reduce){.hero-scroll-cue{animation:none;translate:none;transition:none}}

.archive-range{margin-left:auto;color:var(--muted,#aaa392);font-size:12px;letter-spacing:.03em;font-variant-numeric:tabular-nums}
.archive-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(201,164,91,.22);font-size:13px}
.archive-pagination[hidden]{display:none}
.archive-pagination button{min-width:38px;min-height:38px;padding:8px 13px;border:1px solid rgba(201,164,91,.3);background:transparent;color:var(--paper,#e8e1d2);font:inherit;cursor:pointer;transition:border-color .2s,background-color .2s}
.archive-pagination button:hover:not(:disabled),.archive-pagination button[aria-current="page"]{border-color:var(--gold,#c9a45b);background:rgba(201,164,91,.1);color:var(--gold,#c9a45b)}
.archive-pagination button:disabled{opacity:.35;cursor:default}
.archive-pagination button:focus-visible{outline:2px solid var(--gold,#c9a45b);outline-offset:3px}
.archive-pagination>span{color:var(--muted,#aaa392);padding:0 4px}
@media(max-width:600px){.archive-count{flex-wrap:wrap}.archive-range{flex-basis:100%;margin-left:0;margin-top:6px}.archive-pagination{gap:6px}.archive-pagination button{min-width:36px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.archive-pagination button{transition:none}}

.career-role-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;margin-left:8px;vertical-align:middle}
.home-career-company{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:3px}
.home-career-company .career-role-group{margin:0;width:auto}
.experience-company-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.experience-company-heading .career-role-group{margin:0;width:auto}
.detailed-timeline .experience-company-heading>span:first-child{font-size:20px;line-height:1.5}
.detailed-timeline>article>span{font-size:15px}
.detailed-timeline .career-role-badge{font-size:13px}
#character-process{background-color:#0b0b09;background-image:none}
.visual-intro-banner{position:relative;isolation:isolate}
.visual-archive-surface{position:relative;isolation:isolate;background:#0b0b09;border-top:1px solid rgba(149,190,220,.6);box-shadow:0 -2px 15px rgba(90,150,205,.12)}
.visual-archive-surface::before{content:'';position:absolute;top:0;left:0;right:0;aspect-ratio:2/1;max-height:100%;z-index:-1;pointer-events:none;background:url('./public/images/visual-archive-stone-v1.png') center top/100% auto no-repeat;filter:brightness(.4);mask-image:linear-gradient(to bottom,#000 0,#000 max(0px,calc(100% - 200px)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 max(0px,calc(100% - 200px)),transparent 100%)}
.visual-archive-surface .archive-controls{position:relative;isolation:isolate;border-block:0;padding-block:22px;background:none}
.visual-archive-surface .archive-controls::before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 115%,rgba(84,149,191,.25),transparent 70%),rgba(7,13,22,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3) 18%,#000 42%,#000 58%,rgba(0,0,0,.3) 82%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3) 18%,#000 42%,#000 58%,rgba(0,0,0,.3) 82%,transparent)}
.visual-archive-surface .archive-controls::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,rgba(96,145,180,.22),rgba(155,210,236,.65) 50%,rgba(96,145,180,.22));box-shadow:0 -4px 20px rgba(91,162,207,.15)}
.visual-archive-surface .filter-label{color:#bbd5e6}
.visual-archive-surface .archive-controls .filter{background:rgba(16,23,34,.92);border-color:rgba(142,182,214,.35);color:#d9e5ed;animation-name:visual-archive-filter-signal}
.visual-archive-surface .archive-controls .filter:is(.active,:hover,:focus-visible){background:rgba(36,62,86,.75);border-color:rgba(162,211,241,.8)!important;color:#edf7ff!important;box-shadow:0 0 14px rgba(106,185,225,.2)}
.visual-archive-surface :is(.work-card,.magic-bento-card--archive){background:linear-gradient(145deg,rgba(20,28,40,.96),rgba(10,14,21,.96));border:1px solid rgba(145,180,207,.4);box-shadow:inset 0 1px 0 rgba(197,221,241,.05),0 10px 25px rgba(0,0,0,.3)}
.visual-archive-surface :is(.work-card,.magic-bento-card--archive):is(:hover,:focus-within){border-color:#9fd1ee;box-shadow:0 0 0 1px rgba(159,209,238,.22),0 0 24px rgba(98,171,217,.26),0 12px 28px rgba(0,0,0,.35)}
@keyframes visual-archive-filter-signal{0%,7%,24%,100%{text-shadow:none;box-shadow:0 0 0 rgba(102,178,223,0)}12%{text-shadow:0 0 10px rgba(191,231,255,.85);box-shadow:0 0 0 1px rgba(143,208,244,.2),0 0 18px rgba(90,175,228,.45),inset 0 0 16px rgba(99,185,226,.16)}}
@media(hover:hover){.visual-archive-surface .archive-controls .filter:hover{box-shadow:0 8px 24px rgba(91,173,222,.24)!important}}
@media(prefers-reduced-motion:reduce){.visual-archive-surface .archive-controls .filter{animation:none}}
@media(max-width:800px){.visual-archive-surface::before{height:720px;aspect-ratio:auto;background-size:auto 720px}.visual-archive-surface .archive-controls{padding-block:18px}}
.archive-glow-cursor{position:absolute;top:-82px;left:0;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden}
@media(max-width:800px){.archive-glow-cursor{top:-68px}}
.video-intro-banner{position:relative;isolation:isolate}
.video-archive-surface{position:relative;isolation:isolate;background:#0b0b09;border-top:1px solid rgba(222,177,101,.65);box-shadow:0 -2px 15px rgba(218,160,70,.12)}
.video-archive-surface::before{content:'';position:absolute;top:0;left:0;right:0;aspect-ratio:2/1;max-height:100%;z-index:-1;pointer-events:none;background:url('./public/images/video-archive-leather-v1.png') center top/100% auto no-repeat;filter:brightness(.5);mask-image:linear-gradient(to bottom,#000 0,#000 max(0px,calc(100% - 200px)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 max(0px,calc(100% - 200px)),transparent 100%)}
.video-archive-surface .archive-controls{position:relative;isolation:isolate;border-top:0;border-bottom:0;padding-block:22px;background:none}
.video-archive-surface .archive-controls::before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 115%,rgba(187,121,44,.25),transparent 70%),rgba(12,10,7,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3) 18%,#000 42%,#000 58%,rgba(0,0,0,.3) 82%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3) 18%,#000 42%,#000 58%,rgba(0,0,0,.3) 82%,transparent)}
.video-archive-surface .archive-controls::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,rgba(158,116,58,.22),rgba(221,170,88,.65) 50%,rgba(158,116,58,.22));box-shadow:0 -4px 20px rgba(216,152,55,.15)}
.video-archive-surface .archive-controls .filter{background:rgba(31,23,17,.92);border-color:rgba(202,170,118,.32);color:#e5d7bd;box-shadow:inset 0 1px 0 rgba(255,229,178,.05)}
.video-archive-surface .archive-controls .filter:is(.active,:hover,:focus-visible){background:rgba(76,50,24,.75);border-color:#c5a06b;box-shadow:0 0 14px rgba(198,140,56,.17);color:#fff1d7}
.video-archive-surface :is(.work-card,.magic-bento-card--archive){background:linear-gradient(145deg,rgba(30,26,18,.96),rgba(15,14,10,.96));border:1px solid rgba(193,159,105,.4);box-shadow:inset 0 1px 0 rgba(234,201,147,.05),0 10px 25px rgba(0,0,0,.3)}
.video-archive-surface :is(.work-card,.magic-bento-card--archive):is(:hover,:focus-within){border-color:#e0b66e;box-shadow:0 0 0 1px rgba(224,182,110,.22),0 0 24px rgba(216,156,62,.26),0 12px 28px rgba(0,0,0,.35)}
@media(max-width:800px){.video-archive-surface::before{height:720px;aspect-ratio:auto;background-size:auto 720px}.video-archive-surface .archive-controls{padding-block:18px}}
.video-intro-banner::after{content:'';position:absolute;right:max(24px,calc((100vw - 1200px)/2 - 48px));bottom:0;width:min(38vw,480px);height:100%;background:url('./public/images/video-intro-character.png') right bottom/contain no-repeat;pointer-events:none;z-index:0;transform:translateX(-150px)}
.video-intro-banner .page-intro{position:relative;z-index:1}
.video-intro-banner .page-intro h1,.visual-intro-banner .page-intro h1,.video-intro-banner .page-intro .archive-label,.visual-intro-banner .page-intro .archive-label{text-shadow:0 2px 5px rgba(0,0,0,.55),0 4px 16px rgba(0,0,0,.3)}
.video-intro-banner .page-intro>p,.visual-intro-banner .page-intro>p{text-shadow:0 1px 3px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.4)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.video-intro-banner::after{transform:translateX(calc(-150px + var(--character-shift,0px)));transition:transform .25s ease-out}}
@media(max-width:1000px){.video-intro-banner::after{position:relative;display:block;right:auto;width:100%;height:240px;background-position:calc(100% - 24px) bottom;margin-top:-32px}}
.video-intro-banner::before{content:'';position:absolute;top:-82px;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;background:url('./public/images/video-intro-library.png') center/cover no-repeat;filter:blur(4px)}
@media(max-width:800px){.video-intro-banner::before{top:-68px}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.video-intro-banner::before{background-position:calc(50% + var(--scene-shift,0px)) center;transition:background-position .25s ease-out}}
.visual-intro-banner::after{content:'';position:absolute;right:max(12px,calc((100vw - 1480px)/2));bottom:0;width:min(60vw,960px);height:100%;background:url('./public/images/visual-intro-character-v3.png') right bottom/contain no-repeat;pointer-events:none;z-index:0;transform:translateX(50px)}
.visual-intro-banner .page-intro{position:relative;z-index:1}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .visual-intro-banner::after{transform:translateX(calc(50px + var(--character-shift,0px)));transition:transform .25s ease-out}
}
@media(min-width:1001px) and (max-width:1400px){.visual-intro-banner::after{width:60vw}}
@media(max-width:1000px){.visual-intro-banner::after{position:relative;display:block;right:auto;width:100%;height:200px;background-position:calc(100% - 24px) bottom;margin-top:-32px}}
.visual-intro-banner::before{content:'';position:absolute;top:-82px;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;background:url('./public/images/video-works-banner.png') center/cover no-repeat;filter:blur(4px)}
@media(max-width:800px){.visual-intro-banner::before{top:-68px}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.visual-intro-banner::before{background-position:calc(50% + var(--scene-shift,0px)) center;transition:background-position .25s ease-out}}
/* Readability pass scoped to Experience: warm whites, warm grays and lighter gold. */
.experience-shared-motion #main-content{--paper:#e8e1d2;--muted:#c0b7a5;--gold:#c9ab70;color:var(--paper)}
.experience-shared-motion .timeline p,.experience-shared-motion .skills-brief p,.experience-shared-motion .contact-main>p{color:#e8e1d2;font-weight:500}
.experience-shared-motion #main-content .source-note,.experience-shared-motion .responsibility-grid p,.experience-shared-motion .account-record dt{color:#c0b7a5;font-weight:400}
.experience-shared-motion .experience-company-heading>span:first-child,.experience-shared-motion .detailed-timeline>article>span,.experience-shared-motion .archive-label,.experience-shared-motion .responsibility-grid b,.experience-shared-motion .experience-key-stats span{color:#c9ab70}
.experience-shared-motion .career-role-badge{color:#eee5d4}
.experience-shared-motion .contact-details span{color:#c0b7a5}
.experience-shared-motion #main-content{--paper:#fff8eb;--muted:#e0d7c6;--gold:#f0d69a;--line:rgba(240,214,154,.5);--bronze:#cfb77f;color:#fff8eb}
.experience-shared-motion #main-content{text-shadow:0 1px 3px rgba(0,0,0,.45),0 2px 7px rgba(0,0,0,.2)}
.experience-shared-motion #main-content :is(h1,h2,h3){text-shadow:0 2px 5px rgba(0,0,0,.5),0 4px 14px rgba(0,0,0,.25)}
.experience-shared-motion #main-content h1,.experience-shared-motion #main-content h2,.experience-shared-motion #main-content h3,.experience-shared-motion #main-content p:not(.source-note),.experience-shared-motion #main-content .contact-details b,.experience-shared-motion #main-content .account-record dd,.experience-shared-motion #main-content .experience-key-stats b{color:#fff8eb}
.experience-shared-motion #main-content .timeline p:not(.source-note),.experience-shared-motion #main-content .skills-brief p:not(.source-note){font-weight:500}
.experience-shared-motion #main-content .source-note,.experience-shared-motion #main-content .responsibility-grid p,.experience-shared-motion #main-content .account-record dt,.experience-shared-motion #main-content .contact-details span{color:#e0d7c6}
.experience-shared-motion #main-content h1 em,.experience-shared-motion #main-content .experience-company-heading>span:first-child,.experience-shared-motion #main-content .detailed-timeline>article>span,.experience-shared-motion #main-content .archive-label,.experience-shared-motion #main-content .responsibility-grid b,.experience-shared-motion #main-content .experience-key-stats span,.experience-shared-motion #main-content .account-heading>span{color:#f0d69a}
.experience-shared-motion #main-content .career-role-badge{color:#fff8eb;border-color:rgba(240,214,154,.65)}
.experience-shared-motion #main-content .timeline article,.experience-shared-motion #main-content .skills-brief,.experience-shared-motion #main-content .contact-details,.experience-shared-motion #main-content .contact-details a,.experience-shared-motion #main-content .experience-contact-section,.experience-shared-motion #main-content .account-record dl,.experience-shared-motion #main-content .account-record dl>div{border-color:rgba(240,214,154,.5)}
.experience-shared-motion #main-content .account-record,.experience-shared-motion #main-content .responsibility-grid>div,.experience-shared-motion #main-content .experience-key-stats>div{border-color:rgba(240,214,154,.75)}

/* Shared text hierarchy; backgrounds, sizes and interaction colors remain intact. */
:root{--paper:#e8e1d2;--muted:#c0b7a5;--gold:#c9ab70}
#main-content p{font-weight:500}
#main-content .source-note,#main-content .copyright-note,#main-content .work-collaboration,#main-content .magic-bento-card__collaboration{color:#c0b7a5;font-weight:400}
#main-content .work-meta p,#main-content .work-note,#main-content .hero-role-summary,#main-content .detail-heading>p:not(.source-note),#main-content .detail-summary p:not(.source-note),#main-content .process-grid p,#main-content .character-skill-layout p:not(.source-note),#main-content .character-usage>p:not(.source-note),#main-content .page-intro>p{color:#e8e1d2}
#main-content .tag,#main-content .archive-label,#main-content .work-number,#main-content .account-heading>span,#main-content .capability-list b{color:#c9ab70}
#main-content .metric,#main-content .media-caption,#main-content .account-record dt,#main-content .section-footer>span{color:#c0b7a5}
#main-content .magic-bento-card__title,#main-content .magic-bento-card__row>b{color:#e8e1d2}
#main-content .magic-bento-card__meta,#main-content .magic-bento-card__label{color:#c0b7a5}
.work-media-link[type="button"]{padding:0;border:0;background:transparent;text-align:inherit;color:inherit;cursor:pointer}
.home-motion-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:#010202;background-size:cover;background-position:center}
.home-motion-backdrop video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:0}
.home-motion-backdrop.is-playing video{opacity:1}
.home-shared-motion .home-motion-backdrop{filter:brightness(.7)}
.experience-shared-motion .home-motion-backdrop::after{content:'';position:absolute;inset:0;background:rgba(5,7,8,.5);pointer-events:none}
.experience-shared-motion .page-shell{background:transparent}
.experience-shared-motion #main-content{position:relative}
.experience-shared-motion #main-content::after{content:'';position:absolute;left:0;right:0;bottom:0;height:110px;pointer-events:none;background:linear-gradient(to bottom,rgba(1,1,1,0),#010101);z-index:2}
body:not(.home-shared-motion):not(.experience-shared-motion) #main-content{position:relative}
body:not(.home-shared-motion):not(.experience-shared-motion) #main-content::after{content:'';position:absolute;left:0;right:0;bottom:0;height:100px;pointer-events:none;background:linear-gradient(to bottom,rgba(1,1,1,0),#010101);z-index:2}
.experience-shared-motion .experience-contact-section{background:transparent}
.home-shared-motion .featured,.home-shared-motion .method,.home-shared-motion .contact-band{background-color:transparent;background-image:linear-gradient(to bottom,#010202 0,transparent 100px),linear-gradient(to top,#010202 0,transparent 100px),linear-gradient(rgba(5,7,8,.76),rgba(5,7,8,.76))}
.home-shared-motion .capabilities::before,.home-shared-motion .metrics::before{background-color:#010202}
.home-shared-motion .experience-projects{background-color:#010202}
@media(prefers-reduced-motion:reduce){.home-motion-backdrop video{display:none}}
.site-footer{background-color:#010101;box-shadow:0 0 0 100vmax #010101;clip-path:inset(0 -100vmax)}
.featured{border-block:0}
.method,.contact-band{background-image:linear-gradient(to bottom,#010202 0,rgba(1,2,2,0) 100px),linear-gradient(to top,#010202 0,rgba(1,2,2,0) 100px);background-repeat:no-repeat;background-size:100% 100%}
.featured{background-image:linear-gradient(to bottom,#010202 0,rgba(1,2,2,0) 100px),linear-gradient(to top,#010202 0,rgba(1,2,2,0) 100px);background-repeat:no-repeat;background-size:100% 100%}


/* Clearer separators only in the two stone-textured homepage sections. */
.capabilities .capability-list,.capabilities .capability-list>div{border-color:rgba(201,164,91,.48)}
.metrics .account-record{border-top-color:rgba(201,164,91,.62)}
.metrics .account-record dl{border-top-color:rgba(201,164,91,.48)}
.metrics .account-record dl>div{border-bottom-color:rgba(201,164,91,.38)}



/* Archive-only player chrome; floating players retain native controls. */
.cinema-player{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(201,164,91,.8);border-radius:12px;background:#070705;box-shadow:0 0 12px rgba(201,164,91,.38),0 0 38px rgba(169,138,82,.26)}
.cinema-player.video-portrait{width:min(100%,39.375vh,394px);aspect-ratio:9/16}
.cinema-player.video-landscape{width:100%;aspect-ratio:16/9}
.cinema-player .detail-video{display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain}
.cinema-number,.cinema-clock{position:absolute;z-index:2;color:#eee4cf;font:500 11px/1.4 var(--sans);text-shadow:0 1px 5px #000;pointer-events:none}
.cinema-number{top:14px;left:16px}.cinema-clock{bottom:14px;right:16px;font-variant-numeric:tabular-nums}
.cinema-toggle{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;padding:22px;border:1px solid rgba(229,221,204,.8);border-radius:50%;background:rgba(11,11,9,.48);color:var(--paper);cursor:pointer;transition:background .2s,opacity .2s}
.cinema-toggle svg{width:25px;height:25px;fill:currentColor}.cinema-pause{display:none}.cinema-player.is-playing .cinema-play{display:none}.cinema-player.is-playing .cinema-pause{display:block}
.cinema-toggle:hover{background:rgba(169,138,82,.35)}
.cinema-controls{position:absolute;z-index:3;left:12px;right:12px;bottom:38px;display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;background:rgba(11,11,9,.8);opacity:0;transition:opacity .2s}
.cinema-player:hover .cinema-controls,.cinema-player:focus-within .cinema-controls{opacity:1}
.cinema-player.is-playing:not(:hover):not(:focus-within) .cinema-toggle{opacity:0}
.cinema-controls button{padding:4px 6px;border:0;background:none;color:var(--paper);font:500 11px var(--sans);white-space:nowrap;cursor:pointer}
.cinema-seek{min-width:0;width:100%;accent-color:var(--gold);cursor:pointer}
.cinema-player button:focus-visible,.cinema-seek:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.cinema-player:not(.is-enhanced) .cinema-toggle,.cinema-player:not(.is-enhanced) .cinema-controls,.cinema-player:not(.is-enhanced) .cinema-clock,.cinema-player:not(.is-enhanced) .cinema-number{display:none}
.cinema-error{position:absolute;bottom:75px;left:10px;right:10px;padding:8px;background:rgba(11,11,9,.9);color:var(--paper);font-size:12px}
.cinema-player:fullscreen{width:100%;height:100%;border:0;border-radius:0;aspect-ratio:auto}
@media(hover:none){.cinema-controls{opacity:1}.cinema-player.is-playing .cinema-toggle{opacity:1!important}}
@media(prefers-reduced-motion:reduce){.cinema-toggle,.cinema-controls{transition:none}}

/* Adapted from Uiverse SelfMadeSystem quiet-panda-44; license in licenses/uiverse-contact-MIT.txt. */
:is(.site-header,.experience-contact-cta) .nav-contact{position:relative;display:inline-flex;align-items:center;justify-content:center;width:112px;height:42px;padding:0;border:0;border-radius:13px;background:none;color:var(--paper);transition:color .25s}
:is(.site-header,.experience-contact-cta) .nav-contact-frame{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
:is(.site-header,.experience-contact-cta) .nav-contact-border{stroke:var(--gold);stroke-width:1.5;fill:transparent;stroke-dasharray:25;animation:contact-border-flow 4s linear infinite;transition:fill .25s,stroke .25s}
:is(.site-header,.experience-contact-cta) .nav-contact-label{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;color:inherit}
:is(.site-header,.experience-contact-cta) .nav-contact-label>span{margin:0;color:var(--gold)}
:is(.site-header,.experience-contact-cta) .nav-contact:hover,:is(.site-header,.experience-contact-cta) .nav-contact:focus-visible,:is(.site-header,.experience-contact-cta) .nav-contact:active{color:var(--paper);background:none}
:is(.site-header,.experience-contact-cta) .nav-contact:hover .nav-contact-label,:is(.site-header,.experience-contact-cta) .nav-contact:focus-visible .nav-contact-label,:is(.site-header,.experience-contact-cta) .nav-contact:active .nav-contact-label{color:var(--paper)}
:is(.site-header,.experience-contact-cta) .nav-contact:hover .nav-contact-label>span,:is(.site-header,.experience-contact-cta) .nav-contact:focus-visible .nav-contact-label>span,:is(.site-header,.experience-contact-cta) .nav-contact:active .nav-contact-label>span{color:#d0b478}
:is(.site-header,.experience-contact-cta) .nav-contact:hover .nav-contact-border,:is(.site-header,.experience-contact-cta) .nav-contact:focus-visible .nav-contact-border{fill:rgba(169,138,82,.12);stroke:#d0b478}
:is(.site-header,.experience-contact-cta) .nav-contact:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@keyframes contact-border-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.experience-contact-cta{display:flex;justify-content:center;padding:0 0 48px}
.experience-contact-section{border-top:1px solid var(--line);scroll-margin-top:100px;min-height:0}
.experience-shared-motion #main-content{isolation:isolate;overflow:clip}
.experience-shared-motion #main-content::before{content:'';position:absolute;top:28px;bottom:0;left:50%;width:min(1694px,calc(110vw + 88px));transform:translateX(-50%);z-index:-1;pointer-events:none;background:url('./public/images/experience-parchment-scroll-v2.png') center top/cover no-repeat;filter:brightness(.5) saturate(.5);mask-image:none}
@media(max-width:600px){.experience-shared-motion #main-content::before{top:12px;width:calc(110vw + 44px);background-size:auto 110%;filter:brightness(.5) saturate(.5)}}
.contact-details .contact-qq{display:grid;grid-template-columns:140px 1fr 20px;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}
@media(max-width:800px){.contact-details .contact-qq{grid-template-columns:100px minmax(0,1fr) 18px}}
@media(max-width:430px){.contact-details .contact-qq{grid-template-columns:86px minmax(0,1fr) 18px;gap:5px}}
.experience-contact-section h2{font:600 clamp(34px,5vw,64px)/1.2 var(--serif);letter-spacing:.04em;margin:0}
.home-contact-grid--compact>a{grid-column:1}
.home-contact-grid--compact{border-top:0}
.contact-band .contact-details{width:min(100%,610px);margin-top:38px}
.home-contact-grid--compact>a:first-child{border-top:1px solid var(--line)}
@media(max-width:600px){.home-contact-grid--compact{grid-template-columns:1fr}}
@media(max-width:800px){.site-header .nav-contact{display:none}}
@media(prefers-reduced-motion:reduce){:is(.site-header,.experience-contact-cta) .nav-contact-border{animation:none;transition:none}}

/* Capsule filters with staggered warm-gold signals, shared by both archives. */
.archive-controls .filters{gap:10px;padding-block:8px 12px}
.archive-controls .filter{min-height:42px;padding:10px 16px;border:1px solid rgba(201,164,91,.28);border-radius:999px;background:linear-gradient(135deg,rgba(229,221,204,.04),rgba(169,138,82,.035));color:var(--muted);font-weight:600;letter-spacing:.04em;animation:archive-filter-signal 7.2s ease-in-out infinite;transition:transform .22s,border-color .22s,background .22s,color .22s,box-shadow .22s}
.archive-controls .filter:nth-child(2){animation-delay:.8s}
.archive-controls .filter:nth-child(3){animation-delay:1.6s}
.archive-controls .filter:nth-child(4){animation-delay:2.4s}
.archive-controls .filter:nth-child(5){animation-delay:3.2s}
.archive-controls .filter:nth-child(6){animation-delay:4s}
.archive-controls .filter:nth-child(7){animation-delay:4.8s}
.archive-controls .filter:nth-child(8){animation-delay:5.6s}
.archive-controls .filter.active,.archive-controls .filter:hover,.archive-controls .filter:focus-visible{background:rgba(169,138,82,.14);color:#e5d0a5!important;border-color:rgba(201,164,91,.75)!important}
.archive-controls .filter.active{box-shadow:inset 0 0 18px rgba(169,138,82,.12)}
@media(hover:hover){.archive-controls .filter:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(169,138,82,.24)!important}}
.archive-controls .filter:focus-visible{transform:translateY(-2px);outline:2px solid var(--gold);outline-offset:3px}
@keyframes archive-filter-signal{0%,7%,24%,100%{text-shadow:0 0 0 rgba(229,208,165,0);border-color:rgba(201,164,91,.28);box-shadow:0 0 0 rgba(169,138,82,0)}12%{text-shadow:0 0 10px rgba(229,208,165,.85);border-color:rgba(222,190,126,.95);box-shadow:0 0 0 1px rgba(169,138,82,.18),0 0 18px rgba(169,138,82,.45),inset 0 0 16px rgba(169,138,82,.16)}}
@media(max-width:600px){.archive-controls .filters{gap:8px}.archive-controls .filter{min-height:38px;padding:8px 13px}}
@media(prefers-reduced-motion:reduce){.archive-controls .filter{animation:none;transition:none}.archive-controls .filter:hover,.archive-controls .filter:focus-visible{transform:none}}
.related-navigation{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.character-skills,.character-notes,.character-usage{padding-block:55px;border-top:1px solid var(--line)}
.character-skill-layout{display:grid;grid-template-columns:minmax(180px,300px) minmax(0,1fr);align-items:center;gap:40px}
.character-skill-layout>img{width:100%;max-height:320px;object-fit:contain}
.character-page #character-artwork,.character-skills{scroll-margin-top:100px}
@media(max-width:600px){.character-skill-layout{grid-template-columns:1fr;gap:20px}.character-skill-layout>img{max-height:240px}.character-page .hero-actions{flex-wrap:wrap}}
@media(max-width:600px){.related-navigation{flex-direction:column;align-items:flex-start}}
.career-role-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border:1px solid rgba(169,138,82,.42);border-radius:999px;background:linear-gradient(135deg,#292318,#1b1812);color:var(--paper);font:600 12px/1.4 var(--sans);letter-spacing:.03em;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(229,221,204,.06)}
@media(max-width:600px){.career-role-group{margin-left:0;margin-top:8px;display:flex;width:fit-content}.career-role-badge{padding:4px 10px;font-size:11px}}