@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800&display=swap');
:root{--ink:#0b1814;--paper:#f3f2ed;--mint:#c3d9c3;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Noto Sans KR',sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #93cbae;outline-offset:6px}header{position:absolute;z-index:20;top:0;left:0;width:100%;height:100px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:30px;letter-spacing:-1px}.brand small{display:block;font-family:sans-serif;font-size:9px;letter-spacing:3px;margin-top:5px}nav{display:flex;gap:32px;align-items:center;font-size:12px}.nav-cta{border:1px solid #ffffff65;border-radius:30px;padding:12px 20px}.menu{display:none;background:none;border:0;color:inherit;font-size:14px}.hero{height:100svh;min-height:740px;position:relative;overflow:hidden;display:flex;align-items:center;padding:100px 9% 70px;background:#07130f}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06110dc9,transparent 70%);pointer-events:none}.hero-copy{position:relative;z-index:3;max-width:870px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:10px;color:#a6b9ac;display:block;margin-bottom:28px}.hero h1{font-size:clamp(48px,6.2vw,98px);font-weight:400;line-height:1.23;letter-spacing:-5px;margin:0 0 30px}.hero h1 em{font-style:normal;color:#c2d7c7}.hero p{font-size:15px;color:#c5ccc7;line-height:1.9;max-width:520px}.actions{display:flex;gap:24px;align-items:center;margin-top:38px;font-size:13px}.pill{display:inline-flex;gap:35px;align-items:center;border-radius:40px;background:var(--paper);color:var(--ink);padding:17px 27px;border:0}.text-link{border-bottom:1px solid #ffffff60;padding:12px 0}.hero-bottom{position:absolute;z-index:4;bottom:35px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#9caea2}.art{position:absolute;width:65vw;height:110%;right:-8vw;top:1%;perspective:1000px;transform:translate3d(0,var(--shift,0px),0);will-change:transform}.architecture{position:absolute;inset:0;transform:rotateY(-23deg) rotateZ(17deg);transform-style:preserve-3d;animation:breathe 12s ease-in-out infinite}.blade{position:absolute;top:-12%;height:140%;width:15%;background:linear-gradient(90deg,#071a13 0%,#244839 34%,#719780 49%,#cee4ce 50%,#183f2b 53%,#08180f 100%);box-shadow:25px 5px 50px #0008;transform:translateZ(20px)}.blade:nth-child(1){left:8%}.blade:nth-child(2){left:29%}.blade:nth-child(3){left:50%}.blade:nth-child(4){left:71%}.orb{position:absolute;width:60%;aspect-ratio:1;border-radius:50%;left:20%;top:20%;background:#bbdfa116;filter:blur(90px)}@keyframes breathe{50%{transform:rotateY(-12deg) rotateZ(13deg) translateX(2%)}}.intro{padding:140px 9%;background:var(--paper);color:var(--ink)}.intro .eyebrow,.light .eyebrow{color:#597664}.intro-top{display:flex;justify-content:space-between;align-items:start;gap:70px}.intro h2,.section-title{font-size:clamp(32px,4.6vw,65px);font-weight:400;letter-spacing:-3px;line-height:1.35;margin:0}.intro p{max-width:390px;line-height:2;color:#58645d;font-size:14px}.case-selector{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-top:1px solid #172f232b}.case-selector button{border:0;border-bottom:1px solid #172f232b;background:none;text-align:left;padding:30px 10px 30px 0;font-size:17px;color:var(--ink);transition:padding .3s,background .3s}.case-selector button:hover{padding-left:14px;background:#dce4db}.case-selector span{float:right;margin-right:22px;font-size:18px;font-weight:300}.number{font:12px Georgia;color:#8caa94;margin-bottom:28px}.story{height:235vh;position:relative}.story-inner{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:100px 9%;gap:10%}.story-copy{width:52%;z-index:2}.story h2{font-size:clamp(40px,5vw,74px);line-height:1.35;font-weight:400;letter-spacing:-3px;margin:0 0 35px}.story p{color:#9cad9f;font-size:15px;line-height:1.9;max-width:420px}.steps{display:flex;gap:18px;margin-top:50px}.steps button{background:none;border:0;border-top:1px solid #ffffff25;color:#788c7e;padding:18px 0;text-align:left;font-size:12px;flex:1}.steps button.active{color:#e0ecdc;border-top-color:#e0ecdc}.sculpture{width:34vw;height:34vw;position:relative;transform:rotate(calc(-20deg + var(--progress,0)*65deg));transition:transform .2s linear;flex-shrink:0}.ring{position:absolute;inset:10%;border:1px solid #8fbea366;border-radius:50%;box-shadow:inset 0 0 28px #83b39415,0 0 25px #8ebd8d0a}.ring:nth-child(2){inset:0;transform:rotateY(65deg)}.ring:nth-child(3){inset:0;transform:rotateX(65deg)}.ring:nth-child(4){inset:22%;background:radial-gradient(circle at 28% 24%,#b9d3bc,#395b45 35%,#091911 72%);box-shadow:0 30px 90px #000b;border:0}.practice{background:var(--paper);color:var(--ink);padding:120px 9%}.practice-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px}.practice-head p{color:#718076;font-size:13px}.area{display:grid;grid-template-columns:80px 1fr 1fr 40px;align-items:center;border-top:1px solid #203a242e;padding:40px 0;transition:padding .3s}.area:last-child{border-bottom:1px solid #203a242e}.area:hover{padding-left:16px}.area .index{font:14px Georgia;color:#708071}.area h3{font-size:30px;font-weight:400;letter-spacing:-1.5px;margin:0}.area p{font-size:13px;color:#6d7970;line-height:1.9}.arrow{font-size:25px}.lawyers{padding:120px 9%;background:#dce2d7;color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:12%}.lawyers p{font-size:14px;line-height:2;color:#5c6e5d}.names{border-top:1px solid #15332140}.person{padding:35px 0;border-bottom:1px solid #15332140;display:flex;align-items:center;justify-content:space-between}.person strong{font-size:32px;font-weight:400}.person span{font-size:12px}.victim-banner{margin:0;background:#ecebe5;color:var(--ink);padding:75px 9%;display:flex;align-items:center;justify-content:space-between;gap:30px}.victim-banner h2{font-weight:400;font-size:30px;letter-spacing:-1px}.victim-banner p{font-size:13px;color:#667263}.victim-banner a{border:1px solid #243c2b;border-radius:40px;padding:17px 25px;font-size:13px;white-space:nowrap}.contact{padding:130px 9%;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 130%,#45624b,#0b1814 65%)}.contact h2{font-size:clamp(38px,5.5vw,80px);font-weight:400;letter-spacing:-3px;margin:10px 0 30px}.contact p{color:#a3b4a6;font-size:14px;line-height:1.9}.contact .actions{justify-content:center}footer{padding:45px 5.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:35px}footer p{color:#7f9387;font-size:10px;line-height:1.9;margin:0}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(30px);transition:opacity 1s,transform 1s}.js .reveal.visible{opacity:1;transform:none}.subhero{padding:180px 9% 90px;min-height:530px;background:radial-gradient(ellipse at 100% 0,#355540,var(--ink) 65%)}.subhero h1{font-size:clamp(44px,6vw,82px);font-weight:400;letter-spacing:-4px;line-height:1.3;margin:20px 0}.subhero p{max-width:590px;font-size:15px;line-height:2;color:#bccbbc}.detail-list{padding:70px 9% 100px;background:var(--paper);color:var(--ink)}details{border-bottom:1px solid #12332133;padding:25px 0}summary{font-size:23px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';font-weight:300}details[open] summary:after{content:'−'}details p{max-width:720px;font-size:14px;line-height:2;color:#607064}details .text-link{display:inline-block;font-size:13px;border-color:#213f3155}dialog{border:1px solid #cbd9c3;background:var(--paper);color:var(--ink);padding:55px;width:min(600px,90vw);max-height:85svh}dialog::backdrop{background:#020b08c9;backdrop-filter:blur(12px)}dialog h2{font-size:30px;font-weight:400;letter-spacing:-1px}dialog p{font-size:14px;line-height:2;color:#5b6f60}dialog .close{position:absolute;top:15px;right:20px;background:none;border:0;font-size:25px}dialog .pill{background:var(--ink);color:var(--paper);margin-top:20px}.center-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.center-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #12332133;padding:28px 0;font-size:18px}.light .subhero{background:#e5e9de;color:var(--ink)}.light .subhero p{color:#637763}.light header{color:var(--ink);border-color:#102c2329}.light .nav-cta{border-color:#102c2355}.preview-note{font-size:10px;color:#a0b19e;letter-spacing:0;margin-top:15px}
@media(max-width:800px){header{height:82px;padding:0 6%}.brand{font-size:24px}.menu{display:block}nav{display:none;position:absolute;top:82px;left:0;right:0;padding:28px;background:#10251c;color:#f3f2ed;flex-direction:column;align-items:stretch;gap:25px}nav.open{display:flex}.hero{min-height:760px;padding:130px 7% 110px;align-items:center}.hero h1{font-size:53px;letter-spacing:-3px}.hero p{font-size:13px;max-width:300px}.art{width:110vw;right:-52vw;opacity:.72}.hero:after{background:linear-gradient(90deg,#06110df0,#06110d11)}.hero-bottom{font-size:8px;letter-spacing:1px}.hero-bottom span:last-child{display:none}.intro,.practice{padding:85px 7%}.intro-top{display:block}.intro p{margin-top:28px}.case-selector{grid-template-columns:1fr 1fr;margin-top:40px}.case-selector button{font-size:14px;padding:22px 0}.case-selector span{margin-right:10px}.story-inner{padding:75px 7%;align-items:end;min-height:710px}.story-copy{width:100%}.story h2{font-size:43px}.sculpture{position:absolute;top:45px;right:5%;width:190px;height:190px;opacity:.8}.story p{font-size:13px}.story .eyebrow{margin-bottom:20px}.steps{margin-top:30px}.practice-head{display:block}.area{grid-template-columns:35px 1fr 25px;padding:28px 0}.area h3{font-size:24px}.area p{grid-column:2;grid-row:2;margin-bottom:0}.area .arrow{grid-column:3;grid-row:1}.lawyers{padding:80px 7%;grid-template-columns:1fr;gap:40px}.victim-banner{padding:55px 7%;display:block}.victim-banner a{display:inline-block;margin-top:20px}.contact{padding:90px 7%}.contact h2{font-size:43px}.actions{gap:18px;font-size:12px}.pill{padding:15px 23px;gap:24px}footer{display:block;padding:35px 7%}footer p{margin-top:20px}.subhero{padding:145px 7% 65px;min-height:460px}.subhero h1{font-size:46px;letter-spacing:-2px}.detail-list{padding:45px 7% 75px}.center-grid{grid-template-columns:1fr}.center-link{font-size:17px}summary{font-size:19px}dialog{padding:40px 25px}.section-title,.intro h2{letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.architecture{animation:none}.art,.sculpture{transform:none!important}.js .reveal{opacity:1;transform:none;transition:none}.story{height:auto}.story-inner{position:relative}.area,.case-selector button{transition:none}}