/* UZU : 우리들의 주류생활
   색: 브랜드북(UZU Deep Gray·Light Blue) + 해피바술데이 BI(Happy Blue·Pink) + 촬영 배경색(주황·하늘·남색)
   글꼴: Pretendard(한글) · Plus Jakarta Sans(영문) — 두 브랜드 가이드 공통 */

@font-face{font-family:"Pretendard";src:url(/fonts/PretendardVariable.ks.woff2) format("woff2-variations");font-weight:45 920;font-display:swap;unicode-range:U+20-7E,U+A9,U+AE,U+B0,U+B7,U+D7,U+131,U+2013-2014,U+2018-2019,U+201C-201D,U+2026,U+20A9,U+2122,U+2190-2193,U+2197,U+25CB,U+25CF,U+AC00-AC01,U+AC04,U+AC07-AC0A,U+AC10-AC17,U+AC19-AC1D,U+AC20,U+AC24,U+AC2C-AC2D,U+AC2F-AC31,U+AC38-AC39,U+AC3C,U+AC40,U+AC4B,U+AC4D,U+AC54,U+AC58,U+AC5C,U+AC70-AC71,U+AC74,U+AC77-AC78,U+AC7A,U+AC80-AC81,U+AC83-AC86,U+AC89-AC8C,U+AC90,U+AC94,U+AC9C-AC9D,U+AC9F-ACA1,U+ACA8-ACAA,U+ACAC,U+ACAF-ACB0,U+ACB8-ACB9,U+ACBB-ACBD,U+ACC1,U+ACC4,U+ACC8,U+ACCC,U+ACD5,U+ACD7,U+ACE0-ACE1,U+ACE4,U+ACE7-ACE8,U+ACEA,U+ACEC,U+ACEF-ACF1,U+ACF3,U+ACF5-ACF6,U+ACFC-ACFD,U+AD00,U+AD04,U+AD06,U+AD0C-AD0D,U+AD0F,U+AD11,U+AD18,U+AD1C,U+AD20,U+AD29,U+AD2C-AD2D,U+AD34-AD35,U+AD38,U+AD3C,U+AD44-AD45,U+AD47,U+AD49,U+AD50,U+AD54,U+AD58,U+AD61,U+AD63,U+AD6C-AD6D,U+AD70,U+AD73-AD76,U+AD7B-AD7D,U+AD7F,U+AD81-AD82,U+AD88-AD89,U+AD8C,U+AD90,U+AD9C-AD9D,U+ADA4,U+ADB7,U+ADC0-ADC1,U+ADC4,U+ADC8,U+ADD0-ADD1,U+ADD3,U+ADDC,U+ADE0,U+ADE4,U+ADF8-ADF9,U+ADFC,U+ADFF-AE01,U+AE08-AE09,U+AE0B,U+AE0D,U+AE14,U+AE30-AE31,U+AE34,U+AE37-AE38,U+AE3A,U+AE40-AE41,U+AE43,U+AE45-AE46,U+AE4A,U+AE4C-AE4E,U+AE50,U+AE54,U+AE56,U+AE5C-AE5D,U+AE5F-AE61,U+AE65,U+AE68-AE69,U+AE6C,U+AE70,U+AE78-AE79,U+AE7B-AE7D,U+AE84-AE85,U+AE8C,U+AEBC-AEBE,U+AEC0,U+AEC4,U+AECC-AECD,U+AECF-AED1,U+AED8-AED9,U+AEDC,U+AEE8,U+AEEB,U+AEED,U+AEF4,U+AEF8,U+AEFC,U+AF07-AF08,U+AF0D,U+AF10,U+AF2C-AF2D,U+AF30,U+AF32,U+AF34,U+AF3C-AF3D,U+AF3F,U+AF41-AF43,U+AF48-AF49,U+AF50,U+AF5C-AF5D,U+AF64-AF65,U+AF79,U+AF80,U+AF84,U+AF88,U+AF90-AF91,U+AF95,U+AF9C,U+AFB8-AFB9,U+AFBC,U+AFC0,U+AFC7-AFC9,U+AFCB,U+AFCD-AFCE,U+AFD4,U+AFDC,U+AFE8-AFE9,U+AFF0-AFF1,U+AFF4,U+AFF8,U+B000-B001,U+B004,U+B00C,U+B010,U+B014,U+B01C-B01D,U+B028,U+B044-B045,U+B048,U+B04A,U+B04C,U+B04E,U+B053-B055,U+B057,U+B059,U+B05D,U+B07C-B07D,U+B080,U+B084,U+B08C-B08D,U+B08F,U+B091,U+B098-B09A,U+B09C,U+B09F-B0A2,U+B0A8-B0A9,U+B0AB-B0AF,U+B0B1,U+B0B3-B0B5,U+B0B8,U+B0BC,U+B0C4-B0C5,U+B0C7-B0C9,U+B0D0-B0D1,U+B0D4,U+B0D8,U+B0E0,U+B0E5,U+B108-B109,U+B10B-B10C,U+B110,U+B112-B113,U+B118-B119,U+B11B-B11D,U+B123-B125,U+B128,U+B12C,U+B134-B135,U+B137-B139,U+B140-B141,U+B144,U+B148,U+B150-B151,U+B154-B155,U+B158,U+B15C,U+B160,U+B178-B179,U+B17C,U+B180,U+B182,U+B188-B189,U+B18B,U+B18D,U+B192-B194,U+B198,U+B19C,U+B1A8,U+B1CC,U+B1D0,U+B1D4,U+B1DC-B1DD,U+B1DF,U+B1E8-B1E9,U+B1EC,U+B1F0,U+B1F9,U+B1FB,U+B1FD,U+B204-B205,U+B208,U+B20B-B20C,U+B214-B215,U+B217,U+B219,U+B220,U+B234,U+B23C,U+B258,U+B25C,U+B260,U+B268-B269,U+B274-B275,U+B27C,U+B284-B285,U+B289,U+B290-B291,U+B294,U+B298-B29A,U+B2A0-B2A1,U+B2A3,U+B2A5-B2A6,U+B2AA,U+B2AC,U+B2B0,U+B2B4,U+B2C8-B2C9,U+B2CC,U+B2D0,U+B2D2,U+B2D8-B2D9,U+B2DB,U+B2DD,U+B2E2,U+B2E4-B2E6,U+B2E8,U+B2EB-B2EF,U+B2F3-B2F5,U+B2F7-B2FB,U+B2FF-B301,U+B304,U+B308,U+B310-B311,U+B313-B315,U+B31C,U+B354-B356,U+B358,U+B35B-B35C,U+B35E-B35F,U+B364-B365,U+B367,U+B369,U+B36B,U+B36E,U+B370-B371,U+B374,U+B378,U+B380-B381,U+B383-B385,U+B38C,U+B390,U+B394,U+B3A0-B3A1,U+B3A8,U+B3AC,U+B3C4-B3C5,U+B3C8,U+B3CB-B3CC,U+B3CE,U+B3D0,U+B3D4-B3D5,U+B3D7,U+B3D9,U+B3DB,U+B3DD,U+B3E0,U+B3E4,U+B3E8,U+B3FC,U+B410,U+B418,U+B41C,U+B420,U+B428-B429,U+B42B,U+B434,U+B450-B451,U+B454,U+B458,U+B460-B461,U+B463,U+B465,U+B46C,U+B480,U+B488,U+B49D,U+B4A4,U+B4A8,U+B4AC,U+B4B5,U+B4B7,U+B4B9,U+B4C0,U+B4C4,U+B4C8,U+B4D0,U+B4D5,U+B4DC-B4DD,U+B4E0,U+B4E3-B4E4,U+B4E6,U+B4EC-B4ED,U+B4EF,U+B4F1,U+B4F8,U+B514-B515,U+B518,U+B51B-B51C,U+B524-B525,U+B527-B52A,U+B530-B531,U+B534,U+B538,U+B540-B541,U+B543-B545,U+B54B-B54D,U+B550,U+B554,U+B55C-B55D,U+B55F-B561,U+B5A0-B5A1,U+B5A4,U+B5A8,U+B5AA-B5AB,U+B5B0-B5B1,U+B5B3-B5B5,U+B5BB-B5BD,U+B5C0,U+B5C4,U+B5CC-B5CD,U+B5CF-B5D1,U+B5D8,U+B5EC,U+B610-B611,U+B614,U+B618,U+B625,U+B62C,U+B634,U+B648,U+B664,U+B668,U+B69C-B69D,U+B6A0,U+B6A4,U+B6AB-B6AC,U+B6B1,U+B6D4,U+B6F0,U+B6F4,U+B6F8,U+B700-B701,U+B705,U+B728-B729,U+B72C,U+B72F-B730,U+B738-B739,U+B73B,U+B744,U+B748,U+B74C,U+B754-B755,U+B760,U+B764,U+B768,U+B770-B771,U+B773,U+B775,U+B77C-B77D,U+B780,U+B784,U+B78C-B78D,U+B78F-B792,U+B796-B799,U+B79C,U+B7A0,U+B7A8-B7A9,U+B7AB-B7AD,U+B7B4-B7B5,U+B7B8,U+B7C7,U+B7C9,U+B7EC-B7ED,U+B7F0,U+B7F4,U+B7FC-B7FD,U+B7FF-B801,U+B807-B809,U+B80C,U+B810,U+B818-B819,U+B81B,U+B81D,U+B824-B825,U+B828,U+B82C,U+B834-B835,U+B837-B839,U+B840,U+B844,U+B851,U+B853,U+B85C-B85D,U+B860,U+B864,U+B86C-B86D,U+B86F,U+B871,U+B878,U+B87C,U+B88D,U+B8A8,U+B8B0,U+B8B4,U+B8B8,U+B8C0-B8C1,U+B8C3,U+B8C5,U+B8CC,U+B8D0,U+B8D4,U+B8DD,U+B8DF,U+B8E1,U+B8E8-B8E9,U+B8EC,U+B8F0,U+B8F8-B8F9,U+B8FB,U+B8FD,U+B904,U+B918,U+B920,U+B93C-B93D,U+B940,U+B944,U+B94C,U+B94F,U+B951,U+B958-B959,U+B95C,U+B960,U+B968-B969,U+B96B,U+B96D,U+B974-B975,U+B978,U+B97C,U+B984-B985,U+B987,U+B989-B98A,U+B98D-B98E,U+B9AC-B9AD,U+B9B0,U+B9B4,U+B9BC-B9BD,U+B9BF,U+B9C1,U+B9C8-B9C9,U+B9CC,U+B9CE-B9D2,U+B9D8-B9D9,U+B9DB,U+B9DD-B9DE,U+B9E1,U+B9E3-B9E5,U+B9E8,U+B9EC,U+B9F4-B9F5,U+B9F7-B9FA,U+BA00-BA01,U+BA08,U+BA15,U+BA38-BA39,U+BA3C,U+BA40,U+BA42,U+BA48-BA49,U+BA4B,U+BA4D-BA4E,U+BA53-BA55,U+BA58,U+BA5C,U+BA64-BA65,U+BA67-BA69,U+BA70-BA71,U+BA74,U+BA78,U+BA83-BA85,U+BA87,U+BA8C,U+BAA8-BAA9,U+BAAB-BAAC,U+BAB0,U+BAB2,U+BAB8-BAB9,U+BABB,U+BABD,U+BAC4,U+BAC8,U+BAD8-BAD9,U+BAFC,U+BB00,U+BB04,U+BB0D,U+BB0F,U+BB11,U+BB18,U+BB1C,U+BB20,U+BB29,U+BB2B,U+BB34-BB36,U+BB38,U+BB3B-BB3E,U+BB44-BB45,U+BB47,U+BB49,U+BB4D,U+BB4F-BB50,U+BB54,U+BB58,U+BB61,U+BB63,U+BB6C,U+BB88,U+BB8C,U+BB90,U+BBA4,U+BBA8,U+BBAC,U+BBB4,U+BBB7,U+BBC0,U+BBC4,U+BBC8,U+BBD0,U+BBD3,U+BBF8-BBF9,U+BBFC,U+BBFF-BC00,U+BC02,U+BC08-BC09,U+BC0B-BC0D,U+BC0F,U+BC11,U+BC14-BC18,U+BC1B-BC1F,U+BC24-BC25,U+BC27,U+BC29,U+BC2D,U+BC30-BC31,U+BC34,U+BC38,U+BC40-BC41,U+BC43-BC45,U+BC49,U+BC4C-BC4D,U+BC50,U+BC5D,U+BC84-BC85,U+BC88,U+BC8B-BC8C,U+BC8E,U+BC94-BC95,U+BC97,U+BC99-BC9A,U+BCA0-BCA1,U+BCA4,U+BCA7-BCA8,U+BCB0-BCB1,U+BCB3-BCB5,U+BCBC-BCBD,U+BCC0,U+BCC4,U+BCCD,U+BCCF-BCD1,U+BCD5,U+BCD8,U+BCDC,U+BCF4-BCF6,U+BCF8,U+BCFC,U+BD04-BD05,U+BD07,U+BD09,U+BD10,U+BD14,U+BD24,U+BD2C,U+BD40,U+BD48-BD49,U+BD4C,U+BD50,U+BD58-BD59,U+BD64,U+BD68,U+BD80-BD81,U+BD84,U+BD87-BD8A,U+BD90-BD91,U+BD93,U+BD95,U+BD99-BD9A,U+BD9C,U+BDA4,U+BDB0,U+BDB8,U+BDD4-BDD5,U+BDD8,U+BDDC,U+BDE9,U+BDF0,U+BDF4,U+BDF8,U+BE00,U+BE03,U+BE05,U+BE0C-BE0D,U+BE10,U+BE14,U+BE1C-BE1D,U+BE1F,U+BE44-BE45,U+BE48,U+BE4C,U+BE4E,U+BE54-BE55,U+BE57,U+BE59-BE5B,U+BE60-BE61,U+BE64,U+BE68,U+BE6A,U+BE70-BE71,U+BE73-BE75,U+BE7B-BE7D,U+BE80,U+BE84,U+BE8C-BE8D,U+BE8F-BE91,U+BE98-BE99,U+BEA8,U+BED0-BED1,U+BED4,U+BED7-BED8,U+BEE0,U+BEE3-BEE5,U+BEEC,U+BF01,U+BF08-BF09,U+BF18-BF19,U+BF1B-BF1D,U+BF40-BF41,U+BF44,U+BF48,U+BF50-BF51,U+BF55,U+BF94,U+BFB0,U+BFC5,U+BFCC-BFCD,U+BFD0,U+BFD4,U+BFDC,U+BFDF,U+BFE1,U+C03C,U+C051,U+C058,U+C05C,U+C060,U+C068-C069,U+C090-C091,U+C094,U+C098,U+C0A0-C0A1,U+C0A3,U+C0A5,U+C0AC-C0AD,U+C0AF-C0B0,U+C0B3-C0B6,U+C0BC-C0BD,U+C0BF-C0C1,U+C0C5,U+C0C8-C0C9,U+C0CC,U+C0D0,U+C0D8-C0D9,U+C0DB-C0DD,U+C0E4-C0E5,U+C0E8,U+C0EC,U+C0F4-C0F5,U+C0F7,U+C0F9,U+C100,U+C104,U+C108,U+C110,U+C115,U+C11C-C120,U+C123-C124,U+C126-C127,U+C12C-C12D,U+C12F-C131,U+C136,U+C138-C139,U+C13C,U+C140,U+C148-C149,U+C14B-C14D,U+C154-C155,U+C158,U+C15C,U+C164-C165,U+C167-C169,U+C170,U+C174,U+C178,U+C185,U+C18C-C18E,U+C190,U+C194,U+C196,U+C19C-C19D,U+C19F,U+C1A1,U+C1A5,U+C1A8-C1A9,U+C1AC,U+C1B0,U+C1BD,U+C1C4,U+C1C8,U+C1CC,U+C1D4,U+C1D7-C1D8,U+C1E0,U+C1E4,U+C1E8,U+C1F0-C1F1,U+C1F3,U+C1FC-C1FD,U+C200,U+C204,U+C20C-C20D,U+C20F,U+C211,U+C218-C219,U+C21C,U+C21F-C220,U+C228-C229,U+C22B,U+C22D,U+C22F,U+C231-C232,U+C234,U+C248,U+C250-C251,U+C254,U+C258,U+C260,U+C265,U+C26C-C26D,U+C270,U+C274,U+C27C-C27D,U+C27F,U+C281,U+C288-C289,U+C290,U+C298,U+C29B,U+C29D,U+C2A4-C2A5,U+C2A8,U+C2AC-C2AD,U+C2B4-C2B5,U+C2B7,U+C2B9,U+C2DC-C2DD,U+C2E0,U+C2E3-C2E4,U+C2EB-C2ED,U+C2EF,U+C2F1,U+C2F6,U+C2F8-C2F9,U+C2FB-C2FC,U+C300,U+C308-C309,U+C30C-C30D,U+C313-C315,U+C318,U+C31C,U+C324-C325,U+C328-C329,U+C345,U+C368-C369,U+C36C,U+C370,U+C372,U+C378-C379,U+C37C-C37D,U+C384,U+C388,U+C38C,U+C3C0,U+C3D8-C3D9,U+C3DC,U+C3DF-C3E0,U+C3E2,U+C3E8-C3E9,U+C3ED,U+C3F4-C3F5,U+C3F8,U+C408,U+C410,U+C424,U+C42C,U+C430,U+C434,U+C43C-C43D,U+C448,U+C464-C465,U+C468,U+C46C,U+C474-C475,U+C479,U+C480,U+C494,U+C49C,U+C4B8,U+C4BC,U+C4E9,U+C4F0-C4F1,U+C4F4,U+C4F8,U+C4FA,U+C4FF-C501,U+C50C,U+C510,U+C514,U+C51C,U+C528-C529,U+C52C,U+C530,U+C538-C539,U+C53B,U+C53D,U+C544-C545,U+C548-C54A,U+C54C-C54E,U+C553-C555,U+C557-C559,U+C55D-C55E,U+C560-C561,U+C564,U+C568,U+C570-C571,U+C573-C575,U+C57C-C57D,U+C580,U+C584,U+C587,U+C58C-C58D,U+C58F,U+C591,U+C595,U+C597-C598,U+C59C,U+C5A0,U+C5A9,U+C5B4-C5B5,U+C5B8-C5B9,U+C5BB-C5BE,U+C5C4-C5CA,U+C5CC,U+C5CE,U+C5D0-C5D1,U+C5D4,U+C5D8,U+C5E0-C5E1,U+C5E3,U+C5E5,U+C5EC-C5EE,U+C5F0,U+C5F4,U+C5F6-C5F7,U+C5FC-C601,U+C605-C608,U+C60C,U+C610,U+C618-C619,U+C61B-C61C,U+C624-C625,U+C628,U+C62C-C62E,U+C630,U+C633-C635,U+C637,U+C639,U+C63B,U+C640-C641,U+C644,U+C648,U+C650-C651,U+C653-C655,U+C65C-C65D,U+C660,U+C66C,U+C66F,U+C671,U+C678-C679,U+C67C,U+C680,U+C688-C689,U+C68B,U+C68D,U+C694-C695,U+C698,U+C69C,U+C6A4-C6A5,U+C6A7,U+C6A9,U+C6B0-C6B1,U+C6B4,U+C6B8-C6BA,U+C6C0-C6C1,U+C6C3,U+C6C5,U+C6CC-C6CD,U+C6D0,U+C6D4,U+C6DC-C6DD,U+C6E0-C6E1,U+C6E8-C6E9,U+C6EC,U+C6F0,U+C6F8-C6F9,U+C6FD,U+C704-C705,U+C708,U+C70C,U+C714-C715,U+C717,U+C719,U+C720-C721,U+C724,U+C728,U+C730-C731,U+C733,U+C735,U+C737,U+C73C-C73D,U+C740,U+C744,U+C74A,U+C74C-C74D,U+C74F,U+C751-C758,U+C75C,U+C760,U+C768,U+C76B,U+C774-C775,U+C778,U+C77C-C77E,U+C783-C785,U+C787-C78A,U+C78E,U+C790-C791,U+C794,U+C796-C798,U+C79A,U+C7A0-C7A1,U+C7A3-C7A6,U+C7AC-C7AD,U+C7B0,U+C7B4,U+C7BC-C7BD,U+C7BF-C7C1,U+C7C8-C7C9,U+C7CC,U+C7CE,U+C7D0,U+C7D8,U+C7DD,U+C7E4,U+C7E8,U+C7EC,U+C800-C801,U+C804,U+C808,U+C80A,U+C810-C811,U+C813,U+C815-C816,U+C81C-C81D,U+C820,U+C824,U+C82C-C82D,U+C82F,U+C831,U+C838,U+C83C,U+C840,U+C848-C849,U+C84C-C84D,U+C854,U+C870-C871,U+C874,U+C878,U+C87A,U+C880-C881,U+C883,U+C885-C887,U+C88B-C88D,U+C894,U+C89D,U+C89F,U+C8A1,U+C8A8,U+C8BC-C8BD,U+C8C4,U+C8C8,U+C8CC,U+C8D4-C8D5,U+C8D7,U+C8D9,U+C8E0-C8E1,U+C8E4,U+C8F5,U+C8FC-C8FD,U+C900,U+C904-C906,U+C90C-C90D,U+C90F,U+C911,U+C918,U+C92C,U+C934,U+C950-C951,U+C954,U+C958,U+C960-C961,U+C963,U+C96C,U+C970,U+C974,U+C97C,U+C988-C989,U+C98C,U+C990,U+C998-C999,U+C99B,U+C99D,U+C9C0-C9C1,U+C9C4,U+C9C7-C9C8,U+C9CA,U+C9D0-C9D1,U+C9D3,U+C9D5-C9D6,U+C9D9-C9DA,U+C9DC-C9DD,U+C9E0,U+C9E2,U+C9E4,U+C9E7,U+C9EC-C9ED,U+C9EF-C9F1,U+C9F8-C9F9,U+C9FC,U+CA00,U+CA08-CA09,U+CA0B-CA0D,U+CA14,U+CA18,U+CA29,U+CA4C-CA4D,U+CA50,U+CA54,U+CA5C-CA5D,U+CA5F-CA61,U+CA68,U+CA7D,U+CA84,U+CA98,U+CABC-CABD,U+CAC0,U+CAC4,U+CACC-CACD,U+CACF,U+CAD1,U+CAD3,U+CAD8-CAD9,U+CAE0,U+CAEC,U+CAF4,U+CB08,U+CB10,U+CB14,U+CB18,U+CB20-CB21,U+CB41,U+CB48-CB49,U+CB4C,U+CB50,U+CB58-CB59,U+CB5D,U+CB64,U+CB78-CB79,U+CB9C,U+CBB8,U+CBD4,U+CBE4,U+CBE7,U+CBE9,U+CC0C-CC0D,U+CC10,U+CC14,U+CC1C-CC1D,U+CC21-CC22,U+CC27-CC29,U+CC2C,U+CC2E,U+CC30,U+CC38-CC39,U+CC3B-CC3E,U+CC44-CC45,U+CC48,U+CC4C,U+CC54-CC55,U+CC57-CC59,U+CC60,U+CC64,U+CC66,U+CC68,U+CC70,U+CC75,U+CC98-CC99,U+CC9C,U+CCA0,U+CCA8-CCA9,U+CCAB-CCAD,U+CCB4-CCB5,U+CCB8,U+CCBC,U+CCC4-CCC5,U+CCC7,U+CCC9,U+CCD0,U+CCD4,U+CCE4,U+CCEC,U+CCF0,U+CD01,U+CD08-CD09,U+CD0C,U+CD10,U+CD18-CD19,U+CD1B,U+CD1D,U+CD24,U+CD28,U+CD2C,U+CD39,U+CD5C,U+CD60,U+CD64,U+CD6C-CD6D,U+CD6F,U+CD71,U+CD78,U+CD88,U+CD94-CD95,U+CD98,U+CD9C,U+CDA4-CDA5,U+CDA7,U+CDA9,U+CDB0,U+CDC4,U+CDCC,U+CDD0,U+CDE8,U+CDEC,U+CDF0,U+CDF8-CDF9,U+CDFB,U+CDFD,U+CE04,U+CE08,U+CE0C,U+CE14,U+CE19,U+CE20-CE21,U+CE24,U+CE28,U+CE30-CE31,U+CE33,U+CE35,U+CE58-CE59,U+CE5C,U+CE5F-CE61,U+CE68-CE69,U+CE6B,U+CE6D,U+CE74-CE75,U+CE78,U+CE7C,U+CE84-CE85,U+CE87,U+CE89,U+CE90-CE91,U+CE94,U+CE98,U+CEA0-CEA1,U+CEA3-CEA5,U+CEAC-CEAD,U+CEC1,U+CEE4-CEE5,U+CEE8,U+CEEB-CEEC,U+CEF4-CEF5,U+CEF7-CEF9,U+CF00-CF01,U+CF04,U+CF08,U+CF10-CF11,U+CF13,U+CF15,U+CF1C,U+CF20,U+CF24,U+CF2C-CF2D,U+CF2F-CF31,U+CF38,U+CF54-CF55,U+CF58,U+CF5C,U+CF64-CF65,U+CF67,U+CF69,U+CF70-CF71,U+CF74,U+CF78,U+CF80,U+CF85,U+CF8C,U+CFA1,U+CFA8,U+CFB0,U+CFC4,U+CFE0-CFE1,U+CFE4,U+CFE8,U+CFF0-CFF1,U+CFF3,U+CFF5,U+CFFC,U+D000,U+D004,U+D011,U+D018,U+D02D,U+D034-D035,U+D038,U+D03C,U+D044-D045,U+D047,U+D049,U+D050,U+D054,U+D058,U+D060,U+D06C-D06D,U+D070,U+D074,U+D07C-D07D,U+D081,U+D0A4-D0A5,U+D0A8,U+D0AC,U+D0B4-D0B5,U+D0B7,U+D0B9,U+D0C0-D0C1,U+D0C4,U+D0C8-D0C9,U+D0D0-D0D1,U+D0D3-D0D5,U+D0DC-D0DD,U+D0E0,U+D0E4,U+D0EC-D0ED,U+D0EF-D0F1,U+D0F8,U+D10D,U+D130-D131,U+D134,U+D138,U+D13A,U+D140-D141,U+D143-D145,U+D14C-D14D,U+D150,U+D154,U+D15C-D15D,U+D15F,U+D161,U+D168,U+D16C,U+D17C,U+D184,U+D188,U+D1A0-D1A1,U+D1A4,U+D1A8,U+D1B0-D1B1,U+D1B3,U+D1B5,U+D1BA,U+D1BC,U+D1C0,U+D1D8,U+D1F4,U+D1F8,U+D207,U+D209,U+D210,U+D22C-D22D,U+D230,U+D234,U+D23C-D23D,U+D23F,U+D241,U+D248,U+D25C,U+D264,U+D280-D281,U+D284,U+D288,U+D290-D291,U+D295,U+D29C,U+D2A0,U+D2A4,U+D2AC,U+D2B1,U+D2B8-D2B9,U+D2BC,U+D2BF-D2C0,U+D2C2,U+D2C8-D2C9,U+D2CB,U+D2D4,U+D2D8,U+D2DC,U+D2E4-D2E5,U+D2F0-D2F1,U+D2F4,U+D2F8,U+D300-D301,U+D303,U+D305,U+D30C-D30E,U+D310,U+D314,U+D316,U+D31C-D31D,U+D31F-D321,U+D325,U+D328-D329,U+D32C,U+D330,U+D338-D339,U+D33B-D33D,U+D344-D345,U+D37C-D37D,U+D380,U+D384,U+D38C-D38D,U+D38F-D391,U+D398-D399,U+D39C,U+D3A0,U+D3A8-D3A9,U+D3AB,U+D3AD,U+D3B4,U+D3B8,U+D3BC,U+D3C4-D3C5,U+D3C8-D3C9,U+D3D0,U+D3D8,U+D3E1,U+D3E3,U+D3EC-D3ED,U+D3F0,U+D3F4,U+D3FC-D3FD,U+D3FF,U+D401,U+D408,U+D41D,U+D440,U+D444,U+D45C,U+D460,U+D464,U+D46D,U+D46F,U+D478-D479,U+D47C,U+D47F-D480,U+D482,U+D488-D489,U+D48B,U+D48D,U+D494,U+D4A9,U+D4CC,U+D4D0,U+D4D4,U+D4DC,U+D4DF,U+D4E8,U+D4EC,U+D4F0,U+D4F8,U+D4FB,U+D4FD,U+D504,U+D508,U+D50C,U+D514-D515,U+D517,U+D53C-D53D,U+D540,U+D544,U+D54C-D54D,U+D54F,U+D551,U+D558-D559,U+D55C,U+D560,U+D565,U+D568-D569,U+D56B,U+D56D,U+D574-D575,U+D578,U+D57C,U+D584-D585,U+D587-D589,U+D590,U+D5A5,U+D5C8-D5C9,U+D5CC,U+D5D0,U+D5D2,U+D5D8-D5D9,U+D5DB,U+D5DD,U+D5E4-D5E5,U+D5E8,U+D5EC,U+D5F4-D5F5,U+D5F7,U+D5F9,U+D600-D601,U+D604,U+D608,U+D610-D611,U+D613-D615,U+D61C,U+D620,U+D624,U+D62D,U+D638-D639,U+D63C,U+D640,U+D645,U+D648-D649,U+D64B,U+D64D,U+D651,U+D654-D655,U+D658,U+D65C,U+D667,U+D669,U+D670-D671,U+D674,U+D683,U+D685,U+D68C-D68D,U+D690,U+D694,U+D69D,U+D69F,U+D6A1,U+D6A8,U+D6AC,U+D6B0,U+D6B9,U+D6BB,U+D6C4-D6C5,U+D6C8,U+D6CC,U+D6D1,U+D6D4,U+D6D7,U+D6D9,U+D6E0,U+D6E4,U+D6E8,U+D6F0,U+D6F5,U+D6FC-D6FD,U+D700,U+D704,U+D711,U+D718-D719,U+D71C,U+D720,U+D728-D729,U+D72B,U+D72D,U+D734-D735,U+D738,U+D73C,U+D744,U+D747,U+D749,U+D750-D751,U+D754,U+D756-D759,U+D760-D761,U+D763,U+D765,U+D769,U+D76C,U+D770,U+D774,U+D77C-D77D,U+D781,U+D788-D789,U+D78C,U+D790,U+D798-D799,U+D79B,U+D79D}
@font-face{font-family:"Pretendard";src:url(/fonts/PretendardVariable.site.woff2) format("woff2-variations");font-weight:45 920;font-display:swap;unicode-range:U+20-7E,U+A9,U+B0,U+B7,U+D7,U+2013-2014,U+2018-2019,U+201C-201D,U+2026,U+2190-2193,U+25CB,U+AC00-AC01,U+AC04,U+AC08,U+AC10-AC11,U+AC14,U+AC16,U+AC19,U+AC1C,U+AC70,U+AC74,U+AC78,U+AC83,U+AC8C,U+ACA0,U+ACA8-ACA9,U+ACAC,U+ACB0,U+ACB9,U+ACBD,U+ACC1,U+ACC4,U+ACE0,U+ACE7-ACE8,U+ACF0,U+ACF3,U+ACF5,U+ACFC,U+AD00,U+AD50,U+AD6C-AD6D,U+AD70,U+AD74,U+AD81,U+AD8C,U+AD90,U+ADC0,U+ADE0,U+ADF8,U+ADFC,U+AE00,U+AE08-AE09,U+AE30,U+AE34,U+AE38,U+AE4A,U+AE4C,U+AE54,U+AE68,U+AED8,U+AEF4,U+AF2D,U+AF34,U+AF43,U+AF80,U+AFB8,U+AFBC,U+AFD4,U+B014,U+B048,U+B04C,U+B054,U+B05D,U+B07C,U+B084,U+B098,U+B0A0,U+B0A8-B0A9,U+B0AC,U+B0B4,U+B0B8,U+B0C8-B0C9,U+B108,U+B118,U+B123-B124,U+B135,U+B144,U+B150,U+B178,U+B18D,U+B192-B193,U+B1CC,U+B204,U+B208,U+B215,U+B274,U+B290,U+B294,U+B298,U+B2A5,U+B2C8,U+B2D8,U+B2E4-B2E5,U+B2E8,U+B2EB-B2EC,U+B2EE,U+B2F4-B2F5,U+B2F7,U+B2F9,U+B2FF-B300,U+B354,U+B358,U+B369,U+B36E,U+B370,U+B3C4,U+B3CB-B3CC,U+B3D9,U+B3FC,U+B410,U+B418,U+B41C,U+B420,U+B429,U+B450,U+B458,U+B4A4,U+B4DC-B4DD,U+B4E0,U+B4E4,U+B4EC-B4ED,U+B4EF,U+B4F1,U+B514,U+B529-B52A,U+B530-B531,U+B54C,U+B550,U+B5A0,U+B5A4,U+B5A8,U+B610,U+B73B,U+B760,U+B77C-B77D,U+B780,U+B78C-B78D,U+B791,U+B798,U+B79C,U+B7A9,U+B7C9,U+B7EC,U+B7FC-B7FD,U+B807-B808,U+B80C,U+B824-B825,U+B837,U+B839,U+B85C-B85D,U+B860,U+B864,U+B86D,U+B8CC,U+B8E8-B8E9,U+B958,U+B974,U+B978,U+B97C,U+B984-B985,U+B9AC-B9AD,U+B9B0,U+B9B4,U+B9BC-B9BD,U+B9C1,U+B9C8-B9C9,U+B9CC,U+B9CE,U+B9D1,U+B9DB,U+B9DD-B9DE,U+B9E4-B9E5,U+BA38-BA39,U+BA3C,U+BA54,U+BA5C,U+BA65,U+BA70,U+BA74,U+BA85,U+BAA8-BAA9,U+BABB,U+BB18,U+BB34,U+BB38,U+BB3C,U+BB4D,U+BBC8,U+BBF8,U+BBFC,U+BC00,U+BC08,U+BC14-BC16,U+BC18,U+BC1B-BC1C,U+BC25,U+BC29,U+BC30-BC31,U+BC84,U+BC88,U+BC8C,U+BC95,U+BCA4,U+BCA8,U+BCC0,U+BCC4,U+BCD1,U+BCF4-BCF5,U+BCF8,U+BCFC,U+BD05,U+BD10,U+BD80-BD81,U+BD84,U+BD88,U+BD99,U+BE0C,U+BE14,U+BE44,U+BE4C,U+BE57,U+BE5A-BE5B,U+BE60,U+BE7C,U+BFCC,U+BFD0,U+C0AC,U+C0B0,U+C0B4,U+C0BC,U+C0C1,U+C0C8-C0C9,U+C0DD,U+C0F4,U+C11C-C11E,U+C120,U+C124,U+C131,U+C138,U+C148,U+C154,U+C18C-C18D,U+C190,U+C1A1,U+C20D,U+C218-C219,U+C21C,U+C21F-C220,U+C228,U+C22D,U+C250,U+C27D,U+C2A4,U+C2AC,U+C2B5,U+C2DC-C2DD,U+C2E0,U+C2E4,U+C2EC,U+C2F6,U+C300,U+C368,U+C4F0,U+C529,U+C544,U+C548,U+C54A,U+C54C,U+C558,U+C55E,U+C561,U+C57C-C57D,U+C580,U+C591,U+C5B4-C5B5,U+C5BC,U+C5C4-C5C8,U+C5D0-C5D1,U+C5EC-C5ED,U+C5F0,U+C5F4,U+C5FD,U+C601,U+C606,U+C608,U+C61B,U+C624,U+C628,U+C62C,U+C62E,U+C635,U+C637,U+C640,U+C654-C655,U+C678,U+C694,U+C6A9,U+C6B0,U+C6B4,U+C6B8,U+C6C0,U+C6CC,U+C6D0,U+C6D4,U+C704,U+C720,U+C73C,U+C740,U+C744,U+C74C,U+C751,U+C758,U+C774,U+C778,U+C77C-C77D,U+C784-C785,U+C788-C78A,U+C790-C791,U+C794,U+C798,U+C7A0-C7A1,U+C7A5,U+C7AC,U+C7C1,U+C800-C801,U+C804,U+C810-C811,U+C815,U+C81C,U+C838,U+C870-C871,U+C874,U+C878,U+C885,U+C88B,U+C8E0,U+C8FC,U+C900,U+C904,U+C911,U+C988,U+C990,U+C998,U+C99D,U+C9C0-C9C1,U+C9C4,U+C9C8,U+C9D1,U+C9D3,U+C9D5,U+C9DD,U+C9F8,U+CABD,U+CB49,U+CC0D,U+CC28,U+CC2C,U+CC38-CC39,U+CC3D-CC3E,U+CC44-CC45,U+CC98,U+CC9C,U+CCAB,U+CCAD,U+CCB4,U+CCD0,U+CCE4,U+CD08,U+CD2C,U+CD5C,U+CD94-CD95,U+CD98,U+CD9C,U+CDA4,U+CDB0,U+CE20,U+CE35,U+CE58-CE59,U+CE5C,U+CE68-CE69,U+CE6B,U+CE74-CE75,U+CE90,U+CEE4,U+CEEC,U+CF54,U+CF5C,U+CF8C,U+D06C,U+D070,U+D074,U+D07C,U+D0A4,U+D0B5,U+D0C0-D0C1,U+D0D4,U+D130,U+D14C,U+D150,U+D1A0,U+D1B5,U+D2B8-D2B9,U+D2BC,U+D2C0,U+D2F0,U+D305,U+D30C,U+D310,U+D328,U+D37C,U+D398,U+D3B8,U+D3C9,U+D3EC,U+D45C,U+D478,U+D488-D489,U+D48D,U+D504,U+D508,U+D50C,U+D53C,U+D558-D559,U+D55C,U+D560,U+D568-D569,U+D56D,U+D574,U+D588-D589,U+D5A5,U+D5C8,U+D5D8,U+D600,U+D604,U+D611,U+D615,U+D638,U+D640,U+D648-D649,U+D64D,U+D654-D655,U+D658,U+D65C,U+D669,U+D68C,U+D6A8,U+D754,U+D765,U+D76C,U+D770,U+D788,U+D78C,U+D798-D799}
@font-face{font-family:"Jakarta";src:url(/fonts/jakarta.woff2) format("woff2-variations");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+2013-2014,U+2018-201D,U+2026,U+2192,U+2190,U+2193}

:root{
  --sky:#EDF6FC; --ink:#31363A; --ink-2:rgba(49,54,58,.66); --ink-3:rgba(49,54,58,.4); --line:rgba(49,54,58,.14);
  --blue:#2B4A96; --pink:#E73B8E; --pink-d:#D6307F; --tiger:#E8553E; --orange:#D93D06; --cyan:#3FAAE4; --navy:#0F2B55; --white:#fff;
  --f:"Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --f-en:"Jakarta","Pretendard",-apple-system,system-ui,sans-serif;
  --gut:clamp(16px,4vw,56px); --max:1440px; --hd:64px; --ann:34px;
  --r-xl:clamp(28px,3.4vw,48px); --r-lg:28px; --r:20px; --r-sm:12px;
  --ease:cubic-bezier(.2,.8,.2,1); --spring:cubic-bezier(.34,1.5,.64,1);
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 16px)}
body{margin:0;background:var(--sky);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.7;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none}
.skip:focus{top:12px}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}

/* 글자 */
.eyebrow{font-family:var(--f-en);font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.display-sm{font-size:clamp(56px,10vw,152px);font-weight:820;letter-spacing:-.05em;line-height:.95}
.h1{font-size:clamp(36px,5.4vw,80px);font-weight:800;letter-spacing:-.04em;line-height:1.08}
.h2{font-size:clamp(30px,3.8vw,56px);font-weight:800;letter-spacing:-.035em;line-height:1.12}
.h3{font-size:clamp(22px,2vw,30px);font-weight:750;letter-spacing:-.03em;line-height:1.25}
.lead{font-size:clamp(16.5px,1.35vw,20px);line-height:1.7;color:var(--ink-2);max-width:40em}
.sec-head{display:grid;gap:16px;margin-bottom:clamp(36px,5vw,72px)}
.sec-head .lead{margin-top:4px}

/* 버튼·칩 */
.btn{--b:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:2px solid var(--b);background:transparent;font-weight:700;font-size:16px;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:transform .25s var(--spring),background .2s,color .2s,box-shadow .25s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(1px) scale(.98)}
.btn .arr{font-family:var(--f-en);transition:transform .3s var(--spring)}
.btn:hover .arr{transform:translateX(4px)}
a.btn[href^="#"]:hover .arr{transform:translateY(3px)}
.btn-ink{background:var(--ink);color:#fff;box-shadow:0 0 0 0 rgba(49,54,58,.0)}
.btn-ink:hover{box-shadow:0 10px 24px -10px rgba(49,54,58,.6)}
.btn-line{color:var(--b)}
.btn-line:hover{background:var(--b);color:#fff}
.btn-light{--b:#fff;background:#fff;color:var(--navy)}
.btn-sm{min-height:40px;padding:0 18px;font-size:14.5px}
.btn-block{width:100%}
.btn[disabled]{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips li{font-family:var(--f-en);font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px;border:1.5px solid currentColor;line-height:1.2}
.chips-lg li{font-family:var(--f);font-size:15px;padding:8px 16px;background:#fff;border-color:transparent}
.price{font-family:var(--f-en);font-weight:800;letter-spacing:-.01em}
.price.soon{font-family:var(--f);font-weight:700;color:var(--ink-2);font-size:.95em}
.arr{display:inline-block}
.star{width:1em;height:1em;fill:currentColor;flex:none}

/* 알림 띠 */
.ann{position:relative;z-index:40;height:var(--ann);background:var(--blue);color:#fff;overflow:hidden;font-size:13px;font-weight:600;display:flex;align-items:center}
.ann-track{display:flex;align-items:center;gap:22px;white-space:nowrap;animation:slide 38s linear infinite;padding-left:22px}
.ann-track i{display:flex;font-size:11px;color:#9FC3FF}
@keyframes slide{to{transform:translateX(-50%)}}

/* 머리 */
.hd{position:sticky;top:0;z-index:50;height:var(--hd);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-inline:var(--gut);background:rgba(237,246,252,.82);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:transform .45s var(--ease),border-color .3s}
.hd.scrolled{border-bottom-color:var(--line)}
.hd.hide{transform:translateY(-100%)}
.hd-logo{width:72px;color:var(--ink);transition:transform .3s var(--spring)}
.hd-logo:hover{transform:rotate(-4deg) scale(1.06)}
.hd-nav{display:flex;gap:6px}
.hd-nav a{position:relative;padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:650;font-size:15.5px;transition:background .2s}
.hd-nav a:hover{background:rgba(49,54,58,.07)}
.hd-nav a.on{background:var(--ink);color:#fff}
.hd-act{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.cart-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 8px 0 16px;border-radius:999px;border:0;background:var(--ink);color:#fff;font-weight:700;font-size:14.5px;transition:transform .3s var(--spring)}
.cart-btn:hover{transform:scale(1.04)}
.cart-btn b{min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:#fff;color:var(--ink);display:grid;place-items:center;font-family:var(--f-en);font-size:13.5px}
.cart-btn.bump{animation:bump .5s var(--spring)}
@keyframes bump{40%{transform:scale(1.16) rotate(-3deg)}}
.menu-btn{display:none;width:42px;height:42px;border-radius:50%;border:2px solid var(--ink);background:transparent;position:relative}
.menu-btn i{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease)}
.menu-btn i:first-child{top:15px}.menu-btn i:last-child{top:23px}
.menu-btn[aria-expanded="true"] i:first-child{transform:translateY(4px) rotate(45deg)}
.menu-btn[aria-expanded="true"] i:last-child{transform:translateY(-4px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:45;background:var(--sky);padding:calc(var(--hd) + 32px) var(--gut) 32px;overflow:hidden}
.mnav[hidden]{display:none}
.mnav nav{display:grid;gap:4px}
.mnav a{display:flex;align-items:baseline;gap:14px;font-size:44px;font-weight:800;letter-spacing:-.04em;text-decoration:none;padding:6px 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(16px);animation:up .5s var(--ease) forwards}
.mnav a small{font-family:var(--f-en);font-size:13px;color:var(--ink-3);font-weight:700}
.mnav a:nth-child(2){animation-delay:.05s}.mnav a:nth-child(3){animation-delay:.1s}.mnav a:nth-child(4){animation-delay:.15s}
.mnav-art{position:absolute;right:-40px;bottom:-30px;width:240px;transform:rotate(-12deg)}
@keyframes up{to{opacity:1;transform:none}}

/* ───────── 첫 화면: 무대 ───────── */
.hero{position:relative;min-height:calc(100svh - var(--hd) - var(--ann));min-height:max(640px,calc(100svh - var(--hd) - var(--ann)));display:grid;grid-template-rows:auto 1fr auto;padding:clamp(20px,3vw,40px) var(--gut) clamp(24px,3vw,40px);overflow:hidden;isolation:isolate;--mx:0;--my:0;--p:0}
.hero-curtain{position:absolute;left:50%;top:clamp(30px,3.6vw,52px);width:max(100%,900px);height:auto;translate:-50% 0;z-index:-1;overflow:visible}
.hero-curtain .cur{fill:none;stroke:var(--ink);stroke-width:3;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.6s .15s var(--ease) forwards}
.hero-curtain .cur2{stroke-width:1.5;opacity:.5;animation-delay:.3s}
@keyframes draw{to{stroke-dashoffset:0}}
.hero-curtain .string{fill:none;stroke:var(--ink);stroke-width:1.2;opacity:.55}
.hero-curtain .bulb{fill:#FFD84D;stroke:var(--ink);stroke-width:1.2;animation:twinkle 2.4s var(--d) ease-in-out infinite}
@keyframes twinkle{50%{fill:#FFF6C8}}
.hero-curtain .garland{animation:fadein .8s 1.2s both}
.hero-curtain .flag{transform-box:fill-box}
.hero-curtain .flag path{transform-box:fill-box;transform-origin:50% 0;animation:sway 3.2s var(--d) ease-in-out infinite}
@keyframes sway{50%{transform:rotate(7deg)}}
.hero-kicker{display:flex;justify-content:center;gap:clamp(24px,6vw,96px);font-family:var(--f-en);font-weight:800;font-size:clamp(11px,1vw,14px);letter-spacing:.24em;text-transform:uppercase;padding-top:clamp(2px,1vw,10px)}
.hero-mark{position:relative;align-self:center;justify-self:center;width:min(92vw,1200px);margin-top:clamp(28px,6vw,64px);color:var(--ink);transform:translateY(calc(var(--p) * -60px)) scale(calc(1 - var(--p) * .08));z-index:0}
.hero-mark svg{width:100%;height:auto;overflow:visible}
.hero-mark path{transform-box:fill-box;transform-origin:50% 100%;animation:rise 1s var(--spring) both}
.hero-mark path:nth-child(1){animation-delay:.35s}.hero-mark path:nth-child(2){animation-delay:.47s}.hero-mark path:nth-child(3){animation-delay:.59s}
@keyframes rise{from{transform:translateY(40%) scaleY(.6);opacity:0}}
.hero-stage{position:absolute;inset:0;pointer-events:none;z-index:1}
.hero-stage img{position:absolute;will-change:transform}
.hero-bottle{bottom:calc(clamp(118px,15vw,168px) - var(--p) * 110px);height:min(54vh,40vw,540px);width:auto;filter:drop-shadow(0 26px 22px rgba(15,43,85,.18))}
.b-tiger{left:calc(50% - min(14.5vw,190px));transform:translate(calc(var(--mx) * -10px),calc(var(--my) * -6px)) rotate(-3deg);animation:drop 1.1s .7s var(--spring) both,float 6s 2s ease-in-out infinite}
.b-rabbit{left:calc(50% + min(1.2vw,14px));transform:translate(calc(var(--mx) * -14px),calc(var(--my) * -8px)) rotate(3deg);animation:drop 1.1s .82s var(--spring) both,float 6.5s 2.3s ease-in-out infinite reverse}
/* 무대: 막 가운데서 떨어지는 조명 + 바닥 그림자. 병이 '무대 위에 선 것'으로 읽히게 */
.hero-spot{position:absolute;left:50%;bottom:calc(clamp(60px,9vw,120px) - var(--p) * 110px);width:min(80vw,1000px);aspect-ratio:1.6;translate:-50% 0;background:radial-gradient(closest-side,rgba(255,244,205,.95),rgba(255,244,205,.5) 45%,rgba(255,244,205,0));z-index:-1;opacity:0;animation:spot 1.4s 1.1s var(--ease) forwards}
@keyframes spot{to{opacity:1}}
.hero-floor{position:absolute;left:50%;bottom:calc(clamp(96px,12.5vw,146px) - var(--p) * 110px);width:min(46vw,580px);height:clamp(36px,4.6vw,64px);translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(49,54,58,.24),rgba(49,54,58,.08) 60%,transparent);animation:fadein 1s 1.3s both}
.ticket{position:absolute;z-index:3;right:clamp(16px,calc(50% - min(31vw,420px)),40%);top:calc(50% - 10px);display:grid;gap:2px;padding:12px 18px 12px 16px;background:#fff;border-radius:14px;text-decoration:none;box-shadow:0 18px 40px -22px rgba(15,43,85,.5);transform:rotate(4deg);animation:fadein .6s 2s both;transition:transform .4s var(--spring)}
.ticket::before{content:"";position:absolute;left:-7px;top:50%;width:14px;height:14px;border-radius:50%;background:var(--sky);translate:0 -50%}
.ticket:hover{transform:rotate(0) scale(1.04)}
.ticket-k{font-family:var(--f-en);font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pink-d)}
.ticket b{font-size:16px;letter-spacing:-.02em}
.ticket-d{font-size:13px;color:var(--ink-2);font-weight:600}
@keyframes drop{from{translate:0 -120vh;rotate:-20deg}}
@keyframes float{50%{translate:0 -12px}}
.hero-tiger{left:calc(-1 * min(5vw,60px));top:24%;width:min(20vw,290px);transform:translate(calc(var(--mx) * 18px),calc(var(--my) * 10px)) rotate(8deg);animation:peekL 1s 1.15s var(--spring) both}
.hero-rabbit{right:calc(-1 * min(5vw,60px));top:clamp(70px,14vw,170px);width:min(26vw,330px);transform:translate(calc(var(--mx) * 22px),calc(var(--my) * 14px)) rotate(-10deg);animation:peekR 1s 1.3s var(--spring) both,wiggle 3.2s 2.6s ease-in-out infinite}
@keyframes peekL{from{translate:-110% 30%}}
@keyframes peekR{from{translate:110% -20%}}
@keyframes wiggle{50%{rotate:6deg}}
@keyframes fadein{from{opacity:0}}
.hero-foot{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.hero-copy{display:grid;gap:14px;animation:fadein .8s 1.4s both}
.hero-slogan{width:clamp(200px,22vw,300px);color:var(--ink)}
.hero-slogan svg{width:100%;height:auto}
.hero-line{font-size:clamp(26px,3vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1.15}
.hero-cta{display:grid;gap:16px;justify-items:end;text-align:right;animation:fadein .8s 1.55s both}
.hero-cta p{font-size:clamp(15px,1.2vw,17px);color:var(--ink-2);line-height:1.6;font-weight:550}

/* 교차 띠 */
.bands{position:relative;height:clamp(170px,18vw,240px);margin-block:clamp(-10px,-1vw,0px) clamp(30px,5vw,70px);overflow:hidden}
.band{position:absolute;left:-5%;right:-5%;top:50%;padding:clamp(12px,1.4vw,18px) 0;overflow:hidden}
.band-a{background:var(--blue);color:#fff;transform:translateY(-62%) rotate(-3deg);z-index:2}
.band-b{background:var(--pink);color:#fff;transform:translateY(-30%) rotate(2.4deg)}
.band-track{display:flex;align-items:center;gap:clamp(18px,2vw,32px);white-space:nowrap;width:max-content;animation:slide 30s linear infinite;font-size:clamp(26px,3.6vw,52px);font-weight:820;letter-spacing:-.03em;line-height:1}
.band-a .band-track span{font-family:var(--f-en);text-transform:uppercase;letter-spacing:-.02em}
.band-a .band-track span:nth-child(4n+3){font-family:var(--f);text-transform:none}
.band-b .band-track{animation-direction:reverse;animation-duration:36s}
.band .star{font-size:.62em;color:#FFD84D}
.band-b .star{color:var(--blue)}

/* ───────── 두 병: 겹쳐 올라오는 판 ───────── */
.drinks{padding-top:clamp(40px,6vw,80px)}
.sheets{position:relative}
.sheet{--bg:var(--blue);--fg:#fff;--frame:#1E3A7E;position:sticky;top:calc(var(--hd) + 8px);min-height:calc(100svh - var(--hd) - 8px);background:var(--bg);color:var(--fg);border-radius:var(--r-xl) var(--r-xl) 0 0;display:grid;align-items:center;padding-block:clamp(40px,6vw,80px);overflow:hidden;transform-origin:50% 0;transition:filter .2s}
.sheet::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 80% 0%,rgba(255,255,255,.18),transparent 60%);pointer-events:none}
.sheet.t-rabbit{--bg:var(--pink-d);--fg:#fff;--frame:#B8246A}
.sheet.t-next{--bg:var(--navy);--frame:#1C3E73;border-radius:var(--r-xl)}
.sheet-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:center}
.sheet-media{position:relative}
.sheet-frame{aspect-ratio:16/11;border-radius:var(--r-lg);overflow:hidden;background:var(--frame);box-shadow:0 30px 60px -30px rgba(0,0,0,.45);transform:rotate(-1.5deg)}
.t-rabbit .sheet-frame{transform:rotate(1.5deg)}
.sheet-frame{position:relative}
.sheet-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity 1.1s var(--ease),transform 4.5s linear}
.sheet-frame img.on{opacity:1;transform:none}
.sheet-frame{aspect-ratio:4/5;max-height:72vh;justify-self:center;width:min(100%,520px)}
.sheet-art{position:absolute;width:clamp(120px,15vw,220px);right:clamp(-30px,-2vw,-10px);bottom:clamp(-60px,-4vw,-30px);transform:rotate(10deg);filter:drop-shadow(0 12px 18px rgba(0,0,0,.2));transition:transform .5s var(--spring)}
.t-rabbit .sheet-art{left:clamp(-30px,-2vw,-10px);right:auto;transform:rotate(-8deg)}
.sheet:hover .sheet-art{transform:rotate(-4deg) scale(1.08)}
.sheet-no{font-family:var(--f-en);font-weight:700;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase}
.sheet-no b{font-size:1.1em}
.sheet-name{font-size:clamp(52px,7.6vw,124px);font-weight:850;letter-spacing:-.055em;line-height:.98;margin:14px 0 18px}
.sheet-hook{font-size:clamp(22px,2.2vw,32px);font-weight:750;letter-spacing:-.03em}
.sheet-desc{margin-top:12px;font-size:clamp(16px,1.25vw,18.5px);line-height:1.7;max-width:30em}
.sheet .chips{margin-top:22px}
.sheet-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.sheet .btn-ink{background:#fff;color:var(--ink);border-color:#fff}
.sheet .btn-line{--b:var(--fg)}
.sheet .btn-line:hover{color:var(--bg)}
.t-next .sheet-name{font-size:clamp(44px,6vw,96px)}
.q-frame{display:grid;place-items:center;background:repeating-linear-gradient(-45deg,#163663 0 14px,#13305a 14px 28px);transform:none}
.q{font-family:var(--f-en);font-weight:800;font-size:clamp(120px,16vw,240px);line-height:1;color:#FFD84D;animation:qbob 2.4s ease-in-out infinite}
@keyframes qbob{50%{transform:translateY(-10px) rotate(6deg)}}

/* ───────── 원칙 벤토 ───────── */
.why{padding-block:clamp(90px,12vw,180px) clamp(60px,8vw,120px)}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.tile{position:relative;border-radius:var(--r-lg);background:#fff;padding:clamp(24px,2.6vw,40px);overflow:hidden;display:flex;flex-direction:column;gap:12px;min-height:300px}
.tile h3{font-size:clamp(24px,2.3vw,36px);font-weight:800;letter-spacing:-.04em;line-height:1.2}
.tile p{color:var(--ink-2);max-width:28em}
.tile-no{font-family:var(--f-en);font-weight:800;font-size:14px;letter-spacing:.1em;color:var(--ink-3)!important}
.tile-photo{margin-top:auto;border-radius:var(--r);aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .7s var(--ease)}
.tile:hover .tile-photo,.tile-photo-only:hover img{transform:scale(1.035)}
.tile-a{grid-column:span 7;grid-row:span 2}
.tile-a .tile-photo{flex:1 1 auto;aspect-ratio:auto;min-height:300px;height:0}
.tile-b{grid-column:span 5;padding:0;min-height:0}
.tile-b img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.tile-c{grid-column:span 5;background:var(--blue);color:#fff}
.tile-c p{color:#fff}
.tile-c .tile-no{color:rgba(255,255,255,.6)!important}
.tile-d{grid-column:span 12;background:var(--pink);color:#fff;min-height:0;padding-right:clamp(24px,30vw,420px)}
.tile-d p{color:#fff}
.tile-d .tile-no{color:rgba(255,255,255,.65)!important}
.tile-big{font-size:clamp(40px,6vw,96px)!important;font-weight:850;letter-spacing:-.055em;line-height:1.02;color:#fff!important;max-width:none!important}
.tile-big em{font-style:normal;font-family:var(--f-en);display:inline-block;background:#fff;color:var(--pink);padding:0 .18em;border-radius:.18em;transform:rotate(-4deg)}
.tile-squiggle{position:absolute;right:clamp(-40px,-2vw,0px);top:50%;width:clamp(200px,26vw,380px);translate:0 -50%;filter:brightness(0) invert(1);opacity:.9;animation:spin 18s linear infinite}
@keyframes spin{to{rotate:360deg}}

/* ───────── 생일잔치 ───────── */
/* ───────── 양조장 ───────── */
.brewery{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);align-items:center;padding-block:clamp(100px,13vw,190px)}
.brew-media{position:relative;padding-bottom:clamp(40px,6vw,80px)}
.brew-main{width:88%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-lg)}
.brew-sub{position:absolute;right:0;bottom:0;width:44%;aspect-ratio:1;object-fit:cover;border-radius:var(--r);border:6px solid var(--sky);transform:rotate(3deg)}
.stamp{position:absolute;left:clamp(-10px,-1vw,0px);top:clamp(20px,3vw,40px);width:clamp(96px,9vw,128px);aspect-ratio:1;border-radius:50%;border:2px dashed var(--tiger);color:var(--tiger);display:grid;place-content:center;text-align:center;font-family:var(--f-en);font-size:9.5px;font-weight:700;letter-spacing:.14em;line-height:1.3;transform:rotate(-14deg);background:rgba(237,246,252,.9)}
.stamp b{font-size:clamp(20px,2vw,26px);letter-spacing:.06em;display:block}
.brew-text{display:grid;gap:22px}
.cibi{display:grid;border-top:1px solid var(--line)}
.cibi div{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline}
.cibi dt{font-weight:800;font-size:20px;letter-spacing:-.03em}
.cibi dd{color:var(--ink-2)}
.terroir{display:grid;gap:14px}
.terroir p{color:var(--ink-2);font-size:15px}

/* ───────── 함께하기 ───────── */
.together{background:var(--ink);color:#fff;padding-block:clamp(90px,11vw,160px);border-radius:var(--r-xl) var(--r-xl) 0 0}
.together .eyebrow{color:rgba(255,255,255,.6)}
.rows{border-top:1px solid rgba(255,255,255,.18)}
.rows a{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1.1fr) 40px;gap:20px;align-items:center;padding:clamp(22px,2.6vw,36px) 12px;border-bottom:1px solid rgba(255,255,255,.18);text-decoration:none;overflow:hidden;isolation:isolate}
.rows a::before{content:"";position:absolute;inset:0;background:var(--sky);transform:scaleY(0);transform-origin:50% 100%;transition:transform .45s var(--ease);z-index:-1;border-radius:14px}
.rows a:hover::before,.rows a:focus-visible::before{transform:none}
.rows a:hover,.rows a:focus-visible{color:var(--ink)}
.row-no{font-family:var(--f-en);font-weight:700;font-size:14px;opacity:.6}
.row-t{font-size:clamp(22px,2.4vw,34px);font-weight:800;letter-spacing:-.04em;line-height:1.2}
.row-d{opacity:.72}
.rows .arr{font-family:var(--f-en);font-size:24px;transition:transform .4s var(--spring)}
.rows a:hover .arr{transform:translateX(6px) rotate(-45deg)}

/* ───────── 바닥 ───────── */
.ft{background:var(--ink);color:#fff;padding:clamp(40px,6vw,80px) var(--gut) 28px;overflow:hidden}
.home .ft{padding-top:clamp(20px,3vw,40px)}
.ft .eyebrow{color:rgba(255,255,255,.55)}
.ft-top{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;padding-bottom:clamp(40px,5vw,64px)}
.ft-line{margin-top:10px;font-size:clamp(26px,2.6vw,38px);font-weight:800;letter-spacing:-.04em;line-height:1.2}
.ft-cols{display:grid;grid-template-columns:repeat(3,auto);gap:clamp(28px,5vw,80px)}
.ft-cols h3{font-family:var(--f-en);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:12px}
.ft-cols a{display:block;padding:4px 0;text-decoration:none;opacity:.86;font-weight:550}
.ft-cols a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.ft-mark{max-width:var(--max);margin:0 auto;color:var(--sky)}
.ft-mark svg{width:100%;height:auto}
.ft-biz{max-width:var(--max);margin:clamp(24px,3vw,40px) auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);font-size:13px;line-height:1.75;color:rgba(255,255,255,.62)}
.ft-biz b{color:#fff}
.ft-warn{margin-top:10px;color:rgba(255,255,255,.8)}
.ft-copy{margin-top:10px}

/* ───────── 연령 확인 ───────── */
.gate{position:fixed;inset:0;z-index:90;background:var(--sky);display:grid;place-items:center;padding:24px;overflow:hidden}
.gate[hidden]{display:none}
.gate.out{animation:gateout .6s var(--ease) forwards}
@keyframes gateout{to{opacity:0;transform:scale(1.04)}}
.gate-box{position:relative;z-index:2;width:min(520px,100%);text-align:center;display:grid;gap:16px;justify-items:center}
.gate-mark{width:min(240px,60vw);color:var(--ink);margin-bottom:12px}
.gate-mark svg{width:100%;height:auto}
.gate h2{font-size:clamp(34px,5vw,52px);font-weight:850;letter-spacing:-.045em;line-height:1.12}
.gate-sub{color:var(--ink-2)}
.gate-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}
.gate-no{margin-top:8px;padding:14px 18px;border-radius:14px;background:#fff;color:var(--ink);font-weight:600}
.gate-tiger{position:absolute;left:-4vw;bottom:-6vh;width:min(36vw,380px);transform:rotate(10deg);animation:peekL 1s .2s var(--spring) both}
.gate-rabbit{position:absolute;right:-4vw;top:-4vh;width:min(32vw,340px);transform:rotate(170deg) scaleX(-1);animation:peekR 1s .35s var(--spring) both}
.gating{overflow:hidden}

/* ───────── 장바구니 서랍 ───────── */
.drawer{position:fixed;inset:0;z-index:80}
.drawer[hidden]{display:none}
.drawer-dim{position:absolute;inset:0;background:rgba(15,43,85,.36);animation:fadein .3s both}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--sky);display:grid;grid-template-rows:auto 1fr auto;animation:panel .5s var(--spring) both;box-shadow:-30px 0 60px -30px rgba(15,43,85,.4)}
.drawer.closing .drawer-panel{animation:panelout .3s var(--ease) forwards}
.drawer.closing .drawer-dim{animation:fadeout .3s forwards}
@keyframes panel{from{transform:translateX(100%)}}
@keyframes panelout{to{transform:translateX(100%)}}
@keyframes fadeout{to{opacity:0}}
.drawer-hd{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}
.drawer-hd h2{font-size:22px;font-weight:800;letter-spacing:-.03em;display:flex;align-items:center;gap:8px}
.drawer-hd h2 b{font-family:var(--f-en);font-size:14px;background:var(--ink);color:#fff;border-radius:999px;padding:2px 10px}
.x{width:42px;height:42px;border-radius:50%;border:2px solid var(--ink);background:transparent;position:relative;transition:transform .3s var(--spring)}
.x:hover{transform:rotate(90deg)}
.x i{position:absolute;left:11px;right:11px;top:19px;height:2px;background:var(--ink);transform:rotate(45deg)}
.x i+i{transform:rotate(-45deg)}
.drawer-body{overflow:auto;padding:18px 22px;display:grid;align-content:start;gap:12px;overscroll-behavior:contain}
.drawer-ft{padding:18px 22px 22px;border-top:1px solid var(--line);display:grid;gap:12px;background:#fff}
.drawer-note{font-size:13px;color:var(--ink-2);line-height:1.6}
.sum{display:flex;justify-content:space-between;align-items:baseline;font-weight:700}
.sum dd{font-family:var(--f-en);font-size:20px;font-weight:800}
.sum dd.soon{font-family:var(--f);font-size:15px;color:var(--ink-2)}
.line{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:center;background:#fff;border-radius:var(--r);padding:12px}
.line-img{width:76px;height:96px;border-radius:14px;display:grid;place-items:center;background:#E3EAF7}
.line-img.rabbit{background:#FBE2EE}
.line-img img{height:88%;width:auto}
.line-name{font-weight:750;letter-spacing:-.02em;text-decoration:none;display:block}
.line-spec{font-size:13px;color:var(--ink-2)}
.line-price{font-family:var(--f-en);font-weight:800;font-size:14.5px;margin-top:4px}
.line-price.soon{font-family:var(--f);font-weight:600;color:var(--ink-2);font-size:13px}
.line-side{display:grid;justify-items:end;gap:8px}
.line-rm{border:0;background:none;font-size:12.5px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;padding:2px}
.qty{display:inline-grid;grid-template-columns:36px 44px 36px;align-items:center;border:2px solid var(--ink);border-radius:999px;height:42px;overflow:hidden;background:#fff}
.qty button{border:0;background:none;height:100%;font-size:18px;font-weight:700}
.qty button:hover{background:rgba(49,54,58,.07)}
.qty input{width:100%;border:0;text-align:center;font-family:var(--f-en);font-weight:800;font-size:15px;background:transparent;-moz-appearance:textfield;appearance:textfield}
.qty input::-webkit-inner-spin-button,.qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.qty.sm{grid-template-columns:30px 30px 30px;height:34px}
.qty.sm button{font-size:15px}.qty.sm input{font-size:13.5px}
.empty{display:grid;justify-items:center;text-align:center;gap:10px;padding:28px 6px}
.empty img{width:150px;animation:wiggle 3s ease-in-out infinite}
.empty b{font-size:19px;letter-spacing:-.03em}
.empty p{color:var(--ink-2);font-size:14.5px}
.empty-picks{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:10px}
.pick{border:0;border-radius:var(--r);padding:14px 10px 12px;color:#fff;background:var(--blue);display:grid;justify-items:center;gap:6px;font-weight:750;transition:transform .3s var(--spring)}
.pick.rabbit{background:var(--pink-d)}
.pick:hover{transform:translateY(-3px) rotate(-1.5deg)}
.pick img{height:110px;width:auto}
.pick small{font-weight:600;opacity:.9}
.toast{opacity:0;position:fixed;left:50%;bottom:24px;z-index:85;display:flex;align-items:center;gap:10px;padding:8px 20px 8px 8px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;translate:-50% 140%;transition:translate .5s var(--spring);pointer-events:none;box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.toast.on{translate:-50% 0;opacity:1}
.toast-art{width:42px;height:42px;border-radius:50%;overflow:hidden;background:#FFE9E1;display:grid;place-items:center;flex:none}
.toast-art.rabbit{background:#FFE3F0}
.toast-art img{width:120%;height:120%;object-fit:contain;object-position:50% 30%}
.has-buybar .toast{bottom:92px}

/* ───────── 술 목록 ───────── */
.shop-hero{position:relative;display:grid;gap:20px;justify-items:start;padding-block:clamp(56px,8vw,120px) clamp(28px,4vw,48px)}
.shop-hero .eyebrow{margin-bottom:10px}
.shop-hero-art{position:absolute;right:calc(var(--gut) + 2vw);bottom:clamp(-10px,-1vw,0px);width:clamp(120px,16vw,240px);transform:rotate(12deg);animation:wiggle 3.4s ease-in-out infinite}
.filters{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:clamp(20px,3vw,32px)}
.filters button{height:42px;padding:0 18px;border-radius:999px;border:2px solid var(--ink);background:transparent;font-weight:700;font-size:15px;transition:background .2s,color .2s,transform .3s var(--spring)}
.filters button:hover{transform:translateY(-2px)}
.filters button.on{background:var(--ink);color:#fff}
.filters small{font-family:var(--f-en);opacity:.7;margin-left:2px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);padding-bottom:clamp(60px,8vw,110px)}
.card{--bg:var(--blue);display:grid;grid-template-rows:auto 1fr;background:#fff;border-radius:var(--r-lg);overflow:hidden;transition:transform .45s var(--spring),box-shadow .4s}
.card:hover{transform:translateY(-6px);box-shadow:0 28px 50px -30px rgba(15,43,85,.45)}
.card.t-rabbit{--bg:var(--pink-d)}
.card[hidden]{display:none}
.card-link{display:block}
.card-stage{position:relative;aspect-ratio:4/5;background:var(--bg);overflow:hidden;display:grid;place-items:center}
.card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .5s var(--ease),transform .9s var(--ease)}
.card:hover .card-photo{opacity:1;transform:none}
.card-bottle{position:absolute;left:50%;bottom:7%;height:82%;width:auto;translate:-50% 0;filter:drop-shadow(0 22px 22px rgba(0,0,0,.22));transform:rotate(-4deg);transition:transform .6s var(--spring),opacity .4s}
.card:hover .card-bottle{transform:translateY(-8px) rotate(3deg) scale(1.03);opacity:0}
.card-no{position:absolute;left:18px;top:14px;font-family:var(--f-en);font-weight:800;font-size:14px;color:#fff;letter-spacing:.08em}
.card-body{padding:20px 22px 22px;display:grid;gap:8px;align-content:start}
.card-name{font-size:clamp(24px,2vw,30px);font-weight:800;letter-spacing:-.04em;line-height:1.2}
.card-name a{text-decoration:none}
.card-hook{color:var(--ink-2)}
.card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}
.card-next .card-stage{background:repeating-linear-gradient(-45deg,#163663 0 14px,#13305a 14px 28px)}
.shop-note{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px;padding-block:clamp(40px,5vw,64px) clamp(80px,10vw,140px);border-top:1px solid var(--line)}
.shop-note ul{display:grid;gap:14px}
.shop-note li{display:grid;grid-template-columns:120px 1fr;gap:16px;color:var(--ink-2)}
.shop-note a{color:var(--ink)}
.shop-note b{color:var(--ink)}

/* ───────── 제품 상세 ───────── */
.product{--bg:var(--blue);--fg:#fff}
.product.t-rabbit{--bg:var(--pink-d);--fg:#fff}
.crumb{display:flex;gap:10px;padding-block:20px;font-size:14px;color:var(--ink-2)}
.crumb a{text-decoration:none}.crumb a:hover{text-decoration:underline}
.crumb b{color:var(--ink);font-weight:650}
.pd{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4.5vw,80px);align-items:start;padding-bottom:clamp(60px,8vw,120px)}
.pd-gallery{position:sticky;top:calc(var(--hd) + 16px);display:grid;gap:12px}
.pd-main{position:relative;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;background:var(--bg)}
.pd-slide{position:absolute;inset:0;opacity:0;transition:opacity .5s var(--ease)}
.pd-slide.on{opacity:1}
.pd-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.2s var(--ease)}
.pd-slide.on img{transform:none}
.pd-slide:first-child img{object-fit:cover;background:#fff}
.pd-count{position:absolute;left:16px;bottom:14px;font-family:var(--f-en);font-weight:700;font-size:13px;background:rgba(255,255,255,.9);padding:4px 12px;border-radius:999px}
.pd-arrow{position:absolute;bottom:12px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-family:var(--f-en);font-size:18px;font-weight:700;box-shadow:0 6px 16px -8px rgba(0,0,0,.4);transition:transform .3s var(--spring)}
.pd-arrow:hover{transform:scale(1.1)}
.pd-arrow.prev{right:64px}.pd-arrow.next{right:14px}
.pd-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.pd-thumb{padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#fff;transition:border-color .2s,transform .3s var(--spring)}
.pd-thumb img{width:100%;height:100%;object-fit:cover}
.pd-thumb:hover{transform:translateY(-2px)}
.pd-thumb.on{border-color:var(--ink)}
.pd-info{display:grid;gap:14px;padding-top:clamp(0px,2vw,24px)}
.pd-name{font-size:clamp(48px,6vw,92px);font-weight:850;letter-spacing:-.055em;line-height:1}
.pd-en{font-family:var(--f-en);font-weight:700;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.pd-hook{font-size:clamp(22px,2vw,30px);font-weight:780;letter-spacing:-.035em;margin-top:6px}
.pd-summary{color:var(--ink-2);font-size:17px}
.buy{margin-top:14px;border-top:2px solid var(--ink);padding-top:8px;display:grid}
.buy-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.buy-label{font-weight:650;color:var(--ink-2)}
.price-lg{font-size:22px}
.buy-act{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.buy-notes{margin-top:16px;display:grid;gap:6px;font-size:13.5px;color:var(--ink-2)}
.buy-notes li{padding-left:16px;position:relative}
.buy-notes li::before{content:"";position:absolute;left:2px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--bg)}

.pd-story{background:var(--bg);color:var(--fg);border-radius:var(--r-xl);margin-inline:clamp(8px,1vw,16px);padding-block:clamp(70px,9vw,140px)}
.pd-story .eyebrow,.pd-story .lead{color:inherit}
.pd-story .lead{max-width:none}
.pd-story-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:center}
.pd-loop-wrap{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/11;transform:rotate(-1.5deg);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.pd-loop{width:100%;height:100%;object-fit:cover}
.pd-taste{display:grid;gap:18px}
.points{display:grid;gap:10px;margin-top:6px}
.points li{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:12px 0;border-top:1px solid currentColor;font-weight:600}
.points span{font-family:var(--f-en);font-weight:800}
.pd-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);padding-block:clamp(80px,10vw,150px);align-items:center}
.pd-pair-text{display:grid;gap:20px}
.pair{display:flex;flex-wrap:wrap;gap:10px}
.pair li{font-size:clamp(18px,1.6vw,22px);font-weight:750;letter-spacing:-.02em;padding:12px 22px;border-radius:999px;background:#fff;transition:transform .35s var(--spring)}
.pair li:nth-child(2n){transform:rotate(-2deg)}
.pair li:nth-child(3n){transform:rotate(2deg)}
.pair li:hover{transform:scale(1.06) rotate(0)}
.pd-char{background:#fff;border-radius:var(--r-lg);padding:clamp(24px,3vw,40px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:20px;align-items:center}
.pd-art{width:100%;transform:rotate(-6deg);transition:transform .6s var(--spring)}
.pd-char:hover .pd-art{transform:rotate(4deg) scale(1.05)}
.pd-char p{color:var(--ink-2)}
.pd-facts{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);gap:20px 40px;padding-bottom:clamp(80px,10vw,140px)}
.facts-head{grid-row:span 3}
.facts{border-top:2px solid var(--ink)}
.facts div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.facts dt{font-weight:700}
.facts dd{color:var(--ink-2)}
.fold{border-bottom:1px solid var(--line)}
.fold summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-weight:750;font-size:17px}
.fold summary::-webkit-details-marker{display:none}
.fold summary::after{content:"+";font-family:var(--f-en);font-size:24px;font-weight:500;transition:transform .3s var(--spring)}
.fold[open] summary::after{transform:rotate(45deg)}
.fold-body{padding-bottom:20px;color:var(--ink-2)}
.next-up{--bg:var(--blue);display:block;background:var(--bg);color:#fff;text-decoration:none;border-radius:var(--r-xl) var(--r-xl) 0 0;overflow:hidden}
.next-up.t-rabbit{--bg:var(--pink-d)}
.next-in{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:clamp(40px,5vw,70px)}
.next-text{display:grid;gap:6px;padding-bottom:clamp(40px,5vw,70px)}
.next-text .eyebrow{color:inherit}
.next-text b{font-size:clamp(44px,7vw,110px);font-weight:850;letter-spacing:-.055em;line-height:1}
.next-text span:last-child{font-size:clamp(18px,1.6vw,22px);font-weight:650}
.next-bottle{height:clamp(200px,24vw,340px);width:auto;transform:translateY(18%) rotate(6deg);transition:transform .6s var(--spring)}
.next-up:hover .next-bottle{transform:translateY(4%) rotate(-3deg)}
.buybar{display:none}

/* ───────── 주문 확인 ───────── */
.co{padding-block:clamp(48px,7vw,100px) clamp(80px,10vw,140px)}
.co-head{display:grid;gap:14px;margin-bottom:clamp(28px,4vw,48px)}
.steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.steps li{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;background:#fff;color:var(--ink-2);font-weight:650;font-size:14.5px}
.steps b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--sky);font-family:var(--f-en);font-size:13px}
.steps li.on{background:var(--ink);color:#fff}
.steps li.on b{background:#fff;color:var(--ink)}
.co-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(20px,3vw,40px);align-items:start}
.co-list{display:grid;gap:12px}
.co-list .line{grid-template-columns:96px minmax(0,1fr) auto;padding:16px}
.co-list .line-img{width:96px;height:120px}
.co-sum{position:sticky;top:calc(var(--hd) + 16px);background:#fff;border-radius:var(--r-lg);padding:24px;display:grid;gap:14px}
.co-sum .sum{padding-bottom:12px;border-bottom:1px solid var(--line)}
.co-ready{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;background:var(--sky);border-radius:var(--r);padding:12px;font-size:14px;color:var(--ink-2)}
.co-ready img{width:64px}
.co-ready b{color:var(--ink)}

/* ───────── 이야기 ───────── */
.uni{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;text-align:center;min-height:clamp(620px,88svh,860px);padding:clamp(80px,9vw,120px) var(--gut);background:linear-gradient(180deg,#0f1216,#31363A);color:#fff}
.uni-sky{position:absolute;inset:0;z-index:-1;pointer-events:none}
.uni-glow{position:absolute;inset:-20% -10% auto;height:90%;background:radial-gradient(50% 50% at 50% 30%,#3c5a8a,transparent 70%);opacity:.55}
.uni-stars{position:absolute;inset:0;background-size:cover;background-position:center}
.uni-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(237,246,252,.18);border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg);pointer-events:none}
.uni-ring.r1{width:min(1100px,150vw);height:min(420px,60vw)}
.uni-ring.r2{width:min(1500px,210vw);height:min(620px,90vw);border-style:dashed;border-color:rgba(237,246,252,.12)}
.uni-copy{position:relative;z-index:2;display:grid;justify-items:center;gap:20px;max-width:620px}
.uni-copy .eyebrow{color:#cfe2f0}
.uni-mark{width:min(420px,66vw);aspect-ratio:137/48;background:#fff;-webkit-mask:url(/img/uzu-wordmark.svg) center/contain no-repeat;mask:url(/img/uzu-wordmark.svg) center/contain no-repeat;filter:drop-shadow(0 0 30px rgba(237,246,252,.35))}
.uni-read{font-weight:600;font-size:15px;line-height:1;color:#cfe2f0;letter-spacing:.02em}
.uni-read b{font-family:var(--f-en);font-weight:800;letter-spacing:.2em;color:#fff}
.uni h1{font-size:clamp(30px,4.4vw,58px);line-height:1.18;letter-spacing:-.035em;font-weight:800}
.uni .lead{color:#d3dde6;font-size:clamp(15px,1.25vw,17px);max-width:34em}
.uni-orbs{display:contents}
.uni-planet{position:absolute;z-index:3;display:grid;justify-items:center;gap:10px;text-decoration:none;color:#fff}
.uni-orb{position:relative;display:block;width:var(--d);height:var(--d);border-radius:50%;overflow:hidden;animation:uni-float 7s ease-in-out infinite;transition:scale .3s}
.uni-planet:hover .uni-orb{scale:1.05}
.uni-orb img{position:absolute;height:auto}
.uni-label{font:700 12px/1.35 var(--f-en);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#e7f0f7;white-space:nowrap}
.uni-label span{display:block;font:700 15px/1.3 var(--f);letter-spacing:-.01em;text-transform:none;color:#fff}
.uni-p1{--d:clamp(92px,10vw,150px);left:9%;top:24%}
.uni-p1 .uni-orb{background:radial-gradient(circle at 34% 30%,#5b7fd6,var(--blue) 55%,#1d3473);box-shadow:0 0 0 8px rgba(231,59,142,.16),0 0 60px rgba(231,59,142,.45)}
.uni-p1 .uni-orb img{width:88%;left:8%;top:14%}
.uni-p2{--d:clamp(80px,8.4vw,128px);right:10%;bottom:16%}
.uni-p2 .uni-orb{animation-duration:9s;animation-delay:-3s;background:radial-gradient(circle at 34% 30%,#3fb0b4,#0D4A57 52%,#093a45);box-shadow:0 0 0 8px rgba(143,174,131,.16),0 0 60px rgba(22,112,122,.6)}
.uni-p2 .uni-orb img{width:78%;left:12%;top:22%}
@keyframes uni-float{50%{transform:translateY(-12px)}}
.venn{padding-block:clamp(80px,10vw,150px)}
.circles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.circle{aspect-ratio:1;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-content:center;justify-items:center;text-align:center;gap:10px;padding:14%;margin-inline:-4%;background:rgba(237,246,252,.55);transition:background .4s,transform .5s var(--spring);position:relative}
.circle:hover{background:#fff;transform:scale(1.04);z-index:2}
.circle h3{font-size:clamp(28px,3vw,44px);font-weight:850;letter-spacing:-.04em}
.circle-sub{font-weight:750}
.circle p:last-child{color:var(--ink-2);font-size:clamp(13.5px,1.05vw,15.5px);line-height:1.65}
.c1:hover{background:#FFE9E1}.c2:hover{background:#E3ECFF}.c3:hover{background:#FFE3F0}
.core{position:relative;background:var(--ink);color:#fff;border-radius:var(--r-xl);margin-inline:clamp(8px,1vw,16px);padding-block:clamp(100px,12vw,180px);overflow:hidden;text-align:center}
.core-in{display:grid;gap:24px;justify-items:center;position:relative;z-index:1}
.core .eyebrow{color:rgba(255,255,255,.55)}
.core .lead{color:rgba(255,255,255,.78)}
.core-line{font-size:clamp(34px,5vw,76px);font-weight:850;letter-spacing:-.05em;line-height:1.12}
.core-line em{font-style:normal;color:#FFD84D}
.core-end{font-size:clamp(20px,2vw,28px);font-weight:750;letter-spacing:-.03em;margin-top:10px}
.core-brush{position:absolute;width:min(70vw,900px);right:-12%;bottom:-25%;opacity:.5;transform:rotate(-8deg)}
.arch{padding-block:clamp(80px,10vw,150px) 0}
.arch-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:a}
.arch-row li{position:relative;background:#fff;border-radius:var(--r-lg);padding:24px;display:grid;gap:8px;align-content:start;min-height:220px}
.arch-row li:not(:last-child)::after{content:"→";position:absolute;right:-17px;top:50%;translate:0 -50%;z-index:2;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--f-en);font-size:12px;display:grid;place-items:center}
.arch-k{font-family:var(--f-en);font-weight:700;font-size:12.5px;letter-spacing:.12em;color:var(--ink-3)}
.arch-row b{font-size:clamp(22px,2vw,30px);font-weight:850;letter-spacing:-.04em;line-height:1.2}
.arch-row span:last-child{color:var(--ink-2);font-size:15px}
.arch-row li:nth-child(1){background:var(--ink);color:#fff}.arch-row li:nth-child(1) span{color:rgba(255,255,255,.7)}
.arch-row li:nth-child(3){background:var(--blue);color:#fff}.arch-row li:nth-child(3) span{color:rgba(255,255,255,.75)}
.history{padding-block:clamp(80px,10vw,150px)}
.years{border-top:2px solid var(--ink)}
.years>li{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:24px;padding:clamp(20px,2.4vw,32px) 0;border-bottom:1px solid var(--line)}
.yr{font-family:var(--f-en);font-size:clamp(36px,4vw,60px);font-weight:800;letter-spacing:-.04em;line-height:1}
.years ul{display:grid;gap:6px;font-size:clamp(16px,1.3vw,19px);font-weight:600}
.story-end{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,60px);align-items:center;padding-bottom:clamp(80px,10vw,150px)}
.story-end img{border-radius:var(--r-lg);aspect-ratio:3/2;object-fit:cover;width:100%}
.story-end div{display:grid;gap:22px;justify-items:start}

/* 문서 */
.doc{max-width:820px;padding-block:clamp(56px,8vw,120px);display:grid;gap:18px}
.doc ul{display:grid;gap:8px;padding-left:20px;list-style:disc;color:var(--ink-2)}
.doc-draft{padding:16px 20px;border-radius:var(--r);background:#fff;font-weight:600}

/* ───────── 세계관: 구조도 ───────── */
.worlds{padding-block:clamp(50px,7vw,100px) clamp(80px,10vw,140px)}
.worlds-head .lead{max-width:44em}
.tree{position:relative;display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);column-gap:clamp(36px,5vw,72px);align-items:center;padding:clamp(24px,3vw,40px);background:#fff;border-radius:var(--r-xl);margin-bottom:clamp(16px,2vw,24px)}
.tn{position:relative;display:grid;gap:4px;padding:16px 18px;border-radius:18px;background:var(--sky);text-decoration:none;color:inherit;transition:transform .35s var(--spring),box-shadow .3s}
a.tn:hover{transform:translateY(-3px);box-shadow:0 14px 26px -18px rgba(15,43,85,.5)}
.tk{font-family:var(--f-en);font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--ink-3)}
.tn b{font-size:clamp(17px,1.5vw,21px);font-weight:800;letter-spacing:-.03em;line-height:1.25}
.tn small{font-size:13px;color:var(--ink-2)}
.tn-root{background:var(--ink);color:#fff;padding:22px 22px 18px}
.tn-root .tk,.tn-root small{color:rgba(255,255,255,.65)}
.tn-mark{display:block;width:clamp(90px,9vw,128px);color:var(--sky);margin:6px 0 4px}
.tn-mark svg{width:100%;height:auto}
.tn-root::after{content:"";position:absolute;left:100%;top:50%;width:clamp(36px,5vw,72px);height:2px;background:var(--ink)}
.tree-branches{position:relative;display:grid;gap:14px}
.tree-branches::before{content:"";position:absolute;left:-2px;top:25%;bottom:25%;width:2px;background:var(--ink)}
.tb{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:center;padding-left:28px}
.tb::before{content:"";position:absolute;left:0;top:50%;width:28px;height:2px;background:var(--ink)}
.tb .tn-world{background:var(--blue);color:#fff}
.tb .tn-world .tk,.tb .tn-world small{color:rgba(255,255,255,.75)}
.tleaves{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tleaves::before{content:"";position:absolute;right:100%;top:50%;width:28px;height:2px;background:var(--ink)}
.tn-leaf{grid-template-columns:42px 1fr;align-items:center;column-gap:8px;padding:10px 12px}
.tn-leaf img{width:42px;height:42px;object-fit:contain}
.tn-leaf b{font-size:15px}
.tb-soon .tn,.tb-soon .tn-world{background:transparent;color:var(--ink);border:2px dashed var(--ink-3)}
.tb-soon .tn-world .tk,.tb-soon .tn-world small{color:var(--ink-2)}
.tb-soon .tleaves{grid-template-columns:1fr}
.tb-soon .tn-leaf{grid-template-columns:1fr;text-align:center;color:var(--ink-2)}
.tb-soon::before,.tb-soon .tleaves::before{background:repeating-linear-gradient(90deg,var(--ink) 0 5px,transparent 5px 9px)}
.tree-legend{grid-column:1/-1;display:flex;gap:10px;margin-top:22px;font-size:12.5px;font-weight:650;color:var(--ink-2)}
.tree-legend span{display:inline-flex;align-items:center;gap:6px}
.tree-legend span::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--ink)}
.tree-legend span:nth-child(2)::before{background:var(--blue)}
.tree-legend span:nth-child(3)::before{background:var(--sky);border:1.5px solid var(--ink-3)}

/* 세계관 카드 */
.wcs{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr);gap:clamp(12px,1.4vw,20px)}
.wc{border-radius:var(--r-lg);overflow:hidden;display:grid;grid-template-rows:auto 1fr;background:#fff}
.wc-stage{position:relative;aspect-ratio:16/10;display:flex;justify-content:center;align-items:flex-end;gap:2%;padding-top:16px;overflow:hidden}
.wc-open .wc-stage{background:var(--blue)}
.wc-open .wc-stage::before{content:"";position:absolute;left:50%;bottom:-30%;width:80%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(255,244,205,.55),transparent)}
.wc-bottle{position:relative;height:88%;width:auto;margin-bottom:-6%;filter:drop-shadow(0 16px 16px rgba(0,0,0,.3));transition:transform .5s var(--spring)}
.wc-bottle:nth-child(1){transform:rotate(-4deg)}.wc-bottle:nth-child(2){transform:rotate(4deg)}
.wc-open:hover .wc-bottle:nth-child(1){transform:translateY(-8px) rotate(-8deg)}
.wc-open:hover .wc-bottle:nth-child(2){transform:translateY(-8px) rotate(8deg)}
.wc-locked .wc-stage{background:repeating-linear-gradient(-45deg,#EEF2F8 0 12px,#E3EAF3 12px 24px);align-items:center}
.wc-seal{font-family:var(--f-en);font-weight:800;font-size:clamp(64px,7vw,110px);color:#C9D3E3;letter-spacing:-.04em}
.wc-body{padding:clamp(20px,2vw,28px);display:grid;gap:10px;align-content:start}
.wc-no{font-family:var(--f-en);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--pink-d)}
.wc-name{font-size:clamp(26px,2.4vw,36px);font-weight:850;letter-spacing:-.045em;line-height:1.15}
.wc-tbd{color:var(--ink-3)}
.wc-meta{display:grid;border-top:1px solid var(--line)}
.wc-meta div{display:grid;grid-template-columns:56px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.wc-meta dt{color:var(--ink-3);font-weight:650}
.wc-meta dd{font-weight:650}
.wc-sum{color:var(--ink-2);font-size:15px}
.wc-link,.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:750;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px;width:max-content;max-width:100%}
.wc-link .arr,.link-arrow .arr{transition:transform .3s var(--spring)}
.wc-link:hover .arr,.link-arrow:hover .arr{transform:translateX(4px)}
.wc-soon{display:inline-block;width:max-content;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;border:1.5px dashed var(--ink-3);color:var(--ink-2)}
.wc-more{background:transparent;border:2px dashed var(--ink-3);display:grid;align-content:end}
.wc-more .wc-no{color:var(--ink-3)}
.mail-soon{font-size:14px;font-weight:650;color:inherit;opacity:.7}

/* 세계관 머리(첫 화면 안의 해피바술데이) */
.drinks{padding-top:0}
.world-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);align-items:center;margin-bottom:clamp(36px,5vw,64px)}
.world-logo{color:var(--blue)}
.world-logo svg{width:100%;height:auto}
.world-meta{display:grid;gap:16px;justify-items:start}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags li{font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px;background:#fff}
.tags li:first-child{background:var(--blue);color:#fff;font-family:var(--f-en)}
.tags-light li{background:rgba(255,255,255,.16);color:#fff}
.tags-light li:first-child{background:#fff;color:var(--blue)}

/* 원칙 03: 연구 사진 */
.tile-d{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;padding-right:clamp(24px,2.6vw,40px)}
.tile-d-text{display:grid;gap:12px}
.polas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.polas li{background:#fff;padding:6px 6px 8px;border-radius:10px;display:grid;gap:6px;color:var(--ink);font-size:12.5px;font-weight:700;text-align:center;box-shadow:0 12px 20px -14px rgba(0,0,0,.4);transition:transform .4s var(--spring)}
.polas li:nth-child(odd){transform:rotate(-3deg)}.polas li:nth-child(even){transform:rotate(2.5deg) translateY(10px)}
.polas li:hover{transform:rotate(0) scale(1.06);z-index:1}
.polas img{aspect-ratio:3/4;object-fit:cover;width:100%;border-radius:6px}

/* 주류생활: 사진 레일 */
.life{padding-block:clamp(80px,10vw,150px) clamp(60px,8vw,110px);overflow:hidden}
.life-head{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;column-gap:40px}
.life-head .eyebrow{grid-column:1/-1}
.life-rail{display:flex;align-items:center;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:10px max(var(--gut),calc((100vw - var(--max)) / 2 + var(--gut))) 26px;scrollbar-width:none;cursor:grab}
.life-rail::-webkit-scrollbar{display:none}
.life-rail.drag{cursor:grabbing;scroll-snap-type:none}
.lf{position:relative;flex:none;width:clamp(220px,24vw,340px);aspect-ratio:1;border-radius:var(--r);overflow:hidden;scroll-snap-align:start;background:#fff}
.lf-tall{aspect-ratio:3/4}
.lf:nth-child(3n+2){transform:rotate(1.5deg)}.lf:nth-child(3n){transform:rotate(-1.2deg)}
.lf img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .7s var(--ease)}
.lf:hover img{transform:scale(1.05)}
.lf figcaption{position:absolute;left:12px;bottom:12px;font-size:13.5px;font-weight:750;padding:5px 12px;border-radius:999px;background:#fff}

/* 양조장 사진 세 장 */
.brew-sub{width:42%}
.brew-sub2{position:absolute;left:4%;bottom:-2%;width:30%;aspect-ratio:1;object-fit:cover;border-radius:var(--r);border:6px solid var(--sky);transform:rotate(-4deg)}

/* 함께하기: 사진 카드 */
.tg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding-block:clamp(28px,3.4vw,48px);border-top:1px solid rgba(255,255,255,.16)}
.tg:nth-of-type(even){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.tg:nth-of-type(even) .tg-media{order:2}
.tg-media{position:relative;padding-bottom:clamp(30px,4vw,56px)}
.tg-main{width:86%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg)}
.tg-sub{position:absolute;right:0;bottom:0;width:40%;aspect-ratio:1;object-fit:cover;border-radius:var(--r);border:6px solid var(--ink);transform:rotate(3deg)}
.tg-text{display:grid;gap:14px;justify-items:start}
.tg-k{font-size:13px;font-weight:750;padding:5px 12px;border-radius:999px;background:var(--pink-d);color:#fff}
.tg-class .tg-k{background:var(--blue)}.tg-event .tg-k{background:#E8553E}
.tg h3{font-size:clamp(28px,3vw,44px);font-weight:850;letter-spacing:-.045em;line-height:1.15}
.tg p{color:rgba(255,255,255,.8);max-width:32em}
.together .link-arrow,.together .mail-soon{color:#fff}
.tg-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(24px,3vw,40px)}
.tg-rows li{display:grid;gap:6px;padding:18px 20px;border-radius:var(--r);background:rgba(255,255,255,.07)}
.tg-rows span:first-child{font-weight:800;font-size:17px}
.tg-rows span:last-child{color:rgba(255,255,255,.7);font-size:14.5px}

/* ───────── 세계관 페이지 ───────── */
.wp-hero .eyebrow{margin-bottom:14px}
.wp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:end;padding-block:clamp(48px,7vw,110px) clamp(28px,4vw,48px)}
.wp-tree{padding-bottom:clamp(40px,5vw,72px)}
.rules{padding-block:clamp(40px,5vw,72px)}
.rule-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.rule-list li{background:#fff;border-radius:var(--r-lg);padding:clamp(22px,2.4vw,32px);display:grid;gap:10px;align-content:start}
.rule-no{font-family:var(--f-en);font-weight:800;color:var(--pink-d)}
.rule-list b{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.035em;line-height:1.25}
.rule-list p{color:var(--ink-2)}
.wp-list{padding-bottom:clamp(80px,10vw,140px)}

/* 해피바술데이 */
.wh{background:var(--blue);color:#fff;border-radius:var(--r-xl);margin-inline:clamp(8px,1vw,16px);overflow:hidden}
.wh-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:center;padding-block:clamp(50px,7vw,110px)}
.wh-text{display:grid;gap:22px;justify-items:start}
.wh-logo{width:min(520px,100%);color:#fff}
.wh-logo svg{width:100%;height:auto}
.wh .lead{color:rgba(255,255,255,.85)}
.wh-art{position:relative;aspect-ratio:1}
.wh-art img{position:absolute;filter:drop-shadow(0 20px 24px rgba(0,0,0,.25))}
.wh-tiger{left:0;bottom:0;width:62%;animation:beat 1s steps(2) infinite}
.wh-rabbit{right:0;top:0;width:52%;animation:wiggle 3s ease-in-out infinite}
.why3,.cast,.w-shop{padding-top:clamp(80px,10vw,140px)}
.circles-sm .circle h3{font-size:clamp(24px,2.4vw,34px)}
.guests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.guest{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:clamp(22px,2.2vw,32px);display:grid;align-content:start;gap:8px;text-decoration:none;transition:transform .45s var(--spring)}
.guest:hover{transform:translateY(-8px) rotate(-1deg)}
.guest-art{height:clamp(200px,20vw,280px);border-radius:var(--r);display:grid;place-items:center;margin-bottom:10px;background:#FFE9E1;overflow:hidden}
.g-rabbit .guest-art{background:#FFE3F0}
.g-next .guest-art{background:repeating-linear-gradient(-45deg,#EEF2F8 0 12px,#E4EAF3 12px 24px)}
.g-next .q{color:var(--blue);font-size:clamp(100px,10vw,150px)}
.guest-art img{height:86%;width:auto;object-fit:contain}
.g-tiger:hover .guest-art img{animation:beat .46s steps(2) infinite}
.g-rabbit:hover .guest-art img{animation:headspin 1.2s var(--ease) infinite}
@keyframes beat{50%{transform:translateY(-6px) rotate(-3deg)}}
@keyframes headspin{to{transform:rotate(360deg)}}
.guest-role{font-family:var(--f-en);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.guest h3{font-size:clamp(24px,2vw,30px);font-weight:800;letter-spacing:-.04em}
.guest p{color:var(--ink-2)}
.guest .guest-drink{color:var(--ink);font-weight:700;font-size:14.5px;padding-top:8px;border-top:1px solid var(--line)}
.guest-go{font-weight:750;font-size:14.5px;margin-top:4px}
.grid-2{grid-template-columns:repeat(3,minmax(0,1fr))}
.special{margin-top:clamp(80px,10vw,140px);background:#0F4A3A;color:#fff;border-radius:var(--r-xl);margin-inline:clamp(8px,1vw,16px);padding-block:clamp(60px,8vw,120px);overflow:hidden}
.special-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,80px);align-items:center}
.special-text{display:grid;gap:18px}
.special-text .eyebrow{color:rgba(255,255,255,.7)}
.special-text p:last-child{color:rgba(255,255,255,.85)}
.special-photos{position:relative;aspect-ratio:5/4}
.special-photos img{position:absolute;object-fit:cover;border-radius:var(--r);box-shadow:0 24px 40px -24px rgba(0,0,0,.6)}
.sp-a{left:0;top:0;width:72%;aspect-ratio:3/2}
.sp-b{right:0;top:30%;width:44%;aspect-ratio:1;transform:rotate(3deg)}
.sp-c{left:14%;bottom:0;width:46%;aspect-ratio:3/2;transform:rotate(-2deg)}
.collab{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);align-items:center;padding-block:clamp(80px,10vw,140px)}
.collab img{border-radius:var(--r-lg);aspect-ratio:4/3;object-fit:cover;width:100%}
.collab>div{display:grid;gap:18px;justify-items:start}
.wgal{padding-bottom:clamp(60px,8vw,110px)}
.next-world{display:block;text-decoration:none;background:var(--navy);color:#fff;border-radius:var(--r-xl) var(--r-xl) 0 0}
.next-world-in{display:grid;gap:8px;padding-block:clamp(48px,6vw,90px)}
.next-world .eyebrow{color:rgba(255,255,255,.6)}
.next-world b{font-size:clamp(36px,5.4vw,80px);font-weight:850;letter-spacing:-.05em;line-height:1.05}
.next-world span:last-child{color:rgba(255,255,255,.75);font-weight:600}
.next-world:hover b{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:3px}

/* 술 목록: 세계관별 */
.shop-groups{display:grid;gap:clamp(40px,5vw,72px);padding-bottom:clamp(60px,8vw,110px)}
.sg[hidden]{display:none}
.sg-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.sg-head .wc-no{width:100%}
.sg-head h2 small{font-size:.6em;font-weight:650;color:var(--ink-2);margin-left:6px}
.sg-link{margin-left:auto;font-weight:700;text-decoration:none}
.sg-link:hover{text-decoration:underline}
.shop-groups .grid{padding-bottom:0}
.card-world{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:12.5px;font-weight:700}
.card-world a{text-decoration:none;color:var(--blue)}
.card-world a:hover{text-decoration:underline}
.card-world span{color:var(--ink-3)}
.card-locked .card-stage{background:repeating-linear-gradient(-45deg,#EEF2F8 0 14px,#E3EAF3 14px 28px)}
.sg .card-locked{grid-column:1/-1;grid-template-columns:minmax(140px,240px) 1fr;grid-template-rows:none}
.sg .card-locked .card-stage{aspect-ratio:auto;min-height:180px}
.sg .card-locked .card-body{align-content:center}
.card-locked .q{color:#C9D3E3}
.world-chip{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:5px 14px 5px 5px;border-radius:999px;background:#fff;text-decoration:none;font-size:13.5px;font-weight:700;transition:transform .3s var(--spring)}
.world-chip span{font-family:var(--f-en);background:var(--blue);color:#fff;border-radius:999px;padding:3px 10px;font-size:12px}
.world-chip:hover{transform:translateX(3px)}

@media (max-width:1100px){
  .wcs{grid-template-columns:1fr 1fr}
  .wc-more{grid-column:1/-1}
  .tile-d{grid-template-columns:1fr}
  .tg-rows{grid-template-columns:1fr}
}
@media (max-width:860px){
  .tree{grid-template-columns:1fr;row-gap:28px}
  .tn-root::after{left:28px;top:100%;width:2px;height:28px}
  .tree-branches{padding-left:0;margin-left:28px}
  .tree-branches::before{top:-28px;bottom:auto;height:calc(100% - 50px)}
  .tb{grid-template-columns:1fr;gap:10px}
  .tb::before{top:34px}
  .tleaves::before{display:none}
  .wcs{grid-template-columns:1fr}
  .world-head{grid-template-columns:1fr}
  .world-logo{max-width:420px}
  .life-head{grid-template-columns:1fr}
  .tg,.tg:nth-of-type(even){grid-template-columns:1fr}
  .tg:nth-of-type(even) .tg-media{order:0}
  .wp-hero{grid-template-columns:1fr}
  .rule-list{grid-template-columns:1fr}
  .wh-in{grid-template-columns:1fr}
  .wh-art{max-width:360px;width:80%;justify-self:center}
  .guests{grid-template-columns:1fr}
  .guest{grid-template-columns:120px 1fr;column-gap:16px}
  .guest-art{grid-row:span 4;height:150px;margin:0}
  .grid-2{grid-template-columns:1fr 1fr}
  .special-in,.collab{grid-template-columns:1fr}
}
@media (max-width:560px){
  .tree{padding:18px}
  .tleaves{grid-template-columns:1fr}
  .polas{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .polas li:nth-child(even){transform:rotate(2.5deg)}
  .lf{width:68vw}
  .guest{grid-template-columns:1fr}
  .guest-art{grid-row:auto;height:200px}
  .grid-2{grid-template-columns:1fr}
  .tg-main{width:100%}
  .tg-sub{width:44%;right:-4px}
  .brew-sub2{width:34%}
  .special-photos{aspect-ratio:4/5}
  .sp-a{width:100%}.sp-b{top:42%;width:56%}.sp-c{left:0;width:60%}
  .sg-link{margin-left:0}
}

/* ───────── World 02 술궁가: 바다 ───────── */
:root{--sea:#0D4A57;--sea-2:#16707A;--foam:#D3EEE9;--sage:#8FAE83;--coral:#D9566B}
.waves{position:absolute;left:0;right:0;bottom:0;height:46%;pointer-events:none;overflow:hidden}
.waves i{position:absolute;left:-50%;width:200%;height:100%;bottom:0;background:radial-gradient(60px 18px at 60px 0,transparent 98%,var(--w,rgba(255,255,255,.14)) 100%) 0 0/120px 100% repeat-x;animation:wave 9s linear infinite}
.waves i:nth-child(1){--w:rgba(211,238,233,.16);bottom:18%}
.waves i:nth-child(2){--w:rgba(211,238,233,.12);bottom:8%;animation-duration:13s;animation-direction:reverse;background-size:150px 100%}
.waves i:nth-child(3){--w:rgba(211,238,233,.1);bottom:-2%;animation-duration:17s;background-size:190px 100%}
@keyframes wave{to{transform:translateX(25%)}}
.wc-sea .wc-stage{background:linear-gradient(180deg,var(--sea-2),var(--sea));align-items:center;gap:4%}
.wc-label{position:relative;width:42%;border-radius:8px;box-shadow:0 14px 24px -12px rgba(0,0,0,.5);transition:transform .5s var(--spring)}
.wc-label:nth-of-type(1){transform:rotate(-5deg) translateY(-6px)}.wc-label:nth-of-type(2){transform:rotate(4deg) translateY(10px)}
.wc-sea:hover .wc-label:nth-of-type(1){transform:rotate(-8deg) translateY(-14px)}.wc-sea:hover .wc-label:nth-of-type(2){transform:rotate(7deg) translateY(2px)}
.wc-sea .wc-no{color:var(--sea-2)}
.wc-hanja{font-size:.5em;font-weight:500;color:var(--ink-3);letter-spacing:.06em}
.wc-meta dd span{display:block;font-weight:500;font-size:12.5px;color:var(--ink-2)}
.wc-soon-card .wc-link{color:var(--sea)}
/* 구조도 */
.tb-sea .tn-world{background:var(--sea)}
.tb-sea .tn-world b small{font-size:.7em;font-weight:500;opacity:.75}
.tn-leaf b small{display:block;font-size:11.5px;font-weight:650;color:var(--sea-2)}
.tn-leaf .leaf-label{object-fit:cover;object-position:62% 60%;border-radius:10px}
/* 첫 화면 예고 띠 */
.sea{position:relative;margin:clamp(70px,9vw,130px) clamp(8px,1vw,16px) 0;border-radius:var(--r-xl);background:radial-gradient(120% 90% at 80% 10%,var(--sea-2),var(--sea) 60%);color:#fff;overflow:hidden;isolation:isolate}
.sea .waves{z-index:-1}
.sea-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;padding-block:clamp(60px,8vw,120px)}
.sea-text{display:grid;gap:22px;justify-items:start}
.sea-logo{width:min(380px,70%)}
.sea-logo img{width:100%;height:auto}
.sea .lead{color:rgba(255,255,255,.86)}
.sea .btn-light{color:var(--sea)}
.sea-cast{position:relative;aspect-ratio:1.05}
.sea-turtle{position:absolute;left:4%;bottom:0;width:48%;animation:bob 4.5s ease-in-out infinite;filter:drop-shadow(0 18px 20px rgba(0,0,0,.25))}
@keyframes bob{50%{transform:translateY(-14px) rotate(-2deg)}}
.sea-label{position:absolute;width:62%;display:grid;gap:8px;transition:transform .5s var(--spring)}
.sea-label img{border-radius:10px;box-shadow:0 20px 34px -18px rgba(0,0,0,.6)}
.sea-label figcaption{font-size:13px;font-weight:700;color:var(--foam)}
.sea-label.l1{right:0;top:2%;transform:rotate(4deg)}
.sea-label.l2{right:8%;top:42%;transform:rotate(-3deg)}
.sea-label:hover{transform:rotate(0) scale(1.03);z-index:2}
/* 술궁가 세계관 페이지 */
.sh{position:relative;background:radial-gradient(120% 90% at 80% 10%,var(--sea-2),var(--sea) 62%);color:#fff;border-radius:var(--r-xl);margin-inline:clamp(8px,1vw,16px);overflow:hidden;isolation:isolate}
.sh .waves{z-index:-1}
.sh-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:center;padding-block:clamp(50px,7vw,110px)}
.sh-text{display:grid;gap:22px;justify-items:start}
.sh-logo{width:min(440px,80%)}
.sh-logo img{width:100%;height:auto}
.sh-line{font-size:clamp(26px,3vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1.2}
.sh .lead{color:rgba(255,255,255,.86)}
.sh-art{position:relative;aspect-ratio:1}
.sh-turtle{position:absolute;inset:6% 6% 0;width:88%;animation:bob 5s ease-in-out infinite;filter:drop-shadow(0 22px 26px rgba(0,0,0,.3))}
.bubbles i{position:absolute;bottom:10%;width:14px;height:14px;border-radius:50%;border:2px solid rgba(211,238,233,.7);animation:bubble 6s ease-in infinite;opacity:0}
.bubbles i:nth-child(1){left:20%}.bubbles i:nth-child(2){left:42%;animation-delay:1.2s;width:9px;height:9px}.bubbles i:nth-child(3){left:66%;animation-delay:2.4s}.bubbles i:nth-child(4){left:80%;animation-delay:3.4s;width:10px;height:10px}.bubbles i:nth-child(5){left:30%;animation-delay:4.4s;width:18px;height:18px}
@keyframes bubble{0%{opacity:0;transform:translateY(0)}15%{opacity:1}100%{opacity:0;transform:translateY(-320px) translateX(14px)}}
.circles-sea .circle{border-color:var(--sea)}
.circles-sea .circle:hover{background:var(--foam)}
.circles-sea h3{font-family:var(--f)}
.ups{display:grid;gap:clamp(14px,1.6vw,24px)}
.up{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,48px);align-items:center;background:#fff;border-radius:var(--r-lg);padding:clamp(20px,2.4vw,36px);scroll-margin-top:calc(var(--hd) + 20px)}
.up-art{border-radius:var(--r);overflow:hidden;display:grid;place-items:center;aspect-ratio:4/3}
.up-turtle{background:radial-gradient(circle at 50% 80%,#E7F3EF,#CFE6DF)}
.up-rabbit{background:#F7E3E6}
.up-body{display:grid;gap:10px;justify-items:start}
.up-body h3{font-size:clamp(28px,3vw,44px);font-weight:850;letter-spacing:-.04em;line-height:1.1;font-family:var(--f-en)}
.up-body h3 small{font-family:var(--f);font-size:.45em;font-weight:650;color:var(--ink-3);letter-spacing:0}
.up-sub{font-family:var(--f-en);font-weight:700;color:var(--sea-2)}
.up-body p:not(.guest-role):not(.up-sub){color:var(--ink-2)}
.up-label{width:min(420px,100%);border-radius:8px;margin-top:6px;box-shadow:0 14px 24px -16px rgba(0,0,0,.45)}
.dev{padding-top:clamp(80px,10vw,140px)}
.dev-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dev-grid figure{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4}
.dev-grid figure:nth-child(even){transform:translateY(24px)}
.dev-grid img{width:100%;height:100%;object-fit:cover}
.dev-grid figcaption{position:absolute;left:10px;bottom:10px;font-size:13px;font-weight:750;padding:4px 12px;border-radius:999px;background:#fff}
.sgg-shots{padding-top:clamp(90px,11vw,160px)}
.notify{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;padding-block:clamp(60px,8vw,110px);border-top:1px solid var(--line);margin-top:clamp(40px,5vw,72px)}
.notify>div{display:grid;gap:12px;max-width:40em}
.next-world-hbd{background:var(--blue)}
.card-up .card-stage{background:linear-gradient(180deg,var(--sea-2),var(--sea));place-items:center}
.card-label{position:relative;width:84%;height:auto;border-radius:8px;box-shadow:0 18px 28px -16px rgba(0,0,0,.6);transform:rotate(-3deg);transition:transform .5s var(--spring)}
.card-up:hover .card-label{transform:rotate(1deg) scale(1.04)}
.card-name small{font-size:.55em;font-weight:650;color:var(--ink-3)}
@media (max-width:860px){
  .sea-in,.sh-in,.up{grid-template-columns:1fr}
  .sea-cast{max-width:460px;width:100%;justify-self:center}
  .sh-art{max-width:300px;width:70%;justify-self:center}
  .dev-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .dev-grid figure:nth-child(even){transform:translateY(16px)}
}

/* 사진 무대(10/10 2차) */
.wc-stage .wc-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.wc:hover .wc-photo{transform:scale(1.04)}
.wc-open .wc-stage::before{display:none}
.wc-hanja{font-size:.42em;font-weight:650;color:var(--sea-2);letter-spacing:-.01em;display:block;margin-top:4px}
.sea-photo{position:absolute;right:0;top:4%;width:70%;display:grid;gap:8px;transform:rotate(3deg);transition:transform .5s var(--spring)}
.sea-photo img{border-radius:var(--r);aspect-ratio:4/3;object-fit:cover;box-shadow:0 22px 40px -20px rgba(0,0,0,.6)}
.sea-photo figcaption{font-size:12.5px;font-weight:650;color:var(--foam)}
.sea-photo:hover{transform:rotate(0) scale(1.02)}
.sea-turtle{z-index:2}
.wh-photo{position:absolute;inset:4% 8% 10% 4%;width:88%;height:86%;object-fit:cover;border-radius:var(--r-lg);box-shadow:0 26px 50px -24px rgba(0,0,0,.6);transform:rotate(-2deg)}
.world-hbd .wh-tiger{width:42%;left:-6%;bottom:-4%;z-index:2}
.world-hbd .wh-rabbit{width:36%;right:-4%;top:-6%;z-index:2}
.sh-bottle{position:absolute;bottom:4%;height:78%;width:auto;filter:drop-shadow(0 20px 24px rgba(0,0,0,.35))}
.sh-bottle.b1{left:8%;transform:rotate(-4deg)}.sh-bottle.b2{left:40%;transform:rotate(3deg)}
.sh-art .sh-turtle{inset:auto -4% -2% auto;width:46%;z-index:2}
.up-art{position:relative}
.up-turtle .up-char{position:absolute;left:6%;bottom:0;width:44%;animation:bob 4.5s ease-in-out infinite}
.up-bottle{height:88%;width:auto;filter:drop-shadow(0 18px 20px rgba(0,0,0,.25))}
.up-turtle .up-bottle{margin-left:34%}
.up-rabbit .up-bottle{height:88%}
@media (max-width:860px){
  .wh-art{max-width:420px;width:92%}
  .sea-photo{width:78%}
}
.sea-cover{position:absolute;left:0;top:0;width:58%;border-radius:var(--r);box-shadow:0 24px 44px -20px rgba(0,0,0,.6);transform:rotate(-3deg)}
.sea-cast .sea-photo{right:0;top:auto;bottom:0;width:46%;transform:rotate(4deg)}
.sea-cast .sea-photo img{aspect-ratio:auto}
.sea-cast .sea-turtle{left:40%;bottom:-4%;width:30%}
.sh-cover{position:absolute;inset:0 4% 8% 0;width:96%;height:92%;object-fit:cover;border-radius:var(--r-lg);box-shadow:0 26px 50px -24px rgba(0,0,0,.6);transform:rotate(2deg)}
.tg-sub-label{aspect-ratio:auto;object-fit:contain;background:#fff;width:52%}
.maker{padding-top:clamp(80px,10vw,150px)}
.certs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.certs li{display:grid;gap:6px;padding:clamp(22px,2.4vw,32px);border-radius:var(--r-lg);background:var(--ink);color:#fff}
.certs li:nth-child(2){background:var(--blue)}
.cert-k{font-family:var(--f-en);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.certs b{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.04em}
.certs span:last-child{opacity:.8}
@media (max-width:560px){.certs{grid-template-columns:1fr}}
/* 나타나기 */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
[data-reveal].in{opacity:1;transform:none}
.no-js [data-reveal]{opacity:1;transform:none}

/* ───────── 반응형 ───────── */
@media (max-width:1100px){
  .hd-nav a{padding:8px 10px}
  .bento .tile-a{grid-column:span 12;grid-row:auto}
  .bento .tile-b{grid-column:span 6;min-height:340px}
  .bento .tile-c{grid-column:span 6}
  .arch-row{grid-template-columns:1fr 1fr}
  .arch-row li:nth-child(2)::after{display:none}
}
@media (max-width:860px){
  :root{--hd:58px}
  .hd{grid-template-columns:auto 1fr}
  .hd-nav{display:none}
  .menu-btn{display:block}
  .cart-btn span{display:none}
  .cart-btn{padding:0 7px}
  .hero-foot{flex-direction:column;align-items:flex-start}
  .hero-cta{justify-items:start;text-align:left}
  .hero{min-height:max(800px,calc(100svh - var(--hd) - var(--ann)))}
  .hero-bottle{height:min(34vh,48vw);bottom:calc(336px - var(--p) * 100px)}
  .b-tiger{left:calc(50% - 25vw)}.b-rabbit{left:calc(50% + 1vw)}
  .hero-spot{bottom:calc(280px - var(--p) * 100px);width:120vw}
  .hero-curtain{top:46px;width:max(100%,860px)}
  .hero-floor{bottom:calc(318px - var(--p) * 100px);width:62vw}
  .ticket{right:auto;left:50%;top:auto;bottom:268px;translate:-50% 0;transform:rotate(-2deg);padding:7px 14px;justify-items:center;text-align:center;white-space:nowrap}
  .ticket-d{font-size:11.5px}
  .ticket::before{display:none}
  .ticket b{font-size:14px}.ticket-d{font-size:12px}
    .hero-tiger{width:34vw;top:auto;bottom:36px;left:auto;right:-8vw;transform:rotate(-8deg) scaleX(-1)}
  .hero-rabbit{width:32vw;top:clamp(60px,18vw,120px);right:-9vw}
  .hero-mark{align-self:start;margin-top:clamp(36px,10vw,60px)}
  .sheet{position:relative;top:0;min-height:0;border-radius:var(--r-xl)!important;margin-bottom:10px}
  .sheet-in{grid-template-columns:1fr}
  .sheet-frame{aspect-ratio:1;max-height:none;width:100%}
  .sheet-art{width:110px;bottom:-34px}
  .tile-d{padding-right:clamp(24px,2.6vw,40px);padding-bottom:180px}
  .tile-squiggle{top:auto;bottom:-60px;translate:0;width:220px}
  .brewery{grid-template-columns:1fr}
  .rows a{grid-template-columns:40px 1fr 28px;row-gap:6px}
  .row-d{grid-column:2;grid-row:2}
  .rows .arr{grid-column:3;grid-row:1/span 2}
  .ft-top{grid-template-columns:1fr}
  .ft-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shop-hero-art{width:110px;bottom:auto;top:24px}
  .grid{grid-template-columns:1fr 1fr}
  .shop-note{grid-template-columns:1fr}
  .pd{grid-template-columns:1fr}
  .pd-gallery{position:relative;top:0}
  .pd-story-in,.pd-pair{grid-template-columns:1fr}
  .pd-facts{grid-template-columns:1fr}
  .facts-head{grid-row:auto}
  .buybar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .4s var(--ease)}
  .buybar.on{transform:none}
  .buybar-in{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--ink);color:#fff;border-radius:999px;padding:8px 8px 8px 22px}
  .buybar-name{display:grid;font-weight:750;line-height:1.3}
  .buybar-name small{font-weight:600;opacity:.75;font-size:12.5px}
  .buybar .btn-ink{background:#fff;color:var(--ink);border-color:#fff}
  .co-grid{grid-template-columns:1fr}
  .co-sum{position:relative;top:0}
  .uni{display:flex;flex-direction:column;justify-content:center;gap:36px;padding-top:56px;padding-bottom:64px}
  .uni-orbs{display:flex;justify-content:space-between;align-items:flex-start;width:100%;order:-1;padding-inline:4%}
  .uni-planet{position:static}
  .uni-label{font-size:10.5px}
  .uni-label span{font-size:13px}
  .uni-ring.r1{height:70vw}
  .circles{grid-template-columns:1fr;justify-items:center;gap:0}
  .circle{width:min(400px,92vw);margin:-6% 0 0}
  .circle:first-child{margin-top:0}
  .years>li{grid-template-columns:1fr;gap:12px}
  .story-end{grid-template-columns:1fr}
}
@media (max-width:560px){
  .hero-kicker{gap:18px;font-size:10px;letter-spacing:.16em;white-space:nowrap}
  body{font-size:15.5px}
  .btn{min-height:50px;padding:0 22px;font-size:15.5px}
  .bento .tile-b,.bento .tile-c{grid-column:span 12}
  .tile{min-height:0}
  .grid{grid-template-columns:1fr}
  .ft-cols{grid-template-columns:1fr 1fr}
  .sheet-act .btn{flex:1 1 auto}
  .buy-act{grid-template-columns:1fr}
  .shop-note li,.facts div,.cibi div{grid-template-columns:88px 1fr}
  .arch-row{grid-template-columns:1fr}
  .arch-row li{min-height:0}
  .arch-row li::after{display:none}
  .pd-thumbs{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
  .stamp{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  [data-reveal]{opacity:1;transform:none}
}

/* 맛 한 줄 라벨(‘○○ 한 술’) */
.flavor{font-family:var(--f);font-size:12.5px;font-weight:750;letter-spacing:.02em;color:var(--pink-d);margin-top:4px}
.pd-info .flavor{font-size:14px;margin-top:10px}

/* ───────── 첫 화면(시안 E · 판소리 무대) — 홈 전용, 클래스는 모두 e- 접두사 ───────── */
body.home{--ink2:#23272a;--paper:#EDF6FC;--pink2:#D6307F;--sea:#0D4A57;--sea2:#16707A;--sage:#8FAE83;--coral:#D9566B;--ko:var(--f);--en:var(--f-en);--hh:var(--hd)}
:where(body.home main){line-height:1.5;color:var(--paper)}
:where(body.home main a){text-decoration:none}
:where(body.home main button){background:none;border:0}
.e-en{font-family:var(--en)}
.e-cap{font-family:var(--en);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
body.home .hd{background:rgba(35,39,42,.92);color:var(--paper);border-bottom-color:rgba(237,246,252,.12)}
body.home .hd-nav a:hover{background:rgba(237,246,252,.12)}
body.home .hd-nav a.on{background:var(--paper);color:var(--ink)}
body.home .hd .cart-btn{background:var(--paper);color:var(--ink)}
body.home .hd .cart-btn b{background:var(--ink);color:var(--paper)}
body.home .hd-logo{color:var(--paper)}
body.home .hd .menu-btn{border-color:var(--paper)}
body.home .hd .menu-btn i{background:var(--paper)}
.e-now{position:fixed;left:var(--gut);bottom:16px;z-index:48;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:rgba(35,39,42,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(237,246,252,.22);color:var(--paper);font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none}
.e-now i{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px rgba(231,59,142,.25);animation:e-blink 1.6s infinite}
@keyframes e-blink{50%{opacity:.35}}
.e-flv{font-size:14px;font-weight:800;letter-spacing:.01em;color:#ffd0e6;margin-bottom:10px}
.e-c2 .e-flv{font-size:13px;margin:0 0 4px;color:#ffd0e6}
.e-c2.e-hope .e-flv{color:#d3e8c9}
.e-who{font-size:14px;margin-top:14px;opacity:.9}
.e-join{margin-top:28px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:15px;opacity:.9}
.e-join .e-btn{height:40px;font-size:14px}
.e-cast.e-tiger{--hh:var(--hd)}

/* ---------- 서막 / hero ---------- */
.e-hero{position:relative;min-height:calc(100svh - var(--hd) - var(--ann));min-height:max(620px,calc(100svh - var(--hd) - var(--ann)));padding:22px var(--gut) 0;display:flex;flex-direction:column;background:radial-gradient(70% 55% at 50% 30%,#40474c 0%,var(--ink) 45%,var(--ink2) 100%);overflow:hidden}
.e-bill{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-top:1px solid rgba(237,246,252,.3);border-bottom:1px solid rgba(237,246,252,.3);padding:10px 0;font-size:13px}
.e-bill div{display:flex;flex-direction:column;gap:2px}
.e-bill span{font-family:var(--en);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.55}
.e-bill b{font-weight:600}
.e-bill .e-on{color:#ff8cc2}
.e-hero-type{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(12px,2vw,26px);padding:clamp(18px,3vw,40px) 0}
.e-uzu{position:relative;width:100%;aspect-ratio:137/48;-webkit-mask:url(/img/uzu-wordmark.svg) center/100% 100% no-repeat;mask:url(/img/uzu-wordmark.svg) center/100% 100% no-repeat;background:var(--blue)}
.e-uzu img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:e-cast 12s infinite}
.e-uzu img:nth-child(1){animation-delay:0s;object-position:50% 70%}
.e-uzu img:nth-child(2){animation-delay:4s;object-position:50% 30%}
.e-uzu img:nth-child(3){animation-delay:8s;object-position:50% 60%}
@keyframes e-cast{0%{opacity:0;transform:scale(1.12)}6%{opacity:1}33%{opacity:1}39%{opacity:0;transform:scale(1)}100%{opacity:0}}
.e-hero-line{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.e-h1{font-size:clamp(44px,7.4vw,118px);font-weight:850;letter-spacing:-.045em;line-height:.98}
.e-h1 .e-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.e-h1 .e-w>span{display:inline-block}
.e-hero-side{max-width:300px;font-size:15px;opacity:.85;padding-bottom:10px}
.e-hero-side a{display:inline-flex;margin-top:14px;gap:8px;align-items:center;font-weight:700;border-bottom:2px solid var(--pink);padding-bottom:2px;opacity:1}
/* surtitle box */
.e-surt{margin:0 calc(var(--gut)*-1);background:#000;color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:14px var(--gut);font-size:clamp(15px,1.5vw,20px);font-weight:500;min-height:58px}
.e-surt .e-cap{color:#ff8cc2;font-size:11px}
.e-surt-t{position:relative;height:1.6em;overflow:hidden}
.e-surt-t p{position:absolute;inset:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(100%);transition:opacity .5s,transform .5s}
.e-surt-t p.e-on{opacity:1;transform:none}
.e-surt-t p.e-off{opacity:0;transform:translateY(-100%)}
.e-surt .e-n{font-family:var(--en);font-size:12px;opacity:.6}

/* ---------- marquee ---------- */
.e-mq{background:var(--paper);color:var(--ink);padding:clamp(18px,3vw,36px) 0;overflow:hidden;border-bottom:1px solid #cfdde6}
.e-mq-row{display:flex;white-space:nowrap;font-size:clamp(46px,8vw,128px);font-weight:850;letter-spacing:-.04em;line-height:1.08}
.e-mq-row span{padding-right:.4em}
.e-mq-row .e-o{color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.e-mq-row .e-p{color:var(--pink2)}
.e-mq-row .e-b{color:var(--blue)}
.e-mq-row .e-s{color:var(--sea2)}

/* ---------- curtain ---------- */
.e-curtain{position:relative}
.e-cur-stick{position:relative;height:100svh;min-height:560px;overflow:hidden}
.e-js .e-curtain{height:230svh}
.e-js .e-cur-stick{position:sticky;top:0}
.e-stage{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--hh) + 24px) var(--gut) clamp(28px,5vw,64px)}
.e-stage>img.e-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e-stage::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.6))}
.e-stage>*:not(.e-bg){position:relative;z-index:2}
.e-stage>.e-set{position:absolute;z-index:0}
.e-panel{display:none}
.e-js .e-panel{display:flex;position:absolute;top:0;bottom:0;width:50.5%;z-index:5;align-items:center;overflow:hidden}
.e-panel.e-l{left:0;justify-content:flex-end}
.e-panel.e-r{right:0;justify-content:flex-start}
.e-panel .e-big{font-size:clamp(220px,40vw,640px);font-weight:900;letter-spacing:-.06em;line-height:.8;color:var(--paper)}
.e-panel.e-l .e-big{margin-right:-.02em}
.e-panel .e-meta{position:absolute;bottom:clamp(24px,4vw,48px);font-size:14px;font-weight:600;opacity:.85}
.e-panel.e-l .e-meta{left:var(--gut)}.e-panel.e-r .e-meta{right:var(--gut);text-align:right}
.e-panel::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,0) 0 46px,rgba(0,0,0,.08) 46px 48px);pointer-events:none}
.e-act1 .e-panel{background:var(--blue)}
.e-act2 .e-panel{background:var(--sea)}
.e-act-kick{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.e-pill{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:99px;font-size:13px;font-weight:700;background:var(--paper);color:var(--ink)}
.e-pill.e-pk{background:var(--pink);color:#fff}
.e-pill.e-ln{background:transparent;color:inherit;border:1px solid currentColor}
.e-hbd{width:min(760px,84vw);color:#fff;filter:drop-shadow(0 6px 30px rgba(0,0,0,.35))}
.e-act-en{font-family:var(--en);font-weight:700;font-size:clamp(18px,2vw,26px);margin-top:8px}
.e-act1 .e-stage>img.e-bg{object-position:50% 60%}
/* act 2 stage: cover as set */
.e-act2 .e-stage{background:radial-gradient(60% 80% at 70% 50%,var(--sea2) 0%,var(--sea) 55%,#0a3b45 100%);justify-content:center;align-items:flex-start}
.e-act2 .e-stage::before{display:none}
.e-set{position:absolute;inset:0;z-index:0!important;display:flex;justify-content:flex-end;align-items:center;padding:calc(var(--hh) + 28px) calc(var(--gut) + 2vw) 28px;overflow:hidden}
.e-set img{height:100%;width:auto;max-width:56vw;object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.45);border-radius:4px}
.e-sgg-title{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:100%;text-align:left;max-width:44vw}
.e-sgg-logo{width:min(520px,76vw)}

/* ---------- subtitles scene ---------- */
.e-subs{position:relative}
.e-subs-stick{position:relative;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:calc(var(--hh) + 28px) var(--gut) 36px;overflow:hidden}
.e-js .e-subs{height:340svh}
.e-js .e-subs-stick{position:sticky;top:0;height:100svh}
.e-subs.e-s1 .e-subs-stick{background:var(--blue)}
.e-subs.e-s2 .e-subs-stick{background:var(--sea)}
.e-subs-top{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid rgba(237,246,252,.3);padding-bottom:12px}
.e-subs-ghost{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-size:clamp(120px,24vw,380px);font-weight:900;letter-spacing:-.06em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(237,246,252,.13);pointer-events:none}
.e-lines{position:relative;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:40px 0;z-index:1}
.e-lines p{font-size:clamp(28px,4.3vw,66px);font-weight:750;letter-spacing:-.035em;line-height:1.18;max-width:17em}
.e-lines p small{display:block;font-size:14px;font-weight:600;letter-spacing:0;opacity:.6;margin-bottom:12px}
.e-lines p em{font-style:normal;color:#ff9ccb}
.e-s2 .e-lines p em{color:#b9d6ad}
.e-js .e-lines{display:block}
.e-js .e-lines p{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);opacity:0}
.e-js .e-lines p:first-child{opacity:1}
.e-subs-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;position:relative;z-index:1}
.e-prog{display:flex;gap:6px}
.e-prog i{display:block;width:34px;height:3px;background:rgba(237,246,252,.25)}
.e-prog i.e-on{background:var(--paper)}
.e-subs-foot .e-who{display:flex;align-items:flex-end;gap:10px}
.e-subs-foot .e-who img{width:clamp(70px,9vw,120px)}

/* ---------- type mask ---------- */
.e-mask{background:var(--paper);color:var(--ink);padding:clamp(56px,8vw,120px) var(--gut) clamp(40px,6vw,80px);overflow:hidden}
.e-mask-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.e-mask h2{font-size:clamp(84px,25vw,400px);font-weight:900;letter-spacing:-.07em;line-height:.9;color:var(--blue);background:url(/img/xmas-pour.webp) 50% 40%/cover;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-left:-.04em}
.e-mask.e-m2 h2{background-image:url(/img/sgg-pour.webp);background-position:50% 50%}
.e-mask p.e-lede{max-width:520px;font-size:clamp(16px,1.3vw,19px);color:#4a5257}
.e-mask .e-cap{color:var(--pink2)}
.e-mask.e-m2 .e-cap{color:var(--sea2)}

/* ---------- cast ---------- */
.e-cast{position:relative;overflow:hidden;padding:clamp(64px,8vw,120px) var(--gut)}
.e-cast.e-tiger{background:var(--blue)}
.e-cast.e-rabbit{background:var(--pink2)}
.e-cast-head{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(237,246,252,.35);padding-bottom:12px;margin-bottom:clamp(24px,3vw,40px)}
.e-cast-body{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,64px);align-items:center}
.e-cast.e-rabbit .e-cast-body{grid-template-columns:.85fr 1.15fr}
.e-cast.e-rabbit .e-cast-name{order:2}
.e-cast-name{position:relative;min-height:clamp(320px,38vw,560px)}
.e-cast-name h3{position:relative;z-index:2;font-size:clamp(68px,11vw,176px);font-weight:900;letter-spacing:-.06em;line-height:.92}
.e-cast-name h3 .e-en{display:block;font-size:clamp(16px,1.6vw,22px);letter-spacing:.02em;font-weight:700;margin-bottom:14px;opacity:.85}
.e-cast-name .e-char{position:absolute;z-index:1;right:0;bottom:-10px;width:clamp(200px,26vw,400px)}
.e-cast.e-rabbit .e-cast-name .e-char{right:auto;left:auto;right:-10px;width:clamp(210px,28vw,420px)}
.e-cast-card{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2vw,32px);align-items:end}
.e-cast-card .e-bottle{width:clamp(96px,10vw,150px);filter:drop-shadow(0 20px 30px rgba(0,0,0,.3))}
.e-spec{border-top:1px solid rgba(237,246,252,.4)}
.e-spec div{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid rgba(237,246,252,.25);font-size:15px}
.e-spec dt{opacity:.65;font-size:13px;font-weight:600;padding-top:1px}
.e-spec dd{font-weight:600}
.e-spec dd.e-q{font-size:clamp(20px,1.8vw,26px);font-weight:800;letter-spacing:-.03em;line-height:1.3}
.e-acts{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.e-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:99px;font-size:15px;font-weight:700;background:var(--paper);color:var(--ink);transition:transform .2s}
.e-btn:hover{transform:translateY(-2px)}
.e-btn.e-ln{background:transparent;color:inherit;border:1.5px solid currentColor}
.e-next-guest{background:var(--ink);padding:clamp(40px,5vw,64px) var(--gut);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.e-next-guest p{font-size:clamp(22px,2.4vw,34px);font-weight:800;letter-spacing:-.03em}
.e-next-guest p small{display:block;font-size:14px;font-weight:600;opacity:.6;letter-spacing:0}

/* act 2 cast */
.e-cast2{background:var(--sea2);padding:clamp(64px,8vw,120px) var(--gut);position:relative;overflow:hidden}
.e-cast2 .e-turtle{position:absolute;width:clamp(180px,22vw,340px);right:var(--gut);top:clamp(30px,4vw,60px);z-index:1}
.e-cast2-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,32px);position:relative;z-index:2;margin-top:clamp(28px,4vw,48px)}
.e-c2{background:rgba(13,74,87,.55);border:1px solid rgba(237,246,252,.18);border-radius:18px;padding:clamp(20px,2.6vw,36px);display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2.4vw,32px);align-items:end}
.e-c2 img{width:clamp(80px,9vw,128px)}
.e-c2 h3{font-family:var(--en);font-size:clamp(30px,3.4vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1}
.e-c2 .e-pun{font-family:var(--en);font-weight:700;color:#b9d6ad;margin:6px 0 14px}
.e-c2.e-plum .e-pun{color:#ffb3bf}
.e-c2 p{font-size:15px;opacity:.9}
.e-c2-note{font-size:12.5px;opacity:.6;margin-top:16px}
.e-cast2 h2{font-size:clamp(40px,5.6vw,88px);font-weight:850;letter-spacing:-.045em;line-height:1.04;max-width:11em;position:relative;z-index:2}

/* ---------- backstage ---------- */
.e-back{background:var(--ink2);padding:clamp(64px,8vw,120px) var(--gut)}
.e-back-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(40px,6vw,80px)}
.e-back-hero h2{font-size:clamp(44px,6.4vw,104px);font-weight:850;letter-spacing:-.05em;line-height:1}
.e-back-hero .e-ph{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:4px}
.e-back-hero .e-ph img{width:100%;height:100%;object-fit:cover}
.e-back-hero p{font-size:16px;opacity:.82;max-width:30em;margin-top:22px}
.e-prog-list{border-top:1px solid rgba(237,246,252,.3)}
.e-row{display:grid;grid-template-columns:120px 1fr 1.1fr 160px;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(237,246,252,.18);transition:background .25s,padding .25s}
.e-row:hover{background:rgba(237,246,252,.04);padding-left:12px;padding-right:12px}
.e-row .e-t{font-size:clamp(24px,2.6vw,40px);font-weight:800;letter-spacing:-.04em;line-height:1.1}
.e-row .e-d{font-size:15px;opacity:.78}
.e-row .e-th{aspect-ratio:3/2;overflow:hidden;border-radius:3px}
.e-row .e-th img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.e-row:hover .e-th img{transform:scale(1.06)}
.e-row .e-no{font-family:var(--en);font-size:13px;font-weight:700;letter-spacing:.1em;opacity:.6}

/* ---------- curtain call ---------- */
.e-call{background:var(--paper);color:var(--ink);padding:clamp(64px,8vw,120px) var(--gut) 40px;overflow:hidden}
.e-call .e-big{font-family:var(--en);font-size:clamp(52px,10.5vw,170px);font-weight:800;letter-spacing:-.05em;line-height:.92;color:var(--blue)}
.e-call .e-big span{color:var(--pink2)}.e-call .e-big b,.e-call .e-big span{white-space:nowrap;font-weight:inherit}
.e-call .e-ko{font-size:clamp(22px,2.6vw,38px);font-weight:800;letter-spacing:-.03em;margin-top:18px}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .e-now{display:none}
  .e-bill{grid-template-columns:1fr 1fr}
  .e-row{grid-template-columns:70px 1fr 160px}
  .e-row .e-d{grid-column:2/3}
  .e-row .e-th{grid-column:3;grid-row:1/3}
}
@media (max-width:720px){
  .e-bill{gap:10px 12px;font-size:12px}
  .e-bill div:nth-child(n+3){display:none}
  .e-hero-line{flex-direction:column;align-items:flex-start}
  .e-h1 .e-w{display:block}
  .e-h1{font-size:15.5vw}
  .e-hero-type{justify-content:flex-start;padding-top:12svh}
  .e-hero-side{max-width:none}
  .e-surt{grid-template-columns:auto 1fr;font-size:15px;gap:12px}
  .e-surt .e-n{display:none}
  .e-surt-t{height:3.2em}
  .e-surt-t p{white-space:normal;display:flex;align-items:center}
  .e-panel .e-meta{font-size:12px;max-width:40vw}
  .e-cast-body,.e-cast.e-rabbit .e-cast-body{grid-template-columns:1fr}
  .e-cast.e-rabbit .e-cast-name{order:0}
  .e-cast-name{min-height:0;padding-bottom:clamp(200px,58vw,260px)}
  .e-cast-name .e-char{width:min(240px,60vw)}
  .e-cast.e-rabbit .e-cast-name .e-char{width:min(250px,62vw);right:-6px}
  .e-cast2-grid{grid-template-columns:1fr}
  .e-cast2 .e-turtle{position:relative;right:auto;top:auto;margin:0 0 -10px auto;width:150px}
  .e-back-hero{grid-template-columns:1fr}
  .e-row{grid-template-columns:1fr 104px;gap:8px 14px;padding:16px 0}
  .e-row .e-no{grid-column:1}
  .e-row .e-t{grid-column:1}
  .e-row .e-d{grid-column:1;font-size:14px}
  .e-row .e-th{grid-column:2;grid-row:1/4}
  .e-subs-ghost{font-size:44vw;top:46%}
  .e-set{align-items:flex-start;justify-content:center;padding-top:calc(var(--hh) + 16px)}
  .e-set img{height:auto;width:78vw;max-width:none;max-height:58svh}
  .e-set::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,59,69,.92) 72%)}
  .e-sgg-title{max-width:none}
  .e-lines p{font-size:clamp(28px,8.6vw,40px)}
  .e-call .e-big b,.e-call .e-big span{display:block}
}
@media (prefers-reduced-motion:reduce){
  .e-uzu img{animation:none}
  .e-uzu img:nth-child(1){opacity:1}
  .e-surt-t p{transition:none}
  .e-btn,.e-row,.e-row .e-th img{transition:none}
}