:root{--paper:#f3f0e9;--ink:#202623;--olive:#78816f;--bronze:#a88968;--line:#d9ddd4;--muted:#596056;--serif:"Noto Serif KR","Batang","바탕",serif;--sans:"Noto Sans KR","Malgun Gothic","맑은 고딕",sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 var(--sans);word-break:keep-all;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--olive);outline-offset:6px}button{border-radius:0}img,video{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2{font:400 48px/1.4 var(--serif);letter-spacing:-.065em}em{font-style:normal;color:var(--olive)}::selection{color:var(--paper);background:var(--olive)}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:var(--ink);color:var(--paper);padding:12px 20px}.skip:focus{top:10px}.doopi-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:20px 4.2vw;border-bottom:1px solid var(--line)}.wordmark{display:flex;flex-direction:column;line-height:1.4}.wordmark>span{font:500 28px/1.45 var(--serif);letter-spacing:.03em}.wordmark>small{font-size:8px;letter-spacing:.18em;font-weight:500}.primary-nav{display:flex;gap:34px;font-size:12px}.primary-nav a{position:relative}.primary-nav a::after{content:"";position:absolute;bottom:-6px;height:1px;left:0;right:0;background:var(--olive);transform:scaleX(0);transform-origin:left;transition:transform .3s}.primary-nav a:hover::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:25px}.brand-switch{display:flex;gap:12px;font-size:10px;align-items:center}.brand-switch a{color:var(--muted)}.brand-switch span{border-bottom:1px solid var(--ink);font-weight:600}#motion-toggle{border:1px solid #b8bdb2;background:transparent;font-size:10px;padding:8px 12px;display:flex;align-items:center;gap:7px;min-height:36px}.pause-symbol{width:12px;text-align:center;font-size:15px;line-height:1}.doopi-hero{display:grid;grid-template-columns:47% 53%;grid-template-rows:auto auto;max-width:1600px;margin:auto;padding:32px 4.2vw 0}.hero-copy{align-self:center;padding:30px 32px 38px 0}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:500;display:flex;align-items:center;gap:10px;margin-bottom:28px;line-height:1.6}.status-dot{width:5px;height:5px;background:var(--olive);border-radius:50%;position:relative}.status-dot::after{content:"";position:absolute;inset:-5px;border:1px solid var(--olive);border-radius:50%;animation:dot-breath 4s ease-in-out infinite}h1{font-size:clamp(37px,3.75vw,62px);line-height:1.52;white-space:nowrap}.hero-description{margin-top:26px;font-size:14px;color:var(--muted);line-height:1.9}.hero-cta{display:flex;align-items:center;gap:26px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:52px;padding:14px 22px;font-size:12px;border:1px solid var(--ink);transition:background .3s,transform .3s}.solid{background:var(--ink);color:var(--paper)}.solid:hover{background:#3b453b;transform:translateY(-2px)}.button>span{font-size:19px}.text-link{font-size:11px;display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid #a6ad9f;padding-bottom:5px}.hero-signature{display:flex;gap:16px;align-items:center;margin-top:51px}.hero-signature svg{width:133px;height:38px;overflow:visible;fill:var(--olive)}.hero-signature path{fill:none;stroke:var(--olive);stroke-width:.9;stroke-dasharray:260;stroke-dashoffset:260;animation:signature 2.7s cubic-bezier(.2,.6,.2,1) .6s forwards}.hero-signature span{font-size:10px;color:var(--muted);letter-spacing:.03em}.hero-visual{position:relative;min-width:0}.hero-film{position:relative;aspect-ratio:4/3;overflow:hidden;background:#d9d9cb;isolation:isolate}.hero-film video{width:100%;height:100%;object-fit:cover;object-position:65% 45%}.film-topline{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.17em;color:#263127;text-shadow:0 0 8px var(--paper);pointer-events:none}.film-caption{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:end;color:white;text-shadow:0 1px 6px #20262399}.film-caption-label{font-size:12px;letter-spacing:.035em}.film-caption-number{font:italic 44px/1 var(--serif);letter-spacing:-.07em}.hero-visual figcaption{font-size:10px;color:var(--muted);padding:12px 0;line-height:1.65}.scene-selector{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px}.scene{border:0;background:none;text-align:left;display:grid;grid-template-columns:25px 1fr;gap:12px;padding:20px 24px 21px;font-size:11px;position:relative}.scene:first-child{padding-left:0}.scene+.scene{border-left:1px solid var(--line)}.scene-number{font-size:9px;color:var(--muted);padding-top:1px}.scene-track{grid-column:2;height:1px;background:var(--line);margin-top:3px;overflow:hidden}.scene-track i{display:block;width:100%;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0);transition:none}.scene.active{color:var(--ink)}.scene:not(.active){color:#646c61}.scene.active .scene-track i{transform:scaleX(var(--scene-progress,0))}.section{max-width:1480px;margin:auto;padding:100px 4.2vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:46px}.section-heading h2{font-size:40px}.section-heading .eyebrow{margin-bottom:17px;color:var(--muted)}.section-intro{font-size:13px;color:var(--muted);padding-bottom:6px}.concern-options{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.concern{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:0;border-right:1px solid var(--line);background:transparent;padding:22px 26px 32px;position:relative;transition:background .4s}.concern:last-child{border-right:0}.concern:first-child{padding-left:0}.concern.selected,.concern:hover{background:#e8eadf}.concern:first-child.selected,.concern:first-child:hover{padding-left:26px}.concern-index{font-size:9px;color:var(--muted)}.concern [data-icon]{width:84px;height:84px;display:block;margin:20px 0 23px;transition:transform .7s cubic-bezier(.2,.7,.3,1)}[data-icon] svg{display:block;width:100%;height:100%}.concern:hover [data-icon]{transform:translateY(-4px)}.concern strong{font:400 23px/1.6 var(--serif);letter-spacing:-.04em}.concern>span:last-of-type{font-size:11px;margin-top:7px;color:var(--muted)}.concern b{position:absolute;right:24px;top:25px;font-size:19px;font-weight:400}.concern-note{display:flex;align-items:center;gap:16px;padding-top:25px}.concern-note p{flex:1;font-size:12px;color:var(--muted);max-width:900px}.note-mark{font-size:24px;color:var(--olive)}.detail-section{display:grid;grid-template-columns:51% 49%;background:#e7e8de;max-width:1600px;margin:auto}.detail-photo{position:relative;height:720px;overflow:hidden}.detail-photo picture,.detail-photo img{width:100%;height:100%;object-fit:cover}.detail-photo img{animation:photo-drift 20s ease-in-out infinite;transform-origin:60% 50%}.photo-note{position:absolute;bottom:22px;left:26px;font-size:10px;color:var(--ink)}.photo-index{position:absolute;top:25px;left:26px;font-size:8px;letter-spacing:.18em}.detail-copy{padding:74px 10% 60px}.detail-copy .eyebrow{font-size:9px;margin-bottom:22px}.detail-copy h2{font-size:42px}.detail-lead{font-size:14px;color:var(--muted);margin-top:24px;line-height:1.85}.principles{margin-top:37px}.principles article{display:flex;gap:23px;align-items:center;border-top:1px solid #c6ccbf;padding:18px 0}.principles [data-icon]{display:block;width:57px;height:57px;flex:none}.principles h3{font-size:13px;line-height:1.7;font-weight:500}.principles p{font-size:11px;color:var(--muted);margin-top:3px}.density-section{position:relative;min-height:560px;background:var(--ink);color:var(--paper);overflow:hidden;isolation:isolate}.density-photo,.density-shade,#doopi-density-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.density-photo img{width:100%;height:100%;object-fit:cover;object-position:center 50%;animation:photo-drift 24s ease-in-out infinite}.density-shade{background:linear-gradient(90deg,#19231fea,transparent 80%)}#doopi-density-canvas{opacity:.38}.density-copy{position:relative;padding:116px 8vw;z-index:1}.density-copy .eyebrow{color:#d3d9c7;font-size:9px}.density-copy h2{font-size:43px;line-height:1.6}.density-copy p:not(.eyebrow){font-size:13px;color:#d9ddd2;line-height:1.9;margin-top:25px}.density-label{font-size:10px;display:block;color:#b9c3b0;margin-top:30px}.density-index{position:absolute;bottom:26px;right:32px;font-size:8px;letter-spacing:.19em;color:#d3d9c7}.consult-section{display:grid;grid-template-columns:120px 1fr 330px;gap:50px;padding-top:110px;padding-bottom:105px;align-items:center}.consult-mark{width:104px;height:104px}.consult-copy .eyebrow{font-size:9px;margin-bottom:20px}.consult-copy h2{font-size:38px}.consult-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:20px}.consult-copy .result-note{font-size:10px!important;margin-top:17px!important}.visit-info{border-left:1px solid var(--line);padding-left:40px;font-size:12px;color:var(--muted)}.visit-info .eyebrow{font-size:8px;margin-bottom:18px}.visit-info .address{font-size:14px;color:var(--ink);margin-bottom:15px}.visit-info .button{margin-top:25px;font-size:11px;min-height:47px;padding:10px 17px}.doopi-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:35px;padding:32px 4.2vw}.doopi-footer .wordmark>span{font-size:22px}.doopi-footer .wordmark>small{font-size:7px}.doopi-footer p{font-size:11px;color:var(--muted);flex:1}.doopi-footer>a:not(.wordmark){font-size:10px}.doopi-footer>small{font-size:9px;color:var(--muted)}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity 1s,transform 1.15s cubic-bezier(.15,.7,.25,1)}.js .reveal.is-visible{opacity:1;transform:none}.js .concern:nth-child(2){transition-delay:.07s}.js .concern:nth-child(3){transition-delay:.14s}.js .concern:nth-child(4){transition-delay:.21s}svg .contour,svg .strand{stroke-dasharray:1;stroke-dashoffset:0}.icons-ready .concern.selected .strand,.icons-ready .concern:hover .strand,.icons-ready .principles article:hover .strand{animation:icon-line 1.4s ease both}.icons-ready .concern:hover .dot,.icons-ready .concern.selected .dot{animation:icon-dot 1.4s ease both}.icons-ready .dot:nth-child(3n){animation-delay:.15s!important}.icons-ready .dot:nth-child(3n+1){animation-delay:.3s!important}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .button:hover{transform:none}
@keyframes signature{to{stroke-dashoffset:0}}@keyframes dot-breath{0%,100%{opacity:.25;transform:scale(.9)}50%{opacity:.7;transform:scale(1.25)}}@keyframes photo-drift{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes icon-line{from{stroke-dashoffset:1;opacity:.3}to{stroke-dashoffset:0;opacity:1}}@keyframes icon-dot{0%{opacity:.25}100%{opacity:1}}
@media(min-width:1600px){.doopi-header,.doopi-footer{padding-right:max(4.2vw,calc((100vw - 1465px)/2));padding-left:max(4.2vw,calc((100vw - 1465px)/2))}.doopi-hero{padding:32px 67px 0}}
@media(max-width:1100px){.primary-nav{gap:20px}.header-actions{gap:16px}.hero-cta{gap:18px;flex-wrap:wrap}.hero-signature{margin-top:32px}.doopi-hero{grid-template-columns:48% 52%;padding-top:22px}.hero-copy{padding-right:20px}h1{font-size:clamp(34px,3.7vw,46px)}.hero-description{font-size:12px}.hero-film{aspect-ratio:4/4}.section{padding-top:78px;padding-bottom:78px}.detail-photo{height:650px}.detail-copy{padding:55px 9%}.detail-copy h2{font-size:34px}.consult-section{grid-template-columns:1fr 300px;gap:36px}.consult-mark{display:none}.doopi-footer{flex-wrap:wrap;gap:20px}.doopi-footer>small{flex-basis:100%}.concern{padding-left:20px;padding-right:20px}.concern strong{font-size:22px}.concern>span:last-of-type{font-size:10px}.concern-note{align-items:flex-start}}
@media(max-width:760px){html{scroll-padding-top:30px}.doopi-header{padding:18px 6vw;min-height:88px;gap:15px}.wordmark>span{font-size:24px}.wordmark>small{font-size:6px}.primary-nav{display:none}.header-actions{align-items:flex-end;flex-direction:column;gap:7px}.brand-switch{font-size:9px;gap:10px}#motion-toggle{font-size:9px;min-height:28px;padding:3px 8px}.pause-symbol{font-size:12px}.doopi-hero{display:flex;flex-direction:column;padding:0 6vw}.hero-copy{padding:37px 0 31px;width:100%}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:clamp(31px,8.9vw,45px);line-height:1.5;letter-spacing:-.07em}.hero-description{margin-top:18px;font-size:12px;line-height:1.9}.hero-cta{margin-top:24px;gap:22px;flex-wrap:nowrap}.button{font-size:11px;padding:11px 15px;gap:18px;min-height:47px}.text-link{font-size:10px;gap:13px}.hero-signature{display:none}.hero-film{aspect-ratio:4/5}.hero-visual figcaption{font-size:9px;padding:10px 0 5px}.film-topline{top:18px;left:18px;right:18px;font-size:7px}.film-caption{bottom:17px;left:18px;right:18px}.film-caption-number{font-size:36px}.scene-selector{margin-top:18px;display:grid;width:100%;grid-template-columns:repeat(3,1fr)}.scene{display:flex;flex-wrap:wrap;gap:6px;padding:15px 11px 16px;font-size:9px}.scene:first-child{padding-left:0}.scene-number{font-size:8px}.scene-track{flex-basis:100%;margin-top:5px}.section{padding:64px 6vw}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:32px}.section-intro{font-size:12px;margin-top:20px}.section-heading .eyebrow{font-size:8px}.concern-options{grid-template-columns:1fr 1fr}.concern{padding:20px 20px 25px!important;min-height:235px}.concern:nth-child(2){border-right:0}.concern:nth-child(-n+2){border-bottom:1px solid var(--line)}.concern [data-icon]{width:72px;height:72px;margin:13px 0 17px}.concern-index{font-size:8px}.concern strong{font-size:22px}.concern>span:last-of-type{font-size:10px}.concern b{font-size:17px;right:18px;top:16px}.concern-note{display:grid;grid-template-columns:20px 1fr;gap:10px;padding-top:19px}.concern-note p{font-size:11px}.concern-note a{grid-column:2;justify-self:start;margin-top:4px}.note-mark{font-size:21px}.detail-section{grid-template-columns:1fr}.detail-photo{height:auto;aspect-ratio:4/4.2}.detail-copy{padding:46px 6vw 37px}.detail-copy .eyebrow{font-size:8px}.detail-copy h2{font-size:34px}.detail-lead{font-size:12px;margin-top:20px}.principles{margin-top:28px}.principles article{gap:20px;padding:17px 0}.principles p{font-size:11px}.density-section{min-height:550px}.density-photo img{object-position:66% 50%}.density-shade{background:linear-gradient(90deg,#15201fef,#15201f55)}.density-copy{padding:90px 6vw 100px}.density-copy h2{font-size:32px}.density-copy .eyebrow{font-size:8px}.density-copy p:not(.eyebrow){font-size:12px}.density-label{font-size:9px;margin-top:26px}.density-index{right:6vw;font-size:7px}.consult-section{display:block}.consult-copy h2{font-size:32px}.consult-copy>p:not(.eyebrow){font-size:12px}.visit-info{margin-top:35px;padding:26px 0 0;border-left:0;border-top:1px solid var(--line)}.visit-info .button{min-width:206px}.doopi-footer{padding:27px 6vw;gap:24px}.doopi-footer p{font-size:10px;flex:initial;flex-basis:calc(100% - 135px)}.doopi-footer>small{flex-basis:auto;font-size:8px}.doopi-footer>a:not(.wordmark){font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.hero-signature path{stroke-dashoffset:0}.concern:hover [data-icon]{transform:none}}