@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;1,500&family=Noto+Sans+KR:wght@300;400;500&display=swap');

*{box-sizing:border-box}
html,body{margin:0;background:#080b0f;color:#eeeae2}
.prologue-page{--gold:#c6a261;--ivory:#eeeae2;--muted:#999b9d;min-height:100vh;background:#080b0f;color:var(--ivory);font-family:"Noto Sans KR",sans-serif;font-weight:300;overflow:hidden;position:relative}
.prologue-page a{color:inherit;text-decoration:none}
.prologue-grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.prologue-header{height:86px;padding:0 4.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);position:absolute;left:0;right:0;top:0;z-index:10;background:linear-gradient(to bottom,rgba(5,7,10,.72),transparent)}
.prologue-brand{display:flex;align-items:center;gap:16px}.prologue-brand strong{font:500 14px "Cormorant Garamond",serif;letter-spacing:.2em}.prologue-mark{display:flex;align-items:center;gap:5px;color:#d4b77d;font:500 15px "Cormorant Garamond",serif;letter-spacing:.08em}.prologue-mark i{width:15px;height:1px;background:var(--gold);transform:rotate(-48deg)}.prologue-mark b{font-weight:500}
.prologue-header nav{display:flex;gap:38px;align-items:center}.prologue-header nav a{font-size:11px;letter-spacing:.18em;color:#aaa9a6;padding:34px 0 31px;position:relative}.prologue-header nav a:hover,.prologue-header nav a.active{color:#f2eee6}.prologue-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:23px;height:1px;background:var(--gold)}
.prologue-hero{height:100vh;min-height:720px;position:relative;display:flex;align-items:center}.prologue-image{position:absolute;inset:0;background:url('/assets/forever-moment-hero.png') center right/cover no-repeat;filter:saturate(.72) brightness(.82)}.prologue-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,12,.98) 0%,rgba(5,8,12,.84) 35%,rgba(5,8,12,.16) 72%,rgba(5,8,12,.25) 100%),linear-gradient(0deg,rgba(5,8,12,.72),transparent 42%)}
.prologue-hero-copy{position:relative;z-index:2;width:min(1160px,82vw);padding-left:8vw;margin-top:34px}.prologue-hero-copy>p{margin:0 0 34px;color:var(--gold);font-size:11px;font-weight:500;letter-spacing:.28em}.prologue-hero-copy h1{font-size:clamp(3rem,5.15vw,6.45rem);line-height:1.04;letter-spacing:-.055em;font-weight:300;margin:0}.prologue-hero-copy h1 span,.prologue-hero-copy h1 em{display:block;white-space:nowrap}.prologue-hero-copy h1 em{margin-top:8px;color:#d0ad70;font:500 italic 1em "Cormorant Garamond",serif;letter-spacing:-.035em}.prologue-hero-copy>span{display:block;margin-top:38px;color:#c3c0ba;font-size:15px;line-height:1.95}.prologue-index{position:absolute;z-index:2;right:4.2vw;bottom:38px;display:flex;align-items:center;gap:12px;font:400 11px "Cormorant Garamond",serif;letter-spacing:.14em;color:#d8d1c3}.prologue-index b{font-size:24px;font-weight:400;color:var(--gold)}.prologue-index i{width:62px;height:1px;background:rgba(255,255,255,.38)}
.prologue-story{min-height:760px;padding:140px 8vw;display:grid;grid-template-columns:.65fr 1fr 1.15fr;gap:5vw;align-items:start;background:radial-gradient(circle at 8% 20%,rgba(25,42,63,.3),transparent 34%),#0a0e13}.prologue-story-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.18);padding-top:16px}.prologue-story-label small{font-size:10px;color:var(--gold);letter-spacing:.23em}.prologue-story-label span{font:400 17px "Cormorant Garamond",serif;color:#777}.prologue-story-title p{font:400 clamp(2.7rem,4vw,5.1rem)/.96 "Cormorant Garamond",serif;color:#555960;margin:0}.prologue-story article{padding-top:78px}.prologue-story h2{font-size:clamp(2.3rem,3.6vw,4.5rem);font-weight:300;line-height:1.25;letter-spacing:-.05em;margin:0 0 46px}.prologue-story h2 strong{font-weight:400;color:var(--gold)}.prologue-story article p{color:#a5a6a7;font-size:16px;line-height:2.05;margin:0 0 22px;max-width:590px}
.prologue-belief{padding:130px 8vw 150px;background:#0d1117;border-top:1px solid rgba(255,255,255,.08)}.prologue-belief>div:first-child{display:grid;grid-template-columns:1fr 2fr;gap:5vw;align-items:start;margin-bottom:95px}.prologue-belief small{font-size:10px;color:var(--gold);letter-spacing:.25em}.prologue-belief h2{font-size:clamp(2.4rem,4.2vw,5rem);font-weight:300;line-height:1.25;letter-spacing:-.05em;margin:-12px 0 0}.prologue-values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.prologue-values article{min-height:230px;padding:30px 34px;border-right:1px solid rgba(255,255,255,.14)}.prologue-values article:last-child{border-right:0}.prologue-values span{font:400 13px "Cormorant Garamond",serif;color:var(--gold)}.prologue-values h3{margin:52px 0 15px;font:400 22px "Cormorant Garamond",serif;letter-spacing:.12em}.prologue-values p{color:#87898d;font-size:14px;margin:0;line-height:1.8}
.prologue-footer{padding:48px 4.2vw 34px;display:grid;grid-template-columns:1fr 1fr auto;gap:28px;align-items:end;background:#07090c;border-top:1px solid rgba(255,255,255,.12)}.prologue-footer a{font:500 14px "Cormorant Garamond",serif;letter-spacing:.18em}.prologue-footer p,.prologue-footer small{margin:0;color:#727479;font-size:11px}
@media(max-width:900px){.prologue-header{height:72px;padding:0 22px}.prologue-brand strong{font-size:12px}.prologue-header nav{gap:20px}.prologue-header nav a{padding:28px 0 25px}.prologue-hero{min-height:650px}.prologue-image{background-position:62% center}.prologue-shade{background:linear-gradient(90deg,rgba(5,8,12,.96),rgba(5,8,12,.58) 75%,rgba(5,8,12,.3))}.prologue-hero-copy{width:96vw;padding-left:24px}.prologue-hero-copy h1{font-size:clamp(2rem,7.2vw,4rem)}.prologue-story{padding:95px 24px;grid-template-columns:1fr;gap:50px}.prologue-story article{padding-top:0}.prologue-belief{padding:90px 24px}.prologue-belief>div:first-child{grid-template-columns:1fr;gap:35px;margin-bottom:65px}.prologue-belief h2{margin:0}.prologue-values{grid-template-columns:1fr}.prologue-values article{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);min-height:auto;padding:30px 8px}.prologue-values article:last-child{border-bottom:0}.prologue-values h3{margin:25px 0 10px}.prologue-footer{grid-template-columns:1fr;padding:40px 24px}}
@media(max-width:560px){.prologue-brand strong{display:none}.prologue-header nav{gap:15px}.prologue-hero-copy>span br{display:none}.prologue-index{display:none}}