*{box-sizing:border-box}html,body{color:#f5f5f5;background:#0b0b0c;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,Arial,sans-serif}.hero{height:100vh;position:relative;overflow:hidden}.hero-bg{background-image:url(/hero/hero-main.jpg);background-position:top;background-size:cover;position:absolute;inset:0}.hero-overlay{background:linear-gradient(#00000073,#000000a6);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;height:100%;padding-top:8vh;transition:opacity .2s,transform .2s;display:flex;position:relative}.hero-title{letter-spacing:.32em;margin:0;font-size:clamp(38px,6vw,58px)}.hero-subtitle{letter-spacing:.28em;color:#ffffffbf;margin-top:16px;font-size:12px}.hero-scroll{letter-spacing:.42em;color:#ffffffa6;text-shadow:0 0 12px #0009;pointer-events:none;font-size:11px;animation:2.2s ease-in-out infinite scrollPulse;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-line{background:#fff9;width:2px;height:28px;margin:14px auto 0;animation:2.2s ease-in-out infinite linePulse;display:block;box-shadow:0 0 6px #0009}@keyframes scrollPulse{0%{opacity:.25}50%{opacity:.6}to{opacity:.25}}@keyframes linePulse{0%{opacity:.35}50%{opacity:.75}to{opacity:.35}}.hero:before{content:"";opacity:.6;pointer-events:none;background:radial-gradient(circle at 50% 40%,#d6b26e1f,#0000 55%);position:absolute;inset:0}.hero-title{text-shadow:0 0 8px #d6b26e26,0 0 24px #000c;position:relative}@media (max-width:768px){.hero,.hero-content,.hero-title{text-align:center;margin-left:auto;margin-right:auto}.hero-content{max-width:100%;padding-left:0;padding-right:0}}.statement-section{justify-content:center;align-items:center;min-height:60vh;display:flex}.statement{letter-spacing:.32em;color:#fff9;font-size:13px}@media (max-width:768px){.statement{text-align:center;max-width:90%;margin-left:auto;margin-right:auto}}.header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09090b99;width:100%;height:56px;position:fixed;top:0;left:0}.header-inner{justify-content:space-between;align-items:center;width:min(1100px,100% - 40px);height:100%;margin:0 auto;display:flex}.brand{letter-spacing:.18em;color:#fff;font-size:14px;font-weight:600;text-decoration:none}.nav{gap:24px;display:flex}.nav a{letter-spacing:.12em;color:#ffffffd9;font-size:13px;text-decoration:none}@media (max-width:420px){.header{height:auto;padding:12px 0}.header-inner{flex-direction:column;align-items:center;gap:12px}.nav{flex-wrap:wrap;justify-content:center;gap:14px}.nav a{letter-spacing:.18em;font-size:12px}}.home-portfolio{background:#0b0b0c;width:min(1100px,100% - 40px);margin:120px auto 160px}.home-portfolio-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (max-width:1024px){.home-portfolio-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media (max-width:640px){.home-portfolio-grid{grid-template-columns:1fr;gap:24px}}.home-portfolio-more{text-align:center;margin-top:64px}.portfolio-card{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .3s;position:relative;overflow:hidden;background:0 0!important;border:none!important;width:auto!important;padding:0!important}.portfolio-card img{width:100%;height:auto;transition:transform .6s;display:block}.portfolio-card:after{content:"";opacity:0;background:linear-gradient(#0000 40%,#0000008c);transition:opacity .4s;position:absolute;inset:0}.portfolio-card:before{content:"";opacity:0;pointer-events:none;border:1px solid #d6b26e8c;transition:opacity .35s;position:absolute;inset:12px}.portfolio-card:hover img{transform:scale(1.06)}.portfolio-card:hover:after,.portfolio-card:hover:before{opacity:1}.portfolio-item,.portfolio-card,button{-webkit-tap-highlight-color:transparent;border:none;outline:none}button:focus,button:active{outline:none}.masonry-grid{width:100%;margin-left:-16px;display:flex!important}.masonry-column{background-clip:padding-box;padding-left:16px}.masonry-column>.portfolio-card{margin-bottom:16px}@media (max-width:768px){.masonry-grid{margin-left:-12px}.masonry-column{padding-left:12px}.masonry-column>.portfolio-card{margin-bottom:12px}}@media (max-width:420px){.masonry-grid{margin-left:0}.masonry-column{padding-left:0}}.contact-cta{opacity:0;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;transition:opacity .8s,transform .8s;display:flex;transform:translateY(30px)}.contact-cta.is-visible{opacity:1;transform:translateY(0)}.cta-title{letter-spacing:.32em;margin-bottom:24px;font-size:13px}.cta-actions{gap:16px;display:flex}.cta-btn{color:#fff;border:1px solid #ffffff40;padding:10px 18px;text-decoration:none}.cta-btn:hover{border-color:#b39455}.lightbox{z-index:999;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:90vw;max-height:90vh}.lb-btn{color:#ffffffd9;cursor:pointer;z-index:1000;background:0 0;border:none;padding:16px;font-size:42px;position:absolute;top:50%;transform:translateY(-50%)}.lb-prev{left:24px}.lb-next{right:24px}.lb-btn:hover{color:#d6b26e}.studio-page{min-height:100vh;padding-top:50px}.studio-wrap{width:min(720px,100% - 40px);margin:0 auto 160px}.studio-title{letter-spacing:.32em;text-align:center;margin-bottom:80px;font-size:24px}.studio-block{margin-bottom:56px}.studio-block h2{letter-spacing:.28em;color:#ffffff8c;margin-bottom:12px;font-size:12px}.studio-block p{color:#ffffffd9;font-size:14px;line-height:1.8}.price-page,.booking-page{min-height:100vh;padding-top:50px}.price-wrap{text-align:center;width:min(720px,100% - 40px);margin:0 auto 160px}.price-list{margin:0;padding:0;list-style:none}.price-list li{color:#ffffffd9;margin-bottom:14px;font-size:14px;line-height:2}.prose ul{padding-left:0!important}.prose li{list-style:none!important}.prose li::marker{content:""!important}.content-wrap{text-align:center;width:min(720px,100% - 40px);margin:0 auto 160px}.page-title{letter-spacing:.32em;margin-bottom:80px;font-size:24px}.content-wrap h2{letter-spacing:.28em;color:#ffffff8c;margin:48px 0 12px;font-size:12px}.content-wrap p{color:#ffffffd9;margin-bottom:24px;font-size:14px;line-height:1.9}.booking-page,.studio-page,.price-page,.booking-page *,.studio-page *,.price-page *{text-align:center}.cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:64px;display:flex}.btn{color:#fff;letter-spacing:.18em;background:0 0;border:1px solid #ffffff73;padding:12px 22px;font-size:12px;text-decoration:none;transition:all .25s}.btn:hover{color:#d6b26e;border-color:#d6b26e}.btn-ghost{border-color:#ffffff40}@media (max-width:640px){.cta{gap:20px;margin-top:56px}.cta .btn{letter-spacing:.22em;padding:14px 0;font-size:13px}}.toast{color:#fff;letter-spacing:.12em;z-index:200;background:#141414e6;border:1px solid #ffffff40;padding:10px 18px;font-size:12px;animation:2s forwards toastFade;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,10px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}.page-transition{opacity:1;filter:blur();min-height:100vh;transition:opacity .85s cubic-bezier(.25,.8,.25,1),filter .85s cubic-bezier(.25,.8,.25,1)}.page-transition.is-fading{opacity:0;filter:blur(3px)}.page-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0b0b0ce6;animation:.9s forwards overlayFadeOut;position:fixed;inset:0}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-intro{justify-content:center;padding:120px 20px 140px;display:flex}.home-intro-inner{text-align:center;width:min(720px,100%)}.home-intro-inner p{letter-spacing:.18em;text-transform:uppercase;color:#ffffffbf;margin-bottom:32px;font-size:14px;font-weight:300;line-height:2}.home-intro{opacity:0!important;transition:opacity 2s,transform 2s!important;transform:translateY(80px)!important}.home-intro.is-visible{opacity:1!important;transform:translateY(0)!important}.lightbox-close{z-index:1001;color:#ffffffd9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;font-weight:300;line-height:1;transition:opacity .3s;display:flex;position:fixed;top:24px;right:24px}.lightbox-close:hover{opacity:.6}.lightbox-close{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width:768px){.lightbox-close{font-size:32px}}.auth-page{color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.auth-page h1{letter-spacing:.2em;margin-bottom:24px;font-size:20px}.auth-page input{color:#fff;background:0 0;border:1px solid #ffffff4d;width:260px;padding:12px}.auth-page button{color:#000;cursor:pointer;background:#fff;border:none;width:260px;padding:12px}.auth-page button.ghost{color:#fff;background:0 0;border:1px solid #ffffff4d}.auth-error{color:#ff6b6b;font-size:13px}.mypage{color:#fff;text-align:center;background:#000;min-height:100vh;padding:120px 20px}.mypage h1{letter-spacing:.25em;margin-bottom:12px;font-size:20px}.mypage-email{opacity:.6;margin-bottom:48px;font-size:13px}.mypage-box{margin-bottom:32px}.mypage-box h2{letter-spacing:.18em;opacity:.7;margin-bottom:8px;font-size:13px}.mypage-value{font-size:28px;font-weight:300}.logout-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;margin-top:48px;padding:12px 24px}.header-login{letter-spacing:.18em;color:#ffffffb3;margin-left:24px;font-size:12px;text-decoration:none}.header-login:hover{color:#fff}:root{--header-h:64px}@media (min-width:768px){:root{--header-h:80px}}.page-overlay{z-index:900;position:fixed;inset:0}header{z-index:1000;position:fixed;top:0;left:0;right:0}.page-overlay{top:var(--header-h);z-index:900;pointer-events:none;background:#000;position:fixed;bottom:0;left:0;right:0}