.extended-projects{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:72px}.detail-card{border-top:1px solid var(--line);padding-top:16px}.detail-card-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:5vw}.detail-media{background:#1b2022;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:230px}.detail-media video{width:100%;height:100%;min-height:230px;object-fit:cover}.detail-media img{width:100%;height:100%;min-height:230px;object-fit:cover}.detail-copy{padding:2px 0 12px}.detail-copy h3{font-size:24px;line-height:1.2;margin:0 0 12px}.detail-copy p:not(.project-meta){color:#55534e;line-height:1.8;font-size:14px;margin:0 0 20px}.document-preview{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px;background:#ddd6ca;color:#2a302e;min-height:230px}.document-preview strong{font-size:22px;line-height:1.35}.document-mark{font-size:11px;letter-spacing:.15em;color:var(--accent);font-weight:800;margin-bottom:22px}.teal-preview{background:#b7c8c1}.orange-preview{background:#e2c2aa}.split-media{grid-template-columns:1.35fr .65fr}.split-media img:last-child{object-fit:contain;background:#f4eee4;padding:12px}@media(max-width:800px){.extended-projects{display:block;margin-top:52px}.detail-card,.detail-card-wide{margin-bottom:42px;display:block}.detail-media{min-height:0}.detail-media video,.detail-media img{min-height:230px}.detail-copy{padding-top:22px}.split-media{display:grid}.split-media img{min-height:220px}}

.project-group{border-top:1px solid var(--line);padding:28px 0 34px}.project-group:first-of-type{border-top:0;padding-top:0}.group-heading{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:5vw;align-items:start;margin-bottom:24px}.group-heading h3{font-size:clamp(26px,3vw,42px);line-height:1.08;margin:8px 0 0;color:var(--ink)}.group-heading>p{max-width:560px;margin:27px 0 0;color:var(--muted);font-size:15px;line-height:1.7}.project-strip{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;padding:2px 0 18px;scroll-snap-type:x proximity;scrollbar-color:var(--accent) transparent;scrollbar-width:thin}.subproject-card{flex:0 0 min(430px,74vw);border:1px solid var(--line);background:var(--paper);scroll-snap-align:start}.subproject-media{height:260px;background:#1b2022;display:grid;grid-template-columns:1fr 1fr;gap:5px}.subproject-media video,.subproject-media img{width:100%;height:100%;object-fit:cover}.subproject-copy{padding:18px 20px 20px}.subproject-copy h4{font-size:22px;line-height:1.2;margin:7px 0 10px;color:var(--ink)}.subproject-copy p:not(.project-meta){font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 16px}.subproject-copy .project-link{font-size:13px}.subproject-copy .tags{margin-top:12px}.subproject-card .document-preview{height:260px;min-height:0}.subproject-card .image-grid{height:260px}.project-group .project-meta{font-size:12px;letter-spacing:.08em;color:var(--accent);margin:0}.project-group .tags{display:flex;flex-wrap:wrap;gap:7px}.project-group .tags span{font-size:11px;padding:6px 9px}@media(max-width:800px){.project-group{padding:24px 0 30px}.group-heading{display:block;margin-bottom:18px}.group-heading h3{font-size:30px}.group-heading>p{margin:14px 0 0;font-size:14px}.project-strip{margin-right:-20px;padding-right:20px}.subproject-card{flex-basis:82vw}.subproject-media,.subproject-card .document-preview,.subproject-card .image-grid{height:220px}.subproject-copy{padding:16px}.subproject-copy h4{font-size:20px}}
.personal-map{grid-template-columns:1.3fr .7fr;min-height:460px;padding:70px 0 76px;align-items:center}.personal-map .hero-intro{max-width:620px}.personal-note{border-left:1px solid var(--line);padding:25px 0 25px 30px;color:var(--muted);font-size:14px;line-height:1.9}.personal-note p{margin:0}.personal-note p:first-child{font-size:29px;font-weight:800;color:var(--ink);margin-bottom:12px}.personal-note .note-line{border-top:1px dashed var(--line);margin-top:24px;padding-top:18px;color:var(--accent)}.projects-section{padding-top:28px}.project-group h3{letter-spacing:-.02em}@media(max-width:800px){.personal-map{min-height:0;padding:55px 0 60px}.personal-note{margin-top:45px;padding:22px 0 22px 20px}.projects-section{padding-top:20px}}
.part-label{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.project-group .group-heading>div{min-width:0}
.subproject-media:has(> :only-child){grid-template-columns:1fr}
.subproject-card .subproject-media{overflow:hidden}.subproject-card .subproject-media img,.subproject-card .subproject-media video{min-height:0;max-height:100%}
.projects-section:before,.project-strip:before{display:none}
.project-group .tags{flex-wrap:nowrap;gap:5px}.project-group .tags span{white-space:nowrap;padding:5px 7px;font-size:10px}
.site-header{height:72px;background:#111416;border-color:#111416;color:#f7f2eb;padding:0 3.5vw}.site-header .brand{color:#f7f2eb}.site-header nav,.site-header .header-contact{display:none}.menu-toggle{display:flex;width:34px;height:34px;padding:5px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:1px;background:#f7f2eb}.personal-map{position:relative;width:100%;max-width:none;min-height:calc(100vh - 72px);height:calc(100vh - 72px);padding:0 5vw;display:flex;align-items:center;justify-content:center;text-align:center;background-image:url("assets/qiuying-sunset.jpeg");background-size:cover;background-position:center 58%;color:#fff;overflow:hidden}.personal-map:before{content:"";position:absolute;inset:0;background:rgba(12,12,14,.25)}.personal-map .hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.personal-map .eyebrow{color:#fff;font-size:13px;letter-spacing:.18em;margin:0 0 25px}.personal-map h1{font-size:clamp(64px,9vw,150px);line-height:.92;letter-spacing:.01em;margin:0 0 30px;color:#fff}.personal-map .hero-intro{font-size:16px;color:rgba(255,255,255,.85);margin:0 0 26px}.personal-map .button-primary{background:#fff;color:#111416;border-color:#fff}.personal-map .button-primary:hover{background:var(--accent);border-color:var(--accent)}.personal-note{display:none}.projects-section{position:relative}@media(max-width:800px){.site-header{height:64px}.personal-map{min-height:calc(100vh - 64px);height:calc(100vh - 64px);background-position:center center}.personal-map h1{font-size:18vw}.personal-map .hero-intro{font-size:14px}.personal-map .eyebrow{font-size:11px}}
.personal-note{display:none!important}.personal-note .avatar{width:86px;height:86px;flex:0 0 86px;object-fit:cover;border-radius:50%;border:1px solid var(--line)}.personal-note-copy{min-width:0}.personal-note-copy p:first-child{margin-top:0}
.subproject-media.document-preview{background:#b7c8c1;color:#2a302e}.subproject-media.document-preview.orange-preview{background:#e2c2aa}.subproject-media.document-preview .document-mark{color:#d87f54}
.projects-section{position:relative}.projects-section:before{content:"";position:absolute;top:118px;bottom:80px;left:50%;border-left:1px dashed var(--line);pointer-events:none}.project-group{position:relative;border-top:1px dashed var(--line);padding:31px 0 42px}.project-group:first-of-type{padding-top:0;border-top:0}.group-heading{grid-template-columns:1fr 1fr;gap:0;margin-bottom:28px}.group-heading>div{padding-right:34px}.group-heading>p{padding-left:34px;margin-top:28px}.project-strip{position:relative;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);gap:0;padding:0;overflow-x:auto}.project-strip:before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed var(--line);pointer-events:none}.subproject-card{flex:0 0 25%;border:0;border-right:1px solid var(--line);background:transparent;scroll-snap-align:start;min-height:450px}.subproject-card:last-child{border-right:0}.subproject-media{height:245px;border-bottom:1px solid var(--line);gap:1px}.subproject-copy{padding:17px 17px 24px}.subproject-copy h4{font-size:19px}.subproject-copy p:not(.project-meta){font-size:13px;line-height:1.65}.subproject-card .document-preview,.subproject-card .image-grid{height:245px}.project-group .project-meta{font-size:11px}.project-group .tags span{border-radius:0}.personal-note{border-left:1px dashed var(--line);border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding-left:30px}@media(max-width:800px){.projects-section:before{display:none}.group-heading{display:block}.group-heading>div{padding-right:0}.group-heading>p{padding-left:0}.project-strip:before{display:none}.subproject-card{flex-basis:82vw;min-height:0;border-right:1px solid var(--line)}.subproject-card:last-child{border-right:1px solid var(--line)}}