.editorial-page{font-family:Inter,'HCR Dotum',sans-serif;min-height:100dvh;padding:180px var(--brand-left) 72px var(--brand-start);max-width:1800px}
.project-heading{margin-bottom:32px}
.project-title{margin:0;color:#fff;font-family:'HCR Dotum',sans-serif;font-size:calc(var(--brand-width) * .3022831);font-weight:500;line-height:1.15;letter-spacing:0}
.section-title{margin:0;color:#fff;font-size:clamp(1.75rem,3.1vw,2.75rem);font-weight:400;line-height:1.2;letter-spacing:-.035em}
.project-format{margin:16px 0 0;font-size:1.0625rem;font-weight:400;line-height:1.7;color:#e2e8e8;word-break:keep-all}
.project-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);align-items:center;position:relative;isolation:isolate}
.project-image-layer{grid-area:1/1/2/2;width:100%;margin:0;position:relative}
.project-image-layer img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.project-image-layer figcaption{margin-top:12px;color:#a8b9bf;font-size:.75rem;line-height:1.5;letter-spacing:.06em}
.project-description-layer{grid-area:1/2/2/3;z-index:1;margin-left:-24px;padding:32px;background:rgba(20,35,49,.96);border-left:1px solid rgba(169,201,195,.35)}
.eyebrow{display:block;color:#a9c9c3;font-size:.8125rem;letter-spacing:.11em;line-height:1.4}
.project-description-layer h2,.project-notes h2,.about-copy h2{margin:18px 0 20px;font-size:clamp(1.375rem,2vw,1.875rem);font-weight:400;line-height:1.5;letter-spacing:-.025em;word-break:keep-all}
.project-description-layer p,.project-notes p,.about-copy p,.project-card p{font-size:1rem;line-height:1.95;font-weight:400;color:#cbd6db;word-break:keep-all;margin:0 0 18px}
.project-description-layer p:last-child,.about-copy p:last-child{margin-bottom:0}
.project-notes{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:64px;padding-top:32px;border-top:1px solid rgba(255,255,255,.16)}
.project-notes h2{margin-bottom:0}
.project-notes p{max-width:580px;margin:0}
.draft-note{margin:36px 0 0;color:#a4b4bb;font-size:.8125rem;line-height:1.6}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px;margin-top:36px}
.project-card{min-width:0}
.project-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:24px}
.project-card .eyebrow{margin-bottom:12px}
.project-card h2{margin:0 0 12px;font-size:1.625rem;font-weight:400;line-height:1.4;letter-spacing:-.025em}
.project-card p{max-width:540px}
.project-card a{display:inline-block;margin-top:8px;padding:8px 0;border-bottom:1px solid #a9c9c3;color:#a9c9c3;font-size:.9375rem;transition:color .18s ease}
.project-card a:hover{color:#fff}
.about-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:center;margin-top:36px}
.about-image{margin:0}
.about-image img{display:block;width:100%;height:auto}
.about-copy{max-width:550px}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:64px;padding-top:32px;border-top:1px solid rgba(255,255,255,.16)}
.about-values h2{font-size:1.125rem;font-weight:400;margin:14px 0 12px}
.about-values p{margin:0;font-size:1rem;line-height:1.9;color:#cbd6db;word-break:keep-all}
@media(max-width:1000px){.project-layout{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.project-description-layer{padding:24px}.about-layout{gap:36px}.project-notes{gap:36px}}
@media(max-width:760px){.editorial-page{padding-top:180px}.project-layout{display:flex;flex-direction:column;align-items:stretch;gap:20px}.project-image-layer{width:100%}.project-description-layer{margin-left:0;padding:24px;background:rgba(20,35,49,.8)}.project-notes,.about-layout{grid-template-columns:1fr;gap:28px}.projects-grid{grid-template-columns:1fr;gap:48px}.about-values{grid-template-columns:1fr;gap:28px}.project-notes,.about-values{margin-top:44px}.project-format{font-size:1rem}.section-title{font-size:1.75rem}}
@media(max-height:500px) and (min-width:761px){.editorial-page{padding-top:140px}}
