*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:#202723;background:#fafbf8}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #337a68;outline-offset:5px}svg{width:22px;height:22px;flex-shrink:0}.skip{position:fixed;top:-70px;background:white;padding:15px;z-index:20}.skip:focus{top:0}.concept-bar{padding:10px 4%;display:flex;justify-content:space-between;gap:18px;background:#e6eeea;font-size:11px}header{padding:28px 4%;display:flex;justify-content:space-between;align-items:center}.quiet-brand{font:44px Georgia,serif}.quiet-brand span{display:block;font:10px Pretendard,Arial,sans-serif;margin-top:5px}header nav{display:flex;gap:35px;font-size:13px}.quiet-hero{height:calc(100svh - 180px);min-height:510px;position:relative;color:white;isolation:isolate;overflow:hidden}.quiet-hero>img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;z-index:-2}.quiet-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10262235,transparent 40%,#10262280)}.hero-title{padding:40px 4%}.hero-title>span,.section-line,.practice>span,.contact>span{font-size:11px}.hero-title h1{font:76px/1.03 Georgia,serif;margin:28px 0}.hero-title em{font-weight:400}.hero-foot{position:absolute;bottom:32px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:flex-end}.hero-foot p{font-size:16px;line-height:1.7}.hero-foot a{border:1px solid #ffffff80;width:48px;height:48px;display:grid;place-items:center}.study{padding:70px 7% 100px}.section-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bec9c2;padding-top:18px}.study-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:50px 0}.study-intro h2,.practice h2{font:60px/1.08 Georgia,serif;margin:0}.study-intro p,.practice p{font-size:18px;line-height:1.9}.study-intro .secondary{font-size:14px;color:#637368}.project-open{background:none;border:0;padding:0;width:100%;text-align:left}.study-image{display:block;aspect-ratio:16/9;overflow:hidden}.study-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.project-open:hover img{transform:scale(1.025)}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #bec9c2}.project-caption strong{font:26px Georgia,serif}.project-caption small{display:block;margin-top:10px;font-size:11px;color:#637368}.practice{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:90px 7%;background:#dbe9e2}.practice p{margin:35px 0}dl{margin:50px 0 0}dl div{border-top:1px solid #a6bdb0;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:14px}dd{margin:0}.contact{padding:90px 7%;background:#224c43;color:#f5faf7}.contact h2{font-size:42px;line-height:1.4;margin:35px 0}.contact>a,.detail-contact{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid currentColor;padding:15px 0;font-size:14px}footer{padding:35px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}footer strong{font:24px Georgia,serif}footer p{line-height:1.8;color:#637368}footer a{display:flex;align-items:center;gap:15px}dialog{border:0;padding:0;color:#202723;background:#fafbf8;max-width:960px;width:calc(100% - 32px);max-height:90svh}dialog::backdrop{background:#12251dcc;backdrop-filter:blur(5px)}.detail-head{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;border-bottom:1px solid #bec9c2;font-size:11px;position:sticky;top:0;background:#fafbf8;z-index:2}.icon{width:44px;height:44px;display:grid;place-items:center;border:0;background:none}.detail-body{padding:32px}.detail-body h2{font:46px Georgia,serif;margin:0 0 12px}.detail-body>p{font-size:14px}.detail-photo{padding:0;position:relative;border:0;width:100%;display:block;margin:30px 0}.detail-photo img{width:100%;display:block}.detail-photo>span{position:absolute;right:12px;bottom:12px;background:#fafbf8;padding:12px;display:flex}.detail-tabs{display:flex;gap:20px;border-bottom:1px solid #bec9c2}.detail-tabs button{background:none;border:0;padding:15px 12px;font-size:14px;border-bottom:2px solid transparent}.detail-tabs [aria-selected=true]{border-color:#224c43}#study-panel{min-height:145px;padding:20px 0}#study-panel h3{font:28px Georgia,serif;margin:5px 0 15px}#study-panel p{font-size:15px;line-height:1.8;max-width:600px}#image-view{background:#10201b;max-width:1400px;width:calc(100% - 24px)}#image-view>.icon{position:absolute;top:10px;right:10px;background:#fafbf8;z-index:1}#image-view>img{width:100%;max-height:85svh;object-fit:contain;display:block}body:has(dialog[open]){overflow:hidden}@media(max-width:650px){.concept-bar{font-size:9px;padding:10px 20px}.concept-bar span{max-width:145px}header{padding:22px 20px}.quiet-brand{font-size:36px}header nav{gap:18px;font-size:11px}.quiet-hero{height:calc(100svh - 175px);min-height:420px}.hero-title{padding:30px 24px}.hero-title h1{font-size:46px}.hero-foot{left:24px;right:24px}.hero-foot p{font-size:14px}.study{padding:40px 24px 60px}.section-line{font-size:9px}.study-intro{grid-template-columns:1fr;gap:25px;margin:35px 0}.study-intro h2,.practice h2{font-size:44px}.study-intro p,.practice p{font-size:16px}.study-image{aspect-ratio:4/3}.project-caption strong{font-size:23px}.practice{grid-template-columns:1fr;padding:55px 24px}.contact{padding:55px 24px}.contact h2{font-size:28px}footer{align-items:flex-start;flex-direction:column;padding:30px 24px}.detail-body{padding:24px}.detail-body h2{font-size:32px}#study-panel{min-height:180px}.detail-head{padding:10px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.study-image img{transition:none}.project-open:hover img{transform:none}}