.project-detail{--gray-dark:#44443f;--line:#dadad4;--soft:#f2f2ed;--max:1320px;--hero-title:clamp(54px,7vw,98px);--section-title:clamp(36px,4vw,54px);line-height:normal}.project-detail a{color:inherit;text-decoration:none}.project-detail img{object-fit:cover;width:100%;height:100%;display:block}.project-detail .wrap{width:min(var(--max),calc(100% - 68px));margin:0 auto}.project-detail .small-en{letter-spacing:.08em;color:var(--gray);font-size:11px;font-weight:700}.project-detail .section-title{font-size:var(--section-title);letter-spacing:-.034em;margin:0;font-weight:850;line-height:1.14}.project-detail .project-hero{padding:68px 0 86px}.project-detail .hero-meta{color:var(--gray);margin-bottom:18px;font-size:12px;font-weight:680}.project-detail .project-hero h1{font-size:var(--hero-title);letter-spacing:-.03em;max-width:1040px;margin:0 0 42px;font-weight:900;line-height:1.16}.project-detail .hero-image{background:#ddd;height:min(72vw,720px);max-height:720px;overflow:hidden}.project-detail .hero-image img{object-position:center 52%}.project-detail .project-info{border-top:1px solid var(--line);grid-template-columns:1.15fr .8fr 1fr 1.25fr;gap:28px;margin-top:30px;padding-top:23px;display:grid}.project-detail .info-item span{color:var(--gray);letter-spacing:.06em;margin-bottom:7px;font-size:10px;font-weight:750;display:block}.project-detail .info-item strong{font-size:13px;font-weight:680;line-height:1.55;display:block}.project-detail .overview{border-top:1px solid var(--line);padding:96px 0}.project-detail .overview-grid{grid-template-columns:.75fr 1.25fr;gap:80px;display:grid}.project-detail .overview-copy{letter-spacing:-.02em;max-width:720px;margin:0;font-size:20px;line-height:1.72}.project-detail .role-line{color:var(--gray);margin-top:24px;font-size:12px;line-height:1.7}.project-detail .overview-image{height:min(62vw,680px);margin-top:60px;overflow:hidden}.project-detail .overview-image img{object-position:center 52%}.project-detail .stats{padding:0 0 96px}.project-detail .stats-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.project-detail .stat{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:160px;padding:25px 22px}.project-detail .stat strong{letter-spacing:-.03em;margin-bottom:12px;font-size:34px;line-height:1.16;display:block}.project-detail .stat span{color:var(--gray-dark);font-size:13px;line-height:1.55}.project-detail .stat small{color:var(--gray);margin-top:8px;font-size:10px;line-height:1.5;display:block}.project-detail .project-section{border-top:1px solid var(--line);padding:96px 0}.project-detail .project-section-head{grid-template-columns:.7fr 1.3fr;align-items:start;gap:80px;margin-bottom:42px;display:grid}.project-detail .project-section-head p{color:var(--gray-dark);max-width:700px;margin:0;font-size:15px;line-height:1.75}.project-detail .full-image{background:#ddd;height:min(65vw,700px);overflow:hidden}.project-detail .two-grid{grid-template-columns:1.15fr .85fr;gap:22px;margin-top:22px;display:grid}.project-detail .two-grid .media{background:#ddd;height:500px;overflow:hidden}.project-detail .two-grid .media:nth-child(2){height:420px;margin-top:80px}.project-detail .program-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.project-detail .program-item{margin:0 0 28px}.project-detail .program-item .media{aspect-ratio:4/3;background:#ddd;overflow:hidden}.project-detail .program-item figcaption{padding-top:12px}.project-detail .program-item strong{margin-bottom:4px;font-size:18px;display:block}.project-detail .program-item span{color:var(--gray);font-size:12px}.project-detail .moment-layout{grid-template-columns:1.2fr .8fr;gap:22px;display:grid}.project-detail .moment-main{height:650px;overflow:hidden}.project-detail .moment-side{grid-template-rows:1fr 1fr;gap:22px;display:grid}.project-detail .moment-side div{overflow:hidden}.project-detail .design-block{background:var(--black);color:#fff}.project-detail .design-block .small-en{color:#9b9b95}.project-detail .design-block .project-section-head p{color:#c8c8c2}.project-detail .design-grid{grid-template-columns:1.2fr .8fr;gap:22px;display:grid}.project-detail .design-grid .media{height:560px;overflow:hidden}.project-detail .design-grid .media:nth-child(2){height:420px;margin-top:140px}.project-detail .result{border-top:1px solid var(--line);padding:100px 0}.project-detail .result-grid{grid-template-columns:.75fr 1.25fr;gap:80px;display:grid}.project-detail .result-copy{margin:0;font-size:19px;line-height:1.75}.project-detail .fact-list{border-top:1px solid var(--line);margin-top:34px}.project-detail .fact-row{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;gap:30px;padding:16px 0;font-size:13px;line-height:1.65;display:grid}.project-detail .fact-row span:first-child{color:var(--gray)}.project-detail .final-image{height:min(62vw,650px);margin-top:58px;overflow:hidden}.project-detail .next{background:var(--orange);padding:64px 0}.project-detail .next a{justify-content:space-between;align-items:end;gap:40px;display:flex}.project-detail .next small{letter-spacing:.07em;font-size:11px;font-weight:800}.project-detail .next strong{letter-spacing:-.03em;margin-top:10px;font-size:clamp(36px,5vw,68px);line-height:1.16;display:block}.project-detail .next-arrow{font-size:44px;font-weight:300}@media (width<=900px){.project-detail .wrap{width:min(100% - 36px,var(--max))}.project-detail .project-hero{padding:42px 0 64px}.project-detail .project-hero h1{letter-spacing:-.03em;margin-bottom:28px;font-size:56px;line-height:1.16}.project-detail .hero-image{height:430px}.project-detail .project-info{grid-template-columns:1fr 1fr;gap:22px}.project-detail .overview,.project-detail .project-section,.project-detail .result{padding:72px 0}.project-detail .overview-grid,.project-detail .project-section-head,.project-detail .result-grid{grid-template-columns:1fr;gap:24px}.project-detail .overview-copy{font-size:17px}.project-detail .overview-image{height:420px;margin-top:40px}.project-detail .stats{padding-bottom:72px}.project-detail .stats-grid{grid-template-columns:1fr 1fr}.project-detail .two-grid,.project-detail .program-grid,.project-detail .moment-layout,.project-detail .design-grid{grid-template-columns:1fr}.project-detail .two-grid .media,.project-detail .two-grid .media:nth-child(2){height:390px;margin-top:0}.project-detail .moment-main{height:430px}.project-detail .moment-side{grid-template-rows:none;grid-template-columns:1fr 1fr}.project-detail .moment-side div{height:220px}.project-detail .design-grid .media,.project-detail .design-grid .media:nth-child(2){height:390px;margin-top:0}.project-detail .fact-row{grid-template-columns:1fr;gap:5px}.project-detail .final-image{height:420px}.project-detail .next a{align-items:flex-start}}@media (width<=420px){.project-detail .project-hero h1{font-size:48px}.project-detail .hero-image,.project-detail .overview-image,.project-detail .final-image{height:360px}.project-detail .project-info,.project-detail .stats-grid,.project-detail .moment-side{grid-template-columns:1fr}.project-detail .moment-side div{height:300px}}.project-detail .section-label{margin-top:10px}.project-detail .program-group+.program-group{margin-top:48px}.project-detail .program-group-heading{border-top:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:80px;margin-bottom:28px;padding-top:24px;display:grid}.project-detail .program-group-heading .small-en{margin:0 0 10px}.project-detail .program-group-heading h3{letter-spacing:-.025em;margin:0;font-size:26px;line-height:1.18}.project-detail .program-group-heading ul{flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;font-size:15px;line-height:1.7;list-style:none;display:flex}@media (width<=900px){.project-detail .program-group-heading{grid-template-columns:1fr;gap:18px}.project-detail .program-group+.program-group{margin-top:32px}}.project-detail .project-section-head>div>p{color:var(--gray-dark);max-width:700px;margin:0;font-size:15px;line-height:1.75}.project-detail .design-block .project-section-head>div>p{color:#c8c8c2}.project-detail .legacy-label{letter-spacing:.06em;color:var(--gray);margin:0 0 20px;font-size:11px}.project-detail .natural-images .full-image,.project-detail .natural-images .overview-image,.project-detail .natural-images .final-image,.project-detail .natural-images .media,.project-detail .natural-images .media:nth-child(2){aspect-ratio:auto;background:0 0;height:auto}.project-detail .natural-images img{object-fit:contain;height:auto;max-height:780px}.project-detail .natural-images .two-grid,.project-detail .natural-images .design-grid{align-items:start}.project-detail .natural-images .two-grid:empty{display:none}.project-detail .natural-images .design-grid .media:only-child{grid-column:1/-1}.project-detail .natural-images .program-item span{line-height:1.6}@media (width<=900px){.project-detail .natural-images img{max-height:640px}.project-detail[data-project=dobong-green-purchase] .project-hero h1{font-size:clamp(32px,9vw,56px)}}