@font-face{font-family:Pretendard;src:url('assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
body{font-family:Pretendard,'Malgun Gothic',sans-serif}
.hero-photo{background:#29271f;min-height:clamp(580px,78svh,780px)}
.hero-photo img{object-position:center center}
.hero-photo::after{background:linear-gradient(90deg,rgba(15,19,15,.54),rgba(15,19,15,.24) 48%,rgba(15,19,15,.04) 85%)}
.hero-copy{padding-left:8%;padding-top:60px;padding-bottom:100px}
.hero-copy h1,.about h2,.contact h2{font-family:Pretendard,'Malgun Gothic',sans-serif;font-weight:400}
.hero-copy h1{font-size:clamp(52px,5.2vw,82px);font-weight:650;letter-spacing:-2.6px;line-height:1.3;color:#fff}
.hero-copy .eyebrow,.hero-bottom p,.hero-actions .text-link{color:#fff}
.hero-bottom p{font-size:16px;font-weight:350;line-height:1.9}
.hero-cta{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.75);color:#fff;backdrop-filter:blur(5px)}
.hero-cta:hover{background:rgba(255,255,255,.23);color:#fff}
.hero-copy>.eyebrow{animation:hero-arrive 1.3s ease-out .15s both}
.hero-copy h1{animation:hero-arrive 1.6s cubic-bezier(.22,.61,.36,1) .35s both}
.hero-bottom>p{animation:hero-arrive 1.5s ease-out .7s both}
.hero-actions{animation:hero-arrive 1.4s ease-out .95s both}
.hero-actions:focus-within{animation:none}
@keyframes hero-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.about h2{font-size:34px;line-height:1.5}.contact h2{font-size:48px;line-height:1.5}.section-intro h2{font-size:34px;line-height:1.5}
@media(max-width:760px){.hero-photo{min-height:610px}.hero-photo img{object-position:60% center}.hero-photo::after{background:linear-gradient(90deg,rgba(15,19,15,.76),rgba(15,19,15,.3)),linear-gradient(180deg,rgba(15,19,15,.2),transparent 80%)}.hero-copy{padding:57px 7% 145px}.hero-copy h1{font-size:clamp(40px,10.6vw,56px);letter-spacing:-1.8px;line-height:1.32}.hero-bottom p{font-size:13px}.hero-actions{gap:22px}.hero-photo figcaption{background:rgba(0,0,0,.45)}.about h2,.section-intro h2{font-size:28px}.contact h2{font-size:37px}}
@media(max-width:360px){.hero-copy h1{font-size:36px}.hero-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){.hero-copy>.eyebrow,.hero-copy h1,.hero-bottom>p,.hero-actions{animation:none;opacity:1;transform:none}}