/* AMITA 수입사 홈페이지 — V1C 정제 미니멀 (콰이엇 럭셔리)
   모노크롬 + 골드빛 / Jost 워드마크 (i 점 = 속 빈 골드 링) */

:root{
  --ink:#0d0b09; --line:#221d16; --paper:#ece5d7; --text:#b6ad9b; --dim:#736a59;
  --gold:#bd9542; --bright:#dcc079;
  --display:"Jost","Pretendard",-apple-system,sans-serif;
  --sans:"Pretendard",-apple-system,BlinkMacSystemFont,sans-serif;
  --pad:clamp(22px,7vw,120px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--text);font-family:var(--sans);font-size:16px;font-weight:300;
  line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{padding:0 var(--pad)}
.ring-dot{display:inline-block;width:7px;height:7px;border:1px solid var(--gold);border-radius:50%}

/* AMITA 워드마크 */
.wm{font-family:var(--display);font-weight:400;letter-spacing:.08em;padding-left:.08em;display:inline-block;color:var(--paper)}
.wm .ic{position:relative;display:inline-block;width:.36em;height:.72em;vertical-align:baseline}
.wm .stem{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:.072em;height:.50em;border-radius:.05em;background:var(--gold)}
.wm .rg{position:absolute;left:50%;transform:translateX(-50%);bottom:.54em;width:.142em;height:.142em;border:.024em solid var(--gold);border-radius:50%}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;
  padding:22px var(--pad);transition:background .3s ease,backdrop-filter .3s ease}
.nav.scrolled{background:rgba(13,11,9,.82);backdrop-filter:blur(8px)}
.nav .b{font-family:var(--display);font-weight:400;letter-spacing:.28em;font-size:14px;color:var(--paper)}
.nav .links{display:flex;gap:26px;font-family:var(--display);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.nav .links a:hover{color:var(--paper)}
@media(max-width:560px){.nav .links{gap:16px}.nav .links a{letter-spacing:.12em}}

/* hero */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:160px;padding-bottom:100px}
.hero h1{font-size:clamp(54px,11vw,140px);line-height:.9;margin:0}
.hero .hr{width:54px;height:1px;background:var(--gold);margin:clamp(30px,6vh,56px) 0}
.hero .tag{font-size:clamp(15px,2vw,19px);color:var(--text);max-width:32ch;letter-spacing:.01em}
.hero .sub{font-family:var(--display);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim);margin-top:20px}

/* sections — 섹션 사이 구분선 없음 (여백으로 분리) */
section{padding:clamp(80px,16vh,200px) 0}
/* Portfolio·Contact 는 앞 섹션과의 간격을 더 크게 (구분선 없는 만큼 여백으로 분리감) */
#portfolio,.contact{padding-top:clamp(130px,24vh,320px)}
.label{font-family:var(--display);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:clamp(28px,6vh,56px)}
.h{font-family:var(--display);font-weight:300;font-size:clamp(26px,4.4vw,46px);line-height:1.32;color:var(--paper);letter-spacing:-.005em;max-width:22ch}

.about .body{margin-top:clamp(36px,7vh,72px);max-width:58ch}
.about .body p{margin-bottom:20px}
.about .body .pr{margin-top:34px;color:var(--dim);font-size:14px;letter-spacing:.02em}
.about .body .pr b{color:var(--gold);font-weight:400}

/* portfolio — 단일 엔트리, 항목 밑줄 하나만 */
.rows{margin-top:clamp(36px,7vh,64px)}
.row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:clamp(26px,5vh,44px) 0;
  border-bottom:1px solid var(--line);flex-wrap:wrap}
.row .info{flex:1;min-width:min(100%,280px)}
.row h3{font-family:var(--display);font-weight:400;font-size:clamp(24px,4.5vw,40px);color:var(--paper)}
.row .m{font-size:12.5px;color:var(--dim);margin-top:6px;letter-spacing:.04em}
.row .desc{margin-top:16px;max-width:54ch;color:var(--text);font-size:14.5px;line-height:1.85;font-weight:300}
.row .o{font-family:var(--display);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);white-space:nowrap;padding-top:8px}
.pf-note{margin-top:30px;color:var(--dim);font-size:13.5px;display:flex;align-items:center;gap:12px}

/* contact */
.mail{display:inline-block;margin-top:clamp(28px,5vh,46px);font-family:var(--display);font-weight:300;
  font-size:clamp(24px,4.6vw,46px);color:var(--bright);letter-spacing:.01em;border-bottom:1px solid var(--line);padding-bottom:6px}
.mail:hover{color:var(--paper);border-color:var(--gold)}
.ctn{margin-top:40px;color:var(--dim);font-family:var(--display);font-size:11px;letter-spacing:.28em;text-transform:uppercase;display:flex;align-items:center;gap:12px}

/* footer — 상단 구분선 없음 */
footer{padding:34px var(--pad) 48px;color:var(--dim);font-family:var(--display);font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}