@charset "UTF-8";
:root{--ink:#f5f3e9;--line:rgba(245,243,233,.27);--pad:3vw;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:#041d8c;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:linear-gradient(180deg,#041d8c 0%,#061f87 13%,#123a87 34%,#32678e 49%,#84afc2 65%,#accbd4 81%,#d0dddc 100%)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;background:none;cursor:pointer;border:1px solid var(--line);padding:10px 17px}button:disabled{opacity:.3;cursor:default}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid currentColor;outline-offset:6px}small{display:block;font-weight:400;line-height:1.5}p{line-height:1.75}h1,h2,h3,h4,p{margin-top:0}h2{font-size:clamp(32px,4.5vw,78px);letter-spacing:-.045em;line-height:1.2}h2 small{font-size:clamp(14px,1.9vw,28px);letter-spacing:.04em;margin-top:12px}h3{font-size:clamp(23px,2.4vw,40px);line-height:1.45}.en{font-size:clamp(14px,1.25vw,20px);line-height:1.5}.meta,.eyebrow{font:12px/1.7 Consolas,monospace;letter-spacing:.04em}.grid-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(220,239,246,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(220,239,246,.035) 1px,transparent 1px);background-size:80px 80px}main{position:relative}.skip{position:fixed;top:-100px;z-index:100;background:#fff;color:#041d8c;padding:12px}.skip:focus{top:10px}header{position:fixed;top:0;left:var(--pad);right:var(--pad);height:85px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);z-index:20;backdrop-filter:blur(16px);background:rgba(10,35,105,.08);transition:color .3s}header .brand{font-size:32px;font-weight:950;letter-spacing:-2px}nav{margin-left:auto;display:flex;gap:30px}nav a{font-size:15px;text-align:center}nav small{font-size:9px;letter-spacing:.06em}nav a.active{box-shadow:0 2px currentColor}.contact-arrow{font-size:35px}.hero{min-height:100svh;padding:clamp(160px,20vh,250px) var(--pad) 80px;position:relative;display:flex;align-items:center}.hero h1{font-size:clamp(42px,7.6vw,132px);font-weight:950;letter-spacing:-.07em;line-height:1.35;margin:0 0 20px;white-space:nowrap}.hero-en{font-size:clamp(18px,2.2vw,35px);line-height:1.45;letter-spacing:.015em}.asterisk{position:absolute;right:4vw;bottom:23%;font-size:65px}.hero-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:25px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font:11px Consolas,monospace}.reel-section{padding:90px var(--pad) 130px}.reel-window{position:relative;transform:scale(.86);opacity:.55;transform-origin:center;overflow:hidden;will-change:transform,opacity}.reel-window video{width:100%;aspect-ratio:2.3;object-fit:cover;display:block;background:#04122d}.reel-label{position:absolute;left:20px;top:20px;font:11px Consolas,monospace;background:#041d8caa;padding:6px;pointer-events:none}.manifesto{padding-top:40px}.manifesto h2{font-size:clamp(32px,5.7vw,90px);margin-bottom:20px}.manifesto p{font-size:clamp(16px,1.6vw,25px);margin-bottom:8px}.manifesto .meta{font-size:11px;opacity:.65;margin-top:25px}.work-section{padding:60px var(--pad) 80px;display:grid;grid-template-columns:22% 52% 22%;gap:2%;align-items:start}.work-index,.case-info{position:sticky;top:140px}.work-index h2{font-size:clamp(24px,3.3vw,55px)}.work-index h2 small{font-size:17px}.work-index p{font-size:14px;margin:40px 0}.work-index p small{font-size:12px}.case-link{display:block;width:100%;border:0;text-align:left;opacity:.4;margin:12px 0;padding:12px 0}.case-link.active{opacity:1}.case-link small{font-size:10px;margin-left:25px}.outline{margin-top:35px;font-size:12px}.case-images{perspective:1200px}.case-card{margin:0 0 90px;transform-origin:center;will-change:transform;display:block}.case-card img{width:100%;aspect-ratio:1.4;object-fit:cover;display:block}.case-card .mobile-case{display:none}.case-info h3{margin:25px 0 8px;font-size:clamp(24px,3vw,47px)}.case-info h4{font-weight:400;font-size:17px}.case-info p{font-size:14px;margin:24px 0}.case-info .en{font-size:13px}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:8px;margin-top:30px;font-size:12px}.archive{padding:30px var(--pad) 90px}.archive a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;gap:20px}.section{padding:100px 0 100px}.section-head{padding:0 var(--pad);display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:55px}.section-head>p{font-size:16px;max-width:380px}.section-head>p small{font-size:13px}.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.track::-webkit-scrollbar{display:none}.track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.track img{user-select:none;-webkit-user-drag:none}.article-track{padding-left:var(--pad);padding-right:var(--pad)}.article-card{flex:0 0 31%;min-width:300px;border:1px solid var(--line);border-right:0;min-height:470px;padding:25px;display:flex;flex-direction:column;scroll-snap-align:start;position:relative}.article-card:last-child{border-right:1px solid var(--line)}.keyword{font-size:clamp(38px,4.6vw,72px);letter-spacing:-.05em}.keyword small{font-size:15px;letter-spacing:.06em}.article-card img{width:100%;height:210px;object-fit:cover;margin:22px 0;opacity:0;transform:translateY(15px);transition:opacity .4s,transform .5s}.article-card:hover img,.article-card:focus-visible img{opacity:1;transform:none}.article-card h3{font-size:17px;font-weight:400;margin-top:auto;margin-bottom:8px;padding-right:35px}.article-card h3 small{font-size:12px;margin-top:7px}.article-icon{position:absolute;right:22px;bottom:24px;font-size:34px}.track-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px var(--pad) 35px;padding-top:20px;border-top:1px solid var(--line);font:11px Consolas,monospace}.track-controls>div{display:flex;align-items:center;gap:12px}.track-controls button{font-size:24px;line-height:1;padding:9px 14px}.play,.notes,.life,footer{--ink:#041d8c;--line:rgba(4,29,140,.25);color:var(--ink)}.play-track{gap:4vw;padding:0 20vw}.play-card{flex:0 0 60vw;scroll-snap-align:center}.play-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.play-card h3{margin:16px 0 0;font-size:27px}.play-card small{font-size:13px}.play-card .meta{margin-top:12px}.pending{background:linear-gradient(125deg,#aec7d4,#718fa8);display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);text-align:center;padding:25px;color:#041d8c}.pending>span{font-size:28px;line-height:1.6}.pending small{font-size:12px;letter-spacing:.03em}.play-card .pending{aspect-ratio:16/9}.note-grid{display:grid;grid-template-columns:1fr 1fr;padding:0 var(--pad)}.note-grid>a{padding:35px;border:1px solid var(--line)}.note-grid h3{margin:25px 0 8px}.note-grid h4{font-size:18px;font-weight:400}.note-grid p{max-width:600px}.note-grid>a>span:last-child{font-size:12px;border-bottom:1px solid}.pending-note{display:block;font:11px/1.7 Consolas,monospace;margin-top:30px;opacity:.65}.life-track{align-items:center;gap:28px;padding:10px var(--pad) 20px}.life-card{flex:0 0 30vw;scroll-snap-align:center;min-width:240px}.life-card:nth-child(even){flex-basis:23vw;margin-top:-20px}.life-card .pending{height:290px}.life-card:nth-child(even) .pending{height:410px}.life-card figcaption{font-size:13px;padding-top:15px}.life-card figcaption small{font-size:11px}.life-card{margin:30px 0 0}footer{padding:100px var(--pad) 30px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw}.about-grid h2{font-size:clamp(27px,3.6vw,58px)}.about-grid h3{font-size:clamp(24px,2.5vw,42px)}.email{font-size:clamp(20px,2.5vw,40px);border-bottom:2px solid;display:inline-block;margin:25px 0 12px}.footer-brand{font-weight:950;font-size:24vw;letter-spacing:-.085em;line-height:1.15;margin:40px 0}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:15px;font:10px/1.7 Consolas,monospace}header.light{--line:rgba(4,29,140,.25);color:#041d8c;background:rgba(187,212,220,.25)}
@media(min-width:1700px){.article-card{min-height:580px}.article-card img{height:280px}}@media(max-width:900px){nav{gap:18px}.work-section{grid-template-columns:25% 71%}.case-info{display:none}.case-card .mobile-case{display:block;padding:15px 0;font-size:17px}.case-card .mobile-case small{font-size:12px}.section-head{align-items:flex-start}.article-card{flex-basis:46%}.hero-bottom span{display:none}.note-grid{grid-template-columns:1fr}.about-grid{gap:30px}.footer-bottom{flex-wrap:wrap}}@media(max-width:600px){:root{--pad:6vw}html{scroll-padding-top:110px}header{height:100px;flex-wrap:wrap;gap:0;padding:10px 0}header .brand{font-size:25px}nav{order:3;width:100%;justify-content:space-between;gap:5px;margin:8px 0 0}nav a{font-size:12px}nav small{font-size:8px}.contact-arrow{margin-left:auto;font-size:25px}.hero{padding-top:170px;min-height:90svh}.hero h1{font-size:8vw;letter-spacing:-.065em}.hero-en{font-size:16px}.asterisk{bottom:20%;font-size:40px}.hero-bottom{font-size:9px}.reel-section{padding:60px var(--pad)}.reel-window video{aspect-ratio:16/10}.reel-label{font-size:8px;left:8px;top:8px}.manifesto h2{font-size:8vw}.manifesto p{font-size:14px}.work-section{display:block;padding-top:40px}.work-index{position:static}.work-index p{margin:20px 0}#case-nav{display:flex;gap:8px}.case-link{font-size:11px;padding:8px 0}.case-link small{margin:5px 0 0;font-size:8px}.outline{margin:15px 0 35px}.case-card{margin-bottom:40px;transform:none!important}.section{padding:65px 0}.section-head{display:block;margin-bottom:35px}.section-head>p{margin-top:25px}.article-card{flex-basis:84%;min-width:0;min-height:420px;padding:20px}.article-card img{height:180px;opacity:1;transform:none}.track-controls{font-size:9px}.track-controls button{font-size:20px;padding:7px 10px}.play-track{padding:0 8vw;gap:5vw}.play-card{flex-basis:84vw}.play-card h3{font-size:22px}.note-grid>a{padding:25px}.life-card{flex-basis:75vw;min-width:0}.life-card:nth-child(even){flex-basis:66vw}.life-card .pending{height:250px}.life-card:nth-child(even) .pending{height:330px}.about-grid{grid-template-columns:1fr}.about-grid>div+div{border-top:1px solid var(--line);padding-top:35px}footer{padding-top:65px}.footer-brand{font-size:23vw}.footer-bottom{font-size:9px}.archive a{font-size:13px;display:block}.archive small{margin-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reel-window{transform:none!important;opacity:1!important}.case-card{transform:none!important}}

/* Motion revision — full-width navigation, video portal and gallery controls */
header{left:0;right:0;padding:0 var(--pad);background:rgba(8,28,98,.16);isolation:isolate}header.light{background:rgba(187,212,220,.38)}
#grid-trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}main{z-index:2}header{z-index:30}
.reel-section{padding:0 0 130px}.reel-journey{position:relative;height:300svh}.reel-stage{position:sticky;top:0;height:100svh;width:100%;overflow:hidden;background:#082787}.reel-stage video{display:block;width:100%;height:100%;object-fit:cover}.reel-mask{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.reel-hint{position:absolute;left:0;right:0;bottom:12%;text-align:center;font:11px/1.8 Consolas,monospace;letter-spacing:.14em;color:#f5f3e9;pointer-events:none}.reel-pause{position:absolute;bottom:22px;right:var(--pad);color:#fff;border-color:#ffffff60;background:#041b4370;font:11px/1.5 Consolas,monospace;z-index:2}.reel-pause:focus-visible{opacity:1!important;pointer-events:auto!important}#video-status{position:absolute;bottom:60px;left:var(--pad);font-size:12px}.manifesto{padding:65px var(--pad) 0;position:relative}.case-images{perspective:850px}.case-card{margin-bottom:150px;backface-visibility:hidden;transform-style:preserve-3d;outline:1px solid #ffffff0d}.case-card img{box-shadow:0 35px 60px -35px #0009}.archive a{position:relative;transition:background .2s,padding .25s}.archive a:hover,.archive a:focus-visible{background:#f5f3e9;color:#041d8c;padding-left:20px;padding-right:20px}#archive-preview{position:fixed;top:0;left:0;width:300px;aspect-ratio:1.5;pointer-events:none;z-index:60;opacity:0;visibility:hidden;transform:translate3d(-500px,-500px,0);transition:opacity .18s,visibility .18s;box-shadow:0 16px 55px #00153533;overflow:hidden}#archive-preview.visible{opacity:1;visibility:visible}#archive-preview img{display:block;width:100%;height:100%;object-fit:cover}
.edge-gallery{position:relative}.edge-zone{position:absolute;top:0;bottom:0;width:clamp(65px,7vw,125px);padding:0;border:0;z-index:5;color:inherit;background:transparent}.edge-zone.left{left:0;cursor:var(--cursor-left),w-resize}.edge-zone.right{right:0;cursor:var(--cursor-right),e-resize}.edge-zone span{opacity:0;font-size:32px;display:grid;place-items:center;margin:auto;width:50px;height:50px;border:1px solid currentColor;border-radius:50%;background:#092e8733;transition:opacity .2s}.edge-zone:focus-visible span{opacity:1}.edge-zone:disabled{cursor:not-allowed;background:none}.edge-zone:disabled:hover span{opacity:.3}.edge-zone:disabled span{opacity:0}.edge-zone:hover{background:linear-gradient(90deg,#041d8c0c,transparent)}.edge-zone.right:hover{background:linear-gradient(-90deg,#041d8c0c,transparent)}
.life-track{scroll-snap-type:none;scroll-behavior:auto}.life-track .life-card:nth-child(even){flex-basis:23vw}#life-pause{font:10px/1.5 Consolas,monospace;white-space:nowrap;padding:10px}
.about-grid{grid-template-columns:minmax(180px,.8fr) minmax(0,1.25fr) minmax(0,1fr);gap:4vw;align-items:start}.about-portrait{margin:0;position:relative;padding-top:9px}.about-portrait img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 42%;filter:saturate(.7);border-radius:2px}.about-portrait figcaption{font:10px/1.8 Consolas,monospace;padding-top:14px}.about-copy h2{font-size:clamp(28px,3vw,50px)}.about-copy p{font-size:15px}.about-grid>div:last-child{border-left:1px solid var(--line);padding-left:3vw}.about-grid>div:last-child h3{font-size:clamp(21px,2.1vw,34px)}.about-grid .email{font-size:clamp(17px,1.7vw,28px)}
@media(max-width:900px){.about-grid{grid-template-columns:1fr 1.6fr}.about-grid>div:last-child{grid-column:2;border-left:0;padding-left:0}.case-card{margin-bottom:90px}}
@media(max-width:600px){header{padding:10px var(--pad)}.reel-section{padding:0 0 65px}.reel-journey{height:240svh}.reel-hint{font-size:9px}.manifesto{padding:40px var(--pad) 0}.case-card{margin-bottom:45px}.edge-zone{display:none}.about-grid{grid-template-columns:1fr}.about-portrait{width:72%;margin-bottom:8px}.about-grid>div:last-child{grid-column:auto;padding-left:0}.about-grid>div+div{padding-top:28px}.about-copy h2{font-size:30px}.life-track .life-card:nth-child(even){flex-basis:66vw}.life .track-controls{align-items:flex-start;flex-direction:column}#archive-preview{display:none}}
@media(pointer:coarse){.edge-zone,#archive-preview,#grid-trail{display:none}}
@media(prefers-reduced-motion:reduce){#grid-trail{display:none}.reel-journey{height:100svh}.reel-mask,.reel-hint{display:none}.case-card{transform:none!important}}
.case-images{position:relative}

.about-grid>div:last-child h3{font-size:clamp(21px,1.7vw,28px)}
.life-track .life-card:nth-child(even){flex-basis:30vw;margin-top:30px}.life-track .life-card:nth-child(even) .pending{height:290px}.life-track .life-card.portrait{flex-basis:23vw;margin-top:-20px}.life-track .life-card.portrait .pending{height:410px}
@media(max-width:600px){.life-track .life-card:nth-child(even){flex-basis:75vw}.life-track .life-card:nth-child(even) .pending{height:250px}.life-track .life-card.portrait{flex-basis:66vw}.life-track .life-card.portrait .pending{height:330px}}

/* Real life media: deliberate, stable variety rather than reshuffling on refresh. */
.life-track{padding-top:45px;padding-bottom:30px;align-items:flex-start}
.life-track .life-media-card,.life-track .life-media-card:nth-child(even){flex:0 0 clamp(280px,30vw,500px);min-width:0;margin:0}
.life-track .life-media-card.portrait{flex-basis:clamp(210px,21vw,330px)}
.life-track .life-media-card.square{flex-basis:clamp(250px,25vw,390px)}
.life-track .life-media-card.offset-up{margin-top:0}.life-track .life-media-card.offset-middle{margin-top:30px}.life-track .life-media-card.offset-down{margin-top:65px}
.life-media{position:relative;background:#041d8c08}.life-media img,.life-media video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.portrait .life-media img,.portrait .life-media video{aspect-ratio:3/4}.square .life-media img,.square .life-media video{aspect-ratio:1}
.life-media video{background:#06172e}.life-type{position:absolute;top:12px;left:12px;font:9px/1.5 Consolas,monospace;padding:4px 7px;background:#041d8c90;color:#fff;pointer-events:none}.life-media-card figcaption{font-size:14px;line-height:1.7;margin-top:14px;white-space:normal}.life-media-card figcaption small{font-size:11px;line-height:1.5;opacity:.7;margin-top:6px}
@media(max-width:600px){.life-track .life-media-card,.life-track .life-media-card:nth-child(even){flex-basis:78vw}.life-track .life-media-card.portrait{flex-basis:62vw}.life-track .life-media-card.square{flex-basis:70vw}.life-track .life-media-card.offset-down{margin-top:40px}.life-track .life-media-card.offset-middle{margin-top:20px}}

#archive{scroll-margin-top:105px}@media(max-width:600px){#case-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}#archive{scroll-margin-top:85px}}