/* 10/5b 큰 글씨는 붓글씨로 임팩트 있게, 작은 글씨는 키우고 굵게. 얼굴 위에 올라가던 글씨(달 · 장 제목)는 아래로 */
/*OBF*/@font-face{font-family:'OBrush';src:url('../../fonts/obrush_c21.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+C12D,U+C130-C131,U+C139-C140,U+C154-C168,U+C194-C27D,U+C2A8,U+C2B4,U+C2B7-C2B9,U+C2DD,U+C2EB,U+C2ED-C30D,U+C368-C53B,U+C545,U+C549,U+C54C,U+C555-C557,U+C559-C55E,U+C561-C571,U+C57D-C598,U+C5B5-C5BB,U+C5BD-C5C4,U+C5C7,U+C5C9-C5CC,U+C5D1,U+C5E0-C5E3,U+C5ED-C5EE,U+C5FC-C61B,U+C625,U+C62C-C62D,U+C633-C63B,U+C644,U+C655-C6A9,U+C6B1,U+C6C0-C6CC,U+C6DC-C6F9,U+C717-C721,U+C728-C735,U+C751,U+C775,U+C783,U+C787,U+C789-C78E,U+C794-C7A4,U+C7A6,U+C7C1-C800,U+C810,U+C813,U+C81D-C838,U+C871-C881,U+C88B-C8E0,U+C8FD,U+C904-C90D,U+C92C-C99D,U+C9CA-C9F1,U+CA0D-CC3E,U+CC45-CCA8,U+CCAD,U+CCD0-CCE4,U+CD09-CD1B,U+CD5C-CD95,U+CD9C-CE35,U+CE5C-CE6D,U+CE7C-CEA1,U+CEE8,U+CEF7-CF08,U+CF20-CF8C,U+CFFC-D06C,U+D074-D07D,U+D0A8-D0B9,U+D0C1-D0D5,U+D0ED-D0F1,U+D131-D134,U+D145,U+D150-D17C,U+D1A1-D1A4,U+D1F4,U+D230-D30E,U+D31D-D328,U+D380-D398,U+D39C-D3B4,U+D3D0,U+D3ED-D45C,U+D479-D47C,U+D488-D551,U+D559,U+D56B-D56D,U+D575-D588,U+D5C8,U+D5D0-D600,U+D608-D64D,U+D658-D669,U+D68D-D749,U+D754-D790,U+D799-D7A3}@font-face{font-family:'OBrush';src:url('../../fonts/obrush_c11.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+AC04-AC07,U+AC11-AC16,U+AC1A,U+AC1D-AC54,U+AC71-AC77,U+AC81,U+AC89,U+ACA0-ACAC,U+ACBD-ACC1,U+ACE1-ACE4,U+ACE8-ACF1,U+ACF5,U+AD04-AD50,U+AD70-AD73,U+AD76-AD7F,U+AD82-ADC8,U+ADE0,U+ADF9-ADFC,U+AE09-AE0B,U+AE34,U+AE40,U+AE43-AE4A,U+AE4E-AE65,U+AE7C,U+AEBE-AECF,U+AEF4-AFC0,U+AFD4-B04A,U+B053-B08D,U+B0A1,U+B0A9-B0AB,U+B0AD-B0B3,U+B0B8-B0E5,U+B109-B10C,U+B113-B123,U+B128-B141,U+B155,U+B179-B192,U+B194-B1A8,U+B20C-B290,U+B299-B2AC,U+B2CC-B2D0,U+B2DD,U+B2E5,U+B2EB,U+B2ED-B2EE,U+B2FF,U+B304-B313,U+B355-B35C,U+B365-B371,U+B3C5-B3D5,U+B3FC-B410,U+B41C-B429,U+B451-B454,U+B460-B4C8,U+B4DD,U+B4E3,U+B4EC-B545,U+B550-B5A1,U+B5A8-B755,U+B77D-B784,U+B78F-B790,U+B799-B7C9,U+B7F0-B801,U+B808-B818,U+B825-B840,U+B85D-B86D,U+B8B0-B8E1,U+B8EC-B960,U+B975,U+B985,U+B989,U+B9AD,U+B9BD-B9C1,U+B9C9,U+B9CE,U+B9D1-B9D9,U+B9DD,U+B9E1,U+B9E5-B9FA,U+BA3C-BA4D,U+BA58-BA74,U+BA87,U+BAA9-BABB,U+BB36,U+BB47-BBA4,U+BBFC-BBFF,U+BC0C-BC11,U+BC15-BC18,U+BC1C-BC1D,U+BC25,U+BC2D-BC43,U+BC85,U+BC8C-BC94,U+BC97-BCC0,U+BCCD-BCD1,U+BCF8-BD05,U+BD10-BD59,U+BD81,U+BD90-BE14,U+BE4C-BE5A,U+BE60-BF18,U+BFCC-C090,U+C0AD,U+C0B6,U+C0BD-C0BF,U+C0C9-C0D8,U+C11D-C11E,U+C124-C12C}@font-face{font-family:'OBrush';src:url('../../fonts/obrush_s1.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+21-27,U+2A-2B,U+2D,U+2F,U+33-34,U+36,U+38-3E,U+40,U+43-48,U+4A-4C,U+4E-53,U+55-7E,U+FC-314E,U+FF08-FF1F}@font-face{font-family:'OBrush';src:url('../../fonts/obrush_b1.woff2') format('woff2');font-weight:400;font-display:block;unicode-range:U+28-29,U+31,U+35,U+3F,U+41-42,U+49,U+4D,U+54,U+B7,U+AC01,U+AC08,U+AC19,U+AC1C,U+AC70,U+AC78-AC80,U+AC83,U+AC8C,U+ACB9-ACBC,U+ACC4-ACE0,U+ACF3,U+ACFC,U+AD6C-AD6D,U+AD74,U+ADDC,U+AE08,U+AE38,U+AE41,U+AE4C,U+AEBC,U+AED8,U+AFC8,U+B04C,U+B0A0,U+B0A8,U+B0AC,U+B108,U+B110,U+B150,U+B178,U+B193,U+B204-B208,U+B2C8,U+B2D8,U+B2E8,U+B2F5,U+B354,U+B3D9,U+B418,U+B458,U+B4E0,U+B5A4,U+B760-B77C,U+B78D,U+B791-B798,U+B807,U+B824,U+B8E8,U+B974,U+B978-B984,U+B987,U+B9B4-B9BC,U+B9CC,U+B9D0,U+B9DE,U+B9E4,U+BA38,U+BA54,U+BABD,U+BB35,U+BB3B,U+BBF8,U+BC00,U+BC14,U+BC24,U+BC84,U+BC88,U+BC95,U+BCC4,U+BCD5,U+BCF5,U+BD09,U+BD84-BD88,U+BE5B,U+C0B0,U+C0C8,U+C120-C123,U+C148-C14B,U+C190,U+C2A4,U+C2AC,U+C2DC,U+C313,U+C544,U+C548,U+C54A,U+C554,U+C558,U+C57C,U+C5BC,U+C5C5,U+C5D4,U+C628,U+C62E,U+C654,U+C6B8,U+C6D0-C6D4,U+C704,U+C77D,U+C785,U+C791,U+C804-C808,U+C811,U+C81C,U+C84C,U+C885,U+C900,U+C911-C918,U+C9C8,U+C9F8,U+CC44,U+CCAB,U+CCB4,U+CD08,U+CD1D,U+CD98,U+CE58-CE59,U+CEEC,U+CF1C,U+CFE0,U+D070,U+D0A4,U+D0DC,U+D130,U+D138,U+D14C,U+D22C,U+D310,U+D37C,U+D399,U+D3BC,U+D3EC,U+D478,U+D480,U+D589-D5A5,U+D5CC,U+D604,U+D750-D751,U+D798}@font-face{font-family:'OBrush';src:url('../../fonts/obrush_a1.woff2') format('woff2');font-weight:400;font-display:block;unicode-range:U+20,U+2C,U+2E,U+30,U+32,U+37,U+AC00,U+AC10,U+ACB0,U+ACE7,U+AD00,U+AD81,U+ADF8,U+AE00,U+AE30,U+AE68,U+B098-B09C,U+B0B4,U+B124,U+B144,U+B294-B298,U+B2E4,U+B2EC,U+B2F4,U+B2F9,U+B300,U+B35F,U+B3C4,U+B450,U+B4DC,U+B4E4,U+B54C,U+B78C,U+B7EC,U+B85C,U+B871,U+B9AC,U+B9B0,U+B9C8,U+B9DB,U+BA39,U+BA85,U+BAA8,U+BB18-BB34,U+BB38,U+BB3C,U+BC1B,U+BC29,U+BCF4,U+BD80,U+BD89,U+BE44-BE48,U+BF51,U+C0AC,U+C0B4,U+C0BC,U+C0C1,U+C0DD-C11C,U+C12F,U+C138,U+C18C-C18D,U+C2B5,U+C2E0-C2E4,U+C2EC,U+C560,U+C5B4,U+C5C6,U+C5C8,U+C5D0,U+C5EC,U+C5F0-C5F4,U+C624,U+C640,U+C6B0,U+C6B4,U+C724,U+C73C-C74C,U+C758-C774,U+C778-C77C,U+C784,U+C788,U+C790,U+C7A5,U+C7AC,U+C801,U+C815,U+C870,U+C8FC,U+C9C0-C9C4,U+CE74-CE78,U+CEE4,U+CFE8,U+D0C0,U+D0DD,U+D1A0,U+D1B5,U+D314,U+D3B8,U+D3C9,U+D558,U+D55C-D569,U+D574,U+D654-D655,U+D68C}/*OBF*/
:root{--brush:'OBrush','Song Myung',serif}
.top b{font-family:var(--brush);font-size:21px;letter-spacing:.08em}
.top button{font-size:13.5px;font-weight:700}
.who{font-size:16px}
.line{margin-top:10px;font-family:var(--brush);font-weight:400;font-size:29px;line-height:1.45;letter-spacing:0;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 26px rgba(0,0,0,.75)}
.why{font-size:15px;font-weight:500;padding:7px 12px}
.tap{font-size:13px;font-weight:500}
.mark{font-size:14px;font-weight:700}
.title{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 230px)}
.title small{font-size:14px;font-weight:700}
.title h1{font-family:var(--brush);font-size:62px;letter-spacing:.04em;text-shadow:0 3px 8px rgba(0,0,0,.85),0 0 40px rgba(0,0,0,.8)}
.title em{font-size:15px;font-weight:500}
.chap{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 250px)}
.chap b{font-family:var(--brush);font-size:30px;letter-spacing:.06em}
.mon{top:auto;left:22px;right:22px;bottom:calc(env(safe-area-inset-bottom,0px) + 228px);text-align:left;transform:translateY(12px)}
.mon small{font-size:14px;font-weight:700;letter-spacing:.16em}
.mon b{font-family:var(--brush);font-size:76px;text-shadow:0 3px 10px rgba(0,0,0,.9),0 0 40px rgba(0,0,0,.8)}
.mon em{font-size:15px;font-weight:500}
.btn{font-size:17px}
.form h1{font-family:var(--brush);font-size:52px}
.form p{font-size:16px}
.p-head small{font-size:14px;font-weight:700}
.p-head h2{font-family:var(--brush);font-size:44px}
.p-cnt span{font-size:15px;font-weight:500}
.drag{font-size:14.5px;font-weight:500}
.endf small{font-size:14px;font-weight:700}
.endf h2{font-family:var(--brush);font-size:46px}
.endf p{font-size:16px}
.endf li{font-size:16px}.endf li em{font-size:14px}
.vhd small{font-size:13px;font-weight:700}
.vhd h3{font-family:var(--brush);font-size:54px;letter-spacing:.12em}
.vhd p{font-size:15px}
.vone span{font-size:13px;font-weight:700}
.vone p{font-family:var(--brush);font-size:34px;line-height:1.4}
.vno b{font-size:15px}.vno p{font-size:16px}
.vsec h4{font-family:var(--brush);font-size:26px}
.vgd b{font-size:17px}.vgd em{font-size:13px}.vgd p{font-size:15.5px}
.vmap div{font-size:13.5px}.vmap b{font-size:16px}.vmap span{font-size:12px}
.vnote{font-size:14.5px}
.vtwo h4{font-size:22px}.vtwo p{font-size:15.5px}
.vend p{font-size:15.5px}

.endf .g5{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:20px}
.endf .g5 div{text-align:center;opacity:.42}
.endf .g5 div.up,.endf .g5 div.nx{opacity:1}
.endf .g5 i{display:block;aspect-ratio:3/4;background:#222 center 18%/cover no-repeat;border:1.5px solid rgba(246,239,226,.25)}
.endf .g5 .up i{border-color:var(--gold);box-shadow:0 0 18px rgba(232,196,138,.45)}
.endf .g5 .nx i{filter:blur(5px) brightness(.6)}
.endf .g5 b{display:block;margin-top:6px;font-size:14px}
.endf .g5 em{display:block;font-style:normal;font-size:11.5px;color:var(--gold)}
.endf .pf{margin-top:12px;font-size:13.5px;line-height:1.6;color:var(--ink3)}
.endf h5{margin-top:22px;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--gold)}
.endf h5+ul{margin-top:8px}
.endf .bl{font-style:normal;display:inline-block;padding:0 6px;color:transparent;text-shadow:0 0 8px rgba(246,239,226,.8);background:rgba(246,239,226,.08)}
.endf .pvw{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}
.endf .pvw i{display:block;aspect-ratio:4/3;background:#222 center 25%/cover no-repeat;border:1.5px solid rgba(232,196,138,.4);filter:blur(1.5px) brightness(.75)}
.endf .pz{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;padding-top:14px;border-top:1px solid rgba(246,239,226,.18)}
.endf .pz span{font-size:14px;color:var(--ink2)}
.endf .pz b{font-size:22px;color:var(--gold)}
.endf .pz s{font-size:13px;color:var(--ink3);margin-right:8px;font-weight:400}
.endf{-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 62px,#000 100px);mask-image:linear-gradient(180deg,transparent 0,transparent 62px,#000 100px);overflow-y:auto;justify-content:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + 96px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 28px)}
.endf .btn{margin-top:18px;flex:none}

/* 10/5c 먹물의 회의록 */
.rec .rlk{margin-top:30vh;padding:22px 18px;border:1px solid rgba(232,196,138,.5);background:rgba(12,9,8,.82)}
.rec .rlk small{font-size:13px;letter-spacing:.14em;color:var(--gold);font-weight:700}
.rec .rlk h3{margin-top:10px;font-family:var(--brush);font-weight:400;font-size:36px;line-height:1.2}
.rec .rlk ul{margin-top:16px;list-style:none;border-top:1px solid rgba(246,239,226,.16)}
.rec .rlk li{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid rgba(246,239,226,.16);font-size:15px}
.rec .rlk li em{font-style:normal;color:var(--gold);font-size:13px;white-space:nowrap}
.rec .rpv{margin-top:14px;padding:12px;border:1px dashed rgba(246,239,226,.25)}
.rec .rpv p{filter:blur(4px);font-size:15px;line-height:1.7;user-select:none}
.rec .rlk .btn{margin-top:16px;width:100%}
.rec .rfine{margin-top:8px;text-align:center;font-size:13px;color:var(--ink3)}
.rec .rhd{padding-top:8px}
.rec .rhd small{font-size:13px;letter-spacing:.14em;color:var(--gold)}
.rec .rhd h2{margin-top:8px;font-family:var(--brush);font-weight:400;font-size:44px}
.rec .rhd p{margin-top:8px;font-size:15.5px;line-height:1.75;color:var(--ink2)}
.rec .rmo{margin-top:34px}
.rec .rmh{display:flex;align-items:flex-end;gap:14px;padding-bottom:10px;border-bottom:1px solid rgba(246,239,226,.18)}
.rec .rmh>b{font-family:var(--brush);font-weight:400;font-size:62px;line-height:.8;color:var(--c)}
.rec .rmh>b i{font-style:normal;font-size:24px;margin-left:2px}
.rec .rmh span{font-size:13px;color:var(--ink3);letter-spacing:.06em}
.rec .rmh h4{margin-top:3px;font-family:'Song Myung',serif;font-weight:400;font-size:22px}
.rec .rcut{position:relative;margin-top:14px;border:3px solid #0b0806;box-shadow:0 0 0 1.5px rgba(232,196,138,.55)}
.rec .rcut.tall video{aspect-ratio:3/4;filter:saturate(.88) contrast(1.06) brightness(.96)}
.rec .rcut.tall:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px rgba(0,0,0,.55);background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.rec .rcut.tall{width:78%;margin-left:auto;margin-right:auto}
.rec .rcap{position:absolute;left:-12px;bottom:18px;z-index:2;padding:8px 14px 9px;background:#0b0806;border:1.5px solid rgba(232,196,138,.7);font-family:'Song Myung',serif;font-size:19px;color:#f6efe2}
.rec .rcap small{display:block;font-family:inherit;font-size:12px;letter-spacing:.12em;color:var(--gold);margin-bottom:2px}
.rec .rcut img,.rec .rcut video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 22%;background:#1a1410}
.rec .rbub{position:absolute;left:10px;right:22%;bottom:10px;padding:9px 13px 10px;background:#fbf6ec;color:#1a1410;border:2px solid #0b0806;font-family:'Song Myung',serif;font-size:17px;line-height:1.45}
.rec .rbub small{display:block;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;color:#8c2a1c;margin-bottom:2px}
.rec .rmo>p,.rec .rlt p{margin-top:12px;font-size:16px;line-height:1.85;color:var(--ink)}
.rec .ty-bad .rmh h4{color:#ef7b6b}.rec .ty-g .rmh h4,.rec .ty-hap .rmh h4{color:var(--gold)}
.rec .rlt{position:relative;margin-top:40px;padding:18px;border:1px solid rgba(232,196,138,.4);background:rgba(20,15,12,.7)}
.rec .rlt h4{margin-top:14px;font-family:var(--brush);font-weight:400;font-size:30px}
.rec .rlt .vst{position:static;display:inline-block;margin-top:14px}
.rec .rend{margin-top:40px;text-align:center}
.rec .rend p{margin:14px 0;font-family:'Song Myung',serif;font-size:18px;line-height:1.6}
/* ===== 10/5d v10 결과는 칸 박스 없이 경계 없이 이어지는 세로 웹툰(노을처럼) · 신비롭고 무겁게 · 영상 위주 + 그라데이션 · 음악으로 효과 ===== */
.tn{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:#000;overscroll-behavior:contain}
.tn:before{content:"";position:fixed;inset:0;z-index:15;pointer-events:none;opacity:.10;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain .9s steps(3) infinite}
@keyframes grain{0%{transform:translate(0,0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}}
.tn .tp{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;margin-top:-26vw;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 17%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 17%,#000 80%,transparent 100%)}
.tn .tp.top{margin-top:0;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 80%,transparent 100%)}
.tn .tp.sh{aspect-ratio:3/4}
.tn .tp>video,.tn .tp>img{position:absolute;left:0;top:-5%;width:100%;height:110%;object-fit:cover;object-position:center 30%;will-change:transform;filter:saturate(.7) contrast(1.14) brightness(.84) sepia(.1)}
.tn .tp:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 45%,rgba(0,0,0,.72) 100%),linear-gradient(180deg,rgba(70,8,26,.22),rgba(8,3,14,.28));mix-blend-mode:multiply}
.tn .tp.lk>video,.tn .tp.lk>img{filter:blur(16px) saturate(.5) brightness(.5)}
.tn .ttl{position:absolute;left:0;right:0;bottom:16%;z-index:3;text-align:center;padding:0 20px}
.tn .ttl small{display:block;font-size:12.5px;letter-spacing:.32em;color:#c9a35c}
.tn .ttl h2{margin-top:10px;font-family:var(--brush);font-weight:400;font-size:46px;word-break:keep-all;line-height:1.15;color:#f1ebe4;text-shadow:0 0 24px rgba(0,0,0,.9),0 2px 4px #000}
.tn .ttl em{display:block;margin-top:10px;font-style:normal;font-family:'Song Myung',serif;font-size:15px;color:#b8afa6;letter-spacing:.06em}
.bb{position:absolute;z-index:3;width:54%;aspect-ratio:.8;border-radius:50%;background:rgba(232,228,224,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 8%;font-family:var(--brush);font-size:19.5px;line-height:1.58;color:#16100f;word-break:keep-all;opacity:0;transform:translateY(18px) scale(.95);transition:opacity .8s ease,transform .8s ease;box-shadow:0 0 40px rgba(0,0,0,.35)}
.bb.l{left:5%}.bb.r{right:5%}.bb.c{left:26%}
.bb.v{opacity:1;transform:none}
.bb small{display:block;margin-bottom:4px;font-family:'Noto Sans KR',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;color:#8a2236}
.bb .bl,.gt .bl{filter:blur(7px);user-select:none}
.gt .big .bl{filter:blur(13px)}
.gt{position:relative;z-index:1;padding:16vh 30px;text-align:center;font-family:var(--brush);font-size:27px;line-height:1.75;color:#ebe5de;word-break:keep-all;opacity:.0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}
.gt.v{opacity:1;transform:none}
.gt:before{content:"";position:absolute;left:-10%;right:-10%;top:18%;bottom:18%;z-index:-1;background:radial-gradient(50% 50% at 50% 50%,rgba(112,16,44,.5),rgba(60,8,24,.18) 55%,transparent 75%);filter:blur(6px)}
.gt b{font-weight:400;color:#d9b46a}
.gt .big{display:block;margin-top:12px;font-size:84px;line-height:1;color:#e8d3a0}
.gt small{display:block;margin-top:16px;font-family:'Song Myung',serif;font-size:15px;color:#9a9087;letter-spacing:.04em}
.chh{position:relative;padding:20vh 26px 6vh;text-align:center}
.chh i{display:block;font-style:normal;font-family:var(--brush);font-size:20px;letter-spacing:.42em;color:#b8283f}
.chh h3{margin-top:12px;font-family:var(--brush);font-weight:400;font-size:38px;line-height:1.3;word-break:keep-all;color:#efe8f2;text-shadow:0 0 30px rgba(140,40,80,.45)}
.chh q{display:block;margin-top:16px;font-family:'Song Myung',serif;font-size:16px;line-height:1.75;color:#958b84;quotes:"“" "”"}
.rd{position:relative;z-index:1;padding:5vh 30px 9vh;font-family:'Song Myung',serif;font-size:17.5px;line-height:2;color:#e6dfd4;word-break:keep-all}
.rd p+p{margin-top:1.15em}
.rd .k{display:block;margin:30px auto 0;padding:12px 6px;border-top:1px solid rgba(201,163,92,.45);border-bottom:1px solid rgba(201,163,92,.45);text-align:center;font-size:16px;line-height:1.7;color:#d9b46a}
.rd .k small{display:block;font-family:'Noto Sans KR',sans-serif;font-size:11px;letter-spacing:.2em;color:#8f8579;margin-bottom:2px}
.mo{position:relative;z-index:2;display:flex;align-items:flex-end;gap:14px;padding:14vh 28px 3vh}
.mo>b{flex:none;white-space:nowrap;font-family:var(--brush);font-weight:400;font-size:96px;line-height:.78;color:var(--c)}
.mo>div{flex:1;min-width:0}
.mo>b i{font-style:normal;font-size:30px}
.mo span{display:block;font-size:12.5px;letter-spacing:.1em;color:#8f8579}
.mo h4{margin-top:6px;font-family:var(--brush);font-weight:400;font-size:25px;line-height:1.3;color:#eee6dc;word-break:keep-all;text-shadow:0 0 18px #000,0 0 6px #000}
.mo.bad h4{color:#e2687a}.mo.g h4,.mo.hap h4{color:#d9b46a}
/* 회상 액자: 앞 달창 · 안쪽 회상 · 안개 세 층 */
.df{position:relative;height:280vh}
.df .st{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#000}
.dfl{position:absolute;inset:0;overflow:hidden}
.dfl .bk{position:absolute;inset:-6%;will-change:transform;transform-origin:50% 50%}
.dfl .bk.fit{inset:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.dfl .bk>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease;filter:saturate(.62) contrast(1.12) brightness(.8) sepia(.18) hue-rotate(-8deg)}
.dfl .bk>.on{opacity:1}
.dfl .mi{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(34% 22% at 50% 47%,rgba(200,205,235,.16),transparent 70%),radial-gradient(60% 40% at 30% 70%,rgba(120,20,50,.18),transparent 70%);animation:mist 10s ease-in-out infinite alternate}
@keyframes mist{from{transform:translate(-2%,1%) scale(1)}to{transform:translate(2%,-1%) scale(1.06)}}
.dfl .fr{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46.7%;transform-origin:50.3% 46.7%;will-change:transform;filter:saturate(.8) contrast(1.08) brightness(.9)}
.dfl .vg{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 140px 50px #000}
.dfl .bb{width:50%}
.dfl .gt{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:0 30px;opacity:0;transition:opacity .9s}
.dfl .gt.v{opacity:1}
.dfl .gt:before{display:none}
.dfl .gt span{text-shadow:0 0 20px #000,0 0 40px #000}
/* 장 목록 */
.toc{position:relative;margin:0 18px;padding:28px 22px 18px;border:1.5px solid rgba(201,163,92,.6);outline:1px solid rgba(201,163,92,.22);outline-offset:6px;background:linear-gradient(180deg,#140d11,#09070a)}
.toc:before,.toc:after{content:"";position:absolute;left:50%;width:12px;height:12px;margin-left:-6px;background:#b8283f;transform:rotate(45deg)}
.toc:before{top:-7px}.toc:after{bottom:-7px}
.toc>h4{text-align:center;font-family:var(--brush);font-weight:400;font-size:24px;color:#e9dfc9;margin-bottom:8px}
.toc .c{display:flex;gap:14px;padding:16px 0;border-top:1px solid rgba(201,163,92,.16)}
.toc .c>b{flex:none;width:40px;font-family:var(--brush);font-weight:400;font-size:38px;line-height:1;color:#b8283f;text-align:center}
.toc h5{font-family:var(--brush);font-weight:400;font-size:21px;line-height:1.35;color:#efe8f2}
.toc ul{list-style:none;margin-top:6px}
.toc li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.7;color:#a39a92}
.toc li:before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;background:#5fa39a;transform:rotate(45deg)}
.pvc{position:relative;margin:12vh 0 0;height:62vh;overflow:hidden}
.pvc .g3{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;filter:blur(7px) brightness(.55)}
.pvc .g3 i{background:#111 center/cover no-repeat}
.pvc b{position:absolute;left:0;right:0;top:40%;text-align:center;font-family:var(--brush);font-weight:400;font-size:44px;line-height:1.2;color:#eee;text-shadow:0 0 20px #000}
.pvc em{position:absolute;left:0;right:0;top:calc(40% + 120px);text-align:center;font-style:normal;font-family:var(--brush);font-size:20px;color:#e0485e}
.prc{padding:12vh 26px 30vh;text-align:center}
.prc s{display:block;font-size:14px;color:#7d746c}
.prc b{display:block;margin-top:4px;font-family:var(--brush);font-weight:400;font-size:46px;color:#e8d3a0}
.prc .ssn{display:block;margin-top:6px;font-size:12.5px;letter-spacing:.08em;color:#c9a35c}
.prc p{margin-top:12px;font-size:13px;line-height:1.7;color:#8f8579}
.prc ul{list-style:none;margin:20px auto 0;max-width:330px;text-align:left}
.prc li{padding:10px 0;border-top:1px solid rgba(201,163,92,.16);font-size:14.5px;color:#cfc6bb;display:flex;justify-content:space-between;gap:10px}
.prc li em{font-style:normal;color:#c9a35c;font-size:13px;white-space:nowrap}
/* 하단 고정 버튼 */
.cta{position:absolute;left:0;right:0;bottom:0;z-index:25;padding:26px 18px calc(env(safe-area-inset-bottom,0px) + 14px);background:linear-gradient(180deg,transparent,rgba(0,0,0,.92) 42%);transition:transform .5s ease,opacity .5s}
.cta.hide{transform:translateY(110%);opacity:0}
.cta button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:15px 30px;background:linear-gradient(180deg,#22161b,#0e090b);border:1.5px solid #c9a35c;outline:1px solid rgba(201,163,92,.35);outline-offset:3px;color:#f3e9d8;font-family:var(--brush);font-size:23px;cursor:pointer}
.cta button:before,.cta button:after{content:"";position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;background:#b8283f;transform:rotate(45deg)}
.cta button:before{left:12px}.cta button:after{right:12px}
.cta button em{font-style:normal;font-family:'Noto Sans KR',sans-serif;font-weight:700;font-size:14px;color:#d9b46a}
.tend{padding:8vh 26px 22vh;text-align:center}
.tend p{font-family:'Song Myung',serif;font-size:16px;line-height:1.8;color:#a39a92}
.tend .btn{max-width:360px;margin-left:auto;margin-right:auto}
.tend .btn.gh{background:transparent;border:1.5px solid rgba(201,163,92,.6);color:#e9dfc9}
.tsnd{position:absolute;right:16px;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:26;padding:6px 10px;background:rgba(0,0,0,.5);border:1px solid rgba(246,239,226,.3);color:#d2c9b8;font:500 12px 'Noto Sans KR',sans-serif}
/* 인트로 회상(시간으로 진행) */
.memo .dfl .gt{font-size:29px}
.memo .skip{position:absolute;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:6;padding:6px 10px;background:rgba(0,0,0,.45);border:1px solid rgba(246,239,226,.25);color:#b8afa6;font:500 12px 'Noto Sans KR',sans-serif}
.form .sx{display:flex;gap:6px;flex:1}
.form .sx button{flex:1;padding:12px 0;background:rgba(0,0,0,.45);border:1px solid rgba(246,239,226,.3);color:#d2c9b8;font:500 14px 'Noto Sans KR',sans-serif}
.form .sx button.on{border-color:var(--gold);color:var(--gold)}

/* 10/5 17:53 글만 있는 검은 칸도 통으로 까맣지 않게. 장마다 다른 빛이 은은하게 번지고, 먹 연기가 천천히 흐른다. 위아래 끝은 검정으로 녹아 이음매가 안 보인다 */
.tn{--pc:70,60,120}
.tn .pm,.tn .chh,.tn .five{isolation:isolate}
.tn .pm::before,.tn .chh::before,.tn .five::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(ellipse 95% 55% at 50% 48%,rgba(var(--pc),.34),rgba(var(--pc),.11) 45%,transparent 75%),
    radial-gradient(ellipse 60% 35% at 15% 30%,rgba(var(--pc),.12),transparent 70%),
    radial-gradient(ellipse 55% 30% at 88% 72%,rgba(var(--pc),.10),transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .88 0 0 0 .055 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%)}
.tn .pm::after,.tn .chh::after{content:"";position:absolute;left:-30%;right:-30%;top:10%;bottom:10%;z-index:-1;pointer-events:none;opacity:.55;
  background:radial-gradient(ellipse 30% 22% at 30% 40%,rgba(235,225,210,.07),transparent 70%),radial-gradient(ellipse 26% 18% at 70% 62%,rgba(235,225,210,.06),transparent 70%),radial-gradient(ellipse 22% 16% at 52% 20%,rgba(var(--pc),.18),transparent 70%);
  filter:blur(6px);animation:smk 26s ease-in-out infinite alternate}
@keyframes smk{from{transform:translate3d(-6%,2%,0) scale(1)}to{transform:translate3d(6%,-3%,0) scale(1.12)}}
@media (prefers-reduced-motion:reduce){.tn .pm::after,.tn .chh::after{animation:none}}
#app:has(.tn) .top{padding-bottom:26px;background:linear-gradient(180deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.7) 60%,transparent 100%)}

/* 10/5 18:12 코드로 그린 부적 띠가 누가 봐도 AI 그래픽 → 회화풍으로 그린 빈 부적 다섯 장 그림 위에 붓 먹 글씨만 얹는다(사람마다 다른 기운은 글씨 진하기 · 빛으로) */
.five.f2{padding:0}
.fs{position:relative;width:100%;aspect-ratio:1536/2720;margin-top:-6vh;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 86%,transparent 100%)}
.fs>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.92) contrast(1.05)}
.fs .st{position:absolute;display:flex;justify-content:center;align-items:flex-start}
.fs .st b{position:absolute;left:0;right:0;top:21%;text-align:center;font-family:'Noto Serif KR',serif;font-weight:900;font-size:calc(26px + 15px*var(--k));line-height:1;color:#1c120a;mix-blend-mode:multiply;opacity:0;filter:blur(.35px);transform:scale(1.25);transform-origin:50% 40%;transition:opacity 1.6s ease var(--d),transform 1.6s ease var(--d)}
.five.v .fs .st b{opacity:calc(.38 + .6*var(--k));transform:none}
.fs .st i{position:absolute;left:50%;top:74%;width:22%;aspect-ratio:1;transform:translateX(-50%);background:#8f2219;mix-blend-mode:multiply;opacity:0;transition:opacity .4s ease calc(var(--d) + 1.2s)}
.five.v .fs .st i{opacity:.8}
.fs .st.lo{background:linear-gradient(180deg,rgba(8,12,24,.55),rgba(8,12,24,.75));box-shadow:0 0 30px 6px rgba(70,120,230,.25)}
.fs .st.lo b{color:transparent;-webkit-text-stroke:1px rgba(150,190,255,.85);mix-blend-mode:screen;text-shadow:0 0 16px rgba(91,140,230,.9)}
.five.v .fs .st.lo b{opacity:.9}
.fs .st.lo i{opacity:0!important}
.fs .st.hi::before{content:"";position:absolute;inset:-14% -40%;background:radial-gradient(closest-side,rgba(236,90,67,.45),transparent);mix-blend-mode:screen;opacity:0;transition:opacity 2s ease calc(var(--d) + .6s);pointer-events:none}
.five.v .fs .st.hi::before{opacity:1;animation:emb 3.2s ease-in-out calc(var(--d) + 2.6s) infinite alternate}
@keyframes emb{from{opacity:.7}to{opacity:1}}
.fs .lb{position:absolute;left:0;right:0;top:80.5%;display:flex}
.fs .lb div{position:absolute;transform:translateX(-50%);text-align:center;white-space:nowrap}
.fs .lb b{display:block;font-family:var(--brush);font-weight:400;font-size:17px;color:#efe6d8;text-shadow:0 0 10px #000,0 0 4px #000}
.fs .lb em{display:block;font-style:normal;font-size:11.5px;color:#a89c8c;text-shadow:0 0 8px #000}
.fs .lb .lo em,.fs .lb .hi em{color:var(--c)}
.tn .tp .bloom{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 56% 62%,rgba(255,222,150,.75),rgba(255,190,90,.25) 30%,transparent 62%);mix-blend-mode:screen;opacity:0}
.tn .tp.hold .bloom{animation:bloom 2.4s ease-out forwards}
.tn .tp.hold video{animation:holdv 2.4s ease-out forwards}
@keyframes bloom{0%{opacity:0}18%{opacity:1}100%{opacity:.28}}
@keyframes holdv{0%{filter:none;transform:scale(1)}100%{filter:brightness(.82) saturate(.9);transform:scale(1.04)}}
/* 아래로 내려 읽으라는 표시 */
.scr{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 104px);z-index:24;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none;opacity:0;transition:opacity .8s}
.scr.v{opacity:1}
.scr span{font:500 11.5px 'Noto Sans KR',sans-serif;letter-spacing:.28em;color:rgba(236,229,218,.82);text-shadow:0 0 10px #000,0 0 4px #000;padding-left:.28em}
.scr i{position:relative;display:block;width:1px;height:38px;background:linear-gradient(180deg,rgba(217,180,106,0),rgba(217,180,106,.7));overflow:hidden}
.scr i::after{content:"";position:absolute;left:-2px;top:-6px;width:5px;height:5px;border-radius:50%;background:#f1d9a6;box-shadow:0 0 8px #e6c27a;animation:scd 1.8s ease-in infinite}
.scr b{display:block;width:9px;height:9px;margin-top:-9px;border-right:1px solid rgba(217,180,106,.85);border-bottom:1px solid rgba(217,180,106,.85);transform:rotate(45deg)}
@keyframes scd{0%{top:-6px;opacity:0}20%{opacity:1}100%{top:38px;opacity:0}}

/* 10/5 18:37 녹트서울 피드백 */
/* 표지 먹물: 너무 쨍함 → 살짝 몽환 */
.tn .tp.dream>video,.tn .tp.dream>img{filter:saturate(.74) contrast(.93) brightness(.9) sepia(.12) hue-rotate(-8deg)}
.tn .tp .haze{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 45% at 50% 42%,rgba(255,236,214,.16),transparent 70%),radial-gradient(ellipse 120% 80% at 50% 50%,transparent 45%,rgba(40,24,70,.42) 100%),linear-gradient(180deg,rgba(60,40,90,.18),transparent 30%,transparent 70%,rgba(20,10,30,.35));mix-blend-mode:screen;animation:hz 9s ease-in-out infinite alternate}
.tn .tp .haze::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 120% 80% at 50% 50%,transparent 50%,rgba(10,6,20,.55) 100%);mix-blend-mode:multiply}
@keyframes hz{from{opacity:.75}to{opacity:1}}
/* 회의 컷: 쨍함을 누르고 깊이를 더한다 */
.tn .tp.cine>video,.tn .tp.cine>img{filter:saturate(.8) contrast(1.1) brightness(.86) sepia(.08)}
.tn .tp .vig{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 85% 70% at 50% 45%,transparent 40%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(10,14,30,.25),transparent 25%,transparent 75%,rgba(0,0,0,.4))}
/* 회의가 끝나고 회상 전에 한 박자 쉬는 여운 */
.tn .rest{position:relative;height:42vh;pointer-events:none}
.tn .rest i{position:absolute;left:50%;top:50%;width:70vw;height:70vw;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(214,170,100,.14),rgba(120,80,160,.06) 55%,transparent);animation:rst 5s ease-in-out infinite alternate}
@keyframes rst{from{opacity:.5;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
/* 다섯 신이 네 한 해를 펼쳤다: 금줄이 펼쳐지고 다섯 빛이 피어오른다 */
.pm .unf{position:relative;height:90px;margin:18px auto 0;width:86%;pointer-events:none}
.pm .unf b{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#e6c27a 20%,#fff1cf 50%,#e6c27a 80%,transparent);transform:scaleX(0);box-shadow:0 0 12px rgba(230,194,122,.8)}
.pm .unf i{position:absolute;left:var(--x);top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--c);box-shadow:0 0 14px 4px var(--c),0 0 40px 8px var(--c);opacity:0}
.pm p.v+.unf b,.pm p.v~.unf b{animation:unb 1.6s cubic-bezier(.2,.8,.2,1) .2s forwards}
.pm p.v~.unf i{animation:uni 3.2s ease-out var(--d) forwards}
@keyframes unb{to{transform:scaleX(1)}}
@keyframes uni{0%{opacity:0;transform:translateY(0) scale(.4)}25%{opacity:1;transform:translateY(-6px) scale(1.2)}100%{opacity:.0;transform:translateY(-70px) scale(.5)}}
.pm.big p:nth-last-of-type(1).v{animation:glw 3s ease-out .3s}
@keyframes glw{0%{text-shadow:0 0 14px rgba(0,0,0,.8)}35%{text-shadow:0 0 26px rgba(255,220,150,.75),0 0 60px rgba(230,194,122,.45)}100%{text-shadow:0 0 14px rgba(0,0,0,.8)}}
/* 회상 거울: 안은 뿌연 기억, 바깥(거울 · 방)은 선명한 현실 */
.df{height:150vh}

/* 예고편 랜딩 */
.lnd{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:#000;pointer-events:auto}
.trl{position:relative;height:100vh;height:100svh;overflow:hidden;background:#000}
.trl video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.trs{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 62%,rgba(0,0,0,.85) 100%)}
.trc{position:absolute;left:24px;right:24px;bottom:calc(env(safe-area-inset-bottom,0px) + 118px);text-align:center;font-family:'Song Myung',serif;font-size:19px;line-height:1.6;color:#f1e9dc;text-shadow:0 0 14px #000,0 0 4px #000;opacity:0;transition:opacity .35s}
.trc.v{opacity:1}
.trc.big{font-family:var(--brush);font-size:30px;bottom:auto;top:44%}
.trw{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 160px);text-align:center;font-family:var(--brush);font-size:34px;color:var(--c,#d9b46a);text-shadow:0 0 18px #000,0 0 30px rgba(0,0,0,.8);opacity:0;transform:translateY(8px) scale(1.08);transition:opacity .25s,transform .5s}
.trw.v{opacity:1;transform:none}
.trt{position:absolute;left:0;right:0;top:34%;text-align:center;opacity:0;transform:scale(1.06);transition:opacity 1.2s ease,transform 2.4s ease;pointer-events:none}
.trt.v{opacity:1;transform:none}
.trt small{display:block;font:500 12px 'Noto Sans KR',sans-serif;letter-spacing:.3em;color:#d9b46a;text-shadow:0 0 10px #000}
.trt h1{margin:14px 0 10px;font-family:var(--brush);font-weight:400;font-size:46px;line-height:1.25;color:#f4ecdf;text-shadow:0 0 30px rgba(0,0,0,.9),0 0 60px rgba(230,194,122,.35)}
.trt em{font-style:normal;font:500 11px 'Noto Sans KR',sans-serif;letter-spacing:.4em;color:rgba(241,233,220,.6)}
.trp{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 70px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:14px 22px;background:rgba(10,8,6,.55);border:1px solid rgba(217,180,106,.7);color:#f1e9dc;font:500 15px 'Noto Sans KR',sans-serif;white-space:nowrap;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.trp i{position:relative;width:26px;height:26px;border-radius:50%;border:1px solid #d9b46a}
.trp i::after{content:"";position:absolute;left:9px;top:7px;border-left:9px solid #d9b46a;border-top:6px solid transparent;border-bottom:6px solid transparent}
.trp::before{content:"";position:absolute;inset:-6px;border:1px solid rgba(217,180,106,.35);animation:trpp 2s ease-out infinite}
@keyframes trpp{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}
.trr{position:absolute;right:16px;top:calc(env(safe-area-inset-top,0px) + 62px);padding:7px 12px;background:rgba(0,0,0,.45);border:1px solid rgba(246,239,226,.3);color:#d2c9b8;font:500 12px 'Noto Sans KR',sans-serif}
.trd{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 26px);display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(236,229,218,.85);font:500 12px 'Noto Sans KR',sans-serif;letter-spacing:.12em;text-shadow:0 0 8px #000;animation:trdb 1.8s ease-in-out infinite}
.trd b{width:10px;height:10px;border-right:1px solid #d9b46a;border-bottom:1px solid #d9b46a;transform:rotate(45deg)}
@keyframes trdb{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.lfm{position:relative;min-height:100vh;min-height:100svh;overflow:hidden}
.lfm .form{position:absolute}
.trd[hidden],.trr[hidden],.trp[hidden]{display:none}
/* ===== 10/5e v11 예언서: 시처럼 짧은 줄 · 이음매 대사 띠 · 다섯 기운 · 열두 달 지도 ===== */
.df{height:150vh}
.pm{position:relative;z-index:2;padding:8vh 26px 6vh;text-align:center}
.pm p{margin:0 auto 2.1em;font-family:'Song Myung',serif;font-size:21px;line-height:1.78;color:#ece5da;letter-spacing:.01em;opacity:0;transform:translateY(16px);transition:opacity 1s ease,transform 1s ease;text-shadow:0 0 14px rgba(0,0,0,.8)}
.pm p:last-child{margin-bottom:0}
.pm p.v{opacity:1;transform:none}
.pm p span{display:block}
.pm.big p{font-family:var(--brush);font-size:31px;line-height:1.55;color:#f1e9dc}
.pm p.xl{font-size:27px;line-height:1.6;color:#f4ecdf}
.pm p.l{font-size:23.5px}
.pm p.s{font-size:18.5px;line-height:1.85;color:#d9d0c2}
.pm p.e{font-size:25px;color:#f1dfb7;text-shadow:0 0 18px rgba(201,163,92,.25),0 0 14px rgba(0,0,0,.8)}
.pm p.bl{filter:blur(7px);user-select:none}
.sp{position:relative;z-index:4;width:92%;margin:-17vw auto 0;padding:15px 30px 17px;border-radius:50%;background:rgba(236,232,228,.94);text-align:center;color:#141012;box-shadow:0 10px 40px rgba(0,0,0,.55);opacity:0;transform:translateY(14px);transition:opacity .8s,transform .8s}
.sp.v{opacity:1;transform:none}
.sp b{display:block;margin-bottom:3px;font:700 11px 'Noto Sans KR',sans-serif;letter-spacing:.14em;color:#8a2236}
.sp span{display:block;font-family:var(--brush);font-size:20px;line-height:1.55}
.sp.lk span{filter:blur(6px);user-select:none}
.sp+.pm{padding-top:7vh}
.sea{position:relative;z-index:3;margin-top:-12vw;text-align:center;font-family:var(--brush);font-size:46px;color:#d9b46a;text-shadow:0 0 22px #000,0 0 8px #000}
.five{position:relative;padding:9vh 0 0}
.fo{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:flex-start;gap:9px;padding:0 16px 2vh}
.fo::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,163,92,.55) 15%,rgba(201,163,92,.55) 85%,transparent)}
.fo::after{content:"";position:absolute;left:50%;top:6%;width:120%;height:90%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(214,150,70,.16),transparent);pointer-events:none;z-index:-1}
.fo div{position:relative;flex:1;max-width:66px;text-align:center;opacity:0;transform:translateY(-26px) rotate(var(--r,0deg));transform-origin:50% 0;transition:opacity 1.1s ease var(--d),transform 1.6s cubic-bezier(.2,1.4,.4,1) var(--d)}
.five.v .fo div{opacity:1;transform:rotate(0deg);animation:sway 6s ease-in-out calc(var(--d) + 1.6s) infinite alternate}
@keyframes sway{from{transform:rotate(-.9deg)}to{transform:rotate(.9deg)}}
.fo div::before{content:"";display:block;width:1px;height:calc(18px + 26px*var(--k));margin:0 auto;background:rgba(201,163,92,.6)}
.fo i{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/3;font-style:normal;background:linear-gradient(180deg,rgba(255,250,236,.08),rgba(0,0,0,.18)),repeating-linear-gradient(93deg,rgba(120,96,60,.05) 0 2px,transparent 2px 5px),linear-gradient(180deg,#d8cbb0,#c2b08c 70%,#a9956f);box-shadow:0 14px 30px -10px rgba(0,0,0,.9);filter:brightness(.86)}
.fo i::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--c)}
.fo i::after{content:"";position:absolute;left:50%;bottom:9%;width:13px;height:13px;transform:translateX(-50%);background:#9e2a22;opacity:.85}
.fo i span{font-family:'Noto Serif KR',serif;font-weight:900;font-size:calc(22px + 16px*var(--k));line-height:1;color:#17110c;opacity:calc(.45 + .55*var(--k));text-shadow:0 0 1px rgba(23,17,12,.6)}
.fo .lo i{background:linear-gradient(180deg,rgba(40,34,28,.6),rgba(15,12,10,.75));box-shadow:inset 0 0 0 1px var(--c),0 0 26px -4px var(--c);filter:none}
.fo .lo i::after{opacity:.25}
.fo .lo i span{color:transparent;-webkit-text-stroke:1px var(--c);opacity:.9;text-shadow:0 0 14px var(--c)}
.fo .hi i{box-shadow:0 0 0 1px rgba(255,214,150,.4),0 0 38px 4px var(--c),0 14px 30px -10px rgba(0,0,0,.9);filter:brightness(.98)}
.fo b{display:block;margin-top:11px;font-family:var(--brush);font-weight:400;font-size:17px;color:#e9e1d6}
.fo em{display:block;white-space:nowrap;font-style:normal;font-size:11.5px;letter-spacing:.06em;color:#8f8579}
.fo .lo em,.fo .hi em{color:var(--c)}
.mmap{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:4vh 22px 2vh}
.mmap div{padding:12px 0 10px;text-align:center;border:1px solid rgba(201,163,92,.18);background:#0c090b}
.mmap b{display:block;font-family:var(--brush);font-weight:400;font-size:27px;line-height:1.1;color:var(--c)}
.mmap span{font-size:12px;color:#8f8579}
.mmap .bad{border-color:#b8283f;background:rgba(184,40,63,.15)}.mmap .bad span{color:#e2687a}
.mmap .g,.mmap .hap{border-color:#c9a35c;background:rgba(201,163,92,.08)}.mmap .g span,.mmap .hap span{color:#d9b46a}
.vline{position:relative;z-index:3;padding:10vh 24px 8vh;text-align:center;font-family:var(--brush);font-size:40px;line-height:1.45;color:#efe2c2;text-shadow:0 0 30px rgba(184,40,63,.65),0 0 8px #000}
.tn .tp.gap{margin-top:5vh}
.tn .tp>img.kb2{animation:kb2 16s ease-in-out infinite alternate}
@keyframes kb2{from{transform:scale(1.03)}to{transform:scale(1.16)}}
.dfl .cp{position:absolute;left:0;right:0;bottom:14%;height:60px;z-index:3;text-align:center}
.dfl .cp span{position:absolute;left:0;right:0;font-family:var(--brush);font-size:29px;color:#f1e9dc;text-shadow:0 0 18px #000,0 0 6px #000;opacity:0;transition:opacity .2s}
.dfl .cp span.v{opacity:1}
.dfl .fl{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 47%,rgba(255,248,236,.8),transparent 62%);opacity:0}
.dfl .fl.go{animation:fl .5s ease-out}
@keyframes fl{0%{opacity:.9}100%{opacity:0}}
.tn .ttl small{letter-spacing:.24em}