:root{--paper:#f2f3ef;--white:#fbfcf8;--ink:#172725;--muted:#66716b;--line:#ccd3cd;--accent:#13b79f;--mint:#b8f3e5;--blue:#087f72;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--display:"Helvetica Neue",Helvetica,Arial,sans-serif;--serif:"Songti SC","STSong",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:160px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button:disabled{cursor:default}img{display:block;max-width:100%}p,h1,h2,h3{overflow-wrap:break-word}::selection{background:var(--mint);color:var(--ink)}.micro,.eyebrow{font:12px/1.6 var(--mono);letter-spacing:1.1px}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:12px}#main:focus{outline:none}.scroll-progress{height:2px;position:fixed;left:0;top:0;right:0;background:var(--accent);z-index:100;transform:scaleX(0);transform-origin:left}.site-header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5%;gap:45px;position:sticky;top:0;z-index:30;background:#f2f3eff2;backdrop-filter:blur(12px)}.brand{display:flex;gap:16px;align-items:center;font-weight:650;white-space:nowrap}.brand>span{font-size:20px;letter-spacing:2px}.brand small{font:12px var(--mono);color:var(--blue);letter-spacing:.4px}.brand small>span{margin-left:6px;font-size:20px}.site-header nav{display:flex;gap:34px;margin-left:auto}.site-header nav a{font-size:14px;position:relative;padding:8px 0;color:#59655f}.site-header nav a.active{color:var(--ink);font-weight:600}.site-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--accent)}.header-contact{font-size:14px;border:1px solid #53655e;padding:8px 17px;display:flex;gap:25px;align-items:center}.header-contact span{color:var(--blue);font-size:20px}.header-contact:hover{background:var(--mint)}.wrap{max-width:1560px;padding:0 5%;margin:auto}.text-link{font-size:14px;line-height:1.7;display:inline-block;border-bottom:1px solid #7d9287;padding-bottom:4px;transition:color .2s,border-color .2s}.text-link:hover{color:var(--blue);border-color:var(--blue)}.text-link sup{font:12px var(--mono);margin-left:8px}.ink-button,.pill-link,.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 21px;background:var(--ink);color:#fff;border:1px solid var(--ink);font-size:14px;line-height:1.5;min-height:47px;transition:background .2s,color .2s}.ink-button span{color:var(--mint);font-size:20px}.ink-button:hover,.pill-link:hover,.button:hover{background:var(--blue);border-color:var(--blue);color:#fff}.pill-link{background:transparent;color:var(--ink)}.section-kicker{font-size:14px;line-height:1.6;display:block}.section-kicker>i{font-style:normal;color:var(--accent);font-weight:600;font-size:19px;margin-right:4px}.folio{font:12px/1.5 var(--mono);display:flex;gap:10px;align-items:center;white-space:nowrap;letter-spacing:.1px}.folio i{display:inline-block;width:45px;height:1px;background:currentColor}.folio b{font-weight:500;font-size:12px;color:var(--blue)}
/* Cover: a personal editorial cover with a direct recruitment entry. */
.portfolio-cover{padding:31px 5% 0;max-width:1680px;margin:auto}.cover-overline{display:flex;justify-content:space-between;font:12px/1.6 var(--mono);letter-spacing:1px;color:var(--muted)}.cover-composition{position:relative;min-height:625px;display:grid;grid-template-columns:31% 1fr;align-items:center;gap:3%}.cover-intro{padding-bottom:23px;z-index:2}.cover-intro .micro{color:var(--muted)}.cover-intro h1{font-size:45px;line-height:1.2;letter-spacing:3px;margin:14px 0 34px;font-weight:650}.cover-intro h1 span{display:block;color:var(--blue);font:13px/1.4 var(--mono);letter-spacing:2.6px;margin-top:12px}.cover-roles{display:flex;flex-direction:column;gap:10px}.cover-roles strong{font-weight:550;font-size:22px}.cover-roles>span{font-size:16px}.cover-roles i{color:var(--accent);font-style:normal;margin-right:8px}.cover-intro>p{font-size:14px;color:var(--muted);line-height:1.9;margin:23px 0 27px}.cover-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.cover-typography{font-family:var(--display);font-weight:100;line-height:.96;letter-spacing:-.06em;align-self:start;padding-top:43px;pointer-events:none}.type-line{display:block;font-size:clamp(130px,15.6vw,235px);white-space:nowrap}.type-line.second{margin-left:8%;margin-top:4px}.type-point{color:var(--accent);font-weight:200;font-size:.75em}.cover-film{position:absolute;right:8px;bottom:25px;width:30%;max-width:352px;background:var(--white);box-shadow:0 4px 16px #293f3110;transform:rotate(-3deg);border:7px solid var(--white);border-bottom-width:0;z-index:3}.cover-film>img{width:100%;height:139px;object-fit:cover}.cover-film>span{display:flex;align-items:center;gap:7px;font-size:12px;padding:10px 1px;color:#52635c}.cover-film b{font:12px var(--mono);color:var(--blue)}.cover-film i{font-style:normal;margin-left:auto;font-size:20px}.cover-side{writing-mode:vertical-rl;position:absolute;right:-19px;top:42px;font:12px var(--mono);letter-spacing:2px;color:var(--muted)}.cover-closing{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0 29px;gap:30px}.cover-closing p{font-size:16px;line-height:1.7;margin:0;color:#5b6c64}.cover-closing a{font-size:14px;white-space:nowrap}.cover-closing a span{margin-left:24px;color:var(--blue)}
/* A working contents bar replaces the reference's static directory. */
.chapter-nav{position:sticky;top:84px;z-index:20;display:grid;grid-template-columns:1.3fr repeat(4,1fr);padding:0 5%;background:#e9eee7f5;backdrop-filter:blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contents-label{font:300 27px/1.2 var(--display);padding:18px 0}.contents-label>span{font-size:12px;font-family:inherit;margin-left:11px;color:var(--muted)}.chapter-nav a{display:flex;align-items:center;gap:12px;font-size:15px;border-left:1px solid var(--line);padding:19px 20px;position:relative;transition:background .2s}.chapter-nav a small{color:var(--blue);font:12px var(--mono)}.chapter-nav a:hover,.chapter-nav a.active{background:var(--mint)}.chapter{max-width:1560px;margin:auto;padding:90px 5% 0;scroll-margin-top:149px}.chapter-head{position:relative;min-height:215px;padding-bottom:35px;margin-bottom:32px}.chapter-head>.folio{position:absolute;right:0;top:0}.chapter-word{font:100 clamp(65px,8.7vw,139px)/1.2 var(--display);letter-spacing:-.04em;color:#c7d3cb;white-space:nowrap;margin-left:-5px;padding-top:21px;pointer-events:none}.chapter-title{position:relative;margin-left:15%;margin-top:-27px}.chapter-title h2{font-size:32px;line-height:1.4;font-weight:550;letter-spacing:-.5px;margin:10px 0 0}.chapter-title .section-kicker{font-size:13px}.feature-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;margin:0 0 65px}.story-copy h3{font-size:34px;line-height:1.5;font-weight:500;letter-spacing:-.4px;margin:15px 0 24px}.story-copy>p{font-size:16px;line-height:1.95;color:#5c6b63;margin:0 0 25px}.story-facts{margin:0 0 30px;display:grid;gap:12px;font-size:14px}.story-facts>div{display:grid;grid-template-columns:90px 1fr;gap:16px}.story-facts dt{color:var(--muted)}.story-facts dd{margin:0}.comparison-board{background:#d6e7df;aspect-ratio:1.36;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #c9dbd0;overflow:hidden}.comparison-top,.comparison-bottom{display:flex;justify-content:space-between;gap:15px;font:12px/1.7 var(--mono);letter-spacing:.3px}.comparison-top{color:#546f60}.comparison-names{display:grid;grid-template-columns:1.25fr .25fr .85fr;align-items:center;gap:20px;padding:35px 0}.comparison-names>strong{font:400 clamp(29px,3.35vw,51px)/1.2 var(--display);letter-spacing:-1px}.comparison-names>strong small{font:200 clamp(60px,7vw,108px)/1.2 var(--display);display:block;margin-top:4px;letter-spacing:-.07em}.comparison-names>span{font:200 35px var(--display);color:var(--blue)}.comparison-bottom{border-top:1px solid #90b5a0;padding-top:18px;align-items:end;font-family:inherit;letter-spacing:0}.comparison-bottom span:first-child{font-size:16px}.comparison-bottom span:last-child{font-size:12px;color:#577765}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.editorial-image{aspect-ratio:16/9;overflow:hidden;position:relative;background:#dce4dc}.editorial-image>img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.editorial-card:hover .editorial-image>img{transform:scale(1.035)}.image-open{position:absolute;right:13px;bottom:13px;background:#f8fff1e6;padding:3px 11px;font-size:23px;opacity:0;transform:translateY(7px);transition:.25s}.editorial-card:hover .image-open,.editorial-card:focus-visible .image-open{opacity:1;transform:none}.editorial-caption{padding-top:20px}.editorial-caption h3{font-size:23px;font-weight:500;margin:8px 0}.editorial-caption p{font-size:14px;color:var(--muted);margin:0}.chapter-outro{display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);padding:32px 0 45px}.chapter-outro p{font-size:14px;color:var(--muted);margin:0}.content-story{grid-template-columns:1.2fr .8fr;margin-bottom:52px}.commercial-board{background:#e2e0e8;aspect-ratio:1.35;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.commercial-board .section-kicker{font-size:12px;color:#605d72}.commercial-name{font:200 clamp(90px,11vw,150px)/.9 var(--display);letter-spacing:-.07em;display:block;padding:24px 0}.commercial-name small{display:block;font:300 29px/1.4 var(--display);letter-spacing:-.5px;margin-top:22px}.board-bottom{font-size:14px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #aca7ba;padding-top:19px;align-items:end}.board-bottom>span{font-size:12px;color:#726b84}.result-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--line);padding-top:24px;margin-bottom:15px}.result-pair strong{font:300 43px/1.2 var(--display);letter-spacing:-1px;display:block}.result-pair span{font-size:12px;color:var(--muted);margin-top:9px;display:block}.story-copy>.result-note{font-size:12px;margin-bottom:25px;line-height:1.7}.index-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;gap:25px}.index-row{display:grid;grid-template-columns:38px 1fr 32% 25px;gap:18px;align-items:center;padding:23px 0;border-top:1px solid var(--line);transition:padding .25s,background .25s}.index-row:hover{padding-left:12px;background:#e6ebe3}.index-no{font:12px var(--mono);color:var(--blue)}.index-row h3{font-size:19px;line-height:1.5;font-weight:450;margin:0}.index-role{font-size:12px;color:var(--muted);line-height:1.8}.index-row>span:last-child{color:var(--blue);font-size:25px}.commerce-note{display:grid;grid-template-columns:1.1fr 2fr auto;gap:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0;margin-top:18px;align-items:start}.commerce-note h3{font-size:20px;font-weight:500;margin:0 0 13px}.commerce-note p{font-size:14px;color:var(--muted);line-height:1.95;margin:0}.commerce-note>.text-link{white-space:nowrap}.visual-lead{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.visual-lead p{font-size:18px;line-height:1.9;margin:0;color:#53655a}.film-pair .editorial-image{aspect-ratio:1.8}.photo-editorial{display:grid;grid-template-columns:.65fr 1fr 1.35fr;gap:34px;align-items:center;padding:80px 0 60px;border-bottom:1px solid var(--line)}.photo-heading h3{font-weight:450;font-size:28px;line-height:1.5;margin:15px 0 26px}.photo-one img{height:360px;width:100%;object-fit:cover}.photo-two img{height:235px;width:100%;object-fit:cover}.photo-editorial a>span{display:block;font:12px/1.5 var(--mono);color:var(--muted);margin-top:14px}.photo-two{align-self:end;margin-bottom:16px}.chapter-profile{padding-bottom:85px}.profile-editorial{display:grid;grid-template-columns:.82fr 1.5fr 1fr;gap:45px;align-items:start}.profile-card img{height:260px;width:100%;object-fit:contain;background:#e0e5df}.profile-card strong{display:block;margin-top:20px;font-size:20px;font-weight:600}.profile-card strong span{font:12px var(--mono);color:var(--blue);display:block;margin-top:6px}.profile-card>a{display:block;font-size:13px;margin-top:13px;word-break:break-all}.profile-narrative p{font-size:16px;line-height:2.1;margin:0 0 24px}.profile-narrative .profile-focus{border-top:1px solid var(--line);padding-top:24px}.profile-focus strong{color:var(--blue);font-weight:600}.profile-history>div{padding:17px 0;border-bottom:1px solid var(--line)}.profile-history h3{font-size:20px;font-weight:500;margin:5px 0 6px}.profile-history p,.profile-history div>a{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.profile-history div>a{color:var(--blue);margin-top:10px;display:inline-block}.profile-history>.text-link{margin-top:19px}.profile-history .profile-tools{border-bottom:0;margin-top:14px}.profile-tools p{margin-top:14px}
/* Shared collection, detail and biography pages. */
.archive-heading{padding:50px 0 32px}.archive-heading>.micro{color:var(--muted)}.archive-heading>h1{font:200 clamp(60px,8.5vw,130px)/1.05 var(--display);letter-spacing:-.05em;margin:26px 0 31px}.archive-heading>h1>span{color:var(--blue)}.archive-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;border-bottom:1px solid var(--line);padding-bottom:27px}.archive-intro p{font-size:16px;line-height:1.9;margin:0;color:var(--muted)}.archive-count{font:300 46px/1 var(--display);text-align:right;white-space:nowrap}.archive-count small{display:block;font:12px/1.6 var(--mono);color:var(--muted);margin-top:12px}.lens-toolbar{display:flex;align-items:center;gap:25px;padding:0 0 23px;border-bottom:1px solid var(--line);margin-bottom:18px}.control-label{font-size:14px;color:var(--muted);white-space:nowrap}.lens-options{display:flex;flex-wrap:wrap;gap:8px}.lens-button{font-size:14px;padding:9px 17px;border:1px solid #b9c8bc;background:transparent;color:#506257}.lens-button.active{border-color:var(--ink);background:var(--ink);color:white}.lens-button:hover{border-color:var(--blue)}.archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:none;border:0;border-bottom:2px solid transparent;color:#6e7971;font-size:14px;padding:9px 6px}.filter.active{color:var(--ink);border-color:var(--accent);font-weight:600}.filter sup{font-size:12px;color:#6c7e71;vertical-align:super;margin-left:4px}.filter:hover{color:var(--blue)}.view-switch{display:flex;border:1px solid var(--line);padding:3px;gap:2px}.view-switch button{font-size:14px;padding:6px 11px;color:var(--muted);border:0;background:none}.view-switch button.active{color:var(--ink);background:#d8e2d9}.catalog-meta{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding:19px 0;margin-bottom:32px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px}.catalog-grid{position:relative;padding-bottom:80px}.cover{aspect-ratio:1.65;position:relative;overflow:hidden;background:#dce3dc}.cover>img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.project-card:hover .cover>img{transform:scale(1.035)}.cover-top{position:absolute;top:15px;left:15px;font-size:12px;color:var(--ink);padding:4px 8px;background:#f6f9f0e3;max-width:calc(100% - 120px)}.cover-bottom{position:absolute;bottom:14px;right:14px;font-size:14px;padding:7px 13px;color:var(--ink);background:var(--mint);opacity:0;transform:translateY(8px);transition:.25s}.project-card:hover .cover-bottom,.project-card:focus-visible .cover-bottom{opacity:1;transform:none}.card-info{display:flex;gap:15px;align-items:start;padding-top:18px}.card-info h3{font-size:21px;line-height:1.6;font-weight:500;margin:0 0 5px}.card-info p{font-size:14px;line-height:1.8;margin:0;color:var(--muted)}.card-index{font:12px/1.8 var(--mono);color:var(--blue);padding-top:4px}.card-year{display:none}.type-cover{display:flex;flex-direction:column;justify-content:center;padding:10%;height:100%;width:100%;position:relative;overflow:hidden;background:#dce6dc;color:#31483c}.type-cover.ai{background:#cce9dc;color:#203c30}.type-cover.vivo{background:#e2e0e8;color:#353248}.type-cover.apple{background:#ece8db;color:#504b3d}.type-cover.water{background:#cadfdf;color:#284244}.type-cover.tech{background:#dce6dc}.type-kicker{font:12px/1.6 var(--mono);letter-spacing:1px;color:#607367;margin-bottom:15px}.type-cover strong{font:300 clamp(30px,3.6vw,55px)/1.2 var(--display);letter-spacing:-1.2px;position:relative;z-index:1}.type-foot{font:12px/1.6 var(--mono);letter-spacing:.5px;margin-top:24px}.type-big{position:absolute;right:20px;bottom:-8px;color:#7d9c7926;font:200 155px/1 var(--display)}.cover-draft{position:absolute;top:16px;right:15px;font-size:12px;color:#61776b}.project-card .type-kicker{display:none}.catalog-grid.list-view{display:block}.list-view .project-card{display:grid;grid-template-columns:138px 1fr;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:21px 0}.list-view .cover{width:138px;aspect-ratio:1.65}.list-view .card-info{align-items:center;padding:0}.list-view .card-year{display:block;margin-left:auto;white-space:nowrap;font:12px var(--mono);color:var(--muted)}.list-view .card-info h3{font-size:24px}.list-view .cover-top,.list-view .cover-bottom,.list-view .type-kicker,.list-view .type-foot,.list-view .cover-draft{display:none}.list-view .type-cover strong{font-size:17px;letter-spacing:-.3px}.list-view .type-big{font-size:70px;right:5px}.catalog-empty{grid-column:1/-1;padding:55px 20px;text-align:center;background:#e8ece3}.catalog-empty h2{font-size:26px;font-weight:500}.catalog-empty p{font-size:16px;color:var(--muted)}.catalog-empty button{margin-top:15px}
.back-link{font-size:14px;color:var(--muted);display:inline-block;padding-top:32px;border-bottom:1px solid #98a79b;padding-bottom:3px}.back-link:before{content:'←';margin-right:12px;color:var(--blue)}.detail-head{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:35px 0}.detail-head h1{font-size:clamp(33px,4.4vw,66px);line-height:1.3;letter-spacing:-1px;font-weight:450;margin:16px 0 20px}.detail-head .micro{color:var(--blue)}.detail-sub{font-size:14px;color:var(--muted);line-height:1.9}.detail-sub span+span:before{content:'/';margin:0 13px;color:#a0ada1}.detail-year{font:13px var(--mono);color:var(--muted);white-space:nowrap;padding-bottom:8px}.detail-media{aspect-ratio:16/8.5;position:relative;overflow:hidden;background:#e0e7df}.detail-media>img{width:100%;height:100%;object-fit:cover}.detail-media .type-cover strong{font-size:clamp(43px,7.5vw,110px)}.detail-media .type-foot{display:none}.media-status{position:absolute;right:18px;bottom:18px;padding:8px 13px;background:#f2f5eded;font-size:12px;color:#4d6357;z-index:3;line-height:1.6}.detail-body{display:grid;grid-template-columns:1.9fr 1fr;gap:90px;padding:65px 0}.detail-body h2{font-size:26px;font-weight:500;margin:12px 0 21px}.detail-body .summary{font-size:17px;color:#526359;line-height:2;margin:0 0 32px}.role-list{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.role-tag{border:1px solid #b6c4b7;color:#526a5a;padding:7px 12px;font-size:14px}.facts{border-top:1px solid var(--line)}.fact{padding:20px 0;border-bottom:1px solid var(--line)}.fact span{display:block;font:12px/1.7 var(--mono);color:var(--muted);margin-bottom:9px;letter-spacing:.4px}.fact strong{font-size:15px;font-weight:450;line-height:1.9}.case-focus{border-left:2px solid var(--accent);background:#e7eee3;padding:24px 28px;margin:30px 0}.case-focus h2{font-size:22px;margin:12px 0}.case-focus .micro{color:var(--blue)}.case-focus p{font-size:16px;line-height:1.95;color:#496550;margin:0}.result-panel{padding:25px 30px;margin:30px 0;background:#e0e9df}.result-panel h3{font-size:15px;font-weight:500;margin:0 0 23px}.metrics{display:flex;gap:55px}.metric strong{display:block;font:300 49px/1 var(--display);letter-spacing:-1px}.metric span{display:block;font-size:13px;color:var(--muted);margin-top:12px}.result-panel .caption{font-size:12px;color:var(--muted);margin:20px 0 0}.feedback{font-size:15px;line-height:1.8;color:#34634c}.award-item{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 0;border-bottom:1px solid var(--line)}.award-item strong{font-size:20px;font-weight:500;display:block}.award-item span{display:block;color:var(--muted);font-size:14px;margin-top:8px}.award-item button,.honor-row button{font-size:14px;white-space:nowrap;border:1px solid #bdc8bb;background:transparent;color:var(--blue);padding:8px 12px}.award-item button:hover,.honor-row button:hover{background:var(--mint)}.episode-list{display:flex;gap:20px;padding:18px 0;flex-wrap:wrap;font-size:14px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:30px 0}.section-heading h2,.related h2{font-size:30px;font-weight:450;margin:12px 0 0}.section-note{font-size:14px;color:var(--muted)}.detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.detail-gallery button{background:none;border:0;padding:0;text-align:left}.detail-gallery img{height:300px;width:100%;object-fit:cover}.detail-gallery.portraits img{height:auto;max-height:650px;object-fit:contain;background:#e5ebe2}.gallery-label{display:block;font:12px var(--mono);color:var(--muted);margin-top:13px}.related{padding:60px 0 80px;margin-top:45px;border-top:1px solid var(--line)}.related .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.related .card-info h3{font-size:18px}.related .type-cover strong{font-size:31px}.related .type-foot{display:none}
.experience-timeline{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:0 0 45px}.experience-timeline article{padding:27px 0 0;border-top:1px solid #90aa94;position:relative}.timeline-dot{position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--accent);border-radius:50%}.experience-timeline h2{font-size:24px;font-weight:500;margin:15px 0}.experience-timeline p{font-size:16px;color:var(--muted);line-height:1.9;margin-bottom:18px}.timeline-note{font-size:14px;color:var(--muted)}.experience-feature{display:grid;grid-template-columns:1.2fr 1fr;background:#dce9de;margin:50px 0}.feature-copy{padding:44px}.experience-feature h2{font-size:42px;font-weight:450;line-height:1.4;margin:23px 0}.experience-feature p{font-size:16px;line-height:2;color:#526e59}.feature-stat{display:flex;gap:55px;margin:30px 0}.feature-stat strong{display:block;font:300 48px/1 var(--display)}.feature-stat span{display:block;font-size:13px;color:var(--muted);margin-top:10px}.feature-art{align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #b9cdbb;margin:35px 0;padding:10px 12%}.feature-art p{font:200 49px/1.3 var(--display);letter-spacing:-1px;color:#658774}.feature-art>span{font:12px/1.7 var(--mono);color:#5c7964}.ecommerce-section{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;border-top:1px solid var(--line);padding:55px 0 80px;margin-top:55px}.ecommerce-section h2{font-size:37px;font-weight:450;line-height:1.5;margin:22px 0}.ecommerce-section h2 span{color:var(--blue)}.ecommerce-section p{font-size:16px;line-height:2;color:var(--muted);margin-top:0}.ecommerce-reserve{display:flex;gap:25px;align-items:center;background:#e4eae0;padding:24px}.ecommerce-reserve strong{font:300 38px var(--display);color:#5e7b65}.ecommerce-reserve span{font-size:14px;color:var(--muted);line-height:1.8}.about-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:75px;align-items:center;padding:65px 0}.about-hero h1{font-size:57px;font-weight:450;line-height:1.35;letter-spacing:-1px;margin:23px 0}.about-hero h1 em{color:var(--blue);font-style:normal}.about-hero p{font-size:17px;line-height:2;color:var(--muted)}.hero-actions{display:flex;gap:25px;margin-top:30px}.profile-photo{height:440px;background:#dde5db}.profile-photo img{width:100%;height:100%;object-fit:contain}.profile-caption{display:flex;justify-content:space-between;font:12px var(--mono);color:var(--muted);margin-top:16px}.about-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;border-top:1px solid var(--line);padding:55px 0}.about-columns h2{font-size:30px;font-weight:450;margin:15px 0 27px}.skill-group{margin:27px 0}.skill-group h3{font-size:18px;font-weight:550;margin:0 0 12px}.skill-group p{font-size:16px;line-height:1.9;color:var(--muted);margin:0}.honors-section{padding-bottom:80px}.honor-row{display:grid;grid-template-columns:120px 1fr auto;gap:30px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.honor-row .result{font-size:26px;color:var(--blue);font-weight:400}.honor-row h3{font-size:19px;font-weight:500;margin:0 0 7px}.honor-row p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.footer{padding:40px 5% 25px;border-top:1px solid #b6d2c0;background:#e3ece2}.footer-overline{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-overline>.micro{color:#5c7c65}.footer-main{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;padding:38px 0 40px}.footer-headline{font:200 clamp(70px,9.2vw,142px)/1.2 var(--display);letter-spacing:-.06em;display:inline-flex;align-items:center;gap:25px;white-space:nowrap}.footer-headline>span{font-size:.6em;color:var(--blue);transition:transform .3s}.footer-headline:hover>span{transform:translate(7px,-7px)}.footer-contact{justify-self:end}.footer-contact p{font-size:16px;color:#617566;line-height:1.9;margin:0 0 19px}.footer-contact>a{font-size:19px;border-bottom:1px solid #87a88e;padding-bottom:6px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #bed0bd;padding-top:20px;font:12px/1.7 var(--mono);color:#657b66}.footer-bottom>a{font-family:inherit;color:var(--ink)}.hover-orb{position:fixed;top:0;left:0;width:75px;height:75px;margin:-37px 0 0 -37px;border-radius:50%;background:var(--mint);display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:12px;line-height:1.6;text-align:center;pointer-events:none;z-index:70;opacity:0;transform:scale(.3)}dialog{border:1px solid #bdc9bb;max-width:min(94vw,1200px);max-height:94vh;padding:42px 22px 18px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #1b352340}dialog::backdrop{background:#14291ddc;backdrop-filter:blur(4px)}dialog img{max-height:77vh;object-fit:contain;margin:auto;max-width:100%}dialog p{font-size:14px;color:var(--muted);text-align:center;margin:15px 0 0}.dialog-close{position:absolute;right:15px;top:10px;font-size:14px;padding:4px 9px;border:0;background:none;color:var(--ink)}.empty-state{padding:90px 0 120px}
@media(min-width:1600px){.cover-composition{min-height:730px}.cover-film>img{height:180px}.chapter{padding-top:105px}.chapter-head{min-height:250px}.cover-typography{padding-top:58px}}
@media(max-width:1100px){.site-header{gap:25px}.site-header nav{gap:28px}.brand small{display:none}.cover-composition{min-height:570px;grid-template-columns:34% 1fr}.cover-intro h1{font-size:38px}.cover-roles strong{font-size:20px}.cover-roles>span{font-size:14px}.cover-intro>p{font-size:14px;max-width:260px}.cover-intro>p br{display:block}.cover-actions{gap:17px}.cover-film{width:31%}.cover-film>img{height:130px}.cover-film b{display:none}.type-line{font-size:16vw}.cover-typography{padding-top:75px}.chapter-nav{grid-template-columns:1.1fr repeat(4,1fr)}.contents-label{font-size:23px}.contents-label span{display:none}.chapter-nav a{padding:18px 14px;gap:9px;font-size:14px}.feature-story{gap:38px}.story-copy h3{font-size:29px}.story-copy>p{font-size:16px}.comparison-names{gap:12px}.comparison-top span:last-child{display:none}.comparison-bottom{display:block}.comparison-bottom span{display:block}.comparison-bottom span:last-child{margin-top:6px}.result-pair strong{font-size:36px}.commercial-name small{font-size:24px}.board-bottom{display:block}.board-bottom>span{display:block;margin-top:8px}.chapter-title h2{font-size:29px}.commerce-note{grid-template-columns:1fr 2fr;gap:20px}.commerce-note>.text-link{grid-column:2;justify-self:start}.photo-editorial{gap:26px;grid-template-columns:.7fr 1fr 1.25fr}.photo-one img{height:310px}.photo-two img{height:210px}.profile-editorial{gap:28px;grid-template-columns:.9fr 1.4fr 1fr}.profile-card img{height:220px}.profile-narrative p{font-size:16px;line-height:1.95}.profile-history h3{font-size:19px}.detail-body{gap:50px}.about-hero{gap:45px}.about-hero h1{font-size:50px}.feature-art p{font-size:40px}.feature-copy{padding:33px}.footer-contact>a{font-size:17px}.footer-headline{gap:15px}.footer-bottom span:nth-child(2){display:none}}
@media(max-width:800px){html{scroll-padding-top:125px}.site-header{height:72px;padding:0 5%;gap:25px}.site-header nav{gap:23px}.site-header nav a{font-size:14px}.brand>span{font-size:18px;letter-spacing:1px}.header-contact{display:none}.portfolio-cover{padding-top:24px}.cover-overline{font-size:12px;gap:20px}.cover-overline span:last-child{display:none}.cover-composition{min-height:680px;display:flex;align-items:start}.cover-intro{padding-top:40px;width:54%}.cover-intro h1{font-size:39px;margin-bottom:25px}.cover-intro>p{max-width:250px}.cover-typography{position:absolute;right:0;top:8px;padding:0}.type-line{font-size:19vw}.type-line.second{margin-left:5%}.cover-film{right:5px;width:48%;bottom:34px;max-width:none}.cover-film>img{height:195px}.cover-film>span{font-size:12px}.cover-side{display:none}.cover-closing{padding:18px 0 22px;gap:20px}.cover-closing p{font-size:14px}.cover-closing a{font-size:14px}.cover-closing a span{margin-left:12px}.chapter-nav{top:72px;display:flex;overflow-x:auto;white-space:nowrap;padding:0 5%;scrollbar-width:none}.contents-label{display:none}.chapter-nav a{flex:1;justify-content:center;gap:8px;font-size:14px;padding:17px 14px}.chapter-nav a:first-of-type{border-left:0}.chapter{padding-top:60px;scroll-margin-top:124px}.chapter-head{min-height:175px;margin-bottom:25px;padding-bottom:15px}.chapter-word{font-size:10.8vw;padding-top:42px;margin-left:0}.chapter-title{margin-left:7%;margin-top:-12px}.chapter-title h2{font-size:27px;margin-top:9px}.chapter-title .section-kicker{font-size:12px}.chapter-head>.folio{font-size:12px}.folio i{width:30px}.feature-story,.content-story{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.story-copy h3{font-size:30px;margin:15px 0 19px}.story-copy h3 br{display:none}.story-copy>p{font-size:16px;line-height:1.95;max-width:650px}.story-facts{margin-bottom:23px}.comparison-board{aspect-ratio:1.7;padding:25px;grid-row:2}.comparison-names{gap:30px;grid-template-columns:1fr .2fr 1fr;padding:25px 0}.comparison-names>strong{font-size:38px}.comparison-names>strong small{font-size:76px}.comparison-bottom{display:flex}.comparison-bottom span:last-child{margin-top:0}.pair-grid{gap:25px}.editorial-caption h3{font-size:21px}.editorial-caption p{font-size:14px}.editorial-caption .section-kicker{font-size:13px}.chapter-outro{padding:25px 0 35px;align-items:start}.chapter-outro p{max-width:65%;font-size:14px}.chapter-outro .text-link{white-space:nowrap}.commercial-board{aspect-ratio:1.7;grid-row:2}.commercial-name{font-size:90px;padding:15px 0}.commercial-name small{font-size:26px;margin-top:15px}.board-bottom{display:flex}.board-bottom>span{margin-top:0}.result-pair{max-width:430px}.result-pair strong{font-size:43px}.index-row{grid-template-columns:28px 1fr 20px;gap:15px}.index-row h3{font-size:18px}.index-role{grid-column:2;grid-row:2}.index-row>span:last-child{grid-column:3;grid-row:1/3}.index-heading .micro{font-size:12px;max-width:180px}.index-heading .text-link{white-space:nowrap}.commerce-note{grid-template-columns:1fr}.commerce-note>.text-link{grid-column:1;justify-self:start}.visual-lead p{font-size:16px}.visual-lead .text-link{white-space:nowrap}.photo-editorial{grid-template-columns:1fr 1.35fr;gap:28px;padding-top:50px;padding-bottom:40px}.photo-heading{grid-column:1/-1;display:flex;align-items:center;gap:30px}.photo-heading h3{font-size:24px;line-height:1.5;margin:0}.photo-heading .text-link{margin-left:auto}.photo-one img{height:330px}.photo-two img{height:210px}.profile-editorial{grid-template-columns:1fr 1.65fr;gap:35px}.profile-card img{height:280px}.profile-history{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px 35px;border-top:1px solid var(--line);padding-top:27px}.profile-history>.section-kicker{grid-column:1/-1}.profile-history>.text-link{justify-self:start;align-self:start}.profile-history .profile-tools{margin-top:0;padding-top:0}.chapter-profile{padding-bottom:55px}.archive-heading{padding-top:36px}.archive-heading>h1{font-size:10.5vw;margin:23px 0}.archive-count{font-size:37px}.archive-count small{max-width:140px;white-space:normal}.archive-intro{gap:25px}.archive-intro p{font-size:16px}.lens-toolbar{align-items:start;flex-direction:column;gap:12px}.lens-options{gap:8px}.lens-button{padding:9px 12px}.archive-toolbar{gap:15px}.view-switch{margin-left:auto}.catalog-grid{gap:33px 23px}.card-info h3{font-size:19px}.card-info p{font-size:14px}.type-cover strong{font-size:35px}.catalog-meta{gap:20px}.catalog-meta span:last-child{text-align:right}.list-view .project-card{grid-template-columns:110px 1fr;gap:20px}.list-view .cover{width:110px}.list-view .card-info h3{font-size:21px}.list-view .card-year{display:none}.detail-head{padding-top:28px}.detail-head h1{font-size:36px}.detail-year{display:none}.detail-body{grid-template-columns:1fr;gap:30px;padding:40px 0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.detail-gallery{gap:22px}.detail-gallery img{height:240px}.related .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related .project-card:last-child{display:none}.experience-timeline{gap:35px}.experience-feature{display:block}.feature-art{display:none}.experience-feature h2{font-size:37px}.ecommerce-section{grid-template-columns:1fr;gap:20px;padding:38px 0 55px}.ecommerce-section h2{font-size:33px}.about-hero{grid-template-columns:1fr;gap:30px;padding:42px 0}.about-hero h1{font-size:49px}.profile-photo{height:420px}.about-columns{grid-template-columns:1fr;gap:25px}.honor-row{grid-template-columns:90px 1fr;gap:20px}.honor-row button,.honor-row .text-link{grid-column:2;justify-self:start}.honor-row .result{font-size:24px}.footer{padding-top:30px}.footer-overline .folio{display:none}.footer-main{gap:25px;padding:25px 0 35px;grid-template-columns:1fr}.footer-headline{font-size:15vw;gap:25px}.footer-contact{justify-self:start}.footer-contact p{font-size:16px}.footer-contact>a{font-size:18px}.footer-bottom{font-size:12px}.hover-orb{display:none}}
@media(max-width:480px){.site-header{gap:15px}.site-header nav{gap:22px}.brand>span{font-size:17px}.cover-composition{min-height:690px}.cover-intro{width:100%;padding-top:29px}.cover-intro>.micro{display:none}.cover-intro h1{font-size:34px;margin:0 0 20px;letter-spacing:2px}.cover-intro h1 span{font-size:12px;margin-top:8px}.cover-roles strong{font-size:19px}.cover-roles>span{font-size:14px}.cover-intro>p{font-size:14px;line-height:1.85;margin:18px 0 20px;max-width:285px}.cover-intro>p br{display:block}.cover-actions .ink-button{padding:10px 16px;min-height:44px}.cover-typography{top:333px;right:auto;left:0;z-index:1}.type-line{font-size:28vw;line-height:1}.type-line.second{margin-left:16%}.cover-film{width:45%;right:0;bottom:32px;z-index:2;border-width:5px;border-bottom-width:0}.cover-film>img{height:98px}.cover-film>span{font-size:12px;line-height:1.5;padding:7px 0}.cover-film>span i{display:none}.cover-closing{align-items:start;gap:15px;padding-bottom:20px}.cover-closing p{font-size:14px;max-width:215px}.cover-closing a{font-size:12px;padding-top:2px}.cover-closing a span{margin-left:7px}.chapter-nav{padding:0 4%}.chapter-nav a{padding:15px 8px;gap:5px;font-size:13px}.chapter-nav a small{font-size:12px}.chapter{padding-top:43px;scroll-margin-top:124px}.chapter-head{min-height:162px;margin-bottom:20px}.chapter-word{font-size:11.9vw;padding-top:36px;line-height:1.35;white-space:normal}.chapter-title{margin-left:3%;margin-top:-4px}.chapter-title h2{font-size:24px;line-height:1.5;letter-spacing:-.5px;max-width:340px}.chapter-title .section-kicker{font-size:12px;line-height:1.7}.chapter-head>.folio{font-size:12px;gap:7px}.folio i{width:24px}.story-copy h3{font-size:26px;margin:13px 0 18px}.story-copy h3 br{display:block}.story-facts>div{grid-template-columns:80px 1fr;gap:12px}.comparison-board{aspect-ratio:auto;min-height:315px;padding:21px}.comparison-names{gap:12px;padding:22px 0;grid-template-columns:1.12fr .16fr .8fr}.comparison-names>strong{font-size:27px;letter-spacing:-.8px}.comparison-names>strong small{font-size:62px}.comparison-names>span{font-size:26px}.comparison-bottom{display:block}.comparison-bottom span:first-child{font-size:16px}.comparison-bottom span:last-child{margin-top:8px;font-size:12px}.pair-grid{grid-template-columns:1fr;gap:30px}.editorial-caption{padding-top:15px}.editorial-caption h3{font-size:21px;margin:6px 0}.chapter-outro{display:block;padding-top:28px}.chapter-outro p{max-width:100%;margin-bottom:15px}.commercial-board{aspect-ratio:auto;min-height:330px;padding:23px}.commercial-board .section-kicker{font-size:12px}.commercial-name{font-size:83px;padding:25px 0}.commercial-name small{font-size:24px}.board-bottom{display:block}.board-bottom>span{margin-top:7px}.content-story{margin-bottom:40px}.index-heading{align-items:start;gap:20px}.index-heading .micro{max-width:120px;font-size:12px}.index-heading .text-link{font-size:13px}.index-row h3{font-size:18px}.index-row{padding:20px 0;gap:9px 12px}.commerce-note{gap:19px}.commerce-note h3{font-size:20px;line-height:1.6}.visual-lead{display:block;margin-bottom:25px}.visual-lead p{font-size:16px;margin-bottom:17px}.photo-editorial{gap:18px;grid-template-columns:1fr 1.05fr;padding-top:37px}.photo-heading{display:grid;grid-template-columns:1fr auto;gap:13px}.photo-heading>.section-kicker{grid-column:1/-1;font-size:14px}.photo-heading h3{font-size:24px}.photo-heading .text-link{align-self:end;font-size:14px}.photo-one img{height:240px}.photo-two img{height:155px}.photo-editorial a>span{font-size:12px;letter-spacing:-.1px}.profile-editorial{grid-template-columns:1fr;gap:30px}.profile-card{display:grid;grid-template-columns:115px 1fr;gap:0 22px;align-items:center}.profile-card img{width:115px;height:155px;grid-row:1/3}.profile-card strong{margin:0;align-self:end;font-size:22px}.profile-card>a{font-size:13px;align-self:start;margin-top:14px}.profile-narrative p{font-size:16px}.profile-history{grid-template-columns:1fr}.profile-history>.section-kicker{grid-column:1}.profile-history .profile-tools{padding-top:18px;margin-top:10px}.archive-heading>h1{font-size:12.5vw;line-height:1.2;margin-top:19px}.archive-heading>.micro{font-size:12px;letter-spacing:.5px}.archive-intro{align-items:start;gap:18px}.archive-intro p{font-size:14px;line-height:1.9}.archive-count{font-size:35px}.archive-count small{font-size:12px;max-width:96px}.lens-options{gap:7px}.lens-button{font-size:14px;padding:8px 10px}.filters{gap:5px}.filter{font-size:14px;padding:7px 5px}.filter sup{font-size:12px}.catalog-meta{flex-direction:column;gap:8px}.catalog-meta span:last-child{text-align:left}.catalog-grid{grid-template-columns:1fr;gap:32px;padding-bottom:50px}.type-cover strong{font-size:42px}.card-info h3{font-size:20px}.card-info .card-index{font-size:12px}.list-view .project-card{grid-template-columns:86px 1fr;gap:16px}.list-view .cover{width:86px}.list-view .card-index{display:none}.list-view .card-info h3{font-size:18px}.list-view .card-info p{font-size:13px}.list-view .type-cover strong{font-size:14px}.back-link{padding-top:25px}.detail-head h1{font-size:30px;line-height:1.45;letter-spacing:-.6px}.detail-media{aspect-ratio:1.5}.detail-media .type-cover strong{font-size:41px}.detail-media .type-kicker{font-size:12px;max-width:210px}.media-status{font-size:12px;right:9px;bottom:9px;padding:6px 9px;max-width:calc(100% - 18px)}.detail-body{padding-top:35px}.detail-body .summary{font-size:16px}.case-focus{padding:21px}.case-focus h2{font-size:21px}.result-panel{padding:22px}.metrics{gap:32px}.metric strong{font-size:42px}.facts{grid-template-columns:1fr}.detail-gallery{gap:16px}.detail-gallery img{height:160px}.section-heading{gap:20px;align-items:start}.section-heading h2{font-size:26px}.section-note{font-size:13px;max-width:100px;padding-top:5px}.related .project-grid{grid-template-columns:1fr;gap:30px}.related .project-card:last-child{display:block}.related .type-cover strong{font-size:41px}.related{padding-bottom:50px}.experience-timeline{grid-template-columns:1fr;gap:32px}.experience-timeline h2{font-size:23px}.feature-copy{padding:27px}.experience-feature h2{font-size:32px}.ecommerce-section h2{font-size:31px}.ecommerce-reserve{gap:20px;padding:20px}.ecommerce-reserve strong{font-size:32px}.about-hero h1{font-size:43px}.about-hero p{font-size:16px}.profile-photo{height:365px}.about-columns h2{font-size:27px}.honor-row{grid-template-columns:77px 1fr;gap:17px}.honor-row .result{font-size:21px}.honor-row h3{font-size:18px}.honor-row p{font-size:14px}.footer-main{padding:22px 0 30px}.footer-headline{font-size:18vw;gap:20px}.footer-contact>a{font-size:17px}.footer-bottom{align-items:start;gap:18px}.footer-bottom>span{max-width:155px}.footer-bottom>a{font-size:12px;white-space:nowrap}dialog{padding:43px 15px 18px;max-width:96vw}dialog img{max-height:74vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.hover-orb{display:none}}

/* V5: one continuous, illustrated portfolio. */
.site-header{gap:30px}.site-header nav{gap:25px}.site-header nav a{white-space:nowrap}.quiet-link{background:none;border:0;border-bottom:1px solid #8a9d91;padding:2px 0 5px;font-size:14px;color:var(--ink);display:inline-block}.quiet-link:hover{color:var(--blue);border-color:var(--blue)}.cover-intro>.quiet-link{margin-top:4px}.cover-film .motion-frame{margin:0}.cover-film .frame-window{height:139px;aspect-ratio:auto}.cover-film figcaption{padding:10px 2px;display:block;font-size:12px}.cover-film figcaption>span{display:block}.cover-film .frame-controls{display:none}.cover-film figcaption small{display:none}.cover-film .frame-window img{object-fit:cover}.cover-film{overflow:hidden}.cover-closing>.micro{color:var(--blue)}
.reading-contents{max-width:1560px;margin:auto;display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:24px;padding:32px 5% 12px;align-items:center}.reading-contents>span{font:300 26px/1.5 var(--display);letter-spacing:-1px}.reading-contents>span small{font:12px var(--mono);display:block;color:var(--muted);letter-spacing:0}.reading-contents>a{display:flex;gap:9px;align-items:center;font-size:14px;border-bottom:1px solid transparent;padding:8px 0;white-space:nowrap}.reading-contents>a small{font:12px var(--mono);color:var(--blue)}.reading-contents>a:hover,.reading-contents>a.active{border-color:var(--accent);color:var(--blue)}.reader-about{padding-bottom:38px}.reader-about .chapter-head{min-height:180px;margin-bottom:28px}.reader-about .profile-narrative>p{font-size:16px}.reader-about .profile-history{font-size:14px}.about-award-note{font-size:14px;color:var(--muted);line-height:1.9}.reader-about .profile-card img{height:270px}.reader-about .profile-history>div:last-child{border-bottom:0}.chapter{scroll-margin-top:95px}.chapter-head{min-height:195px}.chapter-head>.folio{color:var(--muted)}.chapter-title{margin-left:12%}.chapter-word{color:#c5d3ca}.reader-work{display:grid;grid-template-columns:.85fr 1.35fr;gap:25px 48px;margin-bottom:100px;padding-top:8px;scroll-margin-top:112px}.work-intro h3{font-size:32px;line-height:1.5;letter-spacing:-.5px;margin:15px 0 21px;font-weight:550}.work-intro>p{font-size:16px;line-height:2;color:#57685e;margin:0 0 24px}.work-label{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:14px;line-height:1.7}.work-label>span:first-child{font:12px var(--mono);color:var(--blue);margin-right:3px}.work-label>span:last-child{font:12px var(--mono);color:var(--muted);margin-left:auto}.contribution-line{border-top:1px solid var(--line);padding-top:17px;font-size:14px;line-height:1.9;display:flex;flex-direction:column;gap:7px}.contribution-line>span:first-child{color:var(--muted)}.contribution-line>strong{font-weight:500}.work-tools{color:var(--muted);font-size:13px;line-height:1.8}.reader-work .wide-media{min-width:0}.reader-work .comparison-board{aspect-ratio:1.45;pointer-events:none}.reader-work>.work-feedback{grid-column:1/-1;border-bottom:1px solid var(--line);padding:0 0 24px;display:flex;justify-content:space-between;align-items:center;gap:30px}.inline-results{display:flex;align-items:center;gap:40px}.inline-results>span{font-size:14px;color:var(--muted)}.inline-results>div{display:flex;align-items:baseline;gap:11px}.inline-results strong{font:300 40px/1.3 var(--display);letter-spacing:-1px}.inline-results small{font-size:14px;color:var(--muted)}.reader-feedback{font-size:14px;color:var(--muted);margin:0}.wide-work{display:block}.wide-work .work-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:0 60px;margin-bottom:30px}.wide-work .work-label{grid-column:1/-1}.wide-work .work-intro>h3{grid-column:1;grid-row:2/4;margin:17px 0}.wide-work .work-intro>p{grid-column:2;margin-top:17px}.wide-work .contribution-line{grid-column:2}.wide-media{position:relative}.motion-frame{margin:0;background:none}.frame-window{position:relative;overflow:hidden;aspect-ratio:16/9;background:#dde6df}.frame-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.frame-image.is-current{opacity:1}.motion-frame figcaption{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:14px;padding:15px 0;color:#5f7466;line-height:1.8}.motion-frame figcaption small{font-size:12px;color:var(--muted);margin-left:14px}.frame-controls{display:flex;align-items:center;gap:14px;white-space:nowrap}.frame-controls button{background:none;border:0;border-bottom:1px solid #91a996;font-size:14px;color:var(--blue);padding:2px 0}.frame-controls>span{font:12px var(--mono);color:var(--muted)}.frame-controls button:hover{color:var(--ink)}.frame-controls [data-frame-play]{margin-left:5px}.frame-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:25px 0 23px;grid-column:1/-1}.frame-strip.two-frames{grid-template-columns:1fr 1fr}.art-image{padding:0;border:0;background:none;overflow:hidden;position:relative;display:block;text-align:left;width:100%;cursor:zoom-in}.art-image>img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.art-image:hover>img{transform:scale(1.035)}.art-image>span{position:absolute;right:12px;bottom:12px;font-size:13px;color:var(--ink);background:#f2f3efe8;padding:5px 10px;opacity:0;transition:opacity .25s}.art-image:hover>span,.art-image:focus-visible>span{opacity:1}.frame-strip>.art-image{aspect-ratio:16/9}.work-award{display:flex;gap:20px;align-items:center;padding:17px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.8;grid-column:1/-1}.work-award>span{color:var(--muted)}.work-award>strong{font-weight:500;color:var(--blue)}.work-award>.quiet-link{margin-left:auto;white-space:nowrap}.asset-note{font-size:12px;color:var(--muted);margin:16px 0 0;grid-column:1/-1}.reverse-work>.work-intro{grid-column:2;grid-row:1;align-self:center}.reverse-work>.wide-media{grid-column:1;grid-row:1}.reverse-work{grid-template-columns:1.35fr .85fr}.reverse-work .frame-strip{margin-top:0}.text-work{align-items:center}.water-title{background:#dceae5;min-height:285px;display:flex;flex-direction:column;justify-content:space-between;padding:27px;color:#21483c;overflow:hidden}.water-title>span,.water-title>small{font:12px/1.7 var(--mono);letter-spacing:1px}.water-title>strong{font-size:clamp(40px,5.5vw,76px);font-weight:300;letter-spacing:5px}.water-title>strong>span{color:var(--accent);display:inline-block;padding:0 11px}.text-work .work-award{margin-top:0}.reader-content{padding-top:35px}.chapter-context{display:grid;grid-template-columns:.85fr 1.35fr;gap:48px;margin:0 0 45px;padding:0 0 30px;border-bottom:1px solid var(--line)}.chapter-context>strong{font-size:26px;font-weight:550}.chapter-context>p{font-size:16px;color:var(--muted);line-height:1.95;margin:0}.written-cover{min-height:335px;aspect-ratio:1.45;display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:#e7eadf;color:#344c3d;overflow:hidden}.written-cover>span,.written-cover>small{font:12px/1.7 var(--mono);color:#5a705f;letter-spacing:.5px}.written-cover>strong{font:300 clamp(32px,4.3vw,65px)/1.18 var(--display);letter-spacing:-1px;padding:30px 0}.written-cover.vivo{background:#e2e0e8;color:#353248}.written-cover.vivo>span,.written-cover.vivo>small{color:#756d80}.written-cover.apple{background:#e8e6dd;color:#48493c}.commercial-work .written-cover>strong{font-weight:200;font-size:clamp(45px,5.8vw,80px);line-height:1.1}.commercial-work .written-cover>strong br{display:none}.commercial-work .written-cover>small{border-top:1px solid #b5b0bc;padding-top:18px}.event-work .written-cover>strong{font-size:clamp(35px,4.1vw,55px)}.collection-caption{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:26px}.collection-caption>.micro{color:var(--muted)}.content-sequence{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-bottom:75px}.listed-work{padding:25px 0;border-top:1px solid var(--line);scroll-margin-top:110px}.listed-copy>.micro{color:var(--blue)}.listed-copy h3{font-size:20px;font-weight:500;line-height:1.6;margin:10px 0}.listed-copy>p{font-size:14px;color:var(--muted);margin:0 0 10px;line-height:1.85}.listed-metric{font-size:13px;color:var(--muted)}.work-notes{font-size:14px;color:var(--muted);margin-top:14px}.work-notes>summary{cursor:pointer;width:fit-content;color:var(--blue);line-height:1.9}.work-notes>p{font-size:14px;line-height:1.95;margin:15px 0 8px}.work-notes .work-award{display:block}.work-notes .work-award>strong{display:block}.work-notes .work-award>.quiet-link{margin-top:8px}.commerce-reader{padding:35px 0 45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:100%;margin-bottom:25px;scroll-margin-top:110px}.commerce-reader h3{font-size:30px;line-height:1.5;font-weight:500;margin:17px 0}.commerce-reader>p{font-size:16px;line-height:2;color:var(--muted);max-width:670px}.commerce-reader .contribution-line{border-top:0;padding:0;margin-bottom:28px}.commerce-reserve{background:#e1e9df;padding:30px;display:flex;gap:60px;align-items:center}.commerce-reserve>span{font-size:22px;font-weight:400}.commerce-reserve>p{font-size:14px;margin:0;color:var(--muted)}.reader-film{padding-top:60px}.sky-details{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center;margin:28px 0}.sky-details>div>.art-image{aspect-ratio:16/9}.sky-details .poster-picture{height:420px;background:#e7ebe5}.sky-details .poster-picture img{object-fit:contain}.sky-details p{font-size:14px;line-height:1.9;color:var(--muted);margin:20px 0}.documentary-detail{grid-column:1/-1;aspect-ratio:2.2;max-width:75%;margin:0 auto}.film-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:90px}.film-sequence .listed-work{border-top:0;padding:0 0 14px}.listed-thumb{aspect-ratio:16/9;margin-bottom:20px}.listed-copy h3{font-size:19px}.film-sequence .listed-copy{padding-top:4px}.award-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-bottom:65px}.award-work .work-intro h3{font-size:26px;margin-bottom:16px}.award-work .written-cover{min-height:230px;margin:25px 0 22px}.award-work .written-cover>strong{font-size:42px;font-family:inherit;font-weight:350}.award-work .work-award{gap:15px;flex-wrap:wrap}.award-work .work-award>.quiet-link{font-size:13px}.script-reader{display:grid;grid-template-columns:1.2fr .8fr;gap:35px 50px;padding:35px 0 0;border-top:1px solid var(--line);margin-bottom:20px;scroll-margin-top:110px}.script-proof{align-self:center}.script-proof>.art-image{aspect-ratio:1.45}.script-proof>.art-image>img{object-fit:contain}.script-proof>p{font-size:12px;color:var(--muted)}.reader-visual{padding-top:60px;padding-bottom:50px}.photo-collection{margin-bottom:85px;scroll-margin-top:110px}.photo-collection-intro{display:grid;grid-template-columns:.65fr 1.5fr .65fr;gap:25px;align-items:center;margin-bottom:32px}.photo-collection-intro .section-kicker{font-size:14px}.photo-collection-intro h3{font-size:29px;line-height:1.5;margin:0;font-weight:500}.photo-collection-intro p{font-size:14px;color:var(--muted);margin:0;text-align:right}.portrait-story{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}.portrait-story>.art-image{grid-column:span 2;height:340px}.portrait-story>.art-image:nth-child(-n+2){grid-column:span 3;height:490px}.landscape-story{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.landscape-story>.art-image:first-child{grid-column:1/-1;aspect-ratio:2.05}.landscape-story>.art-image:last-child{grid-column:2;aspect-ratio:1.45}.street-story{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.street-story>.art-image{aspect-ratio:1.2}.street-story>.art-image:last-child{margin-top:65px}.poster-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.poster-story>.art-image{height:390px;background:#e8ece5}.poster-story>.art-image>img{object-fit:contain}.footer-main{padding-top:30px}.footer-headline>span{font-size:1em;color:var(--accent)}
@media(min-width:1600px){.cover-film .frame-window{height:180px}.reader-work{gap:30px 65px}}
@media(max-width:1100px){.site-header{gap:24px}.site-header nav{gap:19px}.reading-contents{gap:15px}.reading-contents>span{font-size:24px}.reading-contents>a{gap:7px}.reader-work{gap:25px 35px}.work-intro h3{font-size:28px}.reader-work .comparison-names{padding:35px 0}.wide-work .work-intro{gap:0 35px}.chapter-context{gap:35px}.content-sequence{gap:0 35px}.film-sequence{gap:25px}.inline-results{gap:30px}.inline-results strong{font-size:35px}.portrait-story>.art-image:nth-child(-n+2){height:420px}.portrait-story>.art-image{height:280px}.award-work-grid{gap:30px}.award-work .written-cover>strong{font-size:34px}.sky-details .poster-picture{height:365px}.written-cover{padding:26px;min-height:300px}}
@media(max-width:800px){.site-header nav{gap:15px}.site-header nav a{font-size:13px}.header-contact{display:none}.reading-contents{grid-template-columns:repeat(5,1fr);gap:12px;padding-top:25px}.reading-contents>span{grid-column:1/-1;font-size:26px}.reading-contents>span small{display:inline-block;margin-left:15px}.reading-contents>a{font-size:13px}.reader-about .profile-card img{height:245px}.reader-about .profile-history{gap:15px 30px}.reader-about .profile-tools{grid-column:1/-1}.reader-about .profile-history>div{padding:12px 0}.chapter{scroll-margin-top:82px}.reader-work{display:block;margin-bottom:65px}.work-intro h3{font-size:28px;margin:15px 0}.work-intro>p{font-size:16px;line-height:1.95}.work-intro{margin-bottom:25px}.work-label{font-size:14px}.wide-work .work-intro{display:block}.wide-work .work-intro>h3{margin:15px 0}.wide-work .work-intro>p{margin:0 0 20px}.reader-work .comparison-board{aspect-ratio:1.65}.reader-work>.work-feedback{margin-top:22px;padding-bottom:22px;display:block}.inline-results{gap:30px;flex-wrap:wrap}.inline-results strong{font-size:36px}.reader-feedback{margin-top:14px}.frame-strip{gap:18px;margin-top:20px}.motion-frame figcaption{gap:15px;font-size:14px;flex-wrap:wrap}.motion-frame figcaption small{margin-left:8px}.frame-controls{gap:12px}.work-award{gap:15px;flex-wrap:wrap;font-size:14px}.work-award>.quiet-link{margin-left:0}.water-title{min-height:260px}.water-title>strong{font-size:8vw}.chapter-context{grid-template-columns:1fr;gap:14px}.chapter-context>strong{font-size:25px}.chapter-context>p{font-size:16px}.commercial-work .written-cover>strong{font-size:60px}.event-work .written-cover>strong{font-size:42px}.content-sequence{gap:0 30px}.listed-copy h3{font-size:19px}.commerce-reserve{gap:30px;align-items:start}.commerce-reserve>span{white-space:nowrap}.film-sequence{grid-template-columns:1fr 1fr;gap:30px}.sky-details{gap:30px;grid-template-columns:1.15fr .85fr}.sky-details .poster-picture{height:320px}.documentary-detail{max-width:100%;margin-top:25px}.award-work-grid{gap:30px}.award-work .written-cover{min-height:220px;padding:22px}.award-work .written-cover>strong{font-size:30px}.award-work .work-award{display:block}.award-work .work-award>strong{display:block;margin-top:4px}.award-work .work-award>.quiet-link{margin-top:8px}.script-reader{display:block}.script-proof{margin-top:25px}.script-proof>.art-image{max-width:440px}.photo-collection-intro{grid-template-columns:1fr auto;gap:14px}.photo-collection-intro .section-kicker{grid-column:1/-1}.photo-collection-intro h3{font-size:26px}.photo-collection-intro p{font-size:14px}.portrait-story{gap:20px}.portrait-story>.art-image:nth-child(-n+2){height:360px}.portrait-story>.art-image{height:240px}.landscape-story,.street-story{gap:25px}.poster-story{gap:20px}.poster-story>.art-image{height:310px}.reader-visual{padding-bottom:30px}.cover-film .frame-window{height:195px}.reader-work,.photo-collection,.listed-work,.script-reader,.commerce-reader{scroll-margin-top:85px}}
@media(max-width:600px){.site-header nav{display:none}.site-header{justify-content:space-between}.site-header:after{content:"PORTFOLIO / 2026";font:12px var(--mono);color:var(--muted)}.reading-contents{grid-template-columns:repeat(3,1fr);gap:10px 15px;padding-bottom:0}.reading-contents>a{font-size:14px;gap:7px}.reading-contents>span{margin-bottom:10px}.content-sequence{grid-template-columns:1fr}.film-sequence{gap:25px}.collection-caption{align-items:start;gap:20px}.collection-caption .micro{font-size:12px;max-width:90px;text-align:right}.frame-strip{gap:12px;grid-template-columns:1fr 1fr}.frame-strip>.art-image:last-child:nth-child(3){grid-column:1/-1;aspect-ratio:2.2}.motion-frame figcaption{font-size:14px;padding:13px 0;display:block}.frame-controls{margin-top:10px;justify-content:flex-end;gap:16px}.reader-work .comparison-board{aspect-ratio:auto;min-height:315px}.work-intro h3{font-size:27px}.inline-results{align-items:start;gap:22px}.inline-results>span{width:100%}.inline-results strong{font-size:38px}.inline-results>div{gap:10px}.written-cover{min-height:275px;aspect-ratio:auto}.commercial-work .written-cover>strong{font-size:47px}.event-work .written-cover>strong{font-size:37px}.commercial-work .written-cover>strong br{display:block}.water-title>strong{font-size:11vw}.work-award{display:block}.work-award>strong{display:inline-block;margin-left:12px}.work-award>.quiet-link{display:block;width:fit-content;margin-top:8px}.commerce-reader h3{font-size:26px}.commerce-reserve{display:block;padding:25px}.commerce-reserve>p{margin-top:12px;line-height:1.9}.sky-details{grid-template-columns:1fr;gap:25px}.sky-details .poster-picture{height:380px;max-width:65%;margin:auto}.documentary-detail{aspect-ratio:1.65}.award-work-grid{grid-template-columns:1fr;gap:42px}.award-work .written-cover{min-height:250px}.award-work .written-cover>strong{font-size:38px}.script-reader .work-intro h3{font-size:27px}.script-proof>.art-image{max-width:100%}.photo-collection-intro{grid-template-columns:1fr;gap:12px}.photo-collection-intro p{text-align:left}.photo-collection-intro h3{font-size:25px}.photo-collection{margin-bottom:60px}.portrait-story{grid-template-columns:1fr 1fr;gap:15px}.portrait-story>.art-image,.portrait-story>.art-image:nth-child(-n+2){grid-column:auto;height:270px}.portrait-story>.art-image:first-child{grid-column:1/-1;height:420px}.portrait-story>.art-image:last-child{margin-top:20px}.landscape-story{grid-template-columns:1fr;gap:23px}.landscape-story>.art-image:first-child{aspect-ratio:1.6}.landscape-story>.art-image:last-child{grid-column:1;max-width:83%;justify-self:end;aspect-ratio:1.45}.street-story{grid-template-columns:1fr;gap:22px}.street-story>.art-image{aspect-ratio:1.3}.street-story>.art-image:last-child{margin-top:0;max-width:85%;justify-self:end}.poster-story{grid-template-columns:1fr 1fr;gap:20px}.poster-story>.art-image{height:270px}.poster-story>.art-image:last-child{grid-column:1/-1;width:65%;justify-self:center;height:350px}.reader-about .profile-editorial{grid-template-columns:1fr;gap:27px}.reader-about .profile-card img{height:155px}.reader-about .profile-history{grid-template-columns:1fr}.reader-about .chapter-head{min-height:145px}.chapter-head{min-height:165px}.chapter-title{margin-left:3%}.chapter-word{font-size:12vw}.reader-film,.reader-visual{padding-top:35px}.reader-content{padding-top:35px}.reader-work{margin-bottom:58px}.reader-about{padding-bottom:0}.film-sequence .listed-copy h3{font-size:17px}.film-sequence .listed-copy>p{font-size:14px}.cover-film .frame-window{height:98px}.cover-film figcaption{font-size:12px;padding:7px 0}.cover-film figcaption>span{line-height:1.65}.cover-closing>.micro{font-size:12px;max-width:74px;text-align:right}.cover-closing p{max-width:235px}.reader-about .profile-card{grid-template-columns:115px 1fr}.reader-about .profile-tools{grid-column:1}.contribution-line{font-size:14px}.footer-headline{font-size:18vw}.listed-work,.reader-work{scroll-margin-top:85px}}
@media(max-width:360px){.reading-contents{gap:10px}.reading-contents>a{font-size:13px}.film-sequence{grid-template-columns:1fr}.film-sequence .listed-copy h3{font-size:19px}.portrait-story>.art-image,.portrait-story>.art-image:nth-child(-n+2){height:220px}.portrait-story>.art-image:first-child{height:360px}.frame-controls{gap:13px}.frame-controls button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.frame-image{transition:none}.art-image>img{transition:none}}
.award-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.award-work,.work-intro,.listed-copy{min-width:0}.written-cover>span{overflow-wrap:anywhere}.content-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.award-work-grid,.content-sequence{grid-template-columns:1fr}}

/* Material planning mode: every picture and video position is annotated. */
.material-toolbar{max-width:1560px;margin:auto;padding:19px 5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;background:#e5eee6}.material-toolbar>div{display:flex;align-items:center;gap:20px}.material-toolbar strong{font-size:14px;font-weight:600}.material-toolbar span{font-size:14px;color:var(--muted)}.material-toolbar button{font-size:14px;color:var(--blue);background:transparent;border:1px solid #91af9b;padding:8px 14px;white-space:nowrap}.material-toolbar button:hover{background:var(--mint)}.media-slot{min-width:0;min-height:245px;position:relative;background:#e8ede7;border:1px dashed #98ad9e;grid-column:auto;overflow:hidden}.slot-placeholder{padding:27px;min-height:inherit;display:flex;flex-direction:column;align-items:start;height:100%}.slot-top{width:100%;display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:30px;font:12px/1.7 var(--mono);color:#5d7966}.slot-status{font-size:12px;font-family:inherit;background:#d1e5d5;padding:3px 7px;white-space:nowrap;color:#4b6957}.slot-placeholder>strong{font-size:23px;line-height:1.55;font-weight:450;max-width:550px}.slot-placeholder>p{font-size:14px;line-height:1.9;color:#647468;max-width:520px;margin:15px 0 25px}.slot-spec{font-size:12px;line-height:1.8;color:#6c7d6e;letter-spacing:.1px;border-top:1px solid #cbd7cb;padding-top:12px;margin-top:auto;width:100%}.slot-received{display:none;height:100%}.show-received .has-received>.slot-placeholder{display:none}.show-received .has-received>.slot-received{display:block}.show-received .has-received{background:transparent;border:0}.slot-received>.art-image{height:100%}.reader-work>.media-slot,.reader-work>.wide-media>.media-slot{min-height:350px}.wide-work>.wide-media>.media-slot{min-height:0;aspect-ratio:16/9}.wide-work>.wide-media>.media-slot>.slot-placeholder{min-height:0;justify-content:center}.wide-work>.wide-media>.media-slot .slot-top{position:absolute;top:28px;left:28px;right:28px;width:auto}.wide-work>.wide-media>.media-slot .slot-placeholder>strong{font-size:32px}.wide-work>.wide-media>.media-slot .slot-spec{margin-top:25px;max-width:560px}.reader-work>.media-slot[data-slot^="A-"]{grid-column:1/-1;min-height:180px;max-width:600px;margin:7px 0 18px}.reader-work>.media-slot[data-slot^="A-"] .slot-top{margin-bottom:16px}.reader-work>.media-slot[data-slot^="A-"] .slot-placeholder>strong{font-size:20px}.reader-work>.media-slot[data-slot^="A-"] .slot-placeholder>p{margin:12px 0 18px}.award-material-note{font-size:12px;color:var(--muted);margin-left:auto}.frame-strip>.media-slot{aspect-ratio:16/9;min-height:0}.frame-strip .slot-placeholder{padding:19px}.frame-strip .slot-top{margin-bottom:17px;flex-wrap:wrap;gap:8px}.frame-strip .slot-placeholder>strong{font-size:18px}.frame-strip .slot-placeholder>p{font-size:13px;line-height:1.85;margin:10px 0 17px}.frame-strip .slot-spec{font-size:12px}.profile-card>.profile-slot{height:270px;min-height:0;background:#e0e8df}.profile-slot .slot-placeholder{padding:20px}.profile-slot .slot-top{margin-bottom:20px;display:block}.profile-slot .slot-status{display:inline-block;margin-top:7px}.profile-slot .slot-placeholder>strong{font-size:22px}.profile-slot .slot-placeholder>p{font-size:14px;line-height:1.9;margin-bottom:17px}.profile-slot .slot-spec{font-size:12px}.profile-slot .slot-received img{width:100%;height:100%;object-fit:contain}.cover-film>.media-slot{height:190px;min-height:0;aspect-ratio:auto;border:0}.cover-film .slot-placeholder{padding:15px}.cover-film .slot-top{margin-bottom:15px;font-size:12px;gap:10px}.cover-film .slot-placeholder>strong{font-size:21px;line-height:1.4}.cover-film .slot-placeholder>p{font-size:12px;line-height:1.6;margin:10px 0;max-width:270px}.cover-film .slot-spec{font-size:12px;padding-top:8px}.cover-film .slot-status{font-size:12px;padding:1px 4px}.listed-work>.media-slot{aspect-ratio:16/9;min-height:210px;margin-bottom:23px}.small-slot .slot-placeholder{padding:20px}.small-slot .slot-top{font-size:12px;margin-bottom:16px;gap:10px}.small-slot .slot-placeholder>strong{font-size:20px}.small-slot .slot-placeholder>p{font-size:13px;line-height:1.85;margin:10px 0 15px}.small-slot .slot-spec{font-size:12px}.film-sequence .small-slot{min-height:240px;aspect-ratio:auto}.film-sequence .small-slot .slot-top{display:block}.film-sequence .small-slot .slot-status{display:inline-block;margin-top:6px}.film-sequence .small-slot .slot-placeholder>strong{font-size:20px}.award-work>.media-slot{min-height:220px;margin:25px 0 20px}.award-work>.media-slot[data-slot^="A-"]{min-height:170px}.award-work>.media-slot[data-slot^="A-"] .slot-placeholder>strong{font-size:19px}.award-work>.media-slot[data-slot^="A-"] .slot-top{margin-bottom:15px}.award-work>.media-slot[data-slot^="A-"] .slot-placeholder>p{margin:10px 0 15px}.script-reader>.media-slot{grid-column:1/-1;max-width:630px;min-height:180px;margin:0 0 25px}.script-text-slot{padding:25px;background:#e8ede7;border:1px dashed #98ad9e}.script-text-slot strong{display:block;font-size:23px;line-height:1.7;font-weight:450;margin:17px 0}.script-text-slot p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}.sky-details>.media-slot{height:420px;min-height:0}.sky-details>div>.media-slot{aspect-ratio:16/9;min-height:250px}.documentary-detail{height:100%}.reader-work>.media-slot[data-slot="I-ferryman-detail"]{grid-column:1/-1;width:75%;margin:auto;min-height:0;aspect-ratio:2.2}.portrait-story>.media-slot{grid-column:span 2;height:340px;min-height:0}.portrait-story>.media-slot:nth-child(-n+2){grid-column:span 3;height:490px}.landscape-story>.media-slot:first-child{grid-column:1/-1;aspect-ratio:2.05;min-height:0}.landscape-story>.media-slot:last-child{grid-column:2;aspect-ratio:1.45}.street-story>.media-slot{aspect-ratio:1.2}.street-story>.media-slot:last-child{margin-top:65px}.poster-story>.media-slot{height:390px;min-height:0}.poster-story .slot-received>.art-image img{object-fit:contain}.show-received .wide-work .media-slot{aspect-ratio:auto;min-height:0}.show-received .wide-work .frame-strip>.media-slot{aspect-ratio:16/9}.show-received .reader-work>.wide-media>.has-received{min-height:0}.show-received .reader-work>.media-slot[data-slot^="A-"]{height:260px}.show-received .reader-work>.media-slot[data-slot^="A-"] img,.show-received .award-work>.media-slot[data-slot^="A-"] img{object-fit:contain}.show-received .award-work>.media-slot[data-slot^="A-"]{height:260px}.slot-received .poster-picture{height:100%;max-width:100%}.slot-received .documentary-detail{max-width:100%}.reader-work>.wide-media>.media-slot .frame-controls{display:flex}
@media(max-width:1100px){.slot-placeholder{padding:23px}.slot-placeholder>strong{font-size:22px}.slot-top{gap:12px}.frame-strip>.media-slot{aspect-ratio:auto;min-height:255px}.portrait-story>.media-slot:nth-child(-n+2){height:420px}.portrait-story>.media-slot{height:300px}.sky-details>.media-slot{height:365px}}
@media(max-width:800px){.reader-work>.media-slot,.reader-work>.wide-media>.media-slot{min-height:320px}.wide-work>.wide-media>.media-slot{aspect-ratio:16/9}.wide-work>.wide-media>.media-slot .slot-placeholder>strong{font-size:26px}.frame-strip>.media-slot{min-height:290px}.frame-strip .slot-top{display:block}.frame-strip .slot-status{display:inline-block;margin-top:5px}.profile-card>.profile-slot{height:245px}.cover-film>.media-slot{height:225px}.cover-film .slot-top{display:block}.cover-film .slot-status{display:inline-block;margin-top:5px}.cover-film .slot-placeholder>strong{font-size:21px}.sky-details>.media-slot{height:320px}.reader-work>.media-slot[data-slot="I-ferryman-detail"]{width:100%;min-height:230px}.portrait-story>.media-slot:nth-child(-n+2){height:360px}.portrait-story>.media-slot{height:300px}.poster-story>.media-slot{height:310px}.poster-story .slot-placeholder{padding:20px}.poster-story .slot-top{display:block}.poster-story .slot-status{display:inline-block;margin-top:5px}.poster-story .slot-placeholder>strong{font-size:19px}.show-received .reader-work>.wide-media>.has-received{min-height:0}}
@media(max-width:600px){.material-toolbar{gap:15px;padding-top:16px;padding-bottom:16px;align-items:start}.material-toolbar>div{display:block}.material-toolbar span{display:block;font-size:13px;margin-top:5px;line-height:1.8}.material-toolbar button{font-size:14px;padding:7px 10px}.slot-placeholder{padding:22px}.slot-top{margin-bottom:25px;gap:12px}.slot-placeholder>strong{font-size:22px}.slot-placeholder>p{font-size:14px}.slot-spec{font-size:12px}.reader-work>.media-slot,.reader-work>.wide-media>.media-slot{min-height:315px;aspect-ratio:auto}.wide-work>.wide-media>.media-slot .slot-top{position:static;width:100%;margin-bottom:22px}.wide-work>.wide-media>.media-slot .slot-placeholder>strong{font-size:24px}.wide-work>.wide-media>.media-slot .slot-spec{margin-top:auto}.frame-strip>.media-slot{grid-column:1/-1;min-height:230px;aspect-ratio:auto}.frame-strip .slot-placeholder{padding:22px}.frame-strip .slot-top{display:flex;margin-bottom:20px}.frame-strip .slot-placeholder>strong{font-size:21px}.frame-strip .slot-placeholder>p{font-size:14px}.profile-card{display:block!important}.profile-card>.profile-slot{width:100%;height:320px}.profile-slot .slot-top{display:flex}.profile-slot .slot-status{margin-top:0}.profile-slot .slot-placeholder{padding:25px}.profile-card strong{margin-top:18px!important}.profile-card>a{margin-top:12px!important}.cover-film>.media-slot{height:160px;min-height:0}.cover-film .slot-placeholder{padding:12px}.cover-film .slot-top{margin-bottom:11px}.cover-film .slot-top>span:first-child{display:none}.cover-film .slot-status{margin-top:0}.cover-film .slot-placeholder>strong{font-size:18px;line-height:1.5}.cover-film .slot-placeholder>p{display:none}.cover-film .slot-spec{font-size:12px;line-height:1.6;padding-top:9px;margin-top:12px}.cover-film{width:50%}.listed-work>.media-slot{min-height:220px;aspect-ratio:auto}.film-sequence .small-slot{min-height:260px}.film-sequence .small-slot .slot-placeholder{padding:16px}.film-sequence .small-slot .slot-placeholder>strong{font-size:19px}.film-sequence .small-slot .slot-placeholder>p{font-size:13px}.film-sequence .small-slot .slot-status{padding:2px 5px}.film-sequence .small-slot .slot-spec{font-size:12px}.sky-details>.media-slot{height:330px}.sky-details>div>.media-slot{aspect-ratio:auto;min-height:265px}.reader-work>.media-slot[data-slot="I-ferryman-detail"]{aspect-ratio:auto;min-height:260px}.portrait-story{grid-template-columns:1fr}.portrait-story>.media-slot,.portrait-story>.media-slot:nth-child(-n+2){grid-column:1;height:310px}.portrait-story>.media-slot:first-child{height:390px}.landscape-story{grid-template-columns:1fr}.landscape-story>.media-slot:first-child{aspect-ratio:auto;min-height:310px}.landscape-story>.media-slot:last-child{grid-column:1;aspect-ratio:auto;min-height:280px;max-width:100%}.street-story>.media-slot{aspect-ratio:auto;min-height:300px}.street-story>.media-slot:last-child{margin-top:0;max-width:100%}.poster-story{grid-template-columns:1fr}.poster-story>.media-slot{height:310px}.show-received .portrait-story{grid-template-columns:1fr 1fr}.show-received .portrait-story>.media-slot,.show-received .portrait-story>.media-slot:nth-child(-n+2){height:270px;grid-column:auto}.show-received .portrait-story>.media-slot:first-child{grid-column:1/-1;height:420px}.show-received .profile-card>.profile-slot{height:300px;max-width:250px}.show-received .frame-strip>.media-slot{grid-column:auto;aspect-ratio:16/9;min-height:0}.show-received .frame-strip>.media-slot:last-child:nth-child(3){grid-column:1/-1;aspect-ratio:2.2}.show-received .reader-work>.wide-media>.has-received{min-height:0}.show-received .reader-work>.media-slot[data-slot="I-ferryman-detail"]{min-height:0;height:auto;aspect-ratio:1.65}.show-received .poster-story{grid-template-columns:1fr 1fr}.show-received .poster-story>.media-slot{height:270px}.show-received .poster-story>.media-slot:last-child{grid-column:1/-1;width:65%;height:350px;justify-self:center}.show-received .landscape-story>.media-slot:first-child{min-height:0;aspect-ratio:1.6}.show-received .landscape-story>.media-slot:last-child{min-height:0;aspect-ratio:1.45;max-width:83%;justify-self:end}.show-received .street-story>.media-slot{min-height:0;aspect-ratio:1.3}.show-received .street-story>.media-slot:last-child{max-width:85%;justify-self:end}.show-received .cover-film>.media-slot{height:140px}.reader-work>.media-slot[data-slot^="A-"]{min-height:240px;max-width:100%}.script-reader>.media-slot{min-height:250px}.show-received .cover-film .frame-window{height:110px}}
.material-actions{display:flex;align-items:center;gap:20px}.material-actions>a{font-size:14px;color:var(--blue);border-bottom:1px solid #a1b8a7;white-space:nowrap}.material-actions button{font-size:14px;color:var(--blue);background:transparent;border:1px solid #91af9b;padding:8px 14px;white-space:nowrap}.episode-slots{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.episode-slots>.media-slot{min-height:250px}.episode-slots .slot-top{display:block}.episode-slots .slot-status{display:inline-block;margin-top:5px}.episode-slots .slot-placeholder>strong{font-size:20px}
@media(max-width:800px){.episode-slots{grid-template-columns:1fr}.episode-slots>.media-slot{min-height:220px}}
@media(max-width:600px){.material-actions{gap:12px;align-items:flex-end;flex-direction:column}.material-actions button{font-size:14px;padding:7px 10px}.material-actions>a{font-size:13px}.material-toolbar>div.material-actions{display:flex}.material-toolbar{gap:18px}}

/* A hand-drawn, moving PORT / FOLIO masthead. */
.portfolio-cover{padding-top:20px}
.cover-composition{min-height:0;display:grid;grid-template-columns:28% minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"intro lettering" "film lettering";column-gap:2%;row-gap:24px;padding:10px 0 22px;align-items:start}
.cover-intro{grid-area:intro;width:100%;padding:clamp(40px,5.5vw,78px) 0 0;align-self:start}
.cover-typography.portfolio-lettering{grid-area:lettering;position:relative;justify-self:end;align-self:start;width:100%;max-width:720px;padding:0;pointer-events:auto;letter-spacing:normal;line-height:1}
.cover-film{grid-area:film;position:relative;left:auto;right:auto;bottom:auto;width:100%;max-width:352px;margin:0 0 12px;align-self:end}
.cover-film>.media-slot,.show-received .cover-film>.media-slot{height:auto;min-height:0}
.cover-film .slot-placeholder{height:auto;min-height:190px}
.cover-closing{padding:17px 0 21px}
.portfolio-wordmark{display:block;width:100%;height:auto;overflow:visible;color:var(--ink)}
.portfolio-glyph path{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.portfolio-year{fill:var(--accent);font:500 23px var(--mono);letter-spacing:10px}
.wordmark-toggle{display:inline-flex;align-items:center;gap:7px;margin:11px 0 0 8%;padding:5px 0;border:0;background:none;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.4px;color:var(--muted)}
.wordmark-toggle[hidden]{display:none}
.wordmark-toggle>span:first-child{color:var(--blue);font-size:14px}
.wordmark-toggle:hover{color:var(--blue)}
@media(min-width:1600px){.cover-typography.portfolio-lettering{max-width:840px}}
@media(max-width:800px){.cover-composition{grid-template-columns:40% minmax(0,1fr);grid-template-areas:"intro lettering" "intro film";row-gap:20px;padding-top:8px}.cover-intro{padding-top:24px}.cover-typography.portfolio-lettering{position:relative;top:auto;right:auto;width:100%;padding:0}.cover-film{max-width:none;margin-bottom:8px}.wordmark-toggle{margin-top:11px}}
@media(max-width:600px){.cover-film .slot-placeholder{min-height:160px}}
@media(max-width:480px){.cover-composition{display:flex;flex-direction:column;gap:0;padding:0 0 12px}.cover-intro{padding:20px 0 0}.cover-typography.portfolio-lettering{position:relative;top:auto;right:auto;left:auto;width:100%;margin-top:18px;padding:0}.portfolio-glyph path{stroke-width:4.5}.wordmark-toggle{margin:10px 0 0 8%}.cover-film{position:relative;right:auto;bottom:auto;width:60%;align-self:flex-end;margin:14px 4px 20px;max-width:260px}}
@media(prefers-reduced-motion:reduce){.wordmark-toggle{display:none}}

/* Confirmed materials appear immediately while other slots keep their preparation notes. */
.media-slot.is-filled{background:transparent;border:0}
.is-filled>.slot-placeholder{display:none}
.is-filled>.slot-received{display:block}
.profile-card>.profile-slot.is-filled{height:auto;aspect-ratio:4/5;max-width:none}
.profile-slot.is-filled .profile-image{width:100%;height:100%}
.profile-slot.is-filled .profile-image>img{width:100%;height:100%;object-fit:cover;object-position:54% 50%}
@media(max-width:600px){.profile-card>.profile-slot.is-filled{max-width:320px}}

/* Contact details follow the portrait as a compact reading column. */
.profile-contacts{display:grid;gap:13px;margin-top:18px}
.profile-contacts>a{display:grid;gap:3px;width:fit-content;max-width:100%;line-height:1.7}
.profile-contacts .contact-label{font-size:11px;color:var(--muted);letter-spacing:.04em}
.profile-contacts .contact-value{font:13px/1.7 var(--mono);overflow-wrap:anywhere;transition:color .2s}
.profile-contacts>a:hover .contact-value{color:var(--blue)}
.footer-contact>a{display:block;width:fit-content;max-width:100%}
.footer-contact>.footer-phone{margin-top:15px;font:16px/1.8 var(--mono)}
.footer-phone>span{margin-left:10px;font:12px/1.8 var(--display);color:var(--muted)}

/* Delivered media: native proportions, one player, and no full-film preloading. */
html{scroll-padding-top:0}
.listed-work>.media-slot{width:100%;min-width:0}
.media-slot.is-filled:not(.profile-slot){height:auto!important;min-height:0!important;aspect-ratio:auto!important}
.work-video{width:100%;margin:0}
.video-launch{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;overflow:hidden;background:#dce5df;color:var(--paper);cursor:pointer}
.video-launch.is-portrait{aspect-ratio:3/4;max-height:520px}
#work-netease-11 .video-launch{aspect-ratio:4/3}
#work-netease-02 .video-launch{aspect-ratio:2/1}
.video-launch>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .6s}
.video-launch:hover>img{transform:scale(1.015)}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;padding-left:4px;border:1px solid #ffffffa6;border-radius:50%;background:#172725b5;backdrop-filter:blur(8px);font-size:18px;transition:background .2s,scale .2s}
.video-launch:hover .video-play{background:#087f72e6;scale:1.06}
.award-work .video-play{left:12px;top:auto;bottom:12px;transform:none;width:42px;height:42px;font-size:14px}
.video-time{position:absolute;right:12px;bottom:12px;background:#172725cc;padding:3px 8px;font:12px/1.6 var(--mono)}
.work-video>figcaption{display:flex;justify-content:space-between;gap:15px;padding:11px 0;font-size:12px;color:var(--muted)}
.work-video>figcaption>span:last-child{color:var(--blue)}
.compact-video .video-launch.is-portrait{max-height:420px}
.episode-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.episode-picker>button{border:1px solid var(--line);background:transparent;color:var(--blue);font:12px/1.6 var(--mono);min-width:40px;padding:7px}
.episode-picker>button:hover{background:var(--mint)}
.hero-video{margin:0}
.hero-video>video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#dce5df}
.hero-video>figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:8px;font:10px/1.6 var(--mono);color:var(--muted)}
.hero-video button{padding:0;border:0;background:transparent;font-size:11px;color:var(--blue)}
.commerce-collection-heading{display:flex;justify-content:space-between;gap:20px;padding:28px 0 22px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.commerce-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
.commerce-work{min-width:0}
.commerce-work .video-launch{aspect-ratio:3/4;max-height:none}
.commerce-work>.micro{display:block;margin-top:16px;color:var(--blue)}
.commerce-work h4{font-size:18px;line-height:1.6;font-weight:500;margin:9px 0 12px}
.commerce-work>p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}
.video-dialog{width:min(1280px,94vw);max-width:none;max-height:94dvh;padding:20px;background:#172725;color:var(--paper);border:1px solid #53645c;overflow:auto}
.video-dialog::backdrop{background:#10211deb;backdrop-filter:blur(8px)}
.video-dialog>header{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:16px}
.video-dialog h2{font-size:18px;font-weight:450;line-height:1.5;margin:0}
.video-dialog [data-video-close]{border:1px solid #688178;background:transparent;color:var(--paper);padding:6px 13px;white-space:nowrap;font-size:13px}
.video-dialog>video{display:block;width:100%;max-height:calc(94dvh - 110px);object-fit:contain;background:#0a1714}
.video-dialog>p{font-size:14px;color:#c6d4cd;margin:12px 0 0}
.video-dialog a{text-decoration:underline}
@media(max-width:1000px){.commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 28px}}
@media(max-width:600px){.video-play{width:48px;height:48px;font-size:15px}.commerce-grid{gap:30px 16px}.commerce-work h4{font-size:15px;margin-top:6px}.commerce-work>p{font-size:12px}.commerce-collection-heading{display:block}.commerce-collection-heading>span{display:block;margin-bottom:8px}.video-dialog{width:96vw;padding:12px}.video-dialog h2{font-size:15px}.video-dialog>header{gap:12px;margin-bottom:12px}.video-launch.is-portrait{max-height:none}.video-dialog>video{max-height:calc(94dvh - 100px)}}
@media(prefers-reduced-motion:reduce){.video-launch>img,.video-play{transition:none}.video-launch:hover>img{transform:none}}

/* Screenplay overview follows the continuous editorial reading layout. */
.script-reader{grid-template-columns:1.1fr .9fr;align-items:start}
.script-proof{align-self:start;min-width:0}
.script-format{margin-top:23px;font-size:13px;color:var(--muted);line-height:1.9}
.script-format>span{color:var(--blue)}
.script-format dl{margin:12px 0 0}
.script-format dl>div{display:flex;gap:17px;flex-wrap:wrap}
.script-format dt,.script-format dd{margin:0}
.script-format dd{color:var(--ink)}
.script-design{padding:26px 29px;background:#e8ede7;border-top:2px solid #94b4a2}
.script-design>.micro{font-size:11px;color:var(--blue);letter-spacing:.6px}
.script-design h4{font-size:23px;font-weight:500;line-height:1.6;margin:12px 0 20px}
.script-highlights{margin:0}
.script-highlights>div+div{border-top:1px solid #ccd8cd;margin-top:17px;padding-top:17px}
.script-highlights dt{display:flex;gap:13px;align-items:baseline;font-size:15px;font-weight:500;line-height:1.8}
.script-highlights dt>span{font:11px var(--mono);color:var(--blue)}
.script-highlights dd{font-size:14px;color:#57685e;line-height:1.9;margin:7px 0 0}
.script-excerpt{border-top:1px solid #ccd8cd;margin-top:21px;padding-top:15px;font-size:13px;line-height:1.8}
.script-excerpt>summary{color:var(--blue);cursor:pointer;width:fit-content}
.script-excerpt blockquote{margin:17px 0 0;padding-left:16px;border-left:2px solid #94b4a2}
.script-excerpt p{font-size:16px;line-height:1.9;margin:0 0 11px}
.script-excerpt footer{font-size:12px;color:var(--muted)}
@media(max-width:800px){.script-reader{display:block}.script-proof{margin-top:26px}.script-design{padding:24px}.script-format{margin-top:19px}}