@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');
:root{--paper:#f5f0e3;--paper-light:#fcf9f1;--ink:#172d2d;--muted:#6f756b;--gold:#a4844f;--copper:#a35838;--line:#dbd3bf;--serif:'Playfair Display',Georgia,'Times New Roman',serif;--sans:'Be Vietnam Pro',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--copper);outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.25}h2{font-size:40px;letter-spacing:-1.4px}h3{font-size:24px}p{color:var(--muted)}.skip{position:fixed;left:10px;top:-70px;z-index:100;background:var(--ink);color:white;padding:10px}.skip:focus{top:10px}.topline{height:33px;padding:0 5%;background:var(--ink);color:#e6dbbc;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px}.topline i{font-size:8px;font-style:normal;padding:0 13px;color:#bc9b60}.top-note{letter-spacing:.6px;opacity:.75}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;height:93px;padding:0 4.8%;background:rgba(249,246,236,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.wordmark{font-family:var(--serif);font-size:23px;font-weight:700;letter-spacing:1.2px;white-space:nowrap;line-height:1.3}.wordmark small{display:block;font:7.5px var(--sans);letter-spacing:1.7px;margin-top:8px;font-weight:500;color:var(--gold)}nav{display:flex;gap:30px;align-items:center;height:100%}nav a{font-size:12px;white-space:nowrap;height:100%;display:flex;align-items:center;position:relative;color:#68716a}nav a.active{color:var(--ink);font-weight:600}nav a.active:after{content:'';position:absolute;bottom:21px;left:calc(50% - 2px);height:4px;width:4px;border-radius:50%;background:var(--copper)}.header-actions{display:flex;align-items:center;gap:20px}.icon-button{width:35px;height:35px;display:inline-flex;justify-content:center;align-items:center;border:0;background:transparent}.search-button:before{content:'';height:12px;width:12px;border:1.5px solid var(--ink);border-radius:50%}.search-button:after{content:'';position:absolute;width:6px;height:1.5px;background:var(--ink);transform:translate(7px,7px) rotate(45deg)}.login-link{border:0;background:none;padding:0;font-size:11px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:13px 23px;border:1px solid var(--ink);background:transparent;font-size:11px;font-weight:500;letter-spacing:.1px;transition:background .2s,transform .2s,color .2s}.button:hover{transform:translateY(-2px);background:#e9e0cd}.button.dark{background:var(--ink);color:var(--paper-light)}.button.dark:hover{background:#2e4943}.button.small{padding:10px 16px;min-height:40px;font-size:10px;gap:18px}.button.copper{background:var(--copper);border-color:var(--copper);color:#fff}.button.light{border-color:#c0b48c;color:#f5f0e3}.button.light:hover{background:#314a44}.menu-button{display:none}.container{max-width:1240px;margin:auto;padding:0 48px}.eyebrow{font-size:9px;letter-spacing:2.6px;font-weight:600;color:var(--gold);display:flex;gap:13px;align-items:center}.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}.hero{position:relative;overflow:hidden;min-height:640px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 74% 42%,#ece4c9 0%,transparent 48%),var(--paper)}.hero:before,.paper-texture:after{content:'';position:absolute;inset:0;opacity:.065;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23564b2c' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:606px;padding-top:45px;padding-bottom:65px;gap:30px}.hero h1{font-size:64px;letter-spacing:-2.7px;margin:23px 0 24px;line-height:1.14;font-weight:500}.hero h1 em{color:var(--copper);font-weight:400;display:block}.hero-description{font-size:12px;line-height:1.95;max-width:405px}.hero-buttons{display:flex;gap:12px;margin:30px 0}.hero-footnote{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:9px}.tiny-symbol{font-size:20px;color:var(--gold)}.hero-art{height:490px;position:relative;display:flex;align-items:center;justify-content:center}.celestial{width:100%;max-width:495px;height:auto;overflow:visible;filter:drop-shadow(0 8px 18px #a98d5415)}.orbit-caption{position:absolute;top:8px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#8a7951;font-size:8px;letter-spacing:3px}.art-caption{position:absolute;bottom:0;text-align:center;font-size:10px;letter-spacing:1px;color:#79795f;font-family:var(--serif);font-style:italic}.mystic-mark{position:absolute;bottom:80px;right:0;writing-mode:vertical-rl;font-size:9px;letter-spacing:6px;color:#b39861}.hero-bottom{height:40px;position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:8px;letter-spacing:2px;color:#898977;border-top:1px solid #dcd2b6;background:#f4eedc66}.hero-bottom span:last-child{display:flex;align-items:center;gap:10px}.hero-bottom span:last-child:before{content:'';width:35px;height:1px;background:var(--gold)}.topics{display:grid;grid-template-columns:repeat(4,1fr);padding-top:35px;padding-bottom:35px;border-bottom:1px solid var(--line)}.topic{display:flex;align-items:center;gap:17px;padding:0 24px;border-right:1px solid var(--line);background:none;border-top:0;border-left:0;border-bottom:0;text-align:left}.topic:first-child{padding-left:0}.topic:last-child{border:0;padding-right:0}.topic svg{width:37px;height:37px;flex-shrink:0;stroke:var(--gold)}.topic h3{font:12px var(--sans);font-weight:500;margin-bottom:5px}.topic span{font-size:9px;color:var(--muted)}.section{padding-top:76px;padding-bottom:76px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:30px}.section-heading h2{margin-top:12px}.section-heading p{margin-top:12px;font-size:12px}.text-link{background:none;border:0;border-bottom:1px solid var(--gold);padding:4px 0 6px;display:inline-flex;gap:24px;align-items:center;font-size:10px;white-space:nowrap}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.course-card{position:relative;min-width:0;display:flex;flex-direction:column;transition:transform .25s}.course-card:hover{transform:translateY(-4px)}.course-art{width:100%;height:210px;display:block;overflow:hidden;position:relative;background:#e5ddc2}.course-art svg{height:100%;width:100%;display:block}.course-art .course-tag{position:absolute;left:15px;top:15px;background:#faf6e9e6;border:1px solid #d4c8aa;padding:3px 9px;font-size:8px;color:var(--ink);letter-spacing:.5px}.course-art .course-number{position:absolute;right:16px;bottom:12px;font:italic 13px var(--serif);color:#f0e8d5}.course-body{padding:20px 0 0;flex:1;display:flex;flex-direction:column}.course-meta{font-size:8px;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;display:flex;justify-content:space-between}.course-card h3{font-size:24px;line-height:1.4;letter-spacing:-.3px;margin:8px 0 10px}.course-card p{font-size:11px;line-height:1.9;margin-bottom:17px}.course-info{font-size:9px;color:var(--muted);display:flex;gap:14px;margin-top:auto;padding-bottom:17px}.course-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;font-size:10px}.course-footer b{font-weight:500}.round-arrow{height:28px;width:28px;display:flex;align-items:center;justify-content:center;border:1px solid #bcb297;border-radius:50%;font-size:15px}.quote-section{background:var(--ink);color:#f5edda;overflow:hidden;position:relative}.quote-inner{display:grid;grid-template-columns:145px 1fr 210px;align-items:center;gap:35px;min-height:290px;padding-top:48px;padding-bottom:48px}.quote-symbol{font-size:115px;font-family:Georgia;color:#b89b60;line-height:1;opacity:.8}.quote-text{font-family:var(--serif);font-size:32px;line-height:1.5;letter-spacing:-.5px}.quote-text em{color:#c7ae7b;font-style:normal}.quote-attribution{color:#adb7a6;font-size:8px;letter-spacing:2px;margin-top:20px}.quote-inner>div:last-child{border-left:1px solid #586150;padding-left:28px}.quote-inner p{font-size:10px;color:#c0c5b5;line-height:1.9;margin-bottom:20px}.reading-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px}.feature-reading{position:relative;min-height:340px;background:#e8e1cd;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.feature-reading svg{position:absolute;right:0;top:-20px;width:70%;height:100%;opacity:.37}.feature-reading>*:not(svg){position:relative}.pill{padding:3px 10px;border:1px solid #c6b78d;display:inline-block;width:fit-content;font-size:8px;letter-spacing:.8px}.feature-reading h3{font-size:30px;max-width:310px;margin:14px 0}.feature-reading p{font-size:10px}.reading-list{display:flex;flex-direction:column}.reading-row{padding:20px 0;display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:13px;border-bottom:1px solid var(--line);background:transparent;border-top:0;border-left:0;border-right:0;text-align:left}.reading-row:first-child{padding-top:0}.reading-row:last-child{border-bottom:0;padding-bottom:0}.reading-row .num{font:italic 25px var(--serif);color:#a99a77}.reading-row h3{font-size:20px;margin:5px 0 8px}.reading-row p{font-size:9px}.reading-row small{font-size:8px;letter-spacing:1px;color:var(--gold)}.journey{background:#eae5d6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journey-inner{display:grid;grid-template-columns:1fr 1.7fr;gap:80px;align-items:center}.journey h2{margin:14px 0 18px;font-size:34px}.journey p{font-size:11px}.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.journey-step{border-top:1px solid #c9bea4;padding-top:17px}.journey-step .step-number{font:italic 29px var(--serif);color:var(--gold)}.journey-step h3{font-size:20px;margin:14px 0}.journey-step p{font-size:10px}.soon{font-size:8px;border:1px solid #b8b498;color:#6e7560;padding:2px 6px;display:inline-block;margin-bottom:8px}.membership-brief{text-align:center;position:relative}.membership-brief .eyebrow{justify-content:center}.membership-brief h2{margin:16px 0}.membership-brief>p{max-width:540px;margin:0 auto;font-size:12px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;text-align:left}.price-card{border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;position:relative;background:#faf7ee}.price-card.featured{background:var(--ink);color:var(--paper);border-color:var(--ink)}.price-card .plan{font-size:11px;letter-spacing:2.4px;color:var(--gold);margin-bottom:13px}.price-card h3{font-size:37px;letter-spacing:-1px}.price-card h3 small{font:10px var(--sans);letter-spacing:0;opacity:.65}.price-card p{font-size:10px;margin-top:9px;min-height:34px}.price-card.featured p{color:#b7bfac}.price-card ul{list-style:none;padding:21px 0;margin:20px 0;border-top:1px solid var(--line);flex:1}.price-card li{font-size:10px;margin-bottom:12px;display:flex;gap:10px}.price-card li:before{content:'✓';color:var(--gold)}.price-card.featured ul{border-color:#526254}.featured-label{position:absolute;right:20px;top:25px;color:#d4bf8c;font-size:7px;letter-spacing:1px}.price-card.featured .button{background:#dac99c;border-color:#dac99c;color:var(--ink)}.pricing-note{font-size:9px!important;margin-top:22px!important;color:#888779}.footer{background:#eee8d8;padding:48px 5% 0;border-top:1px solid var(--line)}.footer-main{max-width:1144px;margin:auto;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:45px;padding-bottom:40px}.footer .wordmark{font-size:21px}.footer p{font-size:10px;margin:17px 0 14px}.contact{font-size:13px}.footer h4{font-size:10px;font-weight:500;margin-bottom:17px}.footer-main>div>a:not(.wordmark):not(.contact),.footer-main button{display:block;font-size:10px;color:var(--muted);margin-bottom:10px;background:none;border:0;padding:0;text-align:left}.demo-note{font-size:8px;color:#8b7c5d}.footer-bottom{padding:18px 0;max-width:1144px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#888976}.page-header{padding-top:55px;padding-bottom:36px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:9px;color:var(--muted);margin-bottom:25px}.breadcrumb a{color:var(--gold)}.page-header h1{font-size:52px;letter-spacing:-1.5px;margin:12px 0 17px}.page-header p{font-size:12px;max-width:580px}.page-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.page-emblem{color:var(--gold);font-size:65px;line-height:1;margin-right:20px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:30px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);padding:9px 14px;font-size:9px;background:transparent;color:var(--muted)}.filter.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.search-field{display:flex;gap:8px;align-items:center;border-bottom:1px solid #bcb39b;padding:7px 0;min-width:240px}.search-field input{background:transparent;border:0;outline:none;color:var(--ink);width:100%;font-size:11px;padding:4px}.result-count{font-size:9px;color:var(--muted);margin-bottom:22px}.catalog-grid{row-gap:42px;margin-bottom:50px}.empty{border:1px dashed var(--line);padding:50px;text-align:center;grid-column:1/-1}.empty h3{margin-bottom:14px}.library-card{background:#faf7ef;padding:26px;border:1px solid var(--line);display:flex;flex-direction:column}.library-card .category{font-size:8px;letter-spacing:1px;color:var(--gold)}.library-card h3{font-size:24px;margin:15px 0}.library-card p{font-size:11px;margin-bottom:25px}.library-card .article-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;border-top:1px solid var(--line);padding-top:15px;margin-top:auto}.library-card .save-article{background:none;border:0;font-size:17px;padding:0 5px;color:var(--gold)}.info-strip{border:1px solid var(--line);padding:17px 22px;background:#ece7d7;font-size:10px;color:var(--muted);margin-bottom:25px;line-height:1.9}.info-strip strong{color:var(--ink);font-weight:500}.section-tight{padding-top:40px;padding-bottom:55px}.detail-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;margin-top:35px;align-items:start}.course-detail-art{height:340px}.course-detail-art svg{height:100%;width:100%}.detail-copy{font-size:12px;line-height:2}.detail-copy h2{font-size:30px;margin:30px 0 17px}.detail-copy p{margin-bottom:20px}.detail-copy ul{padding-left:18px;color:var(--muted)}.enroll-box{position:sticky;top:125px;border:1px solid var(--line);padding:30px;background:#fbf8ef}.enroll-box .price{font:30px var(--serif);margin:10px 0 20px}.enroll-box .button{width:100%;margin-top:10px}.enroll-box .included{font-size:10px;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--line)}.enroll-box p{font-size:9px;margin-top:17px}.lesson-list{border:1px solid var(--line);margin-top:20px}.lesson-item{display:flex;gap:14px;align-items:center;padding:18px;border-bottom:1px solid var(--line);font-size:11px;background:transparent;width:100%;text-align:left;border-top:0;border-left:0;border-right:0}.lesson-item:last-child{border-bottom:0}.lesson-item span:last-child{margin-left:auto;font-size:9px;color:var(--muted)}.lesson-item .lesson-idx{font-size:9px;color:var(--gold)}.lesson-item:hover{background:#eee6d3}.dashboard-layout{display:grid;grid-template-columns:200px 1fr;gap:40px;padding-top:40px;padding-bottom:65px;min-height:650px}.dashboard-sidebar{border-right:1px solid var(--line);padding-right:23px}.user-avatar{width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font:23px var(--serif);margin-bottom:13px;background:#e5ddc5}.dashboard-sidebar h3{font-size:20px}.dashboard-sidebar p{font-size:9px;margin:6px 0 25px}.side-tab{width:100%;background:transparent;border:0;text-align:left;padding:13px 10px;font-size:10px;display:flex;gap:10px;align-items:center;margin-bottom:3px;color:var(--muted)}.side-tab.active{background:#e8e2d0;color:var(--ink)}.side-tab .soon{margin:0 0 0 auto;font-size:6px;padding:1px 3px}.dashboard-content h1{font:36px var(--serif);margin-bottom:12px}.dashboard-content>p{font-size:11px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0 35px}.stat{padding:20px;border:1px solid var(--line);background:#faf7ee}.stat b{font:30px var(--serif);display:block;margin-bottom:5px}.stat span{font-size:9px;color:var(--muted)}.dashboard-course{display:grid;grid-template-columns:175px 1fr;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.dashboard-course .course-art{height:135px}.dashboard-course h3{font-size:23px;margin:5px 0 10px}.dashboard-course p{font-size:10px}.progress-track{height:3px;background:#ddd5bf;margin:15px 0 8px}.progress-fill{height:100%;background:var(--gold)}.progress-caption{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.dashboard-section-heading{display:flex;justify-content:space-between;align-items:center}.dashboard-section-heading h2{font-size:27px}.workspace-banner{background:var(--ink);padding:28px;color:var(--paper);margin:28px 0}.workspace-banner h3{font-size:25px;margin:10px 0}.workspace-banner p{color:#bcc2b1;font-size:10px;max-width:430px}.workspace-banner .button{margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:7px;font-size:10px;margin-bottom:19px}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fffdf6;color:var(--ink);padding:12px;width:100%;border-radius:0;font-size:12px}.field textarea{min-height:120px;resize:vertical}.span-2{grid-column:1/-1}.lesson-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;padding-top:40px;padding-bottom:60px}.lesson-reader{background:var(--paper-light);border:1px solid var(--line);padding:42px}.lesson-reader h1{font-size:37px;margin:15px 0 25px}.lesson-reader h2{font-size:26px;margin:28px 0 15px}.lesson-reader p,.lesson-reader li{font-size:12px;line-height:2.1;margin-bottom:16px;color:#636e61}.lesson-reader blockquote,.article-view blockquote{border-left:2px solid var(--gold);padding-left:20px;margin:25px 0;font:italic 23px/1.6 var(--serif);color:var(--gold)}.lesson-reader .eyebrow{font-size:8px}.lesson-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:35px;flex-wrap:wrap}.lesson-sidebar h3{margin-bottom:20px;font-size:24px}.lesson-sidebar .lesson-item{border:1px solid var(--line);border-bottom:0;line-height:1.6}.lesson-sidebar .lesson-item:last-child{border-bottom:1px solid var(--line)}.lesson-sidebar .lesson-item.active{background:#e6dfc9}.quiz-option{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);font-size:12px;margin-bottom:10px}.quiz-feedback{margin-top:18px;padding:18px;font-size:12px;background:#e8ecd9;border-left:3px solid #687e54}.article-view{max-width:730px;padding-top:50px;padding-bottom:60px}.article-view h1{font-size:44px;margin:20px 0 24px}.article-view p{font-size:13px;line-height:2.15;margin-bottom:20px}.article-view h2{font-size:29px;margin:35px 0 20px}.article-meta{font-size:9px;color:var(--gold);padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:30px}.article-view .info-strip{font-size:10px}.faq-list{max-width:850px;margin:35px auto;text-align:left}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{font-size:12px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';color:var(--gold)}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:11px;line-height:1.9;margin-top:15px}.comparison{width:100%;border-collapse:collapse;margin-top:32px;font-size:11px;text-align:left}.comparison th{font-weight:500;background:#e8e1ce}.comparison td,.comparison th{border-bottom:1px solid var(--line);padding:17px}.comparison th:not(:first-child),.comparison td:not(:first-child){text-align:center}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:10px}.table th,.table td{padding:14px;text-align:left;border-bottom:1px solid var(--line)}.table th{font-weight:500;background:#e8e2d2}.status-pill{font-size:8px;padding:3px 7px;background:#e2e8d6;color:#5a6948}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.editor-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.editor-row h3{font-size:20px}.editor-row p{font-size:10px;margin-top:5px}.editor-actions{display:flex;gap:8px}.settings-card{border:1px solid var(--line);padding:25px;margin-bottom:20px}.settings-card h3{font-size:23px;margin-bottom:15px}.settings-card p{font-size:11px;line-height:1.9;margin-bottom:20px}dialog{width:560px;max-width:calc(100vw - 30px);max-height:85vh;border:1px solid #b8a476;padding:40px;background:var(--paper-light);color:var(--ink);box-shadow:0 30px 100px #101f2650}dialog::backdrop{background:#14272588;backdrop-filter:blur(5px)}dialog h2{font-size:31px;margin:10px 0 17px}dialog p{font-size:11px;line-height:1.9;margin-bottom:20px}.dialog-close{position:absolute;right:10px;top:10px;font-size:17px}dialog .search-field{width:100%;margin:20px 0}dialog .search-results{max-height:380px;overflow-y:auto}dialog .search-result{display:block;padding:15px 0;border-bottom:1px solid var(--line)}dialog .search-result strong{font:19px var(--serif);display:block}dialog .search-result small{font-size:9px;color:var(--gold)}dialog .button{width:100%}.modal-note{font-size:9px!important;background:#ede7d6;padding:12px;margin:20px 0!important}.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:10px;margin:17px 0}.checkbox input{margin-top:5px;accent-color:var(--ink)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);border:1px solid var(--gold);padding:13px 23px;font-size:11px;z-index:100;transition:all .25s;max-width:calc(100vw - 30px);text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}.mobile-only{display:none}.view-enter{animation:fadein .35s ease}@keyframes fadein{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.container{max-width:1350px}.hero-content{min-height:650px}.hero h1{font-size:72px}.hero-art{height:520px}.celestial{max-width:540px}.header{padding:0 max(5%,calc((100% - 1250px)/2))}}
@media(max-width:1100px){.header{padding:0 25px;gap:18px}.wordmark{font-size:20px}nav{gap:20px}.header-actions{gap:12px}.header-actions .button{padding:10px;font-size:9px}.container{padding-left:32px;padding-right:32px}.hero h1{font-size:55px}.hero-art{height:430px}.topic{padding:0 14px;gap:10px}.topic h3{font-size:10px}.topic span{font-size:8px}.course-card h3{font-size:22px}.quote-inner{grid-template-columns:100px 1fr 170px;gap:20px}.quote-text{font-size:28px}.journey-inner{gap:40px}.dashboard-layout{gap:28px;grid-template-columns:170px 1fr}}
@media(max-width:850px){nav{gap:15px}.header-actions .login-link{display:none}.header-actions>.button{display:none}.hero-content{gap:0;min-height:570px}.hero h1{font-size:48px}.hero-description{font-size:11px}.hero-art{height:370px}.hero-buttons{gap:8px}.hero-buttons .button{padding:12px 15px;gap:12px;font-size:10px}.orbit-caption{font-size:7px;letter-spacing:2px}.art-caption{font-size:8px}.topics{grid-template-columns:repeat(2,1fr);gap:25px}.topic{padding:0 15px!important;border:0}.topic:nth-child(2n+1){padding-left:0!important}.course-grid{gap:19px}.course-art{height:170px}.course-card h3{font-size:20px}.quote-inner{grid-template-columns:70px 1fr}.quote-inner>div:last-child{display:none}.quote-text{font-size:29px}.reading-grid{gap:25px}.reading-row h3{font-size:18px}.journey-inner{grid-template-columns:1fr;gap:30px}.journey-inner>div:first-child{max-width:460px}.price-card{padding:22px}.price-card h3{font-size:30px}.price-card .button{font-size:9px;padding:12px;gap:10px}.footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-main>div:last-child{display:none}.featured-label{position:static;margin:-5px 0 10px}.toolbar{flex-direction:column;align-items:stretch;gap:20px}.search-field{width:100%;min-width:0}.detail-grid{gap:25px;grid-template-columns:1.3fr 1fr}.enroll-box{padding:20px}.lesson-layout{grid-template-columns:1fr 240px;gap:20px}.lesson-reader{padding:25px}.lesson-reader h1{font-size:30px}.dashboard-course{grid-template-columns:130px 1fr;gap:20px}.dashboard-course .course-art{height:125px}.dashboard-course h3{font-size:20px}}
@media(max-width:620px){.topline{justify-content:center;height:28px;font-size:7px;letter-spacing:1.6px}.top-note{display:none}.topline i{padding:0 8px}.header{height:76px;padding:0 20px}.wordmark{font-size:21px}.wordmark small{font-size:6px;letter-spacing:1.5px;margin-top:5px}.header-actions{gap:9px}.menu-button{display:flex;font-size:20px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:15px 25px;background:var(--paper-light);height:auto;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:13px 0;font-size:13px}.header nav a.active:after{bottom:auto;left:auto;right:0}.container{padding-left:23px;padding-right:23px}.hero-content{grid-template-columns:1fr;padding-top:40px;padding-bottom:74px;gap:0}.hero h1{font-size:51px;letter-spacing:-2px;line-height:1.2;margin:20px 0}.eyebrow{font-size:8px;letter-spacing:2px;gap:10px}.hero-description{font-size:11px;max-width:360px}.hero-buttons{margin:25px 0 20px}.hero-buttons .button{min-height:45px;padding:13px 18px;gap:20px}.hero-art{height:350px;margin:26px 3px 0}.celestial{max-width:355px}.orbit-caption{top:0}.art-caption{bottom:-12px}.hero-footnote{font-size:8px}.hero-bottom{padding:0 23px;font-size:6px;letter-spacing:1px;height:35px}.hero-bottom span:last-child:before{width:15px}.mystic-mark{font-size:7px;right:0;bottom:55px}.topics{padding-top:25px;padding-bottom:25px;gap:23px 14px}.topic{gap:12px;padding:0!important}.topic h3{font-size:10px}.topic svg{width:30px;height:30px}.topic span{font-size:8px}.section{padding-top:47px;padding-bottom:47px}h2{font-size:31px;letter-spacing:-.8px}.section-heading{gap:18px;align-items:flex-start}.section-heading h2{margin-top:10px}.section-heading>.text-link{font-size:0;gap:0;margin-top:33px;border:0}.section-heading>.text-link span{font-size:22px}.section-heading p{font-size:10px}.course-grid{grid-template-columns:1fr;gap:34px}.course-art{height:235px}.course-card h3{font-size:26px;margin:10px 0}.course-card p{font-size:11px}.course-meta{font-size:8px}.course-body{padding-top:16px}.course-info{font-size:9px}.course-footer{padding-top:12px}.quote-inner{grid-template-columns:35px 1fr;gap:12px;min-height:260px;padding-top:35px;padding-bottom:35px}.quote-symbol{font-size:60px;align-self:start;margin-top:0}.quote-text{font-size:25px;line-height:1.65}.quote-attribution{font-size:7px}.reading-grid{grid-template-columns:1fr;gap:30px}.feature-reading{min-height:320px;padding:26px}.feature-reading h3{font-size:30px}.reading-row h3{font-size:21px}.reading-row .num{font-size:24px}.reading-row{padding:19px 0}.journey-inner{gap:28px}.journey h2{font-size:31px}.journey-steps{gap:14px}.journey-step h3{font-size:19px}.journey-step p{font-size:9px;line-height:1.9}.journey-step .step-number{font-size:25px}.soon{font-size:7px}.membership-brief>p{font-size:10px}.price-grid{grid-template-columns:1fr;gap:20px;margin-top:28px}.price-card{padding:28px}.price-card h3{font-size:38px}.price-card p{min-height:0;font-size:11px}.price-card ul{margin:20px 0 0}.price-card li{font-size:11px}.price-card .button{font-size:11px}.featured-label{position:absolute;right:25px;top:31px;margin:0}.footer{padding:35px 23px 0}.footer-main{grid-template-columns:1fr 1fr;gap:30px 20px;padding-bottom:30px}.footer-main>div:first-child{grid-column:1/-1}.footer-main>div:last-child{display:block}.footer-main>div:nth-child(3){grid-column:2;grid-row:2}.footer-main>div:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px 15px}.footer-main>div:last-child h4{width:100%;margin-bottom:5px}.footer-main>div:last-child .demo-note{width:100%}.footer-main h4{font-size:11px}.footer-main button,.footer-main>div>a:not(.wordmark):not(.contact){font-size:10px}.footer-bottom{font-size:7px;flex-wrap:wrap;gap:10px;letter-spacing:.5px}.footer-bottom>span:nth-child(2){display:none}.page-header{padding-top:32px;padding-bottom:28px}.page-header h1{font-size:39px;line-height:1.35;margin:14px 0}.page-header p{font-size:11px}.breadcrumb{margin-bottom:20px;font-size:8px}.page-emblem{display:none}.toolbar{margin:25px 0}.filter{font-size:9px;padding:8px 11px}.catalog-grid{gap:35px}.detail-grid{grid-template-columns:1fr;gap:28px}.course-detail-art{height:260px}.enroll-box{position:static;grid-row:1;padding:24px}.enroll-box .included{font-size:10px}.detail-copy{font-size:11px}.lesson-item{font-size:10px}.dashboard-layout{grid-template-columns:1fr;padding-top:28px;gap:25px}.dashboard-sidebar{border-right:0;padding-right:0;border-bottom:1px solid var(--line);padding-bottom:13px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}.dashboard-sidebar .user-avatar{width:36px;height:36px;font-size:18px;margin:0 5px 0 0}.dashboard-sidebar h3{font-size:19px}.dashboard-sidebar p{font-size:8px;margin:2px 0 0}.sidebar-user{flex:1}.sidebar-nav{width:100%;display:flex;gap:4px;overflow-x:auto;margin-top:10px}.side-tab{width:auto;white-space:nowrap;font-size:9px;padding:10px}.side-tab .soon{display:none}.dashboard-content h1{font-size:30px}.dashboard-content>p{font-size:10px}.dashboard-stats{gap:8px;margin-top:20px}.stat{padding:14px 11px}.stat b{font-size:25px}.stat span{font-size:8px;line-height:1.6;display:block}.dashboard-section-heading h2{font-size:25px}.dashboard-section-heading .text-link{font-size:8px;gap:10px}.dashboard-course{grid-template-columns:95px 1fr;gap:16px}.dashboard-course .course-art{height:115px}.dashboard-course h3{font-size:20px;line-height:1.45}.dashboard-course p{font-size:8px}.dashboard-course .course-meta{font-size:7px}.workspace-banner{padding:23px}.workspace-banner h3{font-size:23px}.lesson-layout{grid-template-columns:1fr;padding-top:25px;gap:25px}.lesson-reader{padding:23px}.lesson-reader h1{font-size:31px}.lesson-reader p,.lesson-reader li{font-size:11px}.lesson-sidebar{grid-row:1}.lesson-sidebar .lesson-list-wrapper{max-height:180px;overflow-y:auto}.lesson-sidebar h3{font-size:22px;margin-bottom:13px}.lesson-controls .button{font-size:9px;padding:12px;gap:10px}.form-grid{grid-template-columns:1fr;gap:0}.span-2{grid-column:auto}.article-view{padding-top:30px}.article-view h1{font-size:35px}.article-view p{font-size:12px}.comparison{min-width:500px;font-size:10px}.comparison th,.comparison td{padding:13px}.section-tight{padding-top:30px;padding-bottom:40px}dialog{padding:30px 24px}dialog h2{font-size:29px}.editor-row{align-items:start}.editor-row h3{font-size:18px}.editor-actions{flex-direction:column}.table{min-width:540px}.pricing-note{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

@media(max-width:620px){.header nav .mobile-only{display:flex}.mobile-account{background:transparent;border:0;text-align:left;font-size:12px;padding:13px 0;color:var(--copper)}}
.dashboard-content,.dashboard-sidebar,.sidebar-nav,.dashboard-course>div,.detail-grid>div,.enroll-box,.lesson-reader,.lesson-sidebar{min-width:0}
@media(max-width:620px){.dashboard-layout{grid-template-columns:minmax(0,1fr)}.sidebar-nav{max-width:100%}.dashboard-course{grid-template-columns:95px minmax(0,1fr)}.dashboard-content h1{overflow-wrap:break-word}.dashboard-content .eyebrow{font-size:7px;letter-spacing:1.8px}.stat{min-width:0}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-layout{grid-template-columns:minmax(0,1fr)}}

/* Ornamental gold seals, matched to the supplied category reference. */
.topics{max-width:1680px;padding:32px 3%;border-top:1px solid #c9b58055;background:radial-gradient(ellipse at 50% 40%,#fffdf45c,transparent 75%)}
.topic{min-width:0;gap:14px;padding:0 18px}
.topic>div{min-width:0}
.topic .topic-icon{width:clamp(88px,7.6vw,140px);height:auto;color:#b28632;stroke:#b28632;flex-shrink:0;overflow:visible;filter:drop-shadow(0 3px 5px #a3782510)}
.topic h3{font:600 clamp(15px,1.15vw,21px)/1.35 var(--serif);margin-bottom:6px;letter-spacing:-.3px;color:#173c36}
.topic span{font:clamp(10px,.92vw,14px)/1.5 var(--serif);color:#7d8778;display:block}
.seal-face{fill:#fffaf0;fill-opacity:.6;stroke:#b78b35;stroke-width:1}
.seal-fine{stroke-width:.55}
.seal-cloud{stroke-width:.75}
.topic .topic-icon{transition:transform .5s ease,filter .5s ease}
.topic:hover .topic-icon,.topic:focus-visible .topic-icon{transform:translateY(-3px);filter:drop-shadow(0 4px 9px #b08a3430)}
@media(max-width:1100px){.topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0;padding:30px 5%}.topic{padding:0 28px!important;border-right:1px solid var(--line)}.topic:nth-child(2n){border:0;padding-right:0!important}.topic:nth-child(2n+1){padding-left:0!important}.topic .topic-icon{width:94px}.topic h3{font-size:19px}.topic span{font-size:13px}}
@media(max-width:620px){.topics{padding:26px 20px;gap:26px 16px}.topic{flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:10px;padding:0!important;border:0}.topic .topic-icon{width:94px}.topic h3{font-size:16px;letter-spacing:-.35px;margin-bottom:4px}.topic span{font-size:12px}}
@media(max-width:360px){.topics{padding-left:16px;padding-right:16px;gap:24px 10px}.topic .topic-icon{width:86px}.topic h3{font-size:14px}.topic span{font-size:10px}}

/* Seven-star Dipper and the emergence of Yin and Yang. */
.quote-section{isolation:isolate;background:radial-gradient(ellipse at 97% 50%,#29453e 0%,transparent 48%),var(--ink);border-top:1px solid #b59a5b44;border-bottom:1px solid #b59a5b44}
.quote-inner{position:relative;z-index:1;grid-template-columns:115px minmax(0,1fr) 275px;gap:30px;min-height:360px;padding-top:32px;padding-bottom:32px}
.quote-inner>div.quote-cosmology:last-child{display:block;padding:0;border:0;min-width:0}
.quote-dipper{position:absolute;z-index:0;left:.8%;bottom:16px;width:20%;max-width:240px;overflow:visible;pointer-events:none}
.dipper-lines{fill:none;stroke:#c5a460;stroke-width:1.15;stroke-linejoin:round;opacity:.8}
.dipper-halo{fill:#f0ce79;opacity:.1;transform-box:fill-box;transform-origin:center;animation:dipper-halo 3.85s ease-in-out var(--star-delay) infinite}
.dipper-core{fill:#ffe8ac;filter:drop-shadow(0 0 3px #efc46b);animation:dipper-light 3.85s ease-in-out var(--star-delay) infinite}
.dipper-rays{fill:none;stroke:#f7d98e;stroke-width:.65;opacity:.5;animation:dipper-light 3.85s ease-in-out var(--star-delay) infinite}
.quote-origin{display:block;width:100%;height:auto;overflow:visible;pointer-events:none}
.origin-label{fill:#d8bd81;text-anchor:middle;font:600 8px var(--sans);letter-spacing:1.8px}
.origin-aspect{fill:#d8bd81;text-anchor:middle;font:500 7px var(--sans);letter-spacing:1px}
.origin-flow{stroke-dasharray:5 84;animation:origin-current 5s linear infinite}
.origin-seed{animation:origin-breathe 5s ease-in-out infinite}
.origin-yin{animation:origin-breathe 5s ease-in-out 1s infinite}
.origin-yang{animation:origin-breathe 5s ease-in-out 2s infinite}
.origin-taiji{transform-origin:0 0;animation:taiji-turn 24s linear infinite}
.quote-support{max-width:460px;margin-top:17px;display:flex;align-items:center;gap:20px}
.quote-support p{font-size:9px;line-height:1.8;color:#bec5b5;max-width:270px}
.quote-support .text-link{font-size:9px;gap:12px;flex-shrink:0}
@keyframes dipper-light{0%,35%,100%{opacity:.45}12%,22%{opacity:1;filter:drop-shadow(0 0 5px #ffe2a0)}}
@keyframes dipper-halo{0%,35%,100%{opacity:.05;transform:scale(.65)}12%,22%{opacity:.26;transform:scale(1.3)}}
@keyframes origin-current{to{stroke-dashoffset:-89}}
@keyframes origin-breathe{0%,100%{filter:drop-shadow(0 0 1px #caa45b)}45%{filter:drop-shadow(0 0 6px #e4c379)}}
@media(max-width:1100px){.quote-inner{grid-template-columns:65px minmax(0,1fr) 235px;gap:24px}.quote-text{font-size:28px}.quote-symbol{font-size:85px}.quote-dipper{width:22%;left:0}.quote-support{flex-direction:column;align-items:flex-start;gap:5px}}
@media(max-width:850px){.quote-inner{grid-template-columns:40px minmax(0,1fr) 205px;gap:20px}.quote-text{font-size:25px}.quote-symbol{font-size:65px}.quote-dipper{width:22%;bottom:8px;opacity:.75}}
@media(max-width:620px){.quote-inner{grid-template-columns:28px minmax(0,1fr);gap:14px;min-height:0;padding-top:34px;padding-bottom:24px}.quote-text{font-size:25px}.quote-symbol{font-size:55px;align-self:start;margin-top:3px}.quote-cosmology{grid-column:1/-1;width:210px;justify-self:end;margin-top:6px}.quote-support{margin-top:15px}.quote-support p{font-size:9px;max-width:260px}.quote-support .text-link{font-size:9px}.quote-dipper{width:41%;bottom:64px;left:2%;opacity:1}.quote-attribution{font-size:6px;letter-spacing:1.6px;line-height:1.9}}
@media(max-width:360px){.quote-cosmology{width:190px}.quote-dipper{width:38%;bottom:54px}.quote-text{font-size:23px}}
@media(prefers-reduced-motion:reduce){.quote-section *{animation:none!important}.dipper-core,.dipper-rays{opacity:1}.dipper-halo{opacity:.12}}

.quote-section.motion-offscreen *{animation-play-state:paused!important}

/* Seasonal circumpolar motion: spring → summer → autumn → winter. */
.quote-inner{max-width:1440px;grid-template-columns:240px minmax(0,1fr) 265px;gap:36px;min-height:375px}
.quote-main{position:relative;min-width:0}
.quote-main>.quote-symbol{position:absolute;top:-34px;left:-25px;font-size:65px;opacity:.55;pointer-events:none}
.quote-seasons{min-width:0;align-self:center}
.quote-seasons .quote-dipper{position:static;display:block;width:100%;max-width:none;opacity:1;overflow:visible}
.season-orbit{fill:none;stroke:#ccb378;stroke-width:1;stroke-opacity:.55;stroke-dasharray:2 3}
.season-ghost{fill:none;stroke:#d3bb84;stroke-width:.85;opacity:.19}
.season-dipper-orbit{transform-origin:160px 160px;animation:dipper-seasons 24s cubic-bezier(.45,0,.3,1) infinite}
.season-label{fill:#d4c396;text-anchor:middle;font:500 17px var(--serif);opacity:.45;animation:season-caption 24s linear infinite}
.season-label--1{animation-delay:-18s}.season-label--2{animation-delay:-12s}.season-label--3{animation-delay:-6s}
.polaris-core{fill:#fff1c6;filter:drop-shadow(0 0 5px #ffe3a0)}
.polaris-halo{fill:#e9c87e;opacity:.15;animation:polaris-breathe 3s ease-in-out infinite}
.polaris-label{fill:#efdeb4;text-anchor:middle;font:500 11px var(--sans);letter-spacing:.7px}
.polaris-sub{fill:#bdbda7;text-anchor:middle;font:italic 12px var(--serif)}
@keyframes dipper-seasons{0%,16%{transform:rotate(0deg)}25%,41%{transform:rotate(-90deg)}50%,66%{transform:rotate(-180deg)}75%,91%{transform:rotate(-270deg)}100%{transform:rotate(-360deg)}}
@keyframes season-caption{0%,16%{fill:#ffe7a5;opacity:1}23%,96%{fill:#d4c396;opacity:.45}100%{fill:#ffe7a5;opacity:1}}
@keyframes polaris-breathe{0%,100%{opacity:.1}50%{opacity:.3}}
@media(max-width:1100px){.quote-inner{grid-template-columns:200px minmax(0,1fr) 220px;gap:26px}.quote-main>.quote-symbol{left:-16px;top:-28px;font-size:55px}}
@media(max-width:850px){.quote-inner{grid-template-columns:165px minmax(0,1fr) 180px;gap:22px}.quote-text{font-size:25px}}
@media(max-width:620px){.quote-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 8px;padding-top:36px;padding-bottom:28px}.quote-main{grid-column:1/-1;grid-row:1;padding-left:30px}.quote-main>.quote-symbol{left:-1px;top:4px;font-size:48px;margin:0}.quote-seasons{grid-column:1;grid-row:2;align-self:center}.quote-cosmology{grid-column:2;grid-row:2;width:100%;margin:0;justify-self:stretch}.quote-text{font-size:25px}.quote-support{margin-top:15px}.quote-attribution{font-size:6px}.season-label{font-size:20px}.polaris-label{font-size:12px}.polaris-sub{font-size:13px}}
@media(max-width:360px){.quote-inner{padding-left:16px;padding-right:16px;column-gap:2px}.quote-text{font-size:23px}.quote-main{padding-left:27px}.quote-cosmology{width:100%}}
@media(prefers-reduced-motion:reduce){.season-dipper-orbit,.season-label,.polaris-halo{animation:none!important}.season-label{opacity:.8}.season-ghost{opacity:.35}.polaris-halo{opacity:.15}}
.motion-disabled .season-label{opacity:.8}.motion-disabled .season-ghost{opacity:.35}

.season-ghost circle{fill:#d3bb84;stroke:none}

/* Living ink and light: Huyền Môn's five-stage continuous origin cycle. */
.quote-inner{grid-template-columns:220px minmax(0,1fr) 340px;min-height:450px;gap:32px}
.huyen-scene{margin:0;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,#102b2caa,#04141699 66%,transparent);padding:15px 7px 12px;border:1px solid #b6944e35}
.huyen-scene::before,.huyen-scene::after{content:'';position:absolute;pointer-events:none;width:22px;height:22px;border-color:#ccaa66;border-style:solid;opacity:.6}
.huyen-scene::before{left:-1px;top:-1px;border-width:1px 0 0 1px}.huyen-scene::after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
.huyen-heading{text-align:center;color:#d5ba80;font:500 8px/1.5 var(--sans);letter-spacing:2px}
.huyen-stage{position:relative;width:100%;aspect-ratio:1;overflow:hidden}
.huyen-canvas{display:block;width:100%;height:100%}
.huyen-scene figcaption{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin-top:-4px;padding:0 6px}
.huyen-step{font:italic 24px/1 var(--serif);color:#b89a62;opacity:.8}
.huyen-phase{display:block;font:500 18px/1.25 var(--serif);color:#f4e6be}
.huyen-description{font:9px/1.7 var(--sans);color:#b6bcaa;max-width:250px;margin-top:3px}
@media(max-width:1100px){.quote-inner{grid-template-columns:170px minmax(0,1fr) 290px;gap:24px}.quote-text{font-size:27px}.huyen-phase{font-size:17px}}
@media(max-width:850px){.quote-inner{grid-template-columns:155px minmax(0,1fr) 255px;gap:20px}.quote-text{font-size:24px}.huyen-heading{font-size:7px;letter-spacing:1.5px}.huyen-phase{font-size:16px}.huyen-description{font-size:8px}}
@media(max-width:620px){.quote-inner{grid-template-columns:minmax(0,1fr);gap:26px;padding:34px 23px 30px}.quote-main{grid-column:1;grid-row:1}.quote-seasons{grid-column:1;grid-row:2;width:210px;justify-self:center}.quote-cosmology{grid-column:1;grid-row:3;width:100%;max-width:360px;justify-self:center}.quote-text{font-size:25px}.huyen-heading{font-size:9px;letter-spacing:2px}.huyen-phase{font-size:20px}.huyen-description{font-size:10px}.huyen-scene{padding:18px 9px 14px}.huyen-scene figcaption{min-height:52px}.huyen-step{font-size:27px}}
@media(max-width:360px){.quote-inner{padding-left:16px;padding-right:16px}.quote-text{font-size:23px}.quote-seasons{width:190px}.huyen-heading{font-size:8px}.huyen-phase{font-size:18px}.huyen-description{font-size:9px}}

/* Bắc Đẩu Tứ Thời — one living sky, with space for the seasonal details. */
.quote-inner{grid-template-columns:310px minmax(0,1fr) 340px;gap:30px}
.tutho-scene{margin:0;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,#102b2caa,#04141699 66%,transparent);padding:15px 7px 14px;border:1px solid #b6944e35;--season-color:#cef6b5}
.tutho-scene::before,.tutho-scene::after{content:'';position:absolute;pointer-events:none;width:22px;height:22px;border-color:#ccaa66;border-style:solid;opacity:.6}
.tutho-scene::before{left:-1px;top:-1px;border-width:1px 0 0 1px}.tutho-scene::after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
.tutho-heading{text-align:center;font:500 9px var(--sans);letter-spacing:2.1px;color:#d2b87e;margin:0 0 8px;white-space:nowrap}
.tutho-sky{position:relative;aspect-ratio:1;overflow:hidden;isolation:isolate}
.tutho-canvas{display:block;width:100%;height:100%;mask-image:radial-gradient(ellipse,#000 57%,#000c 74%,transparent 98%)}
.tutho-labels{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.tutho-labels text{font:500 17px var(--sans);text-anchor:middle;fill:#b7b29a;stroke:#0a1b20;stroke-width:4px;paint-order:stroke fill;letter-spacing:1px;transition:fill 1s}
.tutho-labels text.is-current{fill:var(--season-color);font-weight:650;filter:drop-shadow(0 0 4px #f8df9e66)}
.tutho-labels text.tutho-polaris{font-size:13px;letter-spacing:1.2px;fill:#e4d6ad}.tutho-labels text.tutho-polaris-sub{font-size:12px;letter-spacing:.6px;fill:#9caca9}
.tutho-scene figcaption{display:flex;gap:8px;justify-content:center;align-items:baseline;margin-top:3px;color:#e6d4aa;font:500 19px var(--serif)}
.tutho-season{color:var(--season-color)}.tutho-separator{font-size:12px;color:#ae935d}.tutho-description{font-size:8px!important;line-height:1.7!important;text-align:center;color:#b0b9af!important;margin:5px 0 0!important;min-height:14px}
@media(max-width:1100px){.quote-inner{grid-template-columns:245px minmax(0,1fr) 290px;gap:22px}.quote-text{font-size:25px}.tutho-heading{font-size:8px;letter-spacing:1.3px}.tutho-scene figcaption{font-size:18px}.tutho-description{font-size:7px!important}}
@media(max-width:850px) and (min-width:621px){.quote-inner{grid-template-columns:1fr 1fr;gap:24px}.quote-main{grid-column:1/-1;grid-row:1;max-width:650px;padding-left:35px}.quote-seasons{grid-column:1;grid-row:2;width:100%;max-width:320px;justify-self:center}.quote-cosmology{grid-column:2;grid-row:2;width:100%;max-width:320px;justify-self:center}.quote-text{font-size:28px}}
@media(max-width:620px){.quote-inner{grid-template-columns:minmax(0,1fr);gap:26px}.quote-main{grid-row:1}.quote-seasons{grid-column:1;grid-row:2;width:100%;max-width:360px;justify-self:center}.quote-cosmology{grid-column:1;grid-row:3;width:100%;max-width:360px;justify-self:center}.quote-text{font-size:25px}.tutho-scene{padding:18px 9px 15px}.tutho-heading{font-size:9px;letter-spacing:2px}.tutho-scene figcaption{font-size:22px}.tutho-description{font-size:9px!important}.tutho-labels text{font-size:19px}.tutho-labels text.tutho-polaris{font-size:14px}.tutho-labels text.tutho-polaris-sub{font-size:13px}}
@media(max-width:360px){.quote-text{font-size:23px}.tutho-heading{font-size:8px}.tutho-scene figcaption{font-size:20px}.tutho-description{font-size:8px!important}}