@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/46a9e2f250689b4a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/76b70a1dbe058eb5-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2fb76073e23fd9e4-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6131cbbf5549afa2-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/45462fd7b7c12654-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ba63f6a0e436df8e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/07c7676b89ed2778-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.-\32 Pd1W_className{font-family:Inter,Inter Fallback;font-style:normal}.-\32 Pd1W_variable{--font-body:"Inter", "Inter Fallback"}
@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa1e84d8b4098af5-s.1_k7aq_c5drf2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a180f7dc2e9f5b7d-s.p.1ewykk74tw0il.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Black Fallback;src:local(Arial);ascent-override:70.78%;descent-override:16.93%;line-gap-override:0.0%;size-adjust:124.05%}.IYRy7q_className{font-family:Archivo Black,Archivo Black Fallback;font-style:normal;font-weight:400}.IYRy7q_variable{--font-display:"Archivo Black", "Archivo Black Fallback"}
@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/ee310e159f16e40b-s.2-vp0022p7fyq.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/d2aa561e33735c37-s.3z2z-25kqhk1o.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/540ba84b795e78fa-s.10g5ueymhy-4m.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/32487012a816bf91-s.3xqx9yet3wew_.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/3fb72f389f036d11-s.3iywbw035752i.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-209F,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/7abca43f4f8aa603-s.38lyhzkn9ujp7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/29b73342f0edc85e-s.1-tyf9-r4gru-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/07443b4b6e5fb8d0-s.p.11bvk_b9f2jcg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/ee310e159f16e40b-s.2-vp0022p7fyq.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/d2aa561e33735c37-s.3z2z-25kqhk1o.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/540ba84b795e78fa-s.10g5ueymhy-4m.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/32487012a816bf91-s.3xqx9yet3wew_.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/3fb72f389f036d11-s.3iywbw035752i.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-209F,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/7abca43f4f8aa603-s.38lyhzkn9ujp7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/29b73342f0edc85e-s.1-tyf9-r4gru-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/07443b4b6e5fb8d0-s.p.11bvk_b9f2jcg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif Fallback;src:local(Times New Roman);ascent-override:90.29%;descent-override:24.75%;line-gap-override:0.0%;size-adjust:118.4%}.xkQtNG_className{font-family:Noto Serif,Noto Serif Fallback;font-style:normal}.xkQtNG_variable{--font-serif:"Noto Serif", "Noto Serif Fallback"}
*,:before,:after{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;margin:0;padding:0}
:root{--cream:#faf5ec;--cream-deep:#f3eada;--paper:#efe6d6;--ink:#16130f;--ink-soft:#4a443c;--ink-mute:#8a8174;--line:#e3d8c3;--line-strong:#d7c9ac;--red:#b5281d;--red-deep:#8f1d14;--red-tint:#f3dad4;--white:#fff;--font-display:"Archivo Black", "Arial Black", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--container:1360px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--ease:cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}input,select,textarea{font-family:inherit;font-size:inherit}svg{flex-shrink:0;display:block}.container{max-width:var(--container);margin:0 auto;padding:0 40px}@media (max-width:560px){.container{padding:0 20px}.lesson-main .body{padding:22px 20px 28px}}.eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--red);align-items:center;gap:10px;margin:0 0 16px;font-size:13px;font-weight:800;display:flex}.eyebrow:before{content:"";background:var(--red);width:28px;height:2px;display:inline-block}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);line-height:.96}.display--xl{font-size:clamp(2.6rem,5.4vw,4.6rem)}.display--lg{font-size:clamp(2.1rem,3.6vw,3rem)}.display--md{font-size:clamp(1.5rem,2.4vw,2rem)}.accent{color:var(--red)}.lede{color:var(--ink-soft);max-width:46ch;font-size:17px;line-height:1.6}.btn{letter-spacing:.01em;transition:transform .18s var(--ease), background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);white-space:nowrap;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-size:14.5px;font-weight:700;display:inline-flex}.btn svg{width:16px;height:16px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--red);color:var(--white)}.btn-primary:hover{background:var(--red-deep)}.btn-dark{background:var(--ink);color:var(--white)}.btn-dark:hover{background:#000}.btn-outline{color:var(--ink);border-color:var(--line-strong);background:0 0}.btn-outline:hover{border-color:var(--ink)}.btn-ghost-red{color:var(--red);border-radius:0;gap:6px;padding:0;font-weight:800}.btn-ghost-red svg{transition:transform .18s var(--ease)}.btn-ghost-red:hover svg{transform:translate(3px)}.btn-sm{padding:10px 18px;font-size:13px}.btn-block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed}.icon-btn{border:1.5px solid var(--line-strong);background:var(--white);width:42px;height:42px;color:var(--ink);transition:border-color .18s var(--ease), background .18s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{border-color:var(--ink)}.icon-btn svg{width:18px;height:18px}.site-header{z-index:100;background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:24px;height:84px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-size:19px;line-height:1.05}.logo span{display:block}.logo .dot{color:var(--red)}.main-nav{align-items:center;gap:34px;display:flex}.main-nav a{color:var(--ink-soft);padding:6px 0;font-size:14.5px;font-weight:600;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--ink)}.main-nav a.active:after{content:"";background:var(--red);height:2px;position:absolute;bottom:-4px;left:0;right:0}.header-actions{align-items:center;gap:14px;display:flex}.menu-toggle{display:none}@media (max-width:960px){.main-nav{display:none}.menu-toggle{display:inline-flex}}@media (max-width:480px){.header-actions{gap:10px}.header-actions .icon-btn:not(.menu-toggle){display:none}}.hero{padding:56px 0 0}.hero-grid{grid-template-columns:minmax(0,480px) 1fr;align-items:center;gap:56px;display:grid}.hero-copy .lede{margin:20px 0 32px}.hero-progress{font-family:var(--font-display);color:var(--ink-mute);align-items:center;gap:14px;margin-top:40px;font-size:13px;display:flex}.hero-progress .bar{background:var(--line-strong);width:120px;height:2px;position:relative}.hero-progress .bar:before{content:"";background:var(--red);width:36%;height:100%;position:absolute;top:0;left:0}.hero-visual{grid-template-columns:70px 1fr;height:560px;display:grid;position:relative}.hero-visual .rune-col{font-family:var(--font-display);letter-spacing:.3em;color:var(--ink-mute);flex-direction:column;justify-content:space-between;align-items:center;padding:28px 0 40px;font-size:13px;display:flex}.hero-visual .rune-col span{writing-mode:vertical-rl}.hero-visual .rune-col .loc{writing-mode:horizontal-tb;color:var(--ink-mute);text-align:center;letter-spacing:.08em;font-size:11px}.hero-frame{border-radius:var(--radius-md);background:var(--ink);position:relative;overflow:hidden}.hero-frame .plate{background:radial-gradient(at 30% 20%,#b5281d8c,#0000 55%),repeating-linear-gradient(115deg,#ffffff0d 0 2px,#0000 2px 7px),linear-gradient(160deg,#2b2621 0%,#171310 55%,#0d0b09 100%);position:absolute;inset:0}.hero-frame .script-overlay{color:#f5ecdce6;text-align:center;letter-spacing:.06em;flex-direction:column;justify-content:space-evenly;align-items:center;gap:10px;padding:40px 20px;font-family:Noto Sans Javanese,Noto Serif,serif;font-size:30px;display:flex;position:absolute;inset:0}.hero-frame .script-overlay .ln{opacity:.85}.hero-frame:after{content:"";background:linear-gradient(#0000 60%,#00000059);position:absolute;inset:0}.hero-swatch{background:var(--red);mix-blend-mode:multiply;opacity:.85;z-index:1;width:180px;height:230px;position:absolute;top:0;left:-30px}@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.hero-visual{height:360px}}.statbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:56px}.statbar .container{grid-template-columns:auto auto 1fr 1.3fr auto;align-items:center;gap:34px;padding:30px 40px;display:grid}.stat-item .num{font-family:var(--font-display);font-size:30px}.stat-item .label{color:var(--ink-mute);margin-top:2px;font-size:13px}.statbar .divider{background:var(--line-strong);width:1px;height:40px}.statbar .claim{font-family:var(--font-display);font-size:15px;line-height:1.3}.statbar .note{color:var(--ink-soft);max-width:34ch;font-size:14px}@media (max-width:860px){.statbar .container{grid-template-columns:1fr 1fr;gap:22px 18px;padding:26px 24px}.statbar .divider{display:none}.statbar .claim,.statbar .note{grid-column:1/-1}.statbar .container>:last-child{display:none}}.feature{border-bottom:1px solid var(--line);padding:76px 0}.feature .container{grid-template-columns:minmax(0,420px) 1fr;align-items:center;gap:56px;display:grid}.feature-copy .lede{margin:18px 0 22px}.feature--reverse .container{grid-template-columns:1fr minmax(0,420px)}.feature--reverse .feature-copy{order:2}.feature--reverse .feature-media{order:1}.media-row{gap:18px;display:grid}.media-row.cols-2{grid-template-columns:1fr 1fr}.media-row.cols-4{grid-template-columns:repeat(4,1fr)}.tile{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--paper);position:relative;overflow:hidden}.tile .shot{aspect-ratio:4/3}.tile .cap{background:var(--white);padding:16px 18px}.tile .cap h4{font-size:15px;font-weight:700}.tile .cap p{color:var(--ink-mute);margin-top:3px;font-size:13px}.tile .cap-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.tile .go{background:var(--cream-deep);width:30px;height:30px;transition:background .18s var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tile .go svg{width:14px;height:14px}.tile:hover .go{background:var(--red);color:var(--white)}.script-card{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--paper);flex-direction:column;display:flex;overflow:hidden}.script-card .glyphs{color:var(--ink);text-align:center;flex:1;justify-content:center;align-items:center;font-family:Noto Serif,serif;font-size:30px;line-height:1.3;display:flex}.script-card .label{background:var(--white);border-top:1px solid var(--line);padding:12px 14px}.script-card .label h4{font-size:14px;font-weight:700}.script-card .label p{color:var(--ink-mute);margin-top:2px;font-size:12px}.create-strip{grid-template-columns:1fr 1fr 1fr;gap:18px;display:grid}.create-tile{aspect-ratio:4/5;border-radius:var(--radius-md);text-align:center;font-family:var(--font-display);justify-content:center;align-items:center;padding:22px;display:flex;overflow:hidden}.create-tile.t-dark{color:#efe6d6;background:#171310}.create-tile.t-red{background:var(--red);color:var(--white)}.create-tile.t-paper{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.create-tile .glyph{margin-bottom:12px;font-family:Noto Serif,serif;font-size:46px}.create-tile .word{letter-spacing:.02em;font-size:22px}.visit-media{border-radius:var(--radius-md);border:1px solid var(--line);aspect-ratio:16/9;background:radial-gradient(circle at 70% 30%,#b5281d40,#0000 50%),linear-gradient(160deg,#3a352f,#15120f);position:relative;overflow:hidden}.visit-info{flex-direction:column;gap:14px;margin-top:20px;display:flex}.visit-info .row{align-items:flex-start;gap:12px;display:flex}.visit-info .row svg{width:20px;height:20px;color:var(--red);margin-top:2px}.visit-info .row strong{font-size:14px;display:block}.visit-info .row span{color:var(--ink-soft);font-size:14px}@media (max-width:900px){.feature .container,.feature--reverse .container{grid-template-columns:1fr}.feature--reverse .feature-copy,.feature--reverse .feature-media{order:initial}.media-row.cols-4{grid-template-columns:1fr 1fr}.create-strip{grid-template-columns:1fr}}.site-footer{background:var(--ink);color:#d9d1c4;margin-top:0;padding:64px 0 28px}.footer-top{border-bottom:1px solid #ffffff1f;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding-bottom:40px;display:grid}.footer-top .logo{color:var(--white)}.footer-top p{color:#a79e8e;max-width:32ch;margin-top:14px;font-size:14px}.footer-col h5{text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:16px;font-size:13px}.footer-col a{color:#a79e8e;padding:6px 0;font-size:14px;display:block}.footer-col a:hover{color:#fff}.footer-bottom{color:#847b6c;justify-content:space-between;align-items:center;padding-top:24px;font-size:13px;display:flex}@media (max-width:860px){.footer-top{grid-template-columns:1fr 1fr}}.page-hero{border-bottom:1px solid var(--line);padding:48px 0 44px}.page-hero .container{grid-template-columns:1fr 360px;align-items:end;gap:40px;display:grid}.page-hero .ph-media{border-radius:var(--radius-md);aspect-ratio:16/10;background:repeating-linear-gradient(135deg,#ffffff0a 0 2px,#0000 2px 8px),linear-gradient(150deg,#2b2621,#0f0d0b);position:relative;overflow:hidden}.page-hero .ph-media .inv{color:#f0e6d2e6;letter-spacing:.2em;writing-mode:vertical-rl;justify-content:center;align-items:center;font-family:Noto Serif,serif;font-size:13px;display:flex;position:absolute;inset:0}.page-hero .lede{max-width:56ch;margin-top:16px}@media (max-width:860px){.page-hero .container{grid-template-columns:1fr}}.toolbar{flex-wrap:wrap;align-items:center;gap:14px;padding:28px 0 8px;display:flex}.search-field{background:var(--white);border:1px solid var(--line-strong);border-radius:999px;flex:1;align-items:center;gap:10px;min-width:240px;padding:13px 20px;display:flex}.search-field svg{width:17px;height:17px;color:var(--ink-mute)}.search-field input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-size:14.5px}.search-field input::placeholder{color:var(--ink-mute)}.pill-row{flex-wrap:wrap;gap:10px;display:flex}.pill{background:var(--white);border:1px solid var(--line-strong);color:var(--ink-soft);transition:all .15s var(--ease);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600}.pill:hover{border-color:var(--ink);color:var(--ink)}.pill.active{background:var(--ink);border-color:var(--ink);color:var(--white)}.select-field{border:1px solid var(--line-strong);background:var(--white);border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;display:flex;position:relative}.select-field svg{width:14px;height:14px;color:var(--ink-mute)}.with-sidebar{grid-template-columns:260px 1fr;align-items:start;gap:36px;padding:28px 0 80px;display:grid}.side-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;position:sticky;top:104px}.side-panel h5{margin-bottom:14px;font-size:15px;font-weight:800}.side-panel+.side-panel{margin-top:20px}.check-row{color:var(--ink-soft);cursor:pointer;align-items:center;gap:10px;padding:7px 0;font-size:14px;display:flex}.check-row input{accent-color:var(--red);width:16px;height:16px}.radio-row{color:var(--ink-soft);cursor:pointer;align-items:center;gap:10px;padding:7px 0;font-size:14px;display:flex}.radio-row input{accent-color:var(--red);width:16px;height:16px}.side-panel+.side-panel h5{margin-top:4px}.divider-h{background:var(--line);height:1px;margin:16px 0}.grid-cards{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1180px){.grid-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.with-sidebar{grid-template-columns:1fr}.side-panel{position:static}.grid-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.grid-cards{grid-template-columns:1fr}}.art-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);transition:transform .18s var(--ease), box-shadow .18s var(--ease);overflow:hidden}.art-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px #16130f59}.art-card .cover{aspect-ratio:1;justify-content:center;align-items:center;font-family:Noto Serif,serif;display:flex;position:relative;overflow:hidden}.art-card .cover .deco-sun{background:var(--red);opacity:.9;border-radius:50%;width:70px;height:70px;position:absolute}.art-card .cover .glyph{z-index:1;font-size:76px;position:relative}.art-card .meta{padding:14px 16px 16px}.art-card .meta h4{margin-bottom:8px;font-size:15px;font-weight:700}.art-card .by{color:var(--ink-mute);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.art-card .by .av{background:var(--cream-deep);border:1px solid var(--line);border-radius:50%;width:20px;height:20px}.art-card .stat-row{color:var(--ink-mute);justify-content:space-between;align-items:center;font-size:13px;display:flex}.art-card .stat-row .left{gap:14px;display:flex}.art-card .stat-row span{align-items:center;gap:5px;display:inline-flex}.art-card .stat-row svg{width:15px;height:15px}.art-card .stat-row .heart{color:var(--red)}.art-card .stat-row button{color:var(--ink-mute);background:0 0;border:none;padding:0}.art-card .stat-row button:hover{color:var(--ink)}.cv-1{color:#efe6d6;background:linear-gradient(150deg,#2a241e,#120f0c)}.cv-2{background:var(--red);color:#fdece8}.cv-3{background:var(--paper);color:var(--ink)}.cv-4{color:#16130f;background:#efe6d6}.badge{background:var(--red-tint);color:var(--red-deep);border-radius:999px;align-items:center;margin-bottom:10px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.badge.neutral{background:var(--cream-deep);color:var(--ink-soft)}.feature-strip{grid-template-columns:repeat(4,1fr);gap:24px;padding:28px 0 8px;display:grid}.fs-item{align-items:flex-start;gap:12px;display:flex}.fs-item svg{width:26px;height:26px;color:var(--red);flex-shrink:0}.fs-item strong{font-size:14.5px;display:block}.fs-item span{color:var(--ink-mute);font-size:13px}@media (max-width:860px){.feature-strip{grid-template-columns:1fr 1fr}}.course-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.course-card .cover{aspect-ratio:16/10;position:relative}.course-card .body{flex-direction:column;flex:1;padding:18px 20px 22px;display:flex}.course-card h4{margin:4px 0 8px;font-size:16.5px}.course-card p{color:var(--ink-mute);flex:1;font-size:13.5px}.course-card .meta-row{border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;font-size:13px;display:flex}.course-card .meta-row .left{gap:14px;display:flex}.course-card .meta-row span{align-items:center;gap:5px;display:inline-flex}.course-card .meta-row svg{width:15px;height:15px}.course-card .arrow-go{border:1.5px solid var(--line-strong);width:34px;height:34px;transition:all .18s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex}.course-card .arrow-go svg{width:14px;height:14px}.course-card:hover .arrow-go{background:var(--red);border-color:var(--red);color:#fff}.lessons-grid{grid-template-columns:repeat(4,1fr);gap:24px;padding:8px 0 70px;display:grid}@media (max-width:1100px){.lessons-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.lessons-grid{grid-template-columns:1fr}}.course-layout{grid-template-columns:300px 1fr 300px;align-items:start;gap:32px;padding:28px 0 80px;display:grid}@media (max-width:1180px){.course-layout{grid-template-columns:260px 1fr}}@media (max-width:860px){.course-layout{grid-template-columns:1fr}}.progress-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px}.progress-card .top{justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.progress-track{background:var(--cream-deep);border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:var(--red);border-radius:999px;height:100%}.progress-card .note{color:var(--ink-mute);margin-top:10px;font-size:12.5px}.lesson-list{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);margin-top:20px;overflow:hidden}.lesson-list h5{padding:18px 20px 10px;font-size:14px;font-weight:800}.lesson-item{border-top:1px solid var(--line);color:var(--ink-soft);cursor:pointer;align-items:center;gap:12px;padding:14px 20px;font-size:14px;display:flex}.lesson-item svg{width:18px;height:18px;color:var(--ink-mute);flex-shrink:0}.lesson-item.active{background:var(--red);color:#fff;font-weight:700}.lesson-item.active svg{color:#fff}.lesson-item.done svg{color:var(--red)}.lesson-item.locked{color:var(--ink-mute)}.lesson-main{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.lesson-main .cover{aspect-ratio:21/8;position:relative}.lesson-main .body{padding:30px 36px 36px}.lesson-grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:28px;margin:22px 0 28px;display:grid}.lesson-grid-2 .media{aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden}.lesson-grid-2 p{color:var(--ink-soft);margin-top:12px}@media (max-width:640px){.lesson-grid-2{grid-template-columns:1fr}}.hanacaraka-grid{grid-template-columns:repeat(10,1fr);gap:12px;margin:18px 0 28px;display:grid}.hc-cell{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 4px;display:flex}.hc-cell .g{font-family:Noto Serif,serif;font-size:28px}.hc-cell .l{color:var(--ink-mute);font-size:12px}@media (max-width:860px){.hanacaraka-grid{grid-template-columns:repeat(5,1fr)}}.lesson-foot{flex-wrap:wrap;justify-content:space-between;gap:14px;padding-top:10px;display:flex}.lesson-foot .btn{flex:auto;justify-content:center}.info-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:22px}.info-card h5{margin-bottom:16px;font-size:14.5px;font-weight:800}.info-row{color:var(--ink-soft);align-items:center;gap:10px;padding:8px 0;font-size:13.5px;display:flex}.info-row svg{width:17px;height:17px;color:var(--red)}.info-row strong{color:var(--ink)}.goal-row{color:var(--ink-soft);align-items:flex-start;gap:10px;padding:7px 0;font-size:13.5px;display:flex}.goal-row svg{width:16px;height:16px;color:var(--red);flex-shrink:0;margin-top:2px}.ref-row{color:var(--red);justify-content:space-between;align-items:center;padding:9px 0;font-size:13.5px;font-weight:600;display:flex}.ref-row svg{width:14px;height:14px}.wizard-steps{background:var(--white);border:1px solid var(--line);border-radius:999px;align-items:center;gap:0;margin:28px 0 36px;padding:6px;display:flex;overflow-x:auto}.wz-step{color:var(--ink-mute);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-size:14px;font-weight:700;display:flex}.wz-step .n{border:1.5px solid var(--line-strong);width:26px;height:26px;color:var(--ink-mute);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex}.wz-step.active{color:var(--ink)}.wz-step.active .n{background:var(--red);border-color:var(--red);color:#fff}.wz-step.done .n{background:var(--ink);border-color:var(--ink);color:#fff}.studio-layout{grid-template-columns:360px 1fr 300px;gap:30px;padding-bottom:80px;display:grid}@media (max-width:1180px){.studio-layout{grid-template-columns:1fr}}.field{margin-bottom:22px}.field label{margin-bottom:8px;font-size:13.5px;font-weight:700;display:block}.field input[type=text],.field select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--white);outline:none;width:100%;padding:13px 16px;font-size:14.5px}.field input[type=text]:focus,.field select:focus{border-color:var(--red)}.radio-pair{flex-direction:column;gap:10px;display:flex}.result-box{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--white);text-align:center;padding:22px}.result-box .glyph{margin-bottom:10px;font-family:Noto Serif,serif;font-size:38px}.result-box .latin{letter-spacing:.3em;color:var(--ink-mute);font-size:13px;font-weight:700}.hint-row{color:var(--ink-soft);background:var(--cream-deep);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;font-size:13px;display:flex}.hint-row svg{width:16px;height:16px;color:var(--red);flex-shrink:0;margin-top:1px}.studio-preview{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:24px;display:flex}.poster{aspect-ratio:3/4;border-radius:var(--radius-sm);background:linear-gradient(170deg,#efe6d6,#e3d7c0);flex-direction:column;width:100%;max-width:420px;padding:26px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #16130f73}.poster .ptop{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;font-size:9px;font-weight:800;display:flex}.poster .ptop .r{text-align:right}.poster .sun{background:var(--red);z-index:0;border-radius:50%;width:150px;height:150px;position:absolute;top:30px;right:20px}.poster .mount{z-index:1;margin-top:auto}.poster .glyph-word{text-align:center;z-index:1;margin:14px 0 2px;font-family:Noto Serif,serif;font-size:44px}.poster .latin-word{text-align:center;font-family:var(--font-display);letter-spacing:.04em;z-index:1;font-size:22px}.poster .pfoot{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);z-index:1;margin-top:auto;padding-top:18px;font-size:9px}.swatch-row{gap:10px;margin-top:8px;display:flex}.swatch{border:2px solid var(--line-strong);cursor:pointer;border-radius:50%;width:30px;height:30px}.swatch.active{border-color:var(--ink)}.swatch.w{background:#fff}.swatch.r{background:var(--red)}.swatch.t{background:#d8c6a6}.swatch.k{background:#16130f}.style-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}.style-opt{border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;overflow:hidden}.style-opt .sw{aspect-ratio:4/3;font-family:var(--font-display);justify-content:center;align-items:center;font-size:22px;display:flex}.style-opt .nm{text-align:center;background:var(--white);padding:8px;font-size:12px;font-weight:700}.style-opt.active{border-color:var(--red)}.style-opt.active .nm{color:var(--red)}.admin-shell{background:var(--cream);min-height:100vh;display:flex}.admin-side{background:var(--white);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:250px;height:100vh;display:flex;position:sticky;top:0}.admin-logo{font-family:var(--font-display);text-transform:uppercase;border-bottom:1px solid var(--line);padding:26px 24px;font-size:17px}.admin-nav{flex:1;padding:16px 12px;overflow-y:auto}.admin-nav a{border-radius:var(--radius-sm);color:var(--ink-soft);align-items:center;gap:12px;margin-bottom:2px;padding:11px 14px;font-size:14px;font-weight:600;display:flex}.admin-nav a svg{width:18px;height:18px}.admin-nav a:hover{background:var(--cream-deep);color:var(--ink)}.admin-nav a.active{background:var(--red);color:#fff}.admin-nav .count{background:var(--red);color:#fff;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:800}.admin-nav a.active .count{color:var(--red);background:#fff}.admin-nav .divider{background:var(--line);height:1px;margin:14px 10px}.admin-main{flex:1;min-width:0;overflow-x:auto}.admin-topbar{border-bottom:1px solid var(--line);background:var(--white);z-index:5;justify-content:space-between;align-items:center;padding:20px 36px;display:flex;position:sticky;top:0}.crumb{color:var(--ink-mute);font-size:13px}.crumb span{color:var(--ink);font-weight:600}.topbar-actions{align-items:center;gap:18px;display:flex}.bell{position:relative}.bell .dot{background:var(--red);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.who{align-items:center;gap:10px;display:flex}.who .av{background:var(--cream-deep);border:1px solid var(--line);border-radius:50%;width:36px;height:36px}.who .nm{font-size:13.5px;font-weight:700;line-height:1.2}.who .role{color:var(--ink-mute);font-size:12px}.admin-content{padding:32px 36px 60px}.admin-content h1{font-family:var(--font-display);text-transform:uppercase;margin-bottom:8px;font-size:30px}.admin-content .sub{color:var(--ink-soft);margin-bottom:28px;font-size:14.5px}.kpi-row{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}.kpi-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:16px;padding:20px 22px;display:flex}.kpi-card .ic{border-radius:var(--radius-sm);background:var(--cream-deep);width:46px;height:46px;color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-card .ic svg{width:22px;height:22px}.kpi-card.good .ic{color:#237a46;background:#e3f1e8}.kpi-card.wait .ic{color:#b9791c;background:#fbeedb}.kpi-card.bad .ic{background:var(--red-tint);color:var(--red-deep)}.kpi-card .num{font-family:var(--font-display);font-size:26px;line-height:1}.kpi-card .lbl{color:var(--ink-mute);margin-top:4px;font-size:13px}@media (max-width:1100px){.kpi-row{grid-template-columns:1fr 1fr}}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md)}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.panel-head h3{font-size:16px;font-weight:800}.filter-row{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px;padding:20px 24px;display:flex}.filter-row .search-field{max-width:320px}.view-toggle{border:1px solid var(--line-strong);border-radius:var(--radius-sm);margin-left:auto;display:flex;overflow:hidden}.view-toggle button{background:var(--white);width:40px;height:40px;color:var(--ink-mute);border:none;justify-content:center;align-items:center;display:flex}.view-toggle button.active{background:var(--cream-deep);color:var(--ink)}.view-toggle button svg{width:16px;height:16px}table.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-mute);border-bottom:1px solid var(--line);padding:14px 24px;font-size:12.5px;font-weight:700}.data-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:16px 24px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.row-coll{align-items:center;gap:12px;display:flex}.row-coll .thumb{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-family:Noto Serif,serif;font-size:18px;display:flex;overflow:hidden}.row-coll .tt{font-size:14px;font-weight:700}.row-coll .id{color:var(--ink-mute);font-size:12.5px}.tag{border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.tag.naskah{color:#9b3a28;background:#f3deda}.tag.prasasti{color:#6e5733;background:#e6d9c2}.tag.manuskrip{color:#3e4a8c;background:#dde1ef}.status{align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.status svg{width:15px;height:15px}.status.ok{color:#237a46}.status.pending{color:#b9791c}.status.revise{color:var(--red)}.row-actions{gap:8px;display:flex}.row-actions button{border-radius:var(--radius-sm);border:1px solid var(--line-strong);width:32px;height:32px;color:var(--ink-soft);background:#fff;justify-content:center;align-items:center;display:flex}.row-actions button:hover{border-color:var(--ink);color:var(--ink)}.row-actions svg{width:15px;height:15px}.table-foot{color:var(--ink-mute);justify-content:space-between;align-items:center;padding:18px 24px;font-size:13.5px;display:flex}.pagination{align-items:center;gap:6px;display:flex}.pagination button{border-radius:var(--radius-sm);border:1px solid var(--line-strong);min-width:34px;height:34px;color:var(--ink-soft);background:#fff;padding:0 8px;font-size:13.5px;font-weight:700}.pagination button.active{background:var(--red);border-color:var(--red);color:#fff}.pagination button:hover:not(.active){border-color:var(--ink);color:var(--ink)}.pagination .dots{color:var(--ink-mute);padding:0 4px}.welcome{margin-bottom:28px}.welcome h1{font-family:var(--font-display);text-transform:none;font-size:28px}.chart-wrap{padding:24px}.visitor-list{padding:8px 0}.vrow{border-top:1px solid var(--line);align-items:center;gap:16px;padding:14px 24px;display:flex}.vrow .thumb{border-radius:var(--radius-sm);flex-shrink:0;width:52px;height:52px;overflow:hidden}.vrow .tt{font-size:14.5px;font-weight:700}.vrow .sub{color:var(--ink-mute);margin-top:2px;font-size:13px}.vrow .cta{margin-left:auto}.guide-wrap{background:var(--cream);border-left:1px solid var(--line);border-right:1px solid var(--line);max-width:460px;min-height:100vh;margin:0 auto}.guide-top{justify-content:space-between;align-items:center;padding:22px 24px 8px;display:flex}.guide-top .logo{font-size:16px}.guide-top .acts{gap:10px;display:flex}.guide-top .acts button{background:var(--white);border:1px solid var(--line-strong);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.guide-top .acts svg{width:18px;height:18px}.guide-hero{padding:10px 24px 20px}.guide-hero .media{border-radius:var(--radius-md);aspect-ratio:4/3;margin-top:16px;position:relative;overflow:hidden}.guide-pill{z-index:2;background:var(--red);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;display:flex;position:absolute;top:14px;left:14px}.guide-pill svg{width:14px;height:14px}.expand-btn{z-index:2;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:14px;right:14px}.expand-btn svg{width:16px;height:16px}.dots-row{justify-content:center;gap:6px;margin-top:14px;display:flex}.dots-row .d{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.dots-row .d.active{background:var(--red);border-radius:999px;width:18px}.guide-body{padding:6px 24px 24px}.guide-body h1{font-family:var(--font-display);text-transform:none;margin-bottom:4px;font-size:24px}.guide-body .sub{color:var(--ink-mute);margin-bottom:14px;font-size:13.5px}.guide-body .desc{color:var(--ink-soft);margin-bottom:18px;font-size:14.5px;line-height:1.6}.audio-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:14px;margin-bottom:20px;padding:16px 18px;display:flex}.audio-card .play{background:var(--red);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.audio-card .play svg{width:17px;height:17px}.audio-card .info{flex:1}.audio-card .info strong{font-size:14px;display:block}.audio-card .info .time{color:var(--ink-mute);font-size:12px}.audio-card .track{background:var(--cream-deep);border-radius:999px;height:4px;margin-top:8px;position:relative}.audio-card .track:before{content:"";background:var(--red);border-radius:999px;width:12%;height:100%;position:absolute;top:0;left:0}.audio-card .vol{width:18px;height:18px;color:var(--ink-mute);flex-shrink:0}.info-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px;display:grid}.info-tile{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px}.info-tile .k{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-mute);align-items:center;gap:7px;margin-bottom:5px;font-size:11.5px;font-weight:700;display:flex}.info-tile .k svg{width:14px;height:14px;color:var(--red)}.info-tile .v{font-size:14px;font-weight:700}.guide-tabs{border-bottom:1px solid var(--line);gap:22px;margin-bottom:18px;display:flex}.guide-tabs button{color:var(--ink-mute);background:0 0;border:none;padding:0 0 12px;font-size:14px;font-weight:700;position:relative}.guide-tabs button.active{color:var(--ink)}.guide-tabs button.active:after{content:"";background:var(--red);height:2px;position:absolute;bottom:-1px;left:0;right:0}.guide-panel{display:none}.guide-panel.active{display:block}.guide-panel h3{margin-bottom:10px;font-size:16px}.guide-panel p{color:var(--ink-soft);margin-bottom:14px;font-size:14px;line-height:1.65}.guide-panel .media-sm{border-radius:var(--radius-sm);aspect-ratio:16/10;overflow:hidden}.ph{background:linear-gradient(160deg,#2b2621,#13100d);position:relative;overflow:hidden}.ph:before{content:"";background-image:repeating-linear-gradient(118deg,#ffffff0b 0 1px,#0000 1px 6px),repeating-linear-gradient(28deg,#00000040 0 1px,#0000 1px 9px);position:absolute;inset:0}.ph .glow{background:var(--red);filter:blur(2px);mix-blend-mode:screen;opacity:.55;border-radius:50%;position:absolute}.ph .script{color:#efe6d6d9;text-align:center;z-index:1;justify-content:center;align-items:center;padding:10%;font-family:Noto Serif,serif;display:flex;position:absolute;inset:0}.ph.light{background:linear-gradient(160deg,#efe6d6,#dccdae)}.ph.light:before{background-image:repeating-linear-gradient(110deg,#16130f0d 0 1px,#0000 1px 7px)}.ph.light .script{color:#16130fc7}.product-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.product-card .cover{aspect-ratio:1;background:#c9c4bb;justify-content:center;align-items:center;display:flex;position:relative}.product-card .body{padding:16px 18px 20px}.product-card h4{margin-bottom:6px;font-size:15px;font-weight:700}.product-card .price{color:var(--ink-soft);font-size:14px;font-weight:600}.mock-poster{aspect-ratio:3/4;background:#fff;border:8px solid #fff;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:62%;padding:10px;display:flex;box-shadow:0 10px 30px #00000040}.mock-poster .mp-glyph{font-family:Noto Serif,serif;font-size:30px}.mock-tote{aspect-ratio:1/1.15;background:#e3d8c3;border-radius:4px 4px 16px 16px;justify-content:center;align-items:center;width:60%;display:flex;position:relative}.mock-tote:before{content:"";border:8px solid #e3d8c3;border-bottom:none;border-radius:40px 40px 0 0;width:64%;height:30px;position:absolute;top:-18px;left:18%}.mock-tshirt{width:66%}.mock-mug{aspect-ratio:1;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:50%;display:flex;box-shadow:0 10px 30px #0000002e}.section{padding:70px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}