.concept-fieldnotes .work-grid:has(>.field-project-card){align-items:stretch;gap:52px 36px}.concept-fieldnotes .field-project-card{grid-row:span 5;grid-template-rows:subgrid;row-gap:0;min-width:0;display:grid}.concept-fieldnotes .field-project-card .work-card-link{grid-row:span 5;grid-template-rows:subgrid;row-gap:0;min-width:0;display:grid;position:relative;transform:none}.concept-fieldnotes .field-project-card .work-art-wrap{isolation:isolate;border:1px solid #c9cfbf;border-radius:4px}.concept-fieldnotes .field-project-card .work-meta{letter-spacing:.025em;gap:12px;margin:22px 0 12px;font-family:inherit;font-size:.875rem;line-height:1.5}.concept-fieldnotes .field-project-card h3{letter-spacing:-.04em;align-items:flex-start;gap:24px;margin:0 0 13px;font:400 2.125rem/1.15 Georgia,Songti SC,serif}.concept-fieldnotes .field-project-card h3>span{color:var(--accent);flex-shrink:0;font-size:23px;line-height:1.1;transition:transform .25s}.concept-fieldnotes .field-project-card .field-project-summary{max-width:100%;margin:0 0 24px;font-size:1.125rem;line-height:1.65}.field-project-proof{border-top:1px solid var(--line);grid-template-columns:1fr;align-items:start;gap:0;margin:0;padding-top:16px;display:grid}.field-project-proof>div{grid-template-columns:auto 1fr;gap:20px;min-width:0;display:grid}.field-project-proof dt{color:var(--muted);letter-spacing:.025em;text-transform:uppercase;margin:0 0 6px;font-size:.875rem;line-height:1.5}.field-project-proof dd,.concept-fieldnotes .field-project-card .work-result{letter-spacing:0;color:var(--fg);border:0;margin:0;padding:0;font-size:1rem;line-height:1.6}.concept-fieldnotes .field-project-card .work-card-link:hover h3>span,.concept-fieldnotes .field-project-card .work-card-link:focus-visible h3>span{transform:translate(3px,-3px)}.field-cover{aspect-ratio:1.65;color:#3e543b;background-color:#e2e8da;background-image:linear-gradient(#60705108 1px,#0000 1px),linear-gradient(90deg,#60705108 1px,#0000 1px);background-size:36px 36px;flex-direction:column;justify-content:space-between;gap:12px;width:100%;min-height:290px;max-height:365px;padding:26px 28px 22px;display:flex;overflow:hidden}.field-cover-signals{color:#755c48;background-color:#e9e2d6}.field-cover-laife{color:#884c37;background-color:#ecd6c8}.field-cover-cat{color:#655f40;background-color:#eae7d0}.field-cover-asl{color:#365a4e;background-color:#e0e7df}.field-cover-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.field-cover-heading>strong{letter-spacing:-.015em;font:500 1.125rem/1.2 Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif}.field-cover-corner{opacity:.4;border-top:1px solid;border-right:1px solid;flex-shrink:0;width:11px;height:11px}.field-cover-scene{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.field-cover-scene>svg{width:100%;height:100%;max-height:213px;transition:transform .55s cubic-bezier(.2,.7,.2,1);overflow:visible}.field-cover-caption{text-align:center;flex-shrink:0;justify-content:center;align-items:center;gap:0;font:500 .875rem/1.5 Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.field-cover-caption>span+span:before{content:"·";opacity:.55;margin:0 18px;display:inline-block}.field-cover-flow{gap:15px}.field-cover-flow>b{opacity:.7;font-weight:400}.concept-fieldnotes .field-project-card .work-card-link:hover .field-cover-scene>svg,.concept-fieldnotes .field-project-card .work-card-link:focus-visible .field-cover-scene>svg{transform:translateY(-3px)}.field-cover-asl-scene{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:26px;width:100%;max-width:420px;margin-inline:auto;display:grid}.field-cover-lesson{background:#f8f8ee;border:1px solid #adbaaa;border-radius:7px;width:100%;max-width:155px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 7px 12px #2a4a3210}.field-cover-lesson-photo{aspect-ratio:1;background:#f4f4ef;position:relative;overflow:hidden}.field-cover-lesson-photo img{width:330%;max-width:none;height:auto;position:absolute;top:-40%;left:-118%}.field-cover-lesson>span{text-align:center;padding:8px;font-size:.875rem;font-weight:500;line-height:1.4;display:block}.field-cover-asl-purpose{flex-direction:column;gap:13px;display:flex}.field-cover-asl-purpose>strong{letter-spacing:-.025em;font-size:clamp(1.125rem,1.6vw,1.4375rem);font-weight:500;line-height:1.25}.field-cover-asl-purpose>span{max-width:195px;font-size:.875rem;line-height:1.5}html[lang=zh-CN] .field-project-card h3{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:1.625rem;font-weight:500;line-height:1.4}html[lang=zh-CN] .field-cover-heading>strong,html[lang=zh-CN] .field-cover-asl-purpose>strong,html[lang=zh-CN] .field-project-card h3{letter-spacing:0;font-style:normal}@media (width<=1100px) and (width>=701px){.field-cover{gap:10px;padding:20px}.field-cover-asl-scene{gap:18px}.field-cover-flow{gap:10px}.field-cover-caption>span+span:before{margin:0 12px}.concept-fieldnotes .field-project-card h3{font-size:1.875rem}.field-project-proof{gap:16px}}@media (width<=700px){.concept-fieldnotes .work-grid:has(>.field-project-card){gap:40px}.concept-fieldnotes .field-project-card,.concept-fieldnotes .field-project-card .work-card-link{display:block}.concept-fieldnotes .field-project-card .work-meta{margin-top:20px}.concept-fieldnotes .field-project-card h3{font-size:1.875rem;line-height:1.25}.concept-fieldnotes .field-project-card .field-project-summary{margin-bottom:20px;font-size:1.0625rem}.field-project-proof{gap:18px;padding-top:16px}.field-cover{gap:12px;max-height:345px;padding:20px}.field-cover-heading>strong{font-size:1.1875rem}.field-cover-flow{gap:10px}.field-cover-caption>span+span:before{margin:0 12px}.field-cover-asl-scene{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px;max-width:380px}.field-cover-lesson{max-width:140px}.field-cover-lesson>span{padding:7px}.field-cover-asl-purpose>strong{font-size:1.25rem}}@media (width<=400px){.field-project-proof>div{grid-template-columns:1fr;gap:3px}.field-cover{padding:18px 15px}.field-cover-asl-scene{gap:15px}.field-cover-asl-purpose{gap:10px}.field-cover-asl-purpose>strong{font-size:1.125rem}.field-cover-flow{gap:8px}.field-cover-caption>span+span:before{margin:0 9px}}
