/* 종합 홈에만 적용합니다. 기존 상세 페이지의 레이아웃과 테마는 유지합니다. */
.home-page .site-header {border-bottom:0}
.home-page .nav {border-bottom:1px solid var(--line)}
.home-cinematic {--home-accent:#d7ecb8;--home-white:#f5f7ee;--home-secondary:#d0d9ce}
.home-eyebrow {font-size:11px;font-weight:650;letter-spacing:.14em;line-height:1.7}
.home-hero {position:relative;isolation:isolate;padding:80px 0 165px;min-height:760px;display:flex;align-items:center;color:var(--home-white)}
.home-hero-backdrop {position:absolute;inset:0;z-index:-1;overflow:hidden;background:#102018;mask-image:linear-gradient(to bottom,#000 0%,#000 81%,transparent 100%)}
.home-media {position:absolute;inset:0;overflow:hidden;isolation:isolate;pointer-events:none;background:#17241b}
.home-media-layer {position:absolute;inset:0;opacity:0;transition:opacity 750ms ease;pointer-events:none}
.home-media-layer.is-visible {opacity:1}
.home-media img,.home-media video {position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover}
.home-media img {z-index:0}
.home-media video {z-index:1;opacity:0;transition:opacity 350ms ease;background:transparent}
.home-media-layer.is-playing video {opacity:1}
.home-hero-shade {position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,11,.94),rgba(7,17,11,.66) 51%,rgba(7,17,11,.25)),linear-gradient(0deg,rgba(7,17,11,.52),transparent 75%);pointer-events:none}
.home-hero-content {position:relative}
.home-intro {max-width:850px}
.home-intro>.home-eyebrow {color:#c1d2bf;margin-bottom:27px}
.home-intro h1 {position:relative;font-size:clamp(39px,4.7vw,67px);font-weight:750;line-height:1.27;letter-spacing:-.065em;margin:0}
.home-title-space {display:block;visibility:hidden}
.home-title-typed {position:absolute;inset:0}
.home-title-space>span,.home-title-space>em,.home-title-typed>span,.home-title-typed>em {display:block;font-style:normal;min-height:1.27em}
.home-title-space>em,.home-title-typed>em {color:var(--home-accent)}
.home-intro.is-typing [data-type-line].is-writing:after {content:'';display:inline-block;width:2px;height:.78em;margin-left:.11em;background:currentColor;animation:home-caret 800ms step-end infinite}
.home-intro-follow {opacity:1;transform:none;transition:opacity 900ms ease,transform 900ms cubic-bezier(.2,.7,.2,1)}
.home-intro.is-typing .home-intro-follow {opacity:0;transform:translateY(15px);pointer-events:none;visibility:hidden}
.home-description {font-size:17px;line-height:1.9;color:var(--home-secondary);margin-top:29px}
.home-keywords {list-style:none;display:flex;gap:24px;padding:0;margin:28px 0 0;font-size:13px;color:#c0cdbc}
.home-keywords li {padding-bottom:9px;border-bottom:1px solid #70826a;transition:color .5s,border-color .5s}
.home-keywords li.is-current {color:var(--home-accent);border-bottom-color:var(--home-accent)}
.home-actions {display:flex;align-items:center;gap:29px;margin-top:29px;font-size:13px;font-weight:650}
.home-primary {display:inline-flex;align-items:center;gap:25px;padding:14px 23px;background:var(--home-accent);color:#18271c;border-radius:3px;transition:background .2s}
.home-primary:hover {background:#e5f4cf;color:#18271c}
.home-resume-link {color:var(--home-white);padding:12px 0}
.home-resume-link:hover {color:var(--home-accent)}
.home-reel {display:flex;justify-content:space-between;align-items:flex-end;gap:35px;border-top:1px solid #b2c0aa60;margin-top:57px;padding-top:20px}
.home-reel-label {color:#b9cbb4;font-size:10px;letter-spacing:.12em}
.home-reel-caption>a {display:inline-flex;gap:17px;align-items:center;font-size:18px;color:var(--home-white)}
.home-reel-caption>a:hover {color:var(--home-accent)}
.home-reel-caption>p:last-child {color:var(--home-secondary);font-size:12px;margin-top:3px}
.home-reel-navigation {width:210px;flex:0 0 210px}
.home-reel-controls {display:flex;align-items:center;justify-content:flex-end;gap:9px;font-size:12px}
.home-reel-count {margin-right:auto;font-variant-numeric:tabular-nums}
.home-reel-controls button {width:44px;height:40px;padding:0;border:1px solid #c0cdbb80;background:rgba(16,28,18,.25);color:var(--home-white);transition:background .2s}
.home-reel-controls button:hover {background:rgba(205,230,190,.2)}
.home-reel-progress {height:2px;background:#b8c9b240;margin-top:12px;overflow:hidden}
.home-reel-progress>span {display:block;width:100%;height:100%;background:var(--home-accent);transform:scaleX(0);transform-origin:left}
.home-selected {position:relative;margin-top:-38px;padding-bottom:62px;scroll-margin-top:110px}
.home-section-heading {display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:29px}
.home-section-heading .home-eyebrow {color:var(--muted);margin-bottom:10px}
.home-section-heading h2 {font-size:clamp(27px,2.8vw,36px);line-height:1.45;font-weight:650}
.home-section-heading>p {color:var(--muted);font-size:13px;text-align:right}
.home-mobile-break {display:none}
.home-work-cards {display:flex;gap:15px;min-height:430px}
.home-work-card {position:relative;isolation:isolate;overflow:hidden;flex:1 1 0;min-width:0;min-height:430px;color:var(--home-white);background:#152218;transition:flex-grow 650ms cubic-bezier(.22,.75,.2,1)}
.home-work-card .home-media {z-index:-2}
.home-card-shade {position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,16,9,.96),rgba(4,16,9,.3) 65%,rgba(4,16,9,.25));pointer-events:none}
.home-card-link {display:flex;flex-direction:column;justify-content:space-between;min-height:430px;height:100%;padding:25px;color:var(--home-white)}
.home-card-link:hover {color:var(--home-white)}
.home-card-link:focus-visible {outline-offset:-6px}
.home-card-category {font-size:10px;letter-spacing:.08em;line-height:1.7}
.home-card-copy h3 {font-size:clamp(21px,2.2vw,29px);font-weight:650;line-height:1.4;letter-spacing:-.055em;overflow-wrap:normal}
.home-card-description {font-size:13px;color:#e4e9df;margin-top:13px}
.home-card-detail {font-size:12px;color:#bfcfbb;margin-top:6px;min-height:3.6em}
.home-card-cta {display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #b0c4a54d;margin-top:24px;padding-top:15px;font-size:12px;font-weight:650}
.home-card-cta>span {font-size:20px}
.home-project-shortcuts {display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding-top:22px;font-size:12px}
.home-project-shortcuts>span {color:var(--muted);margin-right:auto}
.home-project-shortcuts>a {border-bottom:1px solid var(--line);padding-bottom:3px}
.home-practice {border-top:1px solid var(--line);padding:55px 0 75px;display:grid;grid-template-columns:1fr 1.5fr;gap:65px}
.home-practice .home-eyebrow {color:var(--muted);margin-bottom:13px}
.home-practice h2 {font-size:29px;line-height:1.45}
.home-practice .text-link {margin-top:27px}
.home-practice ol {list-style:none;padding:0;margin:0}
.home-practice li {display:flex;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}
.home-practice li:first-child {padding-top:0}
.home-practice li>span {color:var(--green);font-size:12px;padding-top:3px}
.home-practice h3 {font-size:17px}
.home-practice li p {font-size:14px;color:var(--muted);margin-top:7px}
@keyframes home-caret {50%{opacity:0}}
@media(min-width:761px) {
 .home-work-cards.has-active .home-work-card {flex-grow:.78}
 .home-work-cards.has-active .home-work-card.is-active {flex-grow:1.7}
}
@media(min-width:761px) and (max-width:1000px) {
 .home-work-cards.has-active .home-work-card {flex-grow:.9}
 .home-work-cards.has-active .home-work-card.is-active {flex-grow:1.35}
}
@media(min-width:1600px) {.home-hero{min-height:850px;padding-top:100px;padding-bottom:185px}.home-work-cards,.home-work-card,.home-card-link{min-height:470px}}
@media(max-width:900px) {.home-hero{padding-top:66px}.home-card-link{padding:20px}.home-card-copy h3{font-size:23px}.home-section-heading>p{display:none}.home-practice{gap:35px}}
@media(max-width:760px) {
 .home-hero {min-height:0;padding:55px 0 145px}
 .home-intro h1 {font-size:clamp(29px,5.7vw,43px)}
 .home-intro>.home-eyebrow {font-size:10px;margin-bottom:22px}
 .home-description {font-size:15px;margin-top:23px}
 .home-reel {margin-top:42px;gap:20px}
 .home-reel-caption>a {font-size:16px}
 .home-reel-caption>p:last-child {font-size:11px}
 .home-reel-navigation {width:150px;flex-basis:150px}
 .home-selected {margin-top:-26px;padding-bottom:45px}
 .home-section-heading {margin-bottom:23px}
 .home-work-cards {flex-direction:column;gap:18px}
 .home-work-card,.home-card-link {min-height:330px}
 .home-card-link {padding:25px}
 .home-card-copy h3 {font-size:28px}
 .home-card-copy h3 br {display:none}
 .home-card-detail {min-height:0}
 .home-project-shortcuts {gap:12px 20px}
 .home-project-shortcuts>span {width:100%}
 .home-practice {grid-template-columns:1fr;gap:30px;padding:38px 0 45px}
 .home-practice h2 {font-size:27px}
}
@media(max-width:480px) {
 .home-hero {padding-top:43px;padding-bottom:140px}
 .home-intro h1 {font-size:clamp(25px,7.6vw,36px)}
 .home-description {font-size:14px;line-height:1.9}
 .home-keywords {font-size:12px;gap:20px;margin-top:23px}
 .home-actions {gap:22px;font-size:12px;margin-top:25px}
 .home-primary {padding:13px 16px;gap:17px}
 .home-reel {flex-direction:column;align-items:stretch;gap:18px;margin-top:37px}
 .home-reel-navigation {width:100%;flex-basis:auto}
 .home-reel-controls {justify-content:flex-end}
 .home-reel-count {font-size:11px}
 .home-hero-backdrop {mask-image:linear-gradient(to bottom,#000 0%,#000 83%,transparent 100%)}
 .home-selected h2 {font-size:27px}
 .home-mobile-break {display:block}
 .home-card-copy h3 {font-size:26px}
 .home-card-copy h3 br {display:block}
}
@media(prefers-reduced-motion:reduce) {
 .home-cinematic * {animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .home-work-cards.has-active .home-work-card,.home-work-cards.has-active .home-work-card.is-active {flex-grow:1}
}
@media print {.home-hero-backdrop,.home-reel-navigation{display:none}.home-hero{color:#252b27;min-height:0;padding:20px 0}.home-description,.home-reel-caption>p:last-child{color:#626b63}.home-selected{margin:0}.home-work-cards{display:block}.home-work-card{break-inside:avoid}}