/* both designs ship from one cached sheet; the class on picks between them */ html.in-app #app-download, html.in-app a[href="#app-download"]{display:none !important;} html.in-app li:has(> a[href="#app-download"]){display:none !important;} @font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 100 900; src: url('/assets/fonts/inter-latin-wght-normal.woff2') format('woff2-variations'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } html.home{--ink: #1f1733;--muted: #6f687b;--cream: #f7f1e8;--paper: #fffdf8;--plum: #4b1768;--violet: #6a2f9c;--indigo: #160c30;--indigo-2: #241044;--saffron: #f4a33c;--coral: #ee675e;--mint: #4ac5a5;--line: rgba(39, 23, 64, .13);--serif: Georgia, 'Times New Roman', 'Noto Serif Devanagari', 'Noto Sans Devanagari', 'Nirmala UI', 'Kohinoor Devanagari', 'Devanagari Sangam MN', 'Mangal', serif;--sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans Devanagari', 'Nirmala UI', 'Kohinoor Devanagari', 'Devanagari Sangam MN', 'Mangal', sans-serif;--shadow: 0 28px 70px rgba(31, 17, 57, .14);} .home *{box-sizing: border-box;} html.home{scroll-behavior: smooth;scroll-padding-top: 90px;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;} html.home body{margin: 0;color: var(--ink);background: var(--paper);font-family: var(--sans);-webkit-font-smoothing: antialiased;overflow-x: hidden;overscroll-behavior-x: none;} .home a{color: inherit;text-decoration: none;} .home a, .home button{touch-action: manipulation;-webkit-tap-highlight-color: transparent;} .home button, .home input, .home select, .home textarea{font: inherit;} .home button{color: inherit;} .home img{max-width: 100%;display: block;} .home::selection, .home *::selection{background: var(--saffron);color: var(--indigo);} .home .site-shell{min-width: 320px;overflow: hidden;} .home .scroll-progress{position: fixed;left: 0;top: 0;height: 3px;z-index: 1000;background: linear-gradient(90deg, var(--saffron), var(--coral), #a95cdf);box-shadow: 0 0 18px var(--saffron);} .home .site-header{position: fixed;z-index: 100;left: 0;top: 3px;width: 100%;height: 76px;padding: 0 clamp(20px, 4vw, 68px);display: grid;grid-template-columns: auto minmax(0, 1fr) auto auto;grid-template-areas: "brand nav search actions";align-items: center;gap: 18px 22px;color: white;background: rgba(17, 8, 38, .82);backdrop-filter: blur(18px);border-bottom: 1px solid rgba(255,255,255,.08);} .home .site-header .brand{grid-area: brand;} .home .site-header .desktop-nav{grid-area: nav;} .home .site-header .header-actions{grid-area: actions;} .home .sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;} .home .site-search{grid-area: search;display: flex;align-items: center;gap: 6px;min-width: 0;} .home .site-search input{width: 168px;height: 38px;border: 0;border-radius: 99px;padding: 0 14px;background: #fff;color: #241a3d;font-size: 16px;} .home .site-search input::placeholder{color: #6b6280;} .home .site-search button{width: 38px;height: 38px;display: grid;place-items: center;border: 0;border-radius: 50%;background: var(--saffron);color: var(--indigo);cursor: pointer;} .home .site-search button:hover{background: #ffd9a1;} .home .brand{display: inline-flex;align-items: center;gap: 12px;min-width: max-content;} .home .brand img{width: 43px;height: 43px;border-radius: 50%;object-fit: cover;border: 1px solid rgba(255,255,255,.32);} .home .brand span{display: grid;gap: 3px;} .home .brand strong{font-family: var(--serif);font-size: 15px;letter-spacing: .14em;} .home .brand small{font-size: 8px;letter-spacing: .23em;opacity: .62;} .home .desktop-nav{display: flex;justify-content: center;gap: clamp(18px, 2.2vw, 36px);} .home .desktop-nav a{position: relative;padding: 28px 0 25px;font-size: 12px;letter-spacing: .08em;color: rgba(255,255,255,.67);transition: color .25s ease;} .home .desktop-nav a::after{content: '';position: absolute;left: 50%;bottom: 16px;width: 5px;height: 5px;border-radius: 50%;background: var(--saffron);transform: translate(-50%, 8px) scale(0);transition: .25s ease;} .home .desktop-nav a:hover, .home .desktop-nav a.active{color: white;} .home .desktop-nav a.active::after{transform: translate(-50%, 0) scale(1);} .home .header-actions{display: flex;align-items: center;gap: 10px;} .home .sound-toggle, .home .menu-button{display: inline-flex;align-items: center;justify-content: center;gap: 7px;color: rgba(255,255,255,.7);background: transparent;border: 0;cursor: pointer;} .home .sound-toggle{font-size: 10px;letter-spacing: .08em;} .home .sound-toggle svg{width: 29px;height: 29px;padding: 7px;border: 1px solid rgba(255,255,255,.16);border-radius: 50%;} .home .mini-cta{display: inline-flex;align-items: center;gap: 8px;padding: 11px 15px;color: var(--indigo);background: var(--saffron);border-radius: 99px;font-size: 11px;font-weight: 700;} .home .menu-button{display: none;} .home .mobile-menu{position: fixed;z-index: 200;inset: 0;color: white;background: var(--indigo);transform: translateX(100%);visibility: hidden;transition: transform .5s cubic-bezier(.75,0,.15,1), visibility 0s linear .5s;padding: 24px;display: flex;flex-direction: column;} .home .mobile-menu.open{transform: translateX(0);visibility: visible;transition: transform .5s cubic-bezier(.75,0,.15,1), visibility 0s;} .home .mobile-menu-head{display: flex;justify-content: space-between;align-items: center;text-transform: uppercase;letter-spacing: .2em;font-size: 11px;color: rgba(255,255,255,.55);flex: none;} .home .mobile-menu-head button{color: white;background: transparent;border: 1px solid rgba(255,255,255,.2);width: 44px;height: 44px;border-radius: 50%;} .home .mobile-menu-links{margin: auto 0;display: grid;min-height: 0;overflow-y: auto;-webkit-overflow-scrolling: touch;overscroll-behavior: contain;} .home .mobile-menu-links{margin: auto -12px auto 0;padding-right: 12px;scrollbar-width: thin;scrollbar-color: var(--saffron) rgba(247, 238, 217, .08);} .home .mobile-menu-links::-webkit-scrollbar{width: 7px;} .home .mobile-menu-links::-webkit-scrollbar-track{background: rgba(247, 238, 217, .06);border-left: 1px solid rgba(247, 238, 217, .18);} .home .mobile-menu-links::-webkit-scrollbar-thumb{background: var(--saffron);border-radius: 0;} .home .mobile-menu-links::-webkit-scrollbar-thumb:hover, .home .mobile-menu-links::-webkit-scrollbar-thumb:active{background: #f0b23c;} .home .mobile-menu-links a{display: grid;grid-template-columns: 42px 1fr auto;align-items: center;padding: 15px 0;border-bottom: 1px solid rgba(255,255,255,.1);font-family: var(--serif);font-size: clamp(28px, 8vw, 48px);} .home .mobile-menu-links a span{font: 10px var(--sans);color: var(--saffron);} .home .mobile-menu-links a svg{width: 20px;opacity: .4;} .home .mobile-menu-foot{font-size: 11px;color: rgba(255,255,255,.5);letter-spacing: .1em;flex: none;} .home .hero{min-height: 100svh;position: relative;display: grid;grid-template-columns: 1.04fr .96fr;grid-template-rows: 1fr auto;align-items: center;gap: 20px;padding: 130px clamp(24px, 7vw, 112px) 42px;color: white;background: radial-gradient(circle at 78% 30%, #55217d 0, transparent 32%), linear-gradient(135deg, #130a2d 0%, #1d0e3b 45%, #3c135c 100%);isolation: isolate;} .home .hero::before{content: '';position: absolute;inset: 0;z-index: -1;background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);background-size: 72px 72px;mask-image: linear-gradient(to bottom, black, transparent 90%);} .home .hero-grain{position: absolute;inset: 0;pointer-events: none;opacity: .16;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode: soft-light;} .home .orb{position: absolute;z-index: -1;border-radius: 50%;filter: blur(2px);} .home .orb-one{width: 260px;height: 260px;left: -100px;top: 22%;border: 1px solid rgba(244,163,60,.18);box-shadow: inset 0 0 80px rgba(244,163,60,.06);} .home .orb-two{width: 100px;height: 100px;left: 46%;top: 18%;background: rgba(238,103,94,.12);filter: blur(20px);} .home .raga-rings{position: absolute;z-index: -1;width: 520px;height: 520px;right: -160px;bottom: -100px;opacity: .2;} .home .raga-rings i{position: absolute;border: 1px solid var(--saffron);border-radius: 50%;} .home .raga-rings i:nth-child(1){inset: 0;} .home .raga-rings i:nth-child(2){inset: 45px;} .home .raga-rings i:nth-child(3){inset: 90px;} .home .raga-rings i:nth-child(4){inset: 135px;} .home .motion-on .raga-rings{animation: slowSpin 26s linear infinite;} .home .motion-on .orb-one{animation: floatOrb 8s ease-in-out infinite;} @keyframes slowSpin { to { transform: rotate(360deg); } } @keyframes floatOrb { 50% { transform: translate(40px, -28px); } } .home .hero-copy{max-width: 760px;position: relative;z-index: 2;padding-bottom: 36px;} .home .hero-kicker{display: inline-flex;align-items: center;gap: 8px;margin-bottom: 24px;text-transform: uppercase;letter-spacing: .22em;font-size: 10px;font-weight: 700;color: #f9c66e;} .home .hero h1{margin: 0;font: 400 clamp(64px, 7.7vw, 128px)/.79 var(--serif);letter-spacing: -.065em;} .home .hero h1.seo-hero-title{font-size: clamp(54px, 6.4vw, 96px);line-height: .9;letter-spacing: -.055em;} .home .hero h1 em{color: var(--saffron);} .home .hero h1 span{-webkit-text-stroke: 1px rgba(255,255,255,.65);color: transparent;} .home .hero h1.seo-hero-title span{display: inline-block;font-size: .62em;letter-spacing: -.035em;} .home .hero-copy > p{max-width: 590px;margin: 32px 0 30px;font: 400 clamp(15px, 1.3vw, 18px)/1.72 var(--sans);color: rgba(255,255,255,.67);} .home .hero-copy > p strong{color: white;font-family: var(--serif);font-size: 1.08em;font-weight: 400;} .home .hero-ctas{display: flex;flex-wrap: wrap;align-items: center;gap: 22px;} .home .primary-button{display: inline-flex;align-items: center;gap: 14px;padding: 17px 22px;border-radius: 3px;background: var(--saffron);color: var(--indigo);font-size: 12px;font-weight: 800;letter-spacing: .04em;box-shadow: 0 16px 30px rgba(244,163,60,.16);transition: transform .25s ease, background .25s ease;} .home .primary-button:hover{transform: translateY(-3px);background: #ffbd62;} .home .text-button{display: inline-flex;align-items: center;gap: 9px;padding: 12px 0;font-size: 12px;border-bottom: 1px solid rgba(255,255,255,.22);} .home .hero-proof{display: flex;align-items: center;gap: 12px;margin-top: 36px;} .home .proof-avatars{display: flex;} .home .proof-avatars span{width: 32px;height: 32px;margin-left: -7px;display: grid;place-items: center;border: 2px solid var(--indigo);border-radius: 50%;background: #6a2f9c;font: italic 14px var(--serif);} .home .proof-avatars span:first-child{margin-left: 0;background: var(--saffron);color: var(--indigo);} .home .proof-avatars span:last-child{background: var(--mint);color: var(--indigo);} .home .hero-proof p{margin: 0;font-size: 10px;line-height: 1.6;color: rgba(255,255,255,.56);} .home .hero-proof strong{color: white;} .home .hero-visual{position: relative;width: min(39vw, 600px);justify-self: end;} .home .hero-image-frame{position: relative;aspect-ratio: .83;overflow: hidden;border-radius: 54% 54% 8px 8px / 32% 32% 8px 8px;border: 1px solid rgba(255,255,255,.2);box-shadow: 0 35px 90px rgba(6,2,16,.48);} .home .hero-image-frame::before{content: '';position: absolute;z-index: 2;inset: 17px;border: 1px solid rgba(255,255,255,.18);border-radius: inherit;} .home .hero-image-frame img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.05);} .home .image-shade{position: absolute;inset: 0;background: linear-gradient(to bottom, transparent 35%, rgba(16,7,38,.75));} .home .image-note{position: absolute;z-index: 3;font: italic clamp(30px, 4vw, 64px) var(--serif);color: rgba(255,255,255,.75);text-shadow: 0 10px 30px rgba(0,0,0,.3);} .home .note-one{left: 12%;bottom: 16%;} .home .note-two{right: 12%;top: 12%;color: var(--saffron);} .home .image-tag{position: absolute;z-index: 3;left: 26px;top: 22px;display: flex;align-items: flex-end;gap: 8px;} .home .image-tag span{font-size: 9px;text-transform: uppercase;letter-spacing: .12em;} .home .image-tag strong{font: 34px/1 var(--serif);} .home .floating-card{position: absolute;z-index: 5;min-width: 180px;display: flex;align-items: center;gap: 11px;padding: 14px 16px;background: rgba(255,253,248,.94);color: var(--ink);border-radius: 6px;box-shadow: var(--shadow);font-size: 9px;line-height: 1.45;text-transform: uppercase;letter-spacing: .08em;} .home .floating-card svg{width: 26px;color: var(--plum);} .home .floating-card strong{font-size: 11px;} .home .fc-one{left: -76px;top: 26%;} .home .fc-two{right: -30px;bottom: 7%;} .home .motion-on .fc-one{animation: cardFloat 5.5s ease-in-out infinite;} .home .motion-on .fc-two{animation: cardFloat 6.5s .8s ease-in-out infinite reverse;} @keyframes cardFloat { 50% { transform: translateY(-12px); } } .home .hero-stats{grid-column: 1 / -1;align-self: end;display: grid;grid-template-columns: repeat(4, 1fr);border-top: 1px solid rgba(255,255,255,.14);border-bottom: 1px solid rgba(255,255,255,.14);} .home .hero-stats > div{display: flex;align-items: baseline;gap: 9px;padding: 20px clamp(10px, 2vw, 30px);border-right: 1px solid rgba(255,255,255,.14);} .home .hero-stats > div:last-child{border-right: 0;} .home .hero-stats strong{font: 26px var(--serif);color: #fff;} .home .hero-stats span{font-size: 9px;text-transform: uppercase;letter-spacing: .12em;color: rgba(255,255,255,.45);} .home .scroll-cue{position: absolute;left: 25px;top: 50%;display: flex;align-items: center;gap: 8px;transform: translate(-44%, -50%) rotate(-90deg);font-size: 8px;letter-spacing: .18em;text-transform: uppercase;color: rgba(255,255,255,.35);} .home .scroll-cue svg{width: 15px;} .home .section-pad{padding: clamp(54px, 5.5vw, 84px) 0;} .home .section-wrap{width: min(1180px, calc(100% - 48px));margin: 0 auto;} .home .section-label{display: flex;align-items: center;gap: 11px;margin-bottom: 20px;text-transform: uppercase;font-size: 9px;font-weight: 800;letter-spacing: .23em;color: var(--plum);} .home .section-label span{width: 26px;height: 1px;background: currentColor;} .home .section-label.light{color: #f8bd5b;} .home .about{background: var(--cream);padding-bottom: 0;} .home .about-heading{display: grid;grid-template-columns: 1.2fr .8fr;gap: 56px;align-items: end;} .home h2{margin: 0;font: 400 clamp(48px, 6vw, 84px)/.98 var(--serif);letter-spacing: -.045em;} .home h2 em{color: var(--plum);} .home .about-intro{padding-bottom: 8px;} .home .about-intro p{margin: 0 0 16px;font-size: 14px;line-height: 1.75;color: var(--muted);} .home .about-intro p:first-child{color: var(--ink);font-size: 16px;} .home .about-intro a{display: inline-flex;align-items: center;gap: 8px;margin-top: 10px;padding-bottom: 5px;font-size: 11px;font-weight: 800;border-bottom: 1px solid var(--ink);} .home .about-grid{display: grid;grid-template-columns: .78fr 1.22fr;gap: 22px;margin-top: 40px;} .home .about-image-card{min-height: 570px;position: relative;overflow: hidden;border-radius: 6px;box-shadow: var(--shadow);} .home .about-image-card img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 35% 50%;} .home .about-image-card::after{content: '';position: absolute;inset: 0;background: linear-gradient(to bottom, transparent 38%, rgba(20,8,43,.88));} .home .about-image-caption{position: absolute;z-index: 2;left: 30px;right: 30px;bottom: 30px;color: white;} .home .about-image-caption span{display: block;margin-bottom: 10px;color: var(--saffron);font-size: 9px;text-transform: uppercase;letter-spacing: .18em;} .home .about-image-caption strong{font: 25px/1.2 var(--serif);} .home .pillars{display: grid;grid-template-columns: 1fr 1fr;gap: 1px;background: var(--line);} .home .pillar{position: relative;min-height: 236px;padding: 26px;background: var(--paper);transition: background .3s ease, transform .3s ease;} .home .pillar:hover{background: #fff9eb;transform: translateY(-3px);z-index: 2;} .home .pillar-number{position: absolute;right: 24px;top: 22px;font: italic 12px var(--serif);color: #a89eaf;} .home .pillar svg{width: 30px;height: 30px;color: var(--plum);} .home .pillar h3{margin: 28px 0 10px;font: 28px var(--serif);} .home .pillar p{margin: 0;font-size: 12px;line-height: 1.7;color: var(--muted);} .home .industry-band{margin-top: 56px;color: #f9e5bf;background: var(--plum);border-top: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid rgba(255,255,255,.1);} .home .industry-band-inner{width: min(1320px, calc(100% - 48px));min-height: 94px;margin: 0 auto;display: flex;align-items: center;justify-content: center;gap: clamp(14px, 2vw, 30px);} .home .industry-band strong{flex: 0 0 auto;padding: 9px 13px;color: var(--plum);background: var(--saffron);border-radius: 99px;font-size: 9px;text-transform: uppercase;letter-spacing: .16em;} .home .industry-band span{display: grid;gap: 5px;font: 15px/1.25 var(--serif);text-align: center;} .home .industry-band small{font: 7px var(--sans);text-transform: uppercase;letter-spacing: .11em;color: rgba(255,255,255,.52);} .home .industry-band i{flex: 0 0 4px;width: 4px;height: 4px;border-radius: 50%;background: var(--saffron);} .home .dark-section{color: white;background: radial-gradient(circle at 10% 5%, #3a165b, transparent 34%), linear-gradient(145deg, var(--indigo), #1b0d35 60%, #271049);} .home .light-copy h2 em, .home .books-heading h2 em{color: var(--saffron);} .home .section-title-row{display: grid;grid-template-columns: 1fr minmax(260px, 500px);gap: 44px;align-items: end;} .home .section-title-row > p, .home .title-actions > p{margin: 0 0 5px;font-size: 14px;line-height: 1.75;color: var(--muted);} .home .light-copy > p{color: rgba(255,255,255,.6);} .home .search-intent-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;margin-top: 28px;} .home .search-intent-grid article{display: grid;grid-template-columns: 46px 1fr;gap: 17px;align-items: start;padding: 24px;border: 1px solid rgba(255,255,255,.13);background: rgba(255,255,255,.035);} .home .search-intent-grid article > svg{width: 24px;height: 24px;padding: 4px;color: var(--indigo);background: var(--saffron);border-radius: 50%;box-sizing: content-box;} .home .search-intent-grid h3{margin: 1px 0 8px;font: 21px/1.2 var(--serif);} .home .search-intent-grid p{margin: 0;font-size: 11px;line-height: 1.7;color: rgba(255,255,255,.55);} .home .search-intent-grid .service-link, .home .course-copy .service-link{display: inline-flex;align-items: center;gap: 5px;margin-top: 14px;font-size: 10px;text-transform: uppercase;letter-spacing: .1em;font-weight: 800;color: var(--saffron);text-decoration: none;border-bottom: 1px solid transparent;transition: border-color .2s ease;} .home .search-intent-grid .service-link:hover, .home .course-copy .service-link:hover{border-color: var(--saffron);} .home .course-picker{margin-top: 38px;border: 1px solid rgba(255,255,255,.12);} .home .course-tabs{display: grid;grid-template-columns: repeat(6, 1fr);border-bottom: 1px solid rgba(255,255,255,.12);} .home .course-tabs button{position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 9px;padding: 20px;color: rgba(255,255,255,.5);background: transparent;border: 0;border-right: 1px solid rgba(255,255,255,.12);cursor: pointer;font-size: 11px;font-weight: 700;} .home .course-tabs button:last-child{border-right: 0;} .home .course-tabs button::after{content: '';position: absolute;left: 20%;right: 20%;bottom: -1px;height: 2px;background: var(--saffron);transform: scaleX(0);transition: .3s ease;} .home .course-tabs button.active{color: white;background: rgba(255,255,255,.04);} .home .course-tabs button.active::after{transform: scaleX(1);} .home .course-tabs svg{width: 18px;} .home .course-display{min-height: 320px;display: grid;grid-template-columns: 1.15fr .85fr;gap: 44px;align-items: center;padding: 36px 6%;background: rgba(255,255,255,.025);} .home .course-copy{position: relative;padding-left: 86px;} .home .course-icon{position: absolute;left: 0;top: 5px;width: 62px;height: 62px;display: grid;place-items: center;border-radius: 50%;color: var(--indigo);background: var(--saffron);} .home .course-icon svg{width: 25px;} .home .course-copy > span{color: var(--saffron);font-size: 9px;text-transform: uppercase;letter-spacing: .17em;} .home .course-copy h3{margin: 14px 0 16px;font: 36px/1.1 var(--serif);} .home .course-copy p{max-width: 590px;margin: 0;font-size: 13px;line-height: 1.7;color: rgba(255,255,255,.56);} .home .course-copy .course-listing{margin-top: 14px;} .home .course-copy .course-listing strong{color: rgba(255,255,255,.82);font-weight: 700;} .home .course-display ul{list-style: none;margin: 0;padding: 0;} .home .course-display li{display: flex;align-items: center;gap: 12px;padding: 15px 0;border-bottom: 1px solid rgba(255,255,255,.1);font-size: 12px;color: rgba(255,255,255,.75);} .home .course-display li svg{width: 18px;color: var(--mint);} .home .learning-details{display: grid;grid-template-columns: repeat(4, 1fr);gap: 1px;margin-top: 24px;background: rgba(255,255,255,.1);} .home .detail-card{display: grid;min-height: 140px;align-content: center;gap: 7px;padding: 25px;background: #21113c;} .home .detail-card svg{margin-bottom: 8px;width: 22px;color: var(--saffron);} .home .detail-card strong{font: 18px var(--serif);} .home .detail-card span{font-size: 9px;color: rgba(255,255,255,.45);text-transform: uppercase;letter-spacing: .1em;} .home .fees-panel{display: grid;grid-template-columns: .72fr 1.28fr;gap: 52px;margin-top: 52px;padding-top: 44px;border-top: 1px solid rgba(255,255,255,.12);} .home .fees-copy h3{margin: 0 0 14px;font: 40px var(--serif);} .home .fees-copy p{margin: 0;max-width: 380px;font-size: 12px;line-height: 1.75;color: rgba(255,255,255,.55);} .home .price-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;} .home .price-grid article{position: relative;display: flex;flex-direction: column;min-height: 250px;padding: 24px;color: var(--ink);background: var(--cream);border-radius: 4px;} .home .price-grid article.featured{background: var(--saffron);transform: translateY(-12px);box-shadow: 0 25px 60px rgba(0,0,0,.2);} .home .price-grid article > span{font-size: 9px;text-transform: uppercase;letter-spacing: .13em;color: var(--muted);} .home .price-grid strong{margin-top: auto;font: 32px var(--serif);} .home .price-grid strong small{font: 9px var(--sans);color: var(--muted);} .home .price-grid p{margin: 8px 0 20px;font-size: 11px;color: var(--muted);} .home .price-grid em{font-size: 9px;font-style: normal;text-transform: uppercase;letter-spacing: .1em;} .home .music-section{background: var(--paper);} .home .title-actions{display: grid;gap: 20px;} .home .title-actions > div{display: flex;gap: 8px;} .home .title-actions button, .home .testimonial-controls button{width: 42px;height: 42px;display: grid;place-items: center;border: 1px solid var(--line);border-radius: 50%;background: transparent;cursor: pointer;transition: .25s;} .home .title-actions button:hover, .home .testimonial-controls button:hover{color: white;background: var(--plum);} .home .title-actions button svg, .home .testimonial-controls button svg{width: 17px;} .home .album-rail{display: flex;gap: 18px;overflow-x: auto;overscroll-behavior-inline: contain;scroll-snap-type: x mandatory;scrollbar-width: none;padding: 32px max(24px, calc((100vw - 1180px)/2)) 26px;} .home .album-rail::-webkit-scrollbar{display: none;} .home .album-card{flex: 0 0 min(310px, 80vw);scroll-snap-align: start;padding: 0;border: 0;background: transparent;text-align: left;cursor: pointer;} .home .album-art{position: relative;aspect-ratio: 1;overflow: hidden;border-radius: 4px;background: #ddd;} .home .album-art::after{content: '';position: absolute;inset: 0;background: linear-gradient(to top, rgba(12,5,26,.45), transparent 45%);opacity: 0;transition: .3s;} .home .album-art img{width: 100%;height: 100%;object-fit: cover;transition: transform .55s cubic-bezier(.2,.7,.2,1);} .home .album-art > span{position: absolute;z-index: 3;right: 18px;bottom: 18px;width: 50px;height: 50px;display: grid;place-items: center;border-radius: 50%;color: var(--indigo);background: var(--accent);transform: translateY(15px) scale(.8);opacity: 0;transition: .3s;} .home .album-art > span svg{width: 18px;} .home .album-card:hover .album-art img{transform: scale(1.045);} .home .album-card:hover .album-art::after{opacity: 1;} .home .album-card:hover .album-art > span{transform: translateY(0) scale(1);opacity: 1;} .home .album-meta{position: relative;padding: 18px 40px 0 0;} .home .album-meta small{color: var(--plum);font-size: 8px;text-transform: uppercase;letter-spacing: .13em;} .home .album-meta h3{margin: 7px 0 4px;font: 21px var(--serif);} .home .album-meta p{margin: 0;font-size: 10px;color: var(--muted);} .home .album-meta b{position: absolute;right: 0;top: 18px;font: italic 11px var(--serif);color: #a6a0aa;} .home .waveform{height: 58px;display: flex;align-items: center;gap: 3px;} .home .waveform span{flex: 1 1 3px;min-width: 2px;max-width: 4px;height: var(--h);background: linear-gradient(to top, var(--coral), var(--saffron));border-radius: 99px;transform-origin: center;} .home .waveform.is-playing span{animation: wave 1.1s var(--d) ease-in-out infinite alternate;} @keyframes wave { to { transform: scaleY(.22); opacity: .48; } } .home .books-section{color: white;background: #1c0d35;position: relative;} .home .books-section::before{content: 'कथा';position: absolute;right: -30px;top: 40px;font: 240px var(--serif);color: rgba(255,255,255,.025);} .home .books-heading{display: grid;grid-template-columns: 1.2fr .8fr;gap: 56px;align-items: end;} .home .books-heading p{margin: 0 0 8px;font-size: 13px;line-height: 1.75;color: rgba(255,255,255,.55);} .home .book-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;margin-top: 38px;} .home .book-card{min-width: 0;} .home .book-art{position: relative;height: 390px;padding: 18px 18px 0;display: flex;justify-content: center;align-items: flex-end;overflow: hidden;border: 1px solid rgba(255,255,255,.1);border-radius: 180px 180px 4px 4px;background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02));} .home .book-art::before{content: '';position: absolute;width: 180px;height: 180px;left: 50%;top: 40%;transform: translate(-50%,-50%);border-radius: 50%;background: var(--saffron);filter: blur(60px);opacity: .18;} .home .book-art span{position: absolute;left: 18px;top: 50%;writing-mode: vertical-rl;font: italic 10px var(--serif);color: rgba(255,255,255,.35);} .home .book-card a.book-art{display: flex;} .home .book-copy h3 a{color: inherit;text-decoration: none;} .home .book-copy h3 a:hover{text-decoration: underline;} .home .book-art img{position: relative;height: 85%;width: auto;max-width: 74%;object-fit: contain;box-shadow: 0 22px 38px rgba(0,0,0,.45);transition: transform .4s ease;} .home .book-card:hover .book-art img{transform: translateY(-9px) rotate(-1deg);} .home .book-copy{padding-top: 22px;} .home .book-copy small{color: var(--saffron);font-size: 8px;text-transform: uppercase;letter-spacing: .13em;} .home .book-copy h3{margin: 9px 0 12px;font: 27px var(--serif);} .home .book-copy p{min-height: 55px;margin: 0 0 18px;font-size: 11px;line-height: 1.65;color: rgba(255,255,255,.5);} .home .book-copy a{display: inline-flex;align-items: center;gap: 8px;font-size: 10px;font-weight: 700;} .home .book-copy a svg{width: 15px;color: var(--saffron);} .home .testimonials{background: var(--saffron);} .home .testimonial-heading{display: grid;grid-template-columns: 1fr minmax(300px, 440px);gap: 44px;align-items: end;} .home .testimonial-heading h2{font-size: clamp(42px, 5vw, 68px);} .home .testimonial-intro > p{margin: 0;max-width: 430px;font-size: 13px;line-height: 1.75;color: rgba(31,23,51,.68);} .home .testimonial-controls{display: flex;align-items: center;gap: 15px;margin-top: 25px;} .home .testimonial-controls span{min-width: 88px;text-align: center;font: 11px var(--serif);} .home .testimonial-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-top: 32px;animation: quoteIn .45s ease both;} @keyframes quoteIn { from { opacity: 0; transform: translateY(12px); } } .home .quote-card{min-height: 340px;display: flex;flex-direction: column;padding: 32px;background: var(--paper);border-radius: 7px;box-shadow: 0 20px 48px rgba(57,30,10,.11);} .home .quote-card.parent{background: #fff6e5;} .home .quote-card-top{display: flex;align-items: center;justify-content: space-between;gap: 15px;} .home .quote-card-top > svg{width: 29px;color: var(--plum);fill: rgba(75,23,104,.09);} .home .quote-card-top > span{padding: 7px 10px;border-radius: 99px;color: var(--plum);background: rgba(75,23,104,.08);font-size: 8px;font-weight: 800;text-transform: uppercase;letter-spacing: .11em;} .home .quote-card.parent .quote-card-top > span{color: #7a3d00;background: rgba(244,163,60,.2);} .home .quote-card blockquote{margin: 24px 0 30px;font: 20px/1.48 var(--serif);} .home .quote-person{display: grid;gap: 5px;margin-top: auto;padding-top: 20px;border-top: 1px solid var(--line);} .home .quote-person strong{font-size: 10px;text-transform: uppercase;letter-spacing: .1em;} .home .quote-person span{font-size: 9px;color: var(--muted);} .home .testimonial-source{display: inline-flex;align-items: center;gap: 9px;margin-top: 28px;padding-bottom: 5px;border-bottom: 1px solid rgba(31,23,51,.45);font-size: 10px;font-weight: 800;} .home .testimonial-source svg{width: 15px;} .home .journal{background: var(--cream);} .home .article-list{margin-top: 34px;border-top: 1px solid var(--line);} .home .article-row{display: grid;grid-template-columns: 60px 1fr auto;gap: 25px;align-items: center;padding: 25px 10px;border-bottom: 1px solid var(--line);transition: .25s ease;} .home .article-row:hover{padding-left: 22px;color: var(--plum);background: rgba(255,255,255,.55);} .home .article-index{font: italic 12px var(--serif);color: #9d95a3;} .home .article-row small{color: var(--plum);font-size: 8px;text-transform: uppercase;letter-spacing: .13em;} .home .article-row h3{margin: 6px 0 0;font: 24px/1.22 var(--serif);} .home .article-row > svg{width: 19px;} .home .outline-button{display: inline-flex;align-items: center;gap: 10px;margin-top: 34px;padding: 13px 17px;border: 1px solid var(--ink);font-size: 10px;font-weight: 800;} .home .outline-button svg{width: 15px;} .home .faq-section{background: var(--paper);} .home .faq-layout{display: grid;grid-template-columns: .72fr 1.28fr;gap: clamp(34px, 5vw, 64px);align-items: start;} .home .faq-heading{position: sticky;top: 110px;} .home .faq-heading h2{font-size: clamp(44px, 5vw, 68px);} .home .faq-heading > p{max-width: 430px;margin: 22px 0 0;font-size: 13px;line-height: 1.75;color: var(--muted);} .home .faq-list{border-top: 1px solid var(--line);} .home .faq-list details{border-bottom: 1px solid var(--line);} .home .faq-list summary{min-height: 82px;display: grid;grid-template-columns: 38px 1fr 36px;gap: 15px;align-items: center;list-style: none;cursor: pointer;font: 21px/1.25 var(--serif);} .home .faq-list summary::-webkit-details-marker{display: none;} .home .faq-list summary > span{font: italic 10px var(--serif);color: #9d95a3;} .home .faq-list summary i{width: 34px;height: 34px;display: grid;place-items: center;border: 1px solid var(--line);border-radius: 50%;color: var(--plum);} .home .faq-list summary i svg{width: 16px;transition: transform .25s ease;} .home .faq-list details[open] summary i svg{transform: rotate(45deg);} .home .faq-list details > p{margin: -5px 50px 28px 53px;font-size: 12px;line-height: 1.75;color: var(--muted);} .home .contact{position: relative;color: white;background: linear-gradient(130deg, #32124e, var(--indigo));} .home .contact-pattern{position: absolute;inset: 0;opacity: .12;background-image: radial-gradient(circle at center, transparent 0 10px, rgba(244,163,60,.5) 11px 12px, transparent 13px 30px);background-size: 62px 62px;mask-image: linear-gradient(90deg, transparent, black 40%, transparent);} .home .contact-layout{position: relative;display: grid;grid-template-columns: .9fr 1.1fr;gap: 52px;align-items: center;} .home .contact-copy h2 em{color: var(--saffron);} .home .contact-copy > p{max-width: 500px;margin: 24px 0 38px;font-size: 13px;line-height: 1.75;color: rgba(255,255,255,.55);} .home .direct-contacts{display: grid;max-width: 500px;} .home .direct-contacts > *{display: grid;grid-template-columns: 35px 1fr auto;gap: 12px;align-items: center;padding: 16px 0;border-top: 1px solid rgba(255,255,255,.12);} .home .direct-contacts > * > svg:first-child{width: 20px;color: var(--saffron);} .home .direct-contacts > * > svg:last-child{width: 16px;color: rgba(255,255,255,.4);} .home .direct-contacts span{display: grid;gap: 4px;font-size: 12px;} .home .direct-contacts small{font-size: 8px;text-transform: uppercase;letter-spacing: .14em;color: rgba(255,255,255,.42);} .home .contact-form{position: relative;display: grid;gap: 18px;padding: clamp(26px, 4vw, 48px);color: var(--ink);background: var(--paper);border-radius: 7px;box-shadow: 0 34px 80px rgba(0,0,0,.3);} .home .contact-form .honeypot{position: absolute;left: -9999px;top: -9999px;width: 1px;height: 1px;overflow: hidden;opacity: 0;} .home .form-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;font: 29px var(--serif);} .home .form-top svg{color: var(--saffron);} .home .contact-form label{display: grid;gap: 8px;font-size: 9px;text-transform: uppercase;letter-spacing: .13em;font-weight: 700;} .home .contact-form input, .home .contact-form select, .home .contact-form textarea{width: 100%;min-height: 48px;border: 0;border-bottom: 1px solid var(--line);padding: 11px 2px;background: transparent;color: var(--ink);outline: 0;resize: vertical;text-transform: none;letter-spacing: 0;font-size: 16px;line-height: 1.4;} .home .contact-form textarea{min-height: 112px;} .home .contact-form input:focus, .home .contact-form select:focus, .home .contact-form textarea:focus{border-color: var(--plum);} .home .contact-form button{display: inline-flex;align-items: center;justify-content: center;gap: 9px;padding: 15px;border: 0;color: white;background: var(--plum);cursor: pointer;font-size: 11px;font-weight: 800;} .home .contact-form button:hover{background: #61217f;} .home .contact-form button svg{width: 17px;} .home .contact-form > small{text-align: center;color: var(--muted);font-size: 8px;} .home .form-status{margin: -5px 0 0;color: var(--plum);font-size: 10px;text-align: center;} .home .floating-back-to-top{position: fixed;z-index: 95;right: max(20px, env(safe-area-inset-right));bottom: max(20px, env(safe-area-inset-bottom));min-height: 50px;display: inline-flex;align-items: center;gap: 9px;padding: 0 16px 0 13px;color: white;background: rgba(22,12,48,.58);border: 1px solid rgba(255,255,255,.25);border-radius: 99px;box-shadow: 0 12px 34px rgba(13,5,29,.22);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);opacity: 0;transform: translateY(16px);pointer-events: none;cursor: pointer;transition: opacity .25s ease, transform .25s ease, color .25s ease, background .25s ease, border-color .25s ease;} .home .floating-back-to-top.visible{opacity: .82;transform: translateY(0);pointer-events: auto;} .home .floating-back-to-top:hover{opacity: 1;color: var(--indigo);background: rgba(244,163,60,.96);border-color: var(--saffron);transform: translateY(-3px);} .home .floating-back-to-top:focus-visible{opacity: 1;outline: 3px solid rgba(244,163,60,.45);outline-offset: 3px;} .home .floating-back-to-top svg{width: 17px;height: 17px;} .home .floating-back-to-top span{font-size: 9px;font-weight: 800;text-transform: uppercase;letter-spacing: .08em;} .home footer{color: rgba(255,255,255,.7);background: #0e071d;padding: 55px clamp(24px, 6vw, 90px) 25px;} .home .footer-main{display: grid;grid-template-columns: 1fr auto 1fr;gap: 40px;align-items: center;padding-bottom: 40px;} .home .footer-brand{color: white;} .home .footer-links{display: flex;gap: 24px;font-size: 10px;} .home .footer-links a:hover{color: var(--saffron);} .home .social-links{display: flex;justify-content: flex-end;gap: 8px;} .home .social-links a{width: 36px;height: 36px;display: grid;place-items: center;border: 1px solid rgba(255,255,255,.13);border-radius: 50%;} .home .social-links a:hover{color: var(--indigo);background: var(--saffron);} .home .social-links svg{width: 16px;} .home .footer-bottom{display: grid;grid-template-columns: 1fr auto;gap: 30px;align-items: center;padding-top: 22px;border-top: 1px solid rgba(255,255,255,.1);font-size: 8px;color: rgba(255,255,255,.36);} .home .footer-bottom a{display: flex;gap: 5px;align-items: center;color: rgba(255,255,255,.7);} .home .footer-bottom svg{width: 13px;} .home .modal-backdrop{position: fixed;z-index: 500;inset: 0;display: grid;place-items: center;padding: 24px;background: rgba(8,3,20,.82);backdrop-filter: blur(15px);animation: fadeIn .25s ease;} @keyframes fadeIn { from { opacity: 0; } } .home .album-modal{position: relative;width: min(860px, 100%);display: grid;grid-template-columns: .9fr 1.1fr;overflow: hidden;background: var(--paper);border-radius: 8px;box-shadow: 0 40px 120px rgba(0,0,0,.5);animation: modalIn .38s cubic-bezier(.2,.8,.2,1);} @keyframes modalIn { from { opacity: 0; transform: translateY(25px) scale(.98); } } .home .modal-close{position: absolute;z-index: 3;right: 18px;top: 18px;width: 40px;height: 40px;display: grid;place-items: center;border-radius: 50%;border: 1px solid var(--line);background: rgba(255,255,255,.85);cursor: pointer;} .home .modal-close svg{width: 18px;} .home .modal-art{position: relative;min-height: 500px;background: var(--accent);} .home .modal-art::after{content: '';position: absolute;inset: 0;background: linear-gradient(to top, rgba(0,0,0,.35), transparent);} .home .modal-art img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;} .home .modal-copy{padding: 60px 48px 45px;align-self: center;} .home .modal-copy h2{font-size: 48px;} .home .modal-copy h3{margin: 8px 0 22px;font: italic 18px var(--serif);color: var(--muted);} .home .modal-copy > p{font-size: 13px;line-height: 1.7;color: var(--muted);} .home .modal-facts{display: flex;gap: 30px;margin: 28px 0;padding: 18px 0;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);} .home .modal-facts span{display: grid;gap: 3px;font-size: 8px;text-transform: uppercase;letter-spacing: .12em;color: var(--muted);} .home .modal-facts b{color: var(--ink);font: 26px var(--serif);} .home .modal-copy > a{display: inline-flex;align-items: center;gap: 9px;padding: 14px 17px;color: white;background: var(--plum);font-size: 10px;font-weight: 800;} .home .modal-copy > a svg{width: 15px;} /* Laptop widths: the single-row header (brand, nav, search, actions) only fits from ~1536px up. Below that, reuse the two-row fallback so the search moves to its own row and nothing overlaps. */ @media (max-width: 1520px) { html.home{scroll-padding-top: 150px;} .home .site-header{grid-template-columns: auto minmax(0, 1fr) auto;grid-template-areas: "brand nav actions" "search search search";height: auto;row-gap: 8px;padding-top: 8px;padding-bottom: 10px;} .home .site-search input{width: 100%;} .home .hero{padding-top: 176px;} .home .desktop-nav{gap: clamp(16px, 1.6vw, 28px);} .home .sound-toggle span{display: none;} } @media (max-width: 1024px) { .home .site-header{grid-template-columns: auto minmax(0, 1fr) auto;grid-template-areas: "brand nav actions" "search search search";height: auto;row-gap: 8px;padding-top: 8px;padding-bottom: 10px;} .home .site-search input{width: 100%;} .home .hero{padding-top: 176px;} .home .desktop-nav{gap: 16px;} .home .sound-toggle span{display: none;} .home .hero{grid-template-columns: 1.05fr .95fr;padding-inline: 7vw;} .home .hero h1{font-size: clamp(64px, 8.3vw, 100px);} .home .fc-one{left: -40px;} .home .fc-two{right: -10px;} .home .about-heading, .home .books-heading{gap: 55px;} .home .about-grid{grid-template-columns: .9fr 1.1fr;} .home .fees-panel{gap: 40px;} } /* Tablet/small-laptop widths: brand + nav + actions do not fit on one row, so nav shares row two with search. */ @media (min-width: 769px) and (max-width: 1099px) { html.home{scroll-padding-top: 126px;} .home .site-header{grid-template-columns: auto minmax(0, 1fr);grid-template-areas: "brand actions" "nav search";column-gap: 18px;} .home .site-header .header-actions{justify-self: end;} .home .desktop-nav{justify-content: flex-start;gap: 14px;} .home .desktop-nav a{padding: 10px 0 12px;} .home .desktop-nav a::after{bottom: 2px;} } @media (max-width: 768px) { .home .site-header{grid-template-columns: 1fr auto;grid-template-areas: "brand actions" "search search";height: auto;row-gap: 8px;padding: 10px 20px 12px;} .home .desktop-nav, .home .mini-cta, .home .sound-toggle{display: none;} .home .menu-button{display: inline-grid;width: 42px;height: 42px;border: 1px solid rgba(255,255,255,.18);border-radius: 50%;} .home .hero{min-height: auto;grid-template-columns: 1fr;grid-template-rows: auto;padding: 176px 24px 32px;} .home .site-search input{width: 100%;} .home .hero-copy{max-width: 700px;padding: 0;} .home .hero h1{font-size: clamp(64px, 14vw, 104px);} .home .hero-visual{width: min(580px, 88vw);margin-top: 20px;justify-self: center;} .home .hero-image-frame{aspect-ratio: 1.05;border-radius: 260px 260px 10px 10px;} .home .fc-one{left: -15px;} .home .fc-two{right: -12px;} .home .hero-stats{grid-column: 1;grid-template-columns: 1fr 1fr;margin-top: 40px;} .home .hero-stats > div:nth-child(2){border-right: 0;} .home .hero-stats > div:nth-child(-n+2){border-bottom: 1px solid rgba(255,255,255,.14);} .home .scroll-cue{display: none;} .home .about-heading, .home .books-heading, .home .section-title-row, .home .testimonial-heading, .home .faq-layout, .home .contact-layout{grid-template-columns: 1fr;gap: 36px;} .home .faq-heading{position: static;} .home .about-grid{grid-template-columns: 1fr;} .home .about-image-card{min-height: 480px;} .home .industry-band-inner{flex-wrap: wrap;gap: 14px 20px;padding: 28px 0;} .home .industry-band span{flex: 1 1 28%;} .home .hero h1.seo-hero-title{font-size: clamp(58px, 10vw, 82px);} .home .course-tabs{grid-template-columns: repeat(3, 1fr);} .home .course-tabs button:nth-child(3n){border-right: 0;} .home .course-tabs button:nth-child(-n+3){border-bottom: 1px solid rgba(255,255,255,.12);} .home .course-display{grid-template-columns: 1fr;} .home .learning-details{grid-template-columns: 1fr 1fr;} .home .fees-panel{grid-template-columns: 1fr;} .home .price-grid article.featured{transform: none;} .home .waveform{max-width: 100%;} .home .book-grid{gap: 16px;} .home .book-art{height: 320px;} .home .footer-main{grid-template-columns: 1fr auto;} .home .footer-links{grid-row: 2;grid-column: 1/-1;} .home .footer-bottom{grid-template-columns: 1fr auto;} .home .footer-bottom span:nth-child(2){grid-row: 2;grid-column: 1/-1;} } @media (max-width: 480px) { html.home{scroll-padding-top: calc(74px + env(safe-area-inset-top));} .home .site-header{top: 0;height: auto;min-height: calc(68px + env(safe-area-inset-top));padding-top: max(8px, env(safe-area-inset-top));padding-left: max(16px, env(safe-area-inset-left));padding-right: max(16px, env(safe-area-inset-right));padding-bottom: 10px;} .home .brand img{width: 39px;height: 39px;} .home .brand strong{font-size: 13px;} .home .brand small{font-size: 7px;} .home .menu-button{width: 44px;height: 44px;} .home .mobile-menu{padding-top: max(24px, env(safe-area-inset-top));padding-right: max(20px, env(safe-area-inset-right));padding-bottom: max(24px, env(safe-area-inset-bottom));padding-left: max(20px, env(safe-area-inset-left));} .home .section-wrap{width: min(100% - 32px, 1180px);} .home .section-pad{padding: 52px 0;} .home h2{font-size: clamp(43px, 13vw, 62px);} .home .hero{padding: calc(158px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 30px max(16px, env(safe-area-inset-left));} .home .hero h1{font-size: clamp(56px, 17vw, 84px);line-height: .86;} .home .hero h1.seo-hero-title{font-size: clamp(44px, 13vw, 60px);line-height: .93;} .home .hero-copy > p{font-size: 14px;} .home .search-intent-grid{grid-template-columns: 1fr;} .home .search-intent-grid article{grid-template-columns: 40px 1fr;padding: 21px 18px;} .home .hero-ctas{align-items: flex-start;flex-direction: column;gap: 8px;} .home .hero-visual{width: 100%;} .home .floating-card{min-width: 145px;padding: 11px;} .home .fc-one{left: 5px;top: 22%;} .home .fc-two{right: 5px;bottom: 6%;} .home .hero-stats > div{align-items: flex-start;flex-direction: column;gap: 2px;padding: 16px;} .home .hero-stats strong{font-size: 22px;} .home .about-heading{gap: 28px;} .home .about-image-card{min-height: 390px;} .home .pillars{grid-template-columns: 1fr;} .home .pillar{min-height: auto;} .home .industry-band{margin-top: 70px;} .home .industry-band-inner{width: calc(100% - 32px);display: grid;grid-template-columns: 1fr;gap: 0;padding: 20px 0;} .home .industry-band strong{justify-self: start;margin-bottom: 10px;} .home .industry-band span{width: 100%;display: flex;justify-content: space-between;align-items: baseline;padding: 13px 0;border-top: 1px solid rgba(255,255,255,.12);text-align: left;font-size: 15px;} .home .industry-band small{text-align: right;} .home .industry-band i{display: none;} .home .course-tabs{grid-template-columns: 1fr 1fr;} .home .course-tabs button{border-right: 1px solid rgba(255,255,255,.12);border-bottom: 1px solid rgba(255,255,255,.12);} .home .course-tabs button:nth-child(even){border-right: 0;} .home .course-tabs button:nth-last-child(-n+2){border-bottom: 0;} .home .course-display{padding: 36px 22px;} .home .course-copy{padding: 76px 0 0;} .home .course-icon{top: 0;} .home .course-copy h3{font-size: 30px;} .home .learning-details{grid-template-columns: 1fr;} .home .price-grid{grid-template-columns: 1fr;} .home .price-grid article{min-height: 180px;} .home .album-rail{padding-top: 40px;} .home .book-grid{grid-template-columns: 1fr;gap: 55px;} .home .book-art{height: 430px;} .home .book-copy p{min-height: auto;} .home .testimonial-grid{grid-template-columns: 1fr;margin-top: 38px;} .home .quote-card{min-height: 0;padding: 25px 22px;} .home .quote-card blockquote{font-size: 18px;} .home .article-row{grid-template-columns: 34px 1fr auto;gap: 10px;} .home .article-row h3{font-size: 19px;} .home .faq-list summary{min-height: 76px;grid-template-columns: 28px 1fr 34px;gap: 9px;font-size: 18px;} .home .faq-list details > p{margin: 0 42px 24px 37px;} .home .contact-layout{gap: 50px;} .home .contact-form{padding: 25px 20px;} .home .contact-form button{min-height: 50px;} .home footer{padding-bottom: calc(25px + env(safe-area-inset-bottom));} .home .footer-main{grid-template-columns: 1fr;} .home .footer-links{grid-row: auto;grid-column: auto;flex-wrap: wrap;} .home .social-links{justify-content: flex-start;} .home .footer-bottom{grid-template-columns: 1fr;} .home .footer-bottom span:nth-child(2){grid-row: auto;grid-column: auto;} .home .album-modal{grid-template-columns: 1fr;max-height: 90dvh;overflow-y: auto;} .home .modal-art{min-height: 310px;} .home .modal-copy{padding: 35px 24px;} .home .modal-copy h2{font-size: 40px;} } @media (hover: none), (pointer: coarse) { .home .album-card:hover .album-art img, .home .book-card:hover .book-art img, .home .pillar:hover{transform: none;} .home .album-card .album-art > span{opacity: 1;transform: none;width: 44px;height: 44px;} .home .article-row:hover{padding-left: 10px;background: transparent;} .home .motion-on .raga-rings, .home .motion-on .orb-one, .home .motion-on .fc-one, .home .motion-on .fc-two{animation: none;} } @media (prefers-reduced-motion: reduce) { .home *, .home *::before, .home *::after{scroll-behavior: auto !important;animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;} } .home .skip-link{position: absolute;left: -9999px;top: 0;z-index: 2000;padding: 12px 18px;background: var(--saffron);color: var(--indigo);font-size: 12px;font-weight: 800;border-radius: 0 0 6px 0;} .home .skip-link:focus{left: 0;} .home a:focus-visible, .home button:focus-visible, .home summary:focus-visible, .home input:focus-visible, .home select:focus-visible, .home textarea:focus-visible{outline: 3px solid var(--saffron);outline-offset: 3px;border-radius: 3px;} .home .dark-section a:focus-visible, .home .books-section a:focus-visible, .home .contact a:focus-visible, .home .testimonials a:focus-visible, .home .site-header a:focus-visible, .home .site-header button:focus-visible, .home .mobile-menu a:focus-visible{outline-color: #ffd9a1;} .home .tier-table{display: grid;gap: 10px;} .home .tier{padding: 20px 22px;border: 1px solid rgba(255,255,255,.16);background: rgba(255,255,255,.04);border-radius: 4px;} .home .tier-label{display: block;margin-bottom: 12px;font-size: 9px;font-weight: 800;text-transform: uppercase;letter-spacing: .16em;color: var(--saffron);} .home .tier ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 10px;} .home .tier li{display: grid;gap: 3px;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,.1);} .home .tier li:last-child{padding-bottom: 0;border-bottom: 0;} .home .tier strong{font: 26px/1.1 var(--serif);color: white;} .home .tier span{font-size: 12px;color: rgba(255,255,255,.72);} .home .tier em{font-size: 10px;font-style: normal;text-transform: uppercase;letter-spacing: .1em;color: rgba(255,255,255,.45);} .home .tier-note{margin: 4px 0 0;padding-left: 14px;border-left: 2px solid var(--saffron);font-size: 11.5px;line-height: 1.6;color: rgba(255,255,255,.6);} .home .booking-band{display: grid;grid-template-columns: 1.1fr auto;gap: 30px;align-items: center;margin-top: 26px;padding: 26px 30px;border: 1px solid rgba(255,255,255,.16);border-radius: 4px;background: linear-gradient(120deg, rgba(244,163,60,.12), rgba(106,47,156,.18));} .home .booking-band strong{display: block;font: 26px var(--serif);color: white;} .home .booking-band p{margin: 6px 0 0;max-width: 560px;font-size: 12px;line-height: 1.7;color: rgba(255,255,255,.6);} .home .booking-actions{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;} .home .booking-actions .text-button{color: white;border-bottom-color: rgba(255,255,255,.3);} .home .books-footer{display: grid;gap: 16px;justify-items: start;margin-top: 32px;padding-top: 26px;border-top: 1px solid rgba(255,255,255,.14);} .home .books-footer p{margin: 0;max-width: 720px;font-size: 12.5px;line-height: 1.7;color: rgba(255,255,255,.55);} .home .books-footer .primary-button{color: var(--indigo);} .home .footer-nap{display: flex;flex-wrap: wrap;gap: 10px 34px;padding: 24px 0;border-top: 1px solid rgba(255,255,255,.1);font-size: 10.5px;color: rgba(255,255,255,.6);} .home .footer-nap strong{display: block;margin-bottom: 3px;font-size: 8px;text-transform: uppercase;letter-spacing: .14em;color: rgba(255,255,255,.4);} .home .footer-nap a{color: var(--saffron);} .home .footer-social-text{display: flex;flex-wrap: wrap;gap: 8px 18px;margin: 0 0 18px;font-size: 10px;letter-spacing: .04em;} .home .footer-social-text a{color: rgba(255,255,255,.65);border-bottom: 1px solid rgba(255,255,255,.18);padding-bottom: 2px;} .home .footer-social-text a:hover{color: var(--saffron);border-color: var(--saffron);} .home .testimonial-source{max-width: 560px;margin-top: 26px;font-size: 11px;color: rgba(31,23,51,.72);} @media (max-width: 768px) { .home .booking-band{grid-template-columns: 1fr;gap: 20px;} } @media (max-width: 480px) { .home .tier{padding: 16px 16px;} .home .tier strong{font-size: 22px;} .home .booking-band{padding: 22px 18px;} .home .footer-nap{flex-direction: column;gap: 14px;} } html.home{overflow-x: clip;-webkit-tap-highlight-color: rgba(140, 58, 18, .16);} html.home body{overflow-wrap: break-word;} .home section[id]{scroll-margin-top: 96px;} .home .app-band{background: #2a1550;color: #fff;padding: 46px 22px;} .home .app-band-inner{max-width: 1180px;margin: 0 auto;} .home .app-kicker{margin: 0 0 6px;text-transform: uppercase;letter-spacing: .16em;font-size: 11.5px;font-weight: 700;color: #f4a33c;} .home .app-band h2{margin: 0 0 10px;color: #fff;font-size: clamp(24px, 3.4vw, 33px);} .home .app-lede{margin: 0 0 20px;color: #ded4f4;font-size: 15.5px;max-width: 58ch;} .home .app-button{display: inline-flex;align-items: center;gap: 11px;background: #f4a33c;color: #241048;padding: 15px 26px;border-radius: 999px;text-decoration: none;font-weight: 800;font-size: 16px;} .home .app-button[hidden], .doc .app-button[hidden]{display: none;} .home button.app-button, .doc button.app-button{border: 0;font: inherit;font-weight: 800;cursor: pointer;} .home .app-button:hover{background: #ffb955;} .home .app-install{margin: 10px 0 0;max-width: 560px;border: 1px solid rgba(255,255,255,.24);border-radius: 12px;padding: 13px 17px;background: rgba(255,255,255,.06);} .home .app-install summary{cursor: pointer;font-weight: 700;color: #fff;font-size: 15px;} .home .app-install ol{margin: 11px 0 3px;padding-left: 22px;color: #ded4f4;font-size: 14.5px;line-height: 1.65;} .home .app-install li{margin: 5px 0;} @media (hover: none), (pointer: coarse) { .home .title-actions button, .home .testimonial-controls button{width: 46px;height: 46px;} .home .social-links a{width: 44px;height: 44px;} .home .menu-button{width: 46px;height: 46px;} .home .modal-close{width: 46px;height: 46px;} } @media (max-width: 480px) { .home section[id]{scroll-margin-top: 84px;} .home .hero-copy > p{font-size: 15px;} .home .contact-form label{font-size: 11px;} .home .contact-form > small{font-size: 11px;} .home .contact-form button{font-size: 13px;} .home .footer-links{font-size: 13px;} .home .footer-bottom{font-size: 12px;} .home .footer-nap{font-size: 12px;} .home .footer-nap strong{font-size: 10.5px;} .home .footer-social-text{font-size: 12px;} .home .tier-label{font-size: 10.5px;} .home .tier span{font-size: 13px;} .home .tier em{font-size: 11px;} .home .tier-note{font-size: 12.5px;} .home .booking-band p{font-size: 13.5px;} .home .books-footer p{font-size: 13.5px;} .home .testimonial-source{font-size: 12px;} .home .book-copy p{font-size: 13px;} .home .album-meta small{font-size: 10.5px;} .home .album-meta p{font-size: 12px;} .home .hero-stats span{font-size: 10.5px;} .home .price-grid article > span, .home .price-grid em{font-size: 10.5px;} .home .detail-card span{font-size: 10.5px;} .home .floating-card{font-size: 10.5px;} .home .about-image-caption span, .home .image-tag span{font-size: 10.5px;} .home .section-label{font-size: 10px;} .home .brand small{font-size: 9px;} .home footer li{margin: 0;} .home .footer-links{flex-wrap: wrap;gap: 0 22px;} .home .footer-links a{display: block;padding: 11px 0;} .home .footer-nap{gap: 6px;} .home .footer-nap a{display: inline-block;padding: 8px 0;} .home .footer-social-text{gap: 2px 20px;} .home .footer-social-text a{display: inline-block;padding: 10px 0;} .home .footer-bottom{gap: 10px;} .home .footer-bottom a{padding: 8px 0;} .home .section-pad{padding: 40px 0;} .home main > section:not(#home){border-top: 3px double var(--saffron);} .home .about-heading, .home .books-heading, .home .section-title-row, .home .testimonial-heading, .home .faq-layout, .home .contact-layout{gap: 30px;} .home .industry-band{margin-top: 34px;} .home .album-rail{padding-top: 30px;} .home .book-grid{gap: 40px;} .home .book-art{height: 350px;} } .home .section-rail{position: fixed;z-index: 96;top: 50%;right: max(16px, env(safe-area-inset-right));transform: translateY(-50%);display: none;gap: 2px;padding: 10px 12px;background: rgba(253, 250, 242, .9);border: 1px solid rgba(43, 29, 18, .14);border-radius: 4px;box-shadow: 0 12px 34px rgba(43, 29, 18, .12);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);} .home .section-rail a{display: flex;align-items: center;gap: 10px;min-height: 30px;color: rgba(43, 29, 18, .62);text-decoration: none;white-space: nowrap;font-size: 10px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;} .home .section-rail .rail-mark{width: 16px;height: 2px;background: currentColor;opacity: .55;transition: width .25s ease, opacity .25s ease, background .25s ease;} .home .section-rail a:hover, .home .section-rail a:focus-visible{color: var(--plum);} .home .section-rail a:hover .rail-mark, .home .section-rail a:focus-visible .rail-mark{width: 28px;opacity: 1;background: var(--plum);} .home .section-rail a.active{color: var(--plum);} .home .section-rail a.active .rail-mark{width: 28px;opacity: 1;background: var(--coral);} .home .section-rail .rail-num, .home .section-rail .rail-label{max-width: 0;opacity: 0;overflow: hidden;transition: max-width .3s ease, opacity .2s ease;} .home .section-rail .rail-num{color: var(--muted);font-size: 9px;} .home .section-rail:hover .rail-num, .home .section-rail:hover .rail-label, .home .section-rail:focus-within .rail-num, .home .section-rail:focus-within .rail-label{max-width: 170px;opacity: 1;} @media (min-width: 1024px) { .home .section-rail{display: grid;} } .home .location-heading{display: grid;gap: 14px;max-width: 760px;margin-bottom: 30px;} .home .location-heading p{margin: 0;color: var(--muted);font-size: 15px;line-height: 1.75;} .home .location-grid{display: grid;grid-template-columns: 1.25fr 1fr;gap: 34px;align-items: start;} .home .map-frame{position: relative;min-height: 380px;overflow: hidden;border: 1px solid var(--line);border-radius: 6px;background: var(--cream);box-shadow: var(--shadow);} .home .map-frame iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0;} .home .reviews-panel{display: grid;gap: 18px;padding: 26px 28px;background: var(--paper);border: 1px solid var(--line);border-radius: 7px;box-shadow: 0 20px 48px rgba(57, 30, 10, .1);} .home .reviews-rating{display: flex;align-items: baseline;flex-wrap: wrap;gap: 8px 12px;margin: 0;} .home .reviews-score{font: 42px/1 var(--serif);color: var(--ink);} .home .reviews-stars{color: var(--saffron);font-size: 15px;letter-spacing: .12em;} .home .reviews-count{color: var(--muted);font-size: 12.5px;text-transform: uppercase;letter-spacing: .1em;} .home .reviews-note{margin: 0;color: var(--muted);font-size: 11.5px;} .home .reviews-list{display: grid;gap: 16px;margin: 0;padding: 0;list-style: none;} .home .reviews-list li{padding-top: 16px;border-top: 1px solid var(--line);} .home .reviews-list li:first-child{padding-top: 0;border-top: 0;} .home .reviews-list blockquote{margin: 0;color: var(--ink);font-size: 14px;line-height: 1.7;} .home .reviews-author{margin: 8px 0 0;font-size: 12px;font-weight: 700;color: var(--ink);} .home .reviews-author span{font-weight: 400;color: var(--muted);} .home .location-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 20px;} @media (max-width: 768px) { .home .location-grid{grid-template-columns: 1fr;gap: 26px;} .home .map-frame{min-height: 320px;} } @media (max-width: 480px) { .home .location-heading{margin-bottom: 30px;} .home .reviews-panel{padding: 22px 20px;} .home .reviews-score{font-size: 36px;} .home .map-frame{min-height: 280px;} .home .reviews-list blockquote{font-size: 14.5px;} } @media (max-width: 480px) { .home .floating-back-to-top{padding: 0 13px;gap: 7px;} .home .floating-back-to-top span{display: none;} } .home .studio-video-band{display: grid;grid-template-columns: 1.05fr .95fr;gap: 18px;margin-top: 28px;align-items: stretch;} .home .studio-video-copy{display: flex;flex-direction: column;justify-content: center;gap: 9px;padding: 22px 24px;border: 1px solid rgba(255,255,255,.14);background: rgba(255,255,255,.04);} .home .studio-video-copy h3{margin: 0;font: 22px/1.25 var(--serif);color: #fff;} .home .studio-video-copy p{margin: 0;font-size: 12.5px;line-height: 1.7;color: rgba(255,255,255,.6);} .home .studio-video{margin: 0;} .home .studio-video-btn{display: block;width: 100%;padding: 0;position: relative;border: 1px solid rgba(255,255,255,.2);background: #0d0721;cursor: pointer;} .home .studio-video-btn img{display: block;width: 100%;aspect-ratio: 16/9;object-fit: cover;height: auto;opacity: .92;} .home .studio-video-play{position: absolute;inset: 0;display: grid;place-items: center;color: var(--saffron);filter: drop-shadow(0 3px 9px rgba(0,0,0,.55));transition: transform .2s ease;} .home .studio-video-btn:hover .studio-video-play{transform: scale(1.12);} .home .studio-video iframe{display: block;width: 100%;aspect-ratio: 16/9;height: auto;border: 1px solid rgba(255,255,255,.2);} .home .studio-video figcaption{margin-top: 8px;font-size: 10.5px;line-height: 1.6;color: rgba(255,255,255,.5);} .home .studio-video-links{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 6px;} .home .studio-video-links a{display: inline-flex;align-items: center;gap: 6px;padding: 7px 12px;font-size: 9px;font-weight: 800;letter-spacing: .1em;text-transform: uppercase;color: var(--saffron);text-decoration: none;border: 1px solid rgba(244,163,60,.4);border-radius: 99px;transition: background .2s ease, color .2s ease;} .home .studio-video-links a:hover{color: var(--indigo);background: var(--saffron);} .home .studio-video-links svg{width: 14px;height: 14px;} .home .studio-video-light .studio-video-btn{border-color: rgba(22,12,48,.18);background: #fff;} .home .studio-video-light iframe{border-color: rgba(22,12,48,.18);} .home .studio-video-light figcaption{color: rgba(36,26,61,.62);} .home .music-video-row{display: grid;grid-template-columns: .8fr 1.2fr;gap: 28px;align-items: center;margin-top: 20px;padding: 26px 30px;background: rgba(255,253,248,.7);border: 1px solid rgba(22,12,48,.12);border-radius: 6px;} .home .music-video-copy > span{color: #8c3a12;font-size: 8px;font-weight: 800;text-transform: uppercase;letter-spacing: .16em;} .home .music-video-copy h3{margin: 7px 0 8px;font: 24px/1.2 var(--serif);color: var(--ink, #241a3d);} .home .music-video-copy p{margin: 0 0 12px;font-size: 12.5px;line-height: 1.7;color: rgba(36,26,61,.72);} .home .music-video-copy a{display: inline-flex;align-items: center;gap: 6px;font-size: 9px;font-weight: 800;letter-spacing: .1em;text-transform: uppercase;color: #8c3a12;text-decoration: none;} .home .music-video-copy a:hover{color: var(--indigo);} @media (max-width: 768px) { .home .studio-video-band{grid-template-columns: 1fr;} .home .music-video-row{grid-template-columns: 1fr;gap: 18px;padding: 22px;} } @media (max-width: 480px) { .home .app-band{padding: 34px 18px;} .home .app-button{width: 100%;justify-content: center;padding: 15px 18px;} .home .app-install{max-width: none;} } html.home{--ink: #2a1f14;--muted: #6b5a44;--cream: #f0e4c8;--paper: #f7eed9;--plum: #8c3a12;--violet: #1f5f57;--indigo: #2b1d12;--indigo-2: #3a2718;--saffron: #d99a1f;--coral: #c1531b;--mint: #4c7a52;--line: rgba(42, 31, 20, .3);--serif: 'Bookman Old Style', 'Palatino Linotype', Palatino, 'URW Palladio L', Georgia, 'Times New Roman', serif;--sans: 'Trebuchet MS', Tahoma, Verdana, 'Segoe UI', sans-serif;--mono: 'Courier New', Courier, monospace;--shadow: 8px 9px 0 rgba(42, 31, 20, .18);--rust: #8c3a12;--mustard: #d99a1f;--teal: #1f5f57;--deep: #2b1d12;--rule: rgba(42, 31, 20, .3);} html.home body{color: var(--ink);background-color: var(--paper);background-image: repeating-linear-gradient(0deg, rgba(120, 90, 50, .05) 0 1px, transparent 1px 5px), repeating-linear-gradient(90deg, rgba(120, 90, 50, .035) 0 1px, transparent 1px 6px), radial-gradient(circle at 12% 8%, rgba(203, 160, 92, .22), transparent 42%), radial-gradient(circle at 88% 92%, rgba(160, 118, 66, .16), transparent 46%);} .home::selection, .home *::selection{background: var(--saffron);color: var(--ink);} .home a:focus-visible, .home button:focus-visible, .home summary:focus-visible, .home input:focus-visible, .home select:focus-visible, .home textarea:focus-visible{outline-color: var(--plum);} .home .site-header a:focus-visible, .home .site-header button:focus-visible, .home .testimonials a:focus-visible{outline-color: var(--ink);} .home .mobile-menu a:focus-visible, .home .dark-section a:focus-visible, .home .books-section a:focus-visible, .home .contact a:focus-visible{outline-color: #ffd9a1;} .home h1, .home h2, .home h3{font-family: var(--serif);letter-spacing: -.005em;} .home h2 em{color: var(--plum);} .home .hero-kicker, .home .section-label, .home .floating-card, .home .quote-person span, .home .article-row small, .home .book-copy small, .home .album-meta small, .home .pillar-number, .home .hero-stats span, .home .modal-facts span, .home .contact-form label, .home .direct-contacts small, .home .image-tag, .home .course-copy > span{font-family: var(--mono);letter-spacing: .16em;} .home .scroll-progress{height: 4px;background: var(--plum);box-shadow: none;} .home .site-header{color: var(--ink);background: rgba(247, 238, 217, .96);border-bottom: 3px double var(--ink);backdrop-filter: none;-webkit-backdrop-filter: none;} .home .brand img{border-radius: 2px;border: 1px solid var(--ink);filter: sepia(.3);} .home .brand strong{letter-spacing: .2em;} .home .brand small{color: var(--muted);letter-spacing: .28em;} .home .desktop-nav a{color: rgba(42, 31, 20, .72);font-family: var(--mono);letter-spacing: .12em;} .home .desktop-nav a:hover, .home .desktop-nav a.active{color: var(--plum);} .home .desktop-nav a::after{border-radius: 0;background: var(--plum);} .home .sound-toggle, .home .menu-button{color: var(--muted);} .home .sound-toggle svg{border-radius: 2px;border-color: var(--line);} .home .mini-cta{color: var(--paper);background: var(--ink);border-radius: 0;box-shadow: 4px 4px 0 var(--saffron);font-family: var(--mono);text-transform: uppercase;letter-spacing: .12em;} .home .mini-cta:hover{background: var(--plum);} .home .mobile-menu{background: var(--indigo);} .home .mobile-menu-head button{border-radius: 0;border-color: rgba(247, 238, 217, .35);} .home .mobile-menu-links a{border-bottom: 1px solid rgba(247, 238, 217, .18);} .home .mobile-menu-links a span{font-family: var(--mono);color: var(--saffron);} .home .hero{color: var(--ink);background: transparent;background-image: radial-gradient(circle at 82% 22%, rgba(140, 58, 18, .12), transparent 38%), radial-gradient(circle at 10% 80%, rgba(31, 95, 87, .12), transparent 40%);} .home .hero::before{background-image: linear-gradient(rgba(42, 31, 20, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(42, 31, 20, .05) 1px, transparent 1px);background-size: 46px 46px;mask-image: linear-gradient(to bottom, black, transparent 88%);-webkit-mask-image: linear-gradient(to bottom, black, transparent 88%);} .home .hero-grain{opacity: .3;mix-blend-mode: multiply;} .home .orb, .home .raga-rings{display: none;} .home .hero h1{color: var(--ink);text-shadow: 3px 3px 0 rgba(217, 154, 31, .35);} .home .hero h1 em{color: var(--plum);} .home .hero h1 span{-webkit-text-stroke: 1.4px rgba(42, 31, 20, .75);color: transparent;} .home .hero-kicker{color: var(--plum);} .home .hero-stats{border-top: 1px solid var(--rule);border-bottom: 1px solid var(--rule);} .home .hero-stats > div{border-right: 1px solid var(--rule);} .home .hero-ctas .text-button{border-bottom-color: var(--ink);} .home .hero-copy > p{color: var(--muted);font-family: var(--sans);} .home .hero-copy > p strong{color: var(--ink);} .home .primary-button{color: var(--paper);background: var(--ink);border-radius: 0;box-shadow: 6px 6px 0 var(--plum);font-family: var(--mono);text-transform: uppercase;letter-spacing: .14em;} .home .primary-button:hover{transform: translate(-2px, -2px);background: var(--plum);box-shadow: 8px 8px 0 var(--ink);} .home .hero-proof p{color: var(--muted);} .home .hero-proof strong{color: var(--ink);} .home .proof-avatars span{border-radius: 2px;border-color: var(--paper);background: var(--plum);color: var(--paper);} .home .proof-avatars span:first-child{background: var(--saffron);color: var(--ink);} .home .proof-avatars span:last-child{background: var(--violet);color: var(--paper);} .home .hero-image-frame{aspect-ratio: 3 / 2;border-radius: 0;border: 12px solid #fffdf4;box-shadow: 0 0 0 1px var(--line), 14px 16px 0 rgba(42, 31, 20, .22);transform: rotate(-1.2deg);} .home .hero-image-frame::before{inset: 10px;border-radius: 0;border-color: rgba(42, 31, 20, .2);} .home .hero-image-frame img{filter: sepia(.38) saturate(.92) contrast(1.04) brightness(1.02);transform: none;} .home .about-image-card{min-height: 0;} .home .about-image-card img{aspect-ratio: 3 / 2;height: auto;object-fit: cover;} .home .about-image-card::after{background: linear-gradient(to bottom, transparent 48%, rgba(43, 29, 18, .82));} .home .image-shade{background: linear-gradient(to bottom, transparent 46%, rgba(43, 29, 18, .62));} .home .album-meta b{color: var(--muted);} .home .image-note{color: rgba(255, 253, 244, .88);text-shadow: 0 6px 18px rgba(43, 29, 18, .55);} .home .image-tag{left: 26px;right: auto;top: 22px;bottom: auto;border-radius: 0;background: rgba(247, 238, 217, .94);border: 1px solid var(--ink);color: var(--ink);box-shadow: 4px 4px 0 rgba(42, 31, 20, .18);} .home .floating-card{border-radius: 0;border: 1px solid var(--ink);box-shadow: 7px 7px 0 rgba(42, 31, 20, .22);background: var(--paper);color: var(--ink);} .home .fc-one{left: -76px;top: 30%;} .home .fc-two{right: -30px;bottom: 7%;} @media (max-width: 1024px) { .home .fc-one{left: -40px;top: 30%;} .home .fc-two{right: -10px;bottom: 7%;} } @media (max-width: 768px) { .home .hero-image-frame{aspect-ratio: 3 / 2;} .home .fc-one{left: -15px;top: 32%;} .home .fc-two{right: -12px;bottom: 7%;} .home .about-image-card{height: auto;} .home .about-image-card img{position: relative;inset: auto;display: block;width: 100%;height: auto;} } @media (max-width: 480px) { .home .image-tag{left: 14px;top: 14px;} .home .image-tag strong{font-size: 26px;} .home .fc-one{left: 8px;top: 34%;} .home .fc-two{right: 8px;bottom: 6%;} } .home .floating-card svg{color: var(--plum);} .home .hero-stats strong{color: var(--ink);} .home .hero-stats span{color: var(--muted);} .home .scroll-cue{color: var(--muted);font-family: var(--mono);} .home .section-label{color: var(--plum);} .home .section-label span{height: 2px;} .home .section-label.light{color: var(--saffron);} .home .about{background: var(--cream);} .home .about-intro p, .home .section-title-row > p, .home .title-actions > p, .home .faq-heading > p{color: var(--muted);} .home .about-image-card{border-radius: 0;box-shadow: 12px 14px 0 rgba(42, 31, 20, .2);border: 1px solid var(--line);} .home .about-image-card img{filter: sepia(.34) saturate(.9) contrast(1.03);} .home .about-image-card::after{background: linear-gradient(to bottom, transparent 34%, rgba(43, 29, 18, .9));} .home .pillars{gap: 2px;background: var(--line);border: 1px solid var(--line);} .home .pillar{background: var(--paper);border-radius: 0;} .home .pillar:hover{background: #fbf3df;transform: translateY(-2px);} .home .pillar-number{color: var(--muted);} .home .pillar svg, .home .article-row small, .home .book-copy small{color: var(--plum);} .home .industry-band{color: var(--cream);background: var(--indigo);border-top: 3px double var(--saffron);border-bottom: 3px double var(--saffron);} .home .industry-band strong{border-radius: 0;background: var(--saffron);color: var(--ink);font-family: var(--mono);} .home .industry-band i{border-radius: 0;background: var(--saffron);} .home .dark-section, .home .books-section, .home .contact, .home footer{color: var(--cream);background-color: var(--indigo);background-image: radial-gradient(circle at 20% 0%, rgba(217, 154, 31, .16), transparent 45%), repeating-linear-gradient(45deg, rgba(247, 238, 217, .035) 0 2px, transparent 2px 6px);} .home .dark-section{border-top: 3px double var(--saffron);} .home .books-section::before{color: rgba(247, 238, 217, .05);} .home .light-copy > p, .home .books-heading p, .home .book-copy p, .home .course-copy p, .home .fees-copy p, .home .search-intent-grid p{color: rgba(247, 238, 217, .68);} .home .light-copy h2 em, .home .books-heading h2 em, .home .contact-copy h2 em{color: var(--saffron);} .home .search-intent-grid article{border: 1px solid rgba(247, 238, 217, .22);background: rgba(247, 238, 217, .05);} .home .search-intent-grid article > svg{border-radius: 0;background: var(--saffron);color: var(--ink);} .home .detail-card{background: #33210f;} .home .search-intent-grid .service-link{color: var(--saffron);font-family: var(--mono);} .home .course-tabs button{color: rgba(247, 238, 217, .6);border-right: 1px solid rgba(247, 238, 217, .18);font-family: var(--mono);} .home .course-tabs button::after{background: var(--saffron);} .home .course-tabs button.active{color: var(--paper);background: rgba(247, 238, 217, .06);} .home .course-display{background: rgba(247, 238, 217, .04);} .home .course-icon{border-radius: 0;background: var(--saffron);color: var(--ink);} .home .course-display li{border-bottom: 1px solid rgba(247, 238, 217, .16);color: rgba(247, 238, 217, .82);} .home .course-display li svg{color: var(--saffron);} .home .learning-details{background: rgba(247, 238, 217, .18);} .home .detail-card svg{color: var(--saffron);} .home .detail-card span{color: rgba(247, 238, 217, .55);} .home .tier em{color: rgba(255, 255, 255, .62);} .home .price-grid{gap: 2px;} .home .price-grid article{background: var(--paper);border: 1px solid var(--ink);border-radius: 0;box-shadow: 7px 7px 0 rgba(0, 0, 0, .25);} .home .price-grid article.featured{background: var(--saffron);transform: translateY(-10px);box-shadow: 9px 9px 0 rgba(0, 0, 0, .3);} .home .price-grid article > span{color: var(--muted);font-family: var(--mono);} .home .price-grid strong{font-family: var(--serif);} .home .waveform span{border-radius: 0;background: var(--saffron);} .home .album-art{border-radius: 0;border: 1px solid var(--ink);} .home .album-art::after{background: linear-gradient(to top, rgba(43, 29, 18, .5), transparent 45%);} .home .album-art > span{border-radius: 0;background: var(--saffron);color: var(--ink);} .home .album-art img{filter: saturate(.94);} .home .title-actions button, .home .testimonial-controls button{border-radius: 0;border-color: var(--ink);} .home .title-actions button:hover, .home .testimonial-controls button:hover{color: var(--paper);background: var(--plum);} .home .book-art{border-radius: 0;border: 1px solid rgba(247, 238, 217, .3);background: linear-gradient(145deg, rgba(247, 238, 217, .1), rgba(247, 238, 217, .02));} .home .book-art img{box-shadow: 10px 12px 0 rgba(0, 0, 0, .35);} .home .book-card:hover .book-art img{transform: translateY(-8px) rotate(-1deg);} .home .book-card a.book-art{text-decoration: none;} .home .book-copy h3 a{text-decoration: none;} .home .book-copy h3 a:hover{text-decoration: underline;} .home .modal-art{background: var(--plum);} .home .testimonials{background-color: var(--saffron);background-image: repeating-linear-gradient(45deg, rgba(42, 31, 20, .05) 0 2px, transparent 2px 5px);border-top: 3px double var(--ink);border-bottom: 3px double var(--ink);} .home .testimonial-intro > p{color: rgba(42, 31, 20, .88);} .home .testimonial-source{color: var(--ink);} .home .quote-card{background: var(--paper);border: 1px solid var(--ink);border-radius: 0;box-shadow: 8px 8px 0 rgba(42, 31, 20, .22);} .home .quote-card.parent{background: #fdf5e2;} .home .quote-card-top > span{border-radius: 0;color: var(--plum);background: rgba(140, 58, 18, .1);border: 1px solid rgba(140, 58, 18, .3);font-family: var(--mono);} .home .quote-card-top > svg{color: var(--plum);fill: rgba(140, 58, 18, .12);} .home .quote-card.parent .quote-card-top > span{color: #7a3d00;background: rgba(217, 154, 31, .28);border-color: rgba(122, 61, 0, .35);} .home .quote-person{border-top: 1px solid var(--line);} .home .testimonial-source{border-bottom: 1px solid rgba(42, 31, 20, .5);} .home .article-list{border-top: 2px solid var(--ink);} .home .article-row{border-bottom: 1px solid var(--line);} .home .article-row:hover{color: var(--plum);background: rgba(255, 253, 244, .6);} .home .article-index{color: var(--muted);} .home .outline-button{border: 1px solid var(--ink);box-shadow: 4px 4px 0 rgba(42, 31, 20, .18);font-family: var(--mono);text-transform: uppercase;letter-spacing: .12em;} .home .outline-button:hover{background: var(--ink);color: var(--paper);} .home .faq-list{border-top: 2px solid var(--ink);} .home .faq-list summary{font-family: var(--serif);} .home .faq-list summary > span{color: var(--muted);} .home .faq-list summary i{border-radius: 0;border-color: var(--ink);color: var(--plum);} .home .faq-list details > p{color: var(--muted);} .home .contact-pattern{opacity: .18;background-image: radial-gradient(circle at center, transparent 0 8px, rgba(217, 154, 31, .55) 9px 10px, transparent 11px 26px);background-size: 52px 52px;} .home .contact-copy > p{color: rgba(247, 238, 217, .7);} .home .direct-contacts > *{border-top: 1px solid rgba(247, 238, 217, .2);} .home .direct-contacts > * > svg:first-child{color: var(--saffron);} .home .direct-contacts small{color: rgba(247, 238, 217, .55);} .home .contact-form{background: var(--paper);border: 1px solid var(--ink);border-radius: 0;box-shadow: 12px 12px 0 rgba(0, 0, 0, .32);} .home .form-top svg{color: var(--plum);} .home .contact-form input, .home .contact-form select, .home .contact-form textarea{border-bottom: 1px solid var(--line);} .home .contact-form input:focus, .home .contact-form select:focus, .home .contact-form textarea:focus{border-bottom-color: var(--plum);} .home .contact-form button{background: var(--ink);border-radius: 0;font-family: var(--mono);text-transform: uppercase;letter-spacing: .12em;} .home .contact-form button:hover{background: var(--plum);} .home .form-status{color: var(--plum);} .home .floating-back-to-top{color: var(--paper);background: rgba(43, 29, 18, .82);border: 1px solid var(--saffron);border-radius: 0;backdrop-filter: none;-webkit-backdrop-filter: none;} .home .floating-back-to-top:hover{color: var(--ink);background: var(--saffron);border-color: var(--ink);} .home .floating-back-to-top:focus-visible{outline: 3px solid rgba(217, 154, 31, .6);outline-offset: 3px;} .home .section-rail{background: rgba(240, 228, 200, .95);border: 1px solid var(--rule);border-radius: 0;box-shadow: 7px 8px 0 rgba(42, 31, 20, .16);backdrop-filter: none;-webkit-backdrop-filter: none;} .home .section-rail a{font-family: var(--mono);font-weight: 400;letter-spacing: .08em;color: var(--muted);} .home .section-rail a:hover, .home .section-rail a:focus-visible, .home .section-rail a.active{color: var(--ink);} .home .section-rail a.active .rail-mark{background: var(--rust);} .home .section-rail .rail-num{color: var(--rust);} .home footer{border-top: 3px double var(--saffron);} .home .footer-main{border-bottom: 1px solid rgba(247, 238, 217, .2);} .home .footer-brand{color: var(--paper);} .home .footer-links a:hover{color: var(--saffron);} .home .social-links a{border-radius: 0;border-color: rgba(247, 238, 217, .3);} .home .social-links a:hover{color: var(--ink);background: var(--saffron);} .home .footer-bottom{border-top: 1px solid rgba(247, 238, 217, .2);color: rgba(247, 238, 217, .5);} .home .footer-bottom a{color: rgba(247, 238, 217, .78);} .home .books-footer .primary-button{color: var(--paper);} .home .modal-backdrop{background: rgba(43, 29, 18, .85);} .home .album-modal{border-radius: 0;border: 1px solid var(--ink);box-shadow: 20px 20px 0 rgba(0, 0, 0, .45);} .home .modal-close{border-radius: 0;border-color: var(--ink);background: var(--paper);} .home .modal-copy h3{font-style: italic;color: var(--muted);} .home .modal-facts{border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);} .home .modal-copy > a{background: var(--ink);border-radius: 0;font-family: var(--mono);text-transform: uppercase;letter-spacing: .1em;} .home .modal-copy > a:hover{background: var(--plum);} .home .about-image-card img, .home .album-art img, .home .modal-art img, .home .book-art img{filter: sepia(.22) saturate(.95) contrast(1.03);} .home .location-heading p{color: var(--muted);} .home .map-frame{border: 1px solid var(--rule);border-radius: 0;box-shadow: 7px 8px 0 rgba(42, 31, 20, .14);background: var(--cream);} .home .reviews-panel{background: var(--paper);border: 1px solid var(--rule);border-radius: 0;box-shadow: 7px 8px 0 rgba(42, 31, 20, .14);} .home .reviews-score{color: var(--ink);} .home .reviews-stars{color: var(--rust);} .home .reviews-count, .home .reviews-note{font-family: var(--mono);} .home .reviews-list li{border-top: 1px solid var(--rule);} .home .reviews-list blockquote{font-family: var(--serif);} .home .reviews-author{font-family: var(--mono);font-weight: 400;letter-spacing: .04em;} .home .reviews-author span{color: var(--rust);} .home .app-band{background: var(--cream);color: var(--ink);border-top: 3px double var(--ink);} .home .app-kicker{color: var(--plum);font-family: var(--mono);} .home .app-band h2{color: var(--ink);} .home .app-lede{color: var(--muted);} .home .app-button{background: var(--saffron);color: var(--ink);border: 1px solid var(--ink);border-radius: 0;font-family: var(--mono);text-transform: uppercase;letter-spacing: .08em;box-shadow: 4px 4px 0 rgba(42, 31, 20, .28);} .home .app-button:hover{background: var(--plum);color: var(--paper);} .home .app-install{border: 1px solid var(--ink);border-radius: 0;background: rgba(255, 253, 244, .7);} .home .app-install summary{color: var(--ink);} .home .app-install ol{color: var(--muted);} .doc *{box-sizing: border-box;} html.doc{scroll-behavior: smooth;-webkit-text-size-adjust: 100%;overflow-x: clip;} html.doc body{overflow-wrap: break-word;} html.doc body{margin: 0;font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,'Noto Sans Devanagari','Nirmala UI','Kohinoor Devanagari','Devanagari Sangam MN','Mangal',sans-serif;color: #241a3d;background: #fffdf8;line-height: 1.7;font-size: 17px;} html.doc[lang="hi"] .post > p, html.doc[lang="hi"] .post li, html.doc[lang="hi"] .post details p{line-height: 2;font-size: 17.5px;} html.doc[lang="hi"] h1, html.doc[lang="hi"] h2, html.doc[lang="hi"] h3, html.doc[lang="hi"] summary{line-height: 1.45;} .doc h1, .doc h2, .doc h3, .doc h4{font-family: Georgia,'Times New Roman',serif;line-height: 1.2;margin: 0 0 12px;} .doc h1{font-size: clamp(30px,5.2vw,44px);letter-spacing: -.02em;} .doc h2{font-size: clamp(23px,3.4vw,30px);} .doc h3{font-size: 20px;} .doc a{color: #5b28a8;} .doc a:focus-visible, .doc button:focus-visible, .doc summary:focus-visible{outline: 3px solid #f4a33c;outline-offset: 2px;border-radius: 2px;} .doc .skip{position: absolute;left: -9999px;} .doc .skip:focus{position: static;display: inline-block;padding: 10px 16px;background: #241a3d;color: #fff;margin: 8px;} .doc .wrap{max-width: 1180px;margin: 0 auto;padding: 0 22px 72px;} .doc [id]{scroll-margin-top: 24px;} .doc .topbar{background: #160c30;color: #fff;padding: 10px 22px;font-size: 13px;display: flex;flex-wrap: wrap;gap: 10px 22px;justify-content: center;} .doc .topbar a{color: #f7d9a5;text-decoration: none;} .doc .topbar a:hover{text-decoration: underline;} .doc header.page-head{background: linear-gradient(135deg,#241048,#4b1768 58%,#6a2f9c);color: #fff;padding: 28px 22px 36px;text-align: center;} .doc .site-search{display: flex;gap: 8px;justify-content: center;align-items: center;max-width: 560px;margin: 0 auto 16px;} .doc .site-search label{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;} .doc .site-search input{flex: 1;min-width: 0;height: 44px;border: 0;border-radius: 99px;padding: 0 16px;font-size: 16px;color: #241a3d;background: #fff;} .doc .site-search button{height: 44px;padding: 0 16px;border: 0;border-radius: 99px;background: #f4a33c;color: #241a3d;font-weight: 700;cursor: pointer;} .doc .site-search button:hover{background: #ffd9a1;} .doc .search-status{margin: 8px 0 0;color: #3b3159;} .doc .search-results{display: grid;gap: 12px;margin-top: 18px;} .doc .search-results a.result{display: block;padding: 16px 18px;border: 1px solid #e6e1f0;border-radius: 12px;background: #fff;text-decoration: none;color: #241a3d;} .doc .search-results a.result:hover{border-color: #6a2f9c;} .doc .search-results a.result em{display: block;margin-bottom: 4px;font-style: normal;font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: #6a2f9c;} .doc .search-results a.result strong{display: block;font-family: Georgia,'Times New Roman',serif;font-size: 22px;line-height: 1.25;color: #241a3d;} .doc .search-results a.result span{display: block;margin-top: 6px;font-size: 15px;line-height: 1.5;color: #3b3159;} .doc .brand-line{letter-spacing: .14em;text-transform: uppercase;font-size: 11.5px;opacity: .85;margin-bottom: 12px;} .doc .brand-line a{color: #fff;text-decoration: none;} .doc .lede{color: #f2ecff;font-size: 17px;max-width: 660px;margin: 10px auto 0;} .doc .wrap .lede{color: #3b3159;max-width: none;} .doc nav.mainnav{margin-top: 20px;display: flex;flex-wrap: wrap;gap: 6px 16px;justify-content: center;font-size: 13.5px;} .doc nav.mainnav a{color: #fff;text-decoration: none;border-bottom: 1px solid rgba(255,255,255,.35);padding-bottom: 2px;} .doc nav.mainnav a:hover{border-bottom-color: #f4a33c;color: #ffd9a1;} .doc nav.mainnav a[aria-current="page"]{color: #ffd9a1;border-bottom-color: #f4a33c;} .doc .crumbs{font-size: 12.5px;margin: 0 0 22px;color: #5b5674;} .doc .crumbs a{color: #5b5674;} .doc main{padding-top: 36px;} .doc .page-figure{width: 100%;height: auto;border-radius: 14px;} .doc .facts{background: #f4f0fd;border: 1px solid #ded4f5;border-radius: 14px;padding: 22px 24px;margin: 0 0 32px;} .doc .facts h2{font-size: 18px;margin: 0 0 10px;} .doc .facts ul{margin: 0;padding-left: 20px;} .doc .facts li{margin: 6px 0;font-size: 15.5px;color: #3b3159;} .doc .facts strong{color: #241a3d;} .doc section.sec{margin-top: 34px;} .doc section.sec:first-of-type{margin-top: 22px;} .doc ul, .doc ol{padding-left: 22px;} .doc li{margin: 7px 0;} .doc table{width: 100%;border-collapse: collapse;margin: 18px 0;font-size: 15.5px;} .doc th, .doc td{text-align: left;padding: 11px 13px;border-bottom: 1px solid #e6e1f0;vertical-align: top;} .doc th{background: #f4f0fd;font-size: 12px;text-transform: uppercase;letter-spacing: .06em;color: #3b3159;} .doc caption{text-align: left;font-size: 13px;color: #5b5674;padding-bottom: 8px;} .doc .price-table th:first-child, .doc .price-table td:first-child{white-space: normal;} .doc .note{background: #fdf3e3;border-left: 4px solid #d68910;padding: 12px 16px;border-radius: 0 10px 10px 0;font-size: 15px;color: #4a3a1c;margin: 12px 0;} .doc .note.exam-note{font-size: 14px;line-height: 1.65;} .doc .table-scroll{overflow-x: auto;-webkit-overflow-scrolling: touch;} .doc .table-scroll table{margin-top: 8px;} @media (max-width: 480px) { .doc th, .doc td{padding: 9px 10px;font-size: 14.5px;} .doc .facts{padding: 18px 16px;} .doc .cta{padding: 20px 16px;} .doc .related{padding: 18px 14px;} .doc .post > ul, .doc .post > ol{padding-left: 18px;} } .doc .cta{background: #fff;border: 1px solid #e6e1f0;border-radius: 16px;padding: 26px;margin: 38px 0 10px;} .doc .cta h2{margin-top: 0;} .doc .btn{display: inline-block;background: #4b1768;color: #fff;padding: 13px 24px;border-radius: 999px;text-decoration: none;font-weight: 700;font-size: 15px;margin: 6px 10px 6px 0;} .doc .btn:hover{background: #5f1f83;} .doc .btn.alt{background: #f4a33c;color: #241048;} .doc .btn.alt:hover{background: #ffb955;} .doc .btn.line{background: transparent;color: #4b1768;border: 1px solid #b9a7d8;} .doc .btn.line:hover{background: #f4f0fd;} .doc .ad-slot{margin: 34px 0;padding: 18px;border: 1px dashed #cfc3e8;border-radius: 12px;background: #faf8ff;text-align: center;color: #6f687b;font-size: 12.5px;} .doc .ad-slot:empty{display: none;} .doc details{border: 1px solid #e6e1f0;border-radius: 12px;padding: 14px 18px;margin-bottom: 10px;background: #fff;} .doc details[open]{background: #fffdf8;} .doc summary{cursor: pointer;font-weight: 700;color: #241a3d;font-family: Georgia,'Times New Roman',serif;font-size: 17.5px;} .doc details p{margin: 12px 0 0;font-size: 15.5px;} .doc .app-band{background: #2a1550;color: #fff;padding: 44px 22px;} .doc .app-band-inner{max-width: 1180px;margin: 0 auto;} .doc .app-kicker{margin: 0 0 6px;text-transform: uppercase;letter-spacing: .16em;font-size: 11.5px;font-weight: 700;color: #f4a33c;font-family: inherit;} .doc .app-band h2{margin: 0 0 10px;color: #fff;font-size: clamp(24px,3.4vw,33px);} .doc .app-lede{margin: 0 0 20px;color: #ded4f4;font-size: 15.5px;max-width: 58ch;} .doc .app-button{display: inline-flex;align-items: center;gap: 11px;background: #f4a33c;color: #241048;padding: 15px 26px;border-radius: 999px;text-decoration: none;font-weight: 800;font-size: 16px;} .doc .app-button:hover{background: #ffb955;} .doc .app-install{margin: 10px 0 0;max-width: 560px;border: 1px solid rgba(255,255,255,.24);border-radius: 12px;padding: 13px 17px;background: rgba(255,255,255,.06);} .doc .app-install summary{cursor: pointer;font-weight: 700;color: #fff;font-family: inherit;font-size: 15px;} .doc .app-install ol{margin: 11px 0 3px;padding-left: 22px;color: #ded4f4;font-size: 14.5px;line-height: 1.65;} .doc .app-install li{margin: 5px 0;} .doc .related{background: #f7f4fe;border: 1px solid #e6e1f0;border-radius: 14px;padding: 22px 24px;margin-top: 38px;} .doc .related h2{font-size: 19px;margin-top: 0;} .doc .related ul{list-style: none;padding: 0;margin: 0;display: grid;gap: 8px;} .doc .related a{text-decoration: none;font-weight: 600;} .doc .related a:hover{text-decoration: underline;} .doc .cards{display: grid;gap: 22px;margin-top: 26px;grid-template-columns: repeat(auto-fill,minmax(min(290px,100%),1fr));} .doc .card{background: #fff;border: 1px solid #e6e1f0;border-radius: 14px;padding: 22px 24px;} .doc .article-card{display: flex;flex-direction: column;padding: 0;overflow: hidden;} .doc .article-card .card-image{display: block;aspect-ratio: 1200/630;overflow: hidden;background: #f0ecfa;} .doc .article-card .card-image img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform .5s ease;} .doc .article-card:hover .card-image img{transform: scale(1.03);} .doc .article-card > *:not(.card-image){margin-left: 20px;margin-right: 20px;} .doc .article-card .card-caption{margin-top: 12px;font-size: 12.5px;font-style: italic;color: #6a5c88;} .doc .article-card .card-cat{margin-top: 14px;font-size: 11.5px;text-transform: uppercase;letter-spacing: .09em;font-weight: 700;} .doc .article-card .card-cat a{text-decoration: none;} .doc .article-card h2, .doc .article-card h3{margin: 6px 0 8px;font-size: 20px;line-height: 1.25;} .doc .article-card h2 a, .doc .article-card h3 a{text-decoration: none;} .doc .article-card h2 a:hover, .doc .article-card h3 a:hover{text-decoration: underline;} .doc .article-card > p{font-size: 14.5px;color: #3b3159;margin: 0 0 12px;} .doc .article-card .more{margin-bottom: 10px;font-size: 14px;} .doc .article-card .card-byline{margin-top: auto;padding: 12px 20px;margin-bottom: 0;background: #faf8ff;border-top: 1px solid #eee7fa;font-size: 12px;color: #5b5674;} .doc .cat-list{list-style: none;padding: 0;margin: 14px 0 0;display: flex;flex-wrap: wrap;gap: 8px;} .doc .cat-list li{display: inline-flex;align-items: center;gap: 8px;background: #fff;border: 1px solid #e6e1f0;border-radius: 999px;padding: 7px 8px 7px 15px;font-size: 13.5px;} .doc .cat-list a{text-decoration: none;font-weight: 600;} .doc .cat-list a:hover{text-decoration: underline;} .doc .cat-list span{background: #f0ecfa;color: #4b1768;border-radius: 999px;padding: 2px 9px;font-size: 11.5px;font-weight: 700;} .doc .post{padding-bottom: 8px;} .doc .post > p, .doc .post > li{line-height: 1.75;} .doc .post > h2{margin-top: 38px;} .doc .post > h2 + p{margin-top: 0;} .doc .post > ul, .doc .post > ol{padding-left: 22px;} .doc .post > ul li, .doc .post > ol li{margin-bottom: 8px;} .doc .post > blockquote{margin: 22px 0;padding: 4px 0 4px 18px;border-left: 3px solid #c3aee8;color: #4b4363;} .doc .post a{text-decoration: underline;} .doc .post > p a:hover, .doc .post > ul a:hover, .doc .post > ol a:hover{color: #4b1768;} .doc .post > .sec{max-width: none;} .doc main.wrap p, .doc main.wrap li, .doc main.wrap blockquote, .doc main.wrap .lede{text-align: justify;text-justify: inter-word;-webkit-hyphens: auto;hyphens: auto;hyphenate-limit-chars: 8 4 4;overflow-wrap: break-word;} .doc main.wrap .post-byline, .doc main.wrap .post-tags, .doc main.wrap .post-back, .doc main.wrap .card p, .doc main.wrap .card li, .doc main.wrap .cat-list li, .doc main.wrap .facts li, .doc main.wrap .price-row, .doc main.wrap .price-row *, .doc main.wrap .post-nav a, .doc main.wrap .related li, .doc main.wrap .read-next li, .doc main.wrap .authorbox p, .doc main.wrap th, .doc main.wrap td, .doc main.wrap caption, .doc main.wrap .streaming-facade p{text-align: left;-webkit-hyphens: manual;hyphens: manual;} .doc main.wrap figure, .doc main.wrap figcaption{text-align: center;} .doc main.wrap figure:not(.video-facade):not(.streaming-facade){margin-left: auto;margin-right: auto;} .doc main.wrap figure img{display: block;margin-left: auto;margin-right: auto;max-width: 100%;height: auto;} .doc article.post p > img{display: block;margin: 6px auto;} .doc article.post .wp-block-image.alignleft, .doc article.post .wp-block-image.alignright{float: none;} .doc article.post .wp-block-image.is-style-rounded img{border-radius: 12px;} .doc main.wrap .video-facade + p{text-align: center;} .doc .post-back{margin-top: 26px;font-size: 14.5px;} .doc .post-byline{margin: 0 0 22px;font-size: 13.5px;color: #5b5674;} .doc .post-hero{margin: 0 0 28px;} .doc .page-photo{margin: 0 0 30px;} .doc .page-photo figcaption, .doc .post-figure figcaption{margin-top: 10px;font-size: 13px;font-style: italic;color: #6a5c88;} .doc .post-hero img{width: 100%;height: auto;border-radius: 14px;display: block;} .doc .post-hero figcaption{margin-top: 10px;font-size: 13px;font-style: italic;color: #6a5c88;} .doc .post-tags{margin-top: 28px;padding-top: 18px;border-top: 1px solid #e6e1f0;font-size: 13px;color: #5b5674;} .doc .post-tags span{display: inline-block;background: #f0ecfa;border-radius: 999px;padding: 3px 11px;margin-left: 5px;font-size: 12.5px;} .doc .post-nav{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;margin-top: 30px;} .doc .post-nav a{display: flex;flex-direction: column;gap: 4px;background: #fff;border: 1px solid #e6e1f0;border-radius: 12px;padding: 14px 18px;text-decoration: none;font-weight: 600;font-size: 14.5px;line-height: 1.35;} .doc .post-nav a:hover{border-color: #c3aee8;} .doc .post-nav a span{font-size: 11px;text-transform: uppercase;letter-spacing: .09em;color: #6a2f9c;font-weight: 700;} .doc .post-nav a:last-child{text-align: right;} .doc .related .muted{color: #6a5c88;font-size: 12.5px;} @media (max-width: 480px) { .doc .post-nav{grid-template-columns: 1fr;} .doc .post-nav a:last-child{text-align: left;} .doc .post-nav a{min-height: 64px;padding: 16px 18px;} .doc .topbar a{display: inline-block;padding: 8px 6px;} .doc nav.mainnav a{display: inline-block;padding: 9px 10px 11px;} .doc .crumbs a{display: inline-block;padding: 6px 8px 6px 0;} .doc .share-row a, .doc .share-row button{padding: 13px 16px;} .doc .share-row>span{display: none;} .doc summary{padding: 9px 0;} .doc details{padding: 12px 14px;} .doc .read-next a{display: inline-block;padding: 9px 0;} .doc .post-back a{display: inline-block;padding: 9px 0;} .doc footer.site-foot{padding: 38px 18px 26px;} .doc footer.site-foot li{margin: 0;} .doc footer.site-foot li a{display: block;padding: 10px 0;} .doc .foot-bottom a{display: inline-block;padding: 8px 0;} .doc .card a.more{display: inline-block;padding: 8px 0;} .doc .post-tags span{font-size: 13px;padding: 5px 12px;} .doc .authorbox{flex-direction: column;gap: 12px;} .doc .price-row{padding: 15px 16px;} .doc .related a{padding: 10px 0;} } .doc .card .meta{font-size: 12.5px;text-transform: uppercase;letter-spacing: .08em;color: #6a5c88;margin-bottom: 8px;} .doc .card h2, .doc .card h3{margin: 0 0 8px;font-size: 22px;} .doc .card p{margin: 0 0 12px;font-size: 15.5px;color: #3b3159;} .doc .card a.more{font-weight: 700;text-decoration: none;} .doc .card a.more:hover{text-decoration: underline;} .doc article.post h2{margin-top: 34px;} .doc article.post h3{margin-top: 26px;} .doc article.post p{margin: 0 0 18px;} .doc article.post blockquote{margin: 22px 0;padding: 12px 20px;border-left: 4px solid #6a2f9c;background: #f7f4fe;font-family: Georgia,serif;font-style: italic;} .doc article.post pre{background: #160c30;color: #f4f0fd;padding: 16px;border-radius: 10px;overflow-x: auto;font-size: 14px;} .doc article.post code{background: #f0ebfa;padding: 1px 5px;border-radius: 4px;font-size: .92em;} .doc article.post pre code{background: none;padding: 0;} .doc article.post img{border-radius: 12px;max-width: 100%;height: auto;} .doc article.post hr{border: 0;border-top: 1px solid #e6e1f0;margin: 36px 0;} .doc article.post figure{margin: 26px 0;} .doc article.post figcaption{margin-top: 9px;font-size: 13px;font-style: italic;color: #6a5c88;} .doc article.post figure.wp-block-table{max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;} .doc article.post figure.wp-block-table table{margin: 8px 0;} .doc article.post .wp-block-quote{margin: 22px 0;padding: 12px 20px;border-left: 4px solid #6a2f9c;background: #f7f4fe;font-family: Georgia,serif;font-style: italic;} .doc article.post .wp-block-quote cite{display: block;margin-top: 8px;font-size: 14px;font-style: normal;color: #5b5674;} .doc article.post .wp-block-embed{margin: 26px 0;} .doc article.post ul, .doc article.post ol{padding-left: 22px;} .doc article.post li{margin: 6px 0;} .doc .card-verbatim{padding-top: 20px;} .doc .authorbox{display: flex;gap: 16px;align-items: flex-start;background: #f7f4fe;border: 1px solid #e6e1f0;border-radius: 14px;padding: 18px 20px;margin: 34px 0;font-size: 15px;} .doc .authorbox img{width: 58px;height: 58px;border-radius: 50%;object-fit: cover;flex: 0 0 auto;} .doc .authorbox strong{display: block;} .doc .authorbox p{margin: 4px 0 0;color: #3b3159;} .doc footer.site-foot{background: #160c30;color: #d9d1ec;padding: 44px 22px 28px;margin-top: 56px;font-size: 14.5px;} .doc .foot-grid{max-width: 1180px;margin: 0 auto;display: grid;gap: 26px;grid-template-columns: repeat(auto-fit,minmax(min(230px,100%),1fr));} .doc footer.site-foot h2{color: #fff;font-size: 15px;text-transform: uppercase;letter-spacing: .12em;font-family: inherit;} .doc footer.site-foot a{color: #ffd9a1;text-decoration: none;} .doc footer.site-foot a:hover{text-decoration: underline;} .doc footer.site-foot ul{list-style: none;margin: 0;padding: 0;} .doc footer.site-foot li{margin: 5px 0;} .doc .foot-bottom{max-width: 1180px;margin: 28px auto 0;padding-top: 18px;border-top: 1px solid rgba(255,255,255,.16);font-size: 12.5px;color: #b4a9cf;display: flex;flex-wrap: wrap;gap: 8px 18px;justify-content: space-between;} .doc .price-grid{display: grid;gap: 12px;margin: 18px 0;} .doc .price-row{background: #fff;border: 1px solid #e6e1f0;border-radius: 12px;padding: 16px 18px;} .doc .price-row .who{font-size: 14px;color: #3b3159;} .doc .price-row .amount{font-family: Georgia,serif;font-size: 22px;font-weight: 700;color: #241a3d;display: block;margin: 4px 0 2px;} .doc .price-row .when{font-size: 13.5px;color: #5b5674;} .doc .price-row .tier{font-size: 12px;text-transform: uppercase;letter-spacing: .09em;color: #6a2f9c;font-weight: 700;} .doc .to-top{position: fixed;z-index: 95;right: max(18px,env(safe-area-inset-right));bottom: max(18px,env(safe-area-inset-bottom));display: inline-flex;align-items: center;gap: 8px;min-height: 48px;padding: 0 16px 0 13px;color: #fff;background: rgba(22,12,48,.88);border: 1px solid rgba(255,255,255,.28);border-radius: 99px;text-decoration: none;font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: .1em;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .25s ease,transform .25s ease;} .doc .to-top svg{width: 16px;height: 16px;} html.doc.has-scrolled .to-top{opacity: .92;visibility: visible;pointer-events: auto;} .doc .to-top:hover{opacity: 1;transform: translateY(-3px);} @media (prefers-reduced-motion:reduce) { .doc .to-top{transition: none;} html.doc{scroll-behavior: auto;} .doc *{animation-duration: .01ms !important;transition-duration: .01ms !important;} } @media (max-width: 480px) { .doc .app-band{padding: 34px 18px;} .doc .app-button{width: 100%;justify-content: center;padding: 15px 18px;} .doc .app-install{max-width: none;} } html.doc{--ink: #2a1f14;--muted: #6b5a44;--paper: #f7eed9;--cream: #f0e4c8;--rust: #8c3a12;--mustard: #d99a1f;--teal: #1f5f57;--deep: #2b1d12;--rule: rgba(42,31,20,.3);--serif: 'Bookman Old Style','Palatino Linotype',Palatino,'URW Palladio L',Georgia,'Times New Roman',serif;--sans: 'Trebuchet MS',Tahoma,Verdana,'Segoe UI',sans-serif;--mono: 'Courier Prime','Courier New',Courier,monospace;} @font-face { font-family: 'Courier Prime'; src: local('Courier Prime'),local('CourierPrime'); font-display: swap; } html.doc body{color: var(--ink);background-color: var(--paper);background-image: repeating-linear-gradient(0deg,rgba(120,90,50,.05) 0 1px,transparent 1px 5px), repeating-linear-gradient(90deg,rgba(120,90,50,.035) 0 1px,transparent 1px 6px), radial-gradient(circle at 12% 4%,rgba(203,160,92,.2),transparent 42%), radial-gradient(circle at 88% 96%,rgba(160,118,66,.14),transparent 46%);} html.doc body{font-family: var(--sans);} .doc h1, .doc h2, .doc h3, .doc h4{font-family: var(--serif);letter-spacing: -.005em;} .doc a{color: var(--rust);} .doc a:hover{color: #6f2c0c;} .doc a:focus-visible, .doc button:focus-visible, .doc summary:focus-visible{outline: 3px solid var(--rust);outline-offset: 2px;border-radius: 0;} .doc::selection, .doc *::selection{background: var(--mustard);color: var(--ink);} .doc .brand-line, .doc .crumbs, .doc .card-cat, .doc .meta, .doc .post-tags, .doc .cat-list span, .doc .price-row .tier{font-family: var(--mono);letter-spacing: .12em;} .doc .topbar{background: var(--deep);color: var(--cream);border-bottom: 3px double var(--mustard);} .doc .topbar a{color: var(--mustard);} .doc header.page-head{color: var(--ink);background-color: var(--cream);background-image: repeating-linear-gradient(45deg,rgba(42,31,20,.045) 0 2px,transparent 2px 6px), radial-gradient(circle at 78% 12%,rgba(140,58,18,.14),transparent 42%);border-bottom: 3px double var(--ink);text-align: center;} .doc .brand-line{color: var(--muted);} .doc .brand-line a{color: var(--ink);} .doc h1{text-shadow: 3px 3px 0 rgba(217,154,31,.3);} .doc .lede{color: var(--muted);font-family: var(--sans);font-size: 17px;line-height: 1.7;} .doc .wrap .lede{color: var(--muted);} .doc nav.mainnav a{color: rgba(42,31,20,.75);border-bottom: 1px solid var(--rule);} .doc nav.mainnav a:hover{color: var(--rust);border-bottom-color: var(--rust);} .doc nav.mainnav a[aria-current="page"]{color: var(--rust);border-bottom: 2px solid var(--rust);} .doc .site-search input{border: 1px solid var(--ink);border-radius: 0;background: var(--paper);color: var(--ink);} .doc .site-search button{border-radius: 0;background: var(--ink);color: var(--paper);font-family: var(--mono);letter-spacing: .08em;text-transform: uppercase;} .doc .site-search button:hover{background: var(--rust);color: var(--paper);} .doc .search-results a.result{border: 1px solid var(--ink);border-radius: 0;background: var(--paper);box-shadow: 5px 5px 0 rgba(42,31,20,.12);} .doc .search-results a.result em{color: var(--rust);} .doc .search-results a.result strong{color: var(--ink);} .doc .wrap{max-width: 960px;} .doc .crumbs{color: var(--muted);} .doc .crumbs a{color: var(--muted);text-decoration: underline;} .doc .facts{background: var(--cream);border: 1px solid var(--ink);border-radius: 0;box-shadow: 7px 7px 0 rgba(42,31,20,.16);} .doc .facts h2{font-size: 18px;} .doc .facts li{color: var(--muted);} .doc .facts strong{color: var(--ink);} .doc th, .doc td{border-bottom: 1px solid var(--rule);} .doc th{background: var(--cream);color: var(--ink);font-family: var(--mono);} .doc caption{color: var(--muted);} .doc .note{background: #fdf3e0;border-left: 4px solid var(--mustard);border-radius: 0;color: #4a3a1c;} .doc .cross-mode{color: var(--muted);} .doc .cta{background: var(--cream);border: 1px solid var(--ink);border-radius: 0;box-shadow: 9px 9px 0 rgba(42,31,20,.18);} .doc .btn{background: var(--ink);color: var(--paper);border-radius: 0;font-family: var(--mono);text-transform: uppercase;letter-spacing: .12em;font-weight: 700;box-shadow: 4px 4px 0 rgba(42,31,20,.28);} .doc .btn:hover{background: var(--rust);color: var(--paper);} .doc .btn.alt{background: var(--mustard);color: var(--ink);} .doc .btn.alt:hover{background: #e8ab2b;} .doc .btn.line{background: transparent;color: var(--ink);border: 1px solid var(--ink);box-shadow: none;} .doc .btn.line:hover{background: var(--ink);color: var(--paper);} .doc .ad-slot{border: 1px dashed var(--rule);border-radius: 0;background: rgba(255,253,244,.5);color: var(--muted);font-family: var(--mono);} .doc details{border: 1px solid var(--rule);border-radius: 0;background: rgba(255,253,244,.6);} .doc details[open]{background: #fdf5e2;} .doc summary{font-family: var(--serif);color: var(--ink);} .doc details p{color: var(--muted);} .doc .related{background: var(--cream);border: 1px solid var(--rule);border-radius: 0;} .doc .cards{gap: 26px;} .doc .card{background: var(--paper);border: 1px solid var(--ink);border-radius: 0;box-shadow: 7px 7px 0 rgba(42,31,20,.16);} .doc .article-card{padding: 0;} .doc .article-card .card-image{background: var(--cream);border-bottom: 1px solid var(--ink);} .doc .article-card .card-image img{filter: sepia(.2) saturate(.95) contrast(1.03);} .doc .article-card:hover .card-image img{transform: scale(1.02);} .doc .article-card .card-caption{color: var(--muted);} .doc .article-card .card-cat, .doc .article-card .card-cat a{color: var(--rust);} .doc .article-card h2 a:hover, .doc .article-card h3 a:hover{color: var(--rust);} .doc .article-card > p{color: var(--muted);} .doc .article-card .card-byline{background: var(--cream);border-top: 1px solid var(--rule);color: var(--muted);} .doc .card p{color: var(--muted);} .doc .card a.more{color: var(--rust);} .doc .cat-list li{background: var(--paper);border: 1px solid var(--ink);border-radius: 0;} .doc .cat-list a{color: var(--ink);} .doc .cat-list span{background: var(--mustard);color: var(--ink);border-radius: 0;} .doc .cat-list li:hover{background: var(--cream);} .doc .post > blockquote{border-left: 4px solid var(--mustard);color: #4b4363;} .doc .post > p a:hover, .doc .post > ul a:hover, .doc .post > ol a:hover{color: #6f2c0c;} .doc .post-byline, .doc .post-hero figcaption, .doc .page-photo figcaption, .doc .post-figure figcaption{color: var(--muted);} .doc .post-hero img{border-radius: 0;border: 10px solid #fffdf4;box-shadow: 0 0 0 1px var(--rule),10px 12px 0 rgba(42,31,20,.18);filter: sepia(.22) saturate(.95) contrast(1.03);} .doc .post-tags{border-top: 2px solid var(--ink);color: var(--muted);} .doc .post-tags span{background: var(--cream);border: 1px solid var(--rule);border-radius: 0;} .doc .post-back a{text-decoration: underline;} .doc .post-nav a{background: var(--paper);border: 1px solid var(--ink);border-radius: 0;box-shadow: 5px 5px 0 rgba(42,31,20,.16);} .doc .post-nav a:hover{border-color: var(--rust);background: var(--cream);} .doc .post-nav a span{color: var(--rust);font-family: var(--mono);} .doc .related .muted{color: var(--muted);} .doc .page-figure{width: 100%;height: auto;border-radius: 0;border: 10px solid #fffdf4;box-shadow: 0 0 0 1px var(--rule),10px 12px 0 rgba(42,31,20,.18);filter: sepia(.22) saturate(.95) contrast(1.03);} .doc .share-row{display: flex;flex-wrap: wrap;align-items: stretch;margin: 16px 0 26px;border: 1px solid var(--rule);background: rgba(255,253,244,.6);} .doc .share-row>span{display: inline-flex;align-items: center;font-family: var(--mono);font-size: 12px;letter-spacing: .14em;text-transform: uppercase;color: var(--muted);padding: 9px 12px;border-right: 1px solid var(--rule);} .doc .share-row a, .doc .share-row button{display: inline-flex;align-items: center;font-family: var(--mono);font-size: 12.5px;letter-spacing: .05em;color: var(--ink);text-decoration: none;background: transparent;border: 0;border-right: 1px solid var(--rule);padding: 9px 13px;cursor: pointer;} .doc .share-row a:last-of-type{border-right: 1px solid var(--rule);} .doc .share-row button{border-right: 0;} .doc .share-row a:hover, .doc .share-row button:hover{background: var(--cream);color: var(--rust);} .doc .share-row a:focus-visible, .doc .share-row button:focus-visible{outline: 3px solid var(--rust);outline-offset: -3px;} .doc .post-contact{margin: 28px 0 8px;padding: 13px 16px;background: var(--cream);border: 1px solid var(--rule);color: var(--muted);} .doc .post-contact a{color: var(--rust);} .doc .read-next{list-style: none;margin: 0;padding: 0;} .doc .read-next li{padding: 10px 0;border-bottom: 1px solid var(--rule);} .doc .read-next li:last-child{border-bottom: 0;} .doc .read-next a{font-family: var(--serif);text-decoration: underline;} .doc .read-next span{display: block;font-family: var(--mono);font-size: 12px;letter-spacing: .08em;color: var(--muted);margin-top: 2px;} .doc .video-facade{margin: 28px 0;} .doc .video-facade-btn{display: block;width: 100%;padding: 0;border: 1px solid var(--ink);background: var(--cream);cursor: pointer;position: relative;} .doc .video-facade-btn:focus-visible{outline: 3px solid var(--rust);outline-offset: 2px;} .doc .video-facade-btn img{display: block;width: 100%;aspect-ratio: 16/9;object-fit: cover;height: auto;} .doc .video-facade-play{position: absolute;inset: 0;display: grid;place-items: center;background: rgba(42,31,20,.14);} .doc .video-facade-play svg{width: 58px;height: 58px;fill: #2b1d12;stroke: #fffdf4;stroke-width: 1.4;filter: drop-shadow(0 2px 5px rgba(0,0,0,.45));} .doc .video-facade iframe{display: block;width: 100%;aspect-ratio: 16/9;height: auto;border: 1px solid var(--ink);} .doc .video-facade figcaption{font-family: var(--mono);font-size: 12.5px;letter-spacing: .04em;color: var(--muted);margin-top: 8px;} .doc .video-sec .video-facade{margin: 22px 0 0;} .doc .video-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 18px;margin: 22px 0 0;} .doc .video-grid .video-facade{margin: 0;} .doc .video-grid-3 .video-facade:first-child{grid-column: 1 / -1;} @media (max-width: 480px) { .doc .video-grid{grid-template-columns: 1fr;} } .doc .streaming-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 18px;margin: 28px 0;} @media (max-width: 480px) { .doc .streaming-grid{grid-template-columns: 1fr;} } .doc .streaming-facade{margin: 0;border: 1px solid var(--ink);background: var(--cream);position: relative;overflow: hidden;} .doc .streaming-facade-btn{display: block;width: 100%;padding: 18px 16px 16px;border: 0;background: var(--cream);cursor: pointer;text-align: left;position: relative;} .doc .streaming-facade-btn:focus-visible{outline: 3px solid var(--rust);outline-offset: -3px;} .doc .streaming-header{display: flex;align-items: center;gap: 12px;margin-bottom: 12px;} .doc .streaming-icon{width: 44px;height: 44px;display: grid;place-items: center;border-radius: 50%;flex: 0 0 44px;font-family: var(--sans);font-weight: 800;font-size: 10px;letter-spacing: .08em;color: #fff;} .doc .streaming-facade[data-provider="youtube"] .streaming-icon{background: #cc0000;} .doc .streaming-facade[data-provider="spotify"] .streaming-icon{background: #1DB954;} .doc .streaming-facade[data-provider="apple"] .streaming-icon{background: #fa243c;} .doc .streaming-facade[data-provider="amazon"] .streaming-icon{background: #00a8e1;} .doc .streaming-title{font-family: var(--serif);font-size: 15px;line-height: 1.3;color: var(--ink);margin: 0;} .doc .streaming-subtitle{font-family: var(--mono);font-size: 11px;letter-spacing: .06em;color: var(--muted);margin: 2px 0 0;} .doc .streaming-preview{position: relative;border: 1px solid var(--rule);background: var(--paper);aspect-ratio: 16/9;display: grid;place-items: center;overflow: hidden;} .doc .streaming-preview img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: .92;} .doc .streaming-play{position: absolute;inset: 0;display: grid;place-items: center;background: rgba(42,31,20,.18);} .doc .streaming-play span{width: 56px;height: 56px;display: grid;place-items: center;border-radius: 50%;background: rgba(255,253,244,.92);border: 1px solid var(--ink);box-shadow: 0 2px 8px rgba(0,0,0,.25);} .doc .streaming-play svg{width: 22px;height: 22px;fill: var(--ink);margin-left: 2px;} .doc .streaming-hint{font-family: var(--mono);font-size: 11px;letter-spacing: .06em;color: var(--muted);text-align: center;padding: 8px 0 2px;} .doc .streaming-facade iframe{display: block;width: 100%;aspect-ratio: 16/9;height: auto;border: 0;border-top: 1px solid var(--ink);} .doc .streaming-facade.spotify iframe{aspect-ratio: 1 / 1.1;min-height: 352px;} .doc .streaming-facade.apple iframe{aspect-ratio: 1 / 1.1;min-height: 450px;} .doc .streaming-facade figcaption{font-family: var(--mono);font-size: 11px;letter-spacing: .04em;color: var(--muted);padding: 8px 12px 10px;background: rgba(255,253,244,.6);border-top: 1px solid var(--rule);} .doc .authorbox{background: var(--cream);border: 1px solid var(--rule);border-radius: 0;} .doc .authorbox p{color: var(--muted);} .doc .authorbox img{border-radius: 2px;border: 1px solid var(--ink);filter: sepia(.25);} .doc .price-grid{gap: 2px;} .doc .price-row{background: var(--cream);border-radius: 0;} .doc .price-row .amount{color: var(--ink);font-family: var(--serif);} .doc .price-row .who, .doc .price-row .when{color: var(--muted);} .doc .price-row .tier{color: var(--rust);} .doc .to-top{color: var(--paper);background: rgba(43,29,18,.92);border: 1px solid var(--mustard);border-radius: 0;font-family: var(--mono);} .doc .to-top:hover{color: var(--ink);background: var(--mustard);border-color: var(--ink);} .doc .to-top:focus-visible{outline: 3px solid rgba(217,154,31,.6);outline-offset: 3px;} .doc .app-band{background: var(--cream);color: var(--ink);border-top: 3px double var(--ink);} .doc .app-kicker{color: var(--rust);font-family: var(--mono);} .doc .app-band h2{color: var(--ink);font-family: var(--serif);} .doc .app-lede{color: var(--muted);} .doc .app-button{background: var(--mustard);color: var(--ink);border: 1px solid var(--ink);border-radius: 0;font-family: var(--mono);text-transform: uppercase;letter-spacing: .08em;box-shadow: 4px 4px 0 rgba(42,31,20,.28);} .doc .app-button:hover{background: var(--rust);color: var(--paper);} .doc .app-install{border: 1px solid var(--ink);border-radius: 0;background: rgba(255,253,244,.7);} .doc .app-install summary{color: var(--ink);font-family: var(--serif);} .doc .app-install ol{color: var(--muted);} .doc article.post pre{font-family: 'Courier Prime','Courier New',Courier,monospace;font-size: 13px;line-height: 1.2;letter-spacing: 0;word-spacing: 0;white-space: pre;overflow-x: auto;tab-size: 1;background: rgba(255,253,244,.65);border: 1px solid var(--rule);padding: 1rem 1.1rem;color: var(--ink);} .doc footer.site-foot{background-color: var(--deep);background-image: repeating-linear-gradient(45deg,rgba(247,238,217,.04) 0 2px,transparent 2px 6px);color: rgba(247,238,217,.72);border-top: 3px double var(--mustard);} .doc footer.site-foot a{color: rgba(247,238,217,.85);} .doc footer.site-foot a:hover{color: var(--mustard);} .doc footer.site-foot h2{color: var(--paper);font-family: var(--serif);} .doc .foot-bottom{border-top: 1px solid rgba(247,238,217,.2);color: rgba(247,238,217,.5);} /* Book a free demo: hero chooser (native
), search toggle, floating booking pill */ .home .book-demo{position: relative;} .home .book-demo > summary{list-style: none;cursor: pointer;} .home .book-demo > summary::-webkit-details-marker{display: none;} .home .book-demo > summary svg{transition: transform .2s ease;} .home .book-demo[open] > summary svg{transform: rotate(180deg);} .home .book-demo-panel{position: absolute;z-index: 20;left: 0;top: calc(100% + 12px);display: grid;min-width: 270px;background: var(--paper);border: 1px solid var(--ink);box-shadow: 6px 6px 0 rgba(42, 31, 20, .22);} .home .book-demo-panel a{display: flex;align-items: center;gap: 12px;min-height: 48px;padding: 11px 16px;color: var(--ink);border-top: 1px solid var(--line);} .home .book-demo-panel a:first-child{border-top: 0;} .home .book-demo-panel a:hover{background: #fbf3df;} .home .book-demo-panel a:focus-visible{outline: 3px solid var(--plum);outline-offset: -3px;} .home .book-demo-panel svg{flex: none;color: var(--plum);} .home .book-demo-panel span{display: grid;gap: 2px;} .home .book-demo-panel strong{font-size: 14px;} .home .book-demo-panel small{font-size: 12px;color: var(--muted);font-family: var(--mono);} .home .search-toggle{display: none;} @media (max-width: 768px) { .home .book-demo{width: 100%;max-width: 340px;} .home .book-demo > summary{width: 100%;justify-content: space-between;} .home .book-demo-panel{position: static;margin-top: 12px;min-width: 0;} html.js.home .site-header{grid-template-areas: "brand actions";} html.js.home .site-header .site-search{display: none;} html.js.home .site-header.search-open{grid-template-areas: "brand actions" "search search";} html.js.home .site-header.search-open .site-search{display: flex;} html.js.home .search-toggle{display: inline-grid;place-items: center;width: 42px;height: 42px;padding: 0;border: 1px solid var(--ink);border-radius: 50%;background: transparent;color: inherit;cursor: pointer;} html.js.home .hero{padding-top: 104px;} } @media (max-width: 768px) and (min-width: 481px) { html.js.home{scroll-padding-top: 84px;} } @media (max-width: 480px) { html.js.home .search-toggle{width: 44px;height: 44px;} html.js.home .hero{padding-top: calc(92px + env(safe-area-inset-top));} .home .hero-more{display: none;} } .home .hero-copy > p.hero-more{margin-top: -18px;} /* Floating "Book a free demo" chooser on every page (native
, works without JS). Sits above Back to top; with JS it appears after the first screen and hides at #contact. */ .float-book{position: fixed;z-index: 96;right: max(20px, env(safe-area-inset-right));bottom: calc(max(20px, env(safe-area-inset-bottom)) + 60px);display: flex;flex-direction: column-reverse;align-items: flex-end;gap: 10px;transition: opacity .25s ease, transform .25s ease;} html.js .float-book{opacity: 0;transform: translateY(12px);pointer-events: none;} html.js.show-book .float-book, html.js .float-book[open]{opacity: 1;transform: none;pointer-events: auto;} .float-book > summary{list-style: none;cursor: pointer;display: inline-flex;align-items: center;gap: 9px;min-height: 50px;padding: 0 16px 0 13px;color: var(--paper, #fffdf4);background: rgba(43, 29, 18, .92);border: 1px solid var(--saffron, #d99a1f);box-shadow: 4px 4px 0 rgba(42, 31, 20, .25);font: 800 10px/1 var(--mono, monospace);text-transform: uppercase;letter-spacing: .1em;} .float-book > summary::-webkit-details-marker{display: none;} .float-book > summary:hover, .float-book[open] > summary{color: var(--ink, #2a1f14);background: var(--saffron, #d99a1f);border-color: var(--ink, #2a1f14);} .float-book > summary:focus-visible{outline: 3px solid rgba(217, 154, 31, .6);outline-offset: 3px;} .float-book-panel{display: grid;width: 260px;background: var(--paper, #fffdf4);border: 1px solid var(--ink, #2a1f14);box-shadow: 6px 6px 0 rgba(42, 31, 20, .22);} .float-book-panel a{display: flex;align-items: center;gap: 12px;min-height: 48px;padding: 11px 16px;color: var(--ink, #2a1f14);text-decoration: none;border-top: 1px solid rgba(42, 31, 20, .15);} .float-book-panel a:first-child{border-top: 0;} .float-book-panel a:hover{background: #fbf3df;} .float-book-panel a:focus-visible{outline: 3px solid var(--plum, #7a2e1d);outline-offset: -3px;} .float-book-panel svg{flex: none;width: 18px;height: 18px;color: var(--plum, #7a2e1d);} .float-book-panel span{display: grid;gap: 2px;} .float-book-panel strong{font-size: 14px;} .float-book-panel small{font-size: 12px;color: var(--muted, #6b5a48);font-family: var(--mono, monospace);} .doc .float-book{bottom: calc(max(18px, env(safe-area-inset-bottom)) + 58px);right: max(18px, env(safe-area-inset-right));} @media (max-width: 480px) { .float-book > summary{min-height: 46px;padding: 0 13px;} } @media print { .float-book{display: none;} } .doc details.float-book, .doc details.float-book[open]{border: 0;border-radius: 0;padding: 0;margin: 0;background: none;} .doc details.float-book > summary{padding: 0 16px 0 13px;font: 800 10px/1 var(--mono, monospace);color: var(--paper, #fffdf4);} .doc details.float-book > summary:hover, .doc details.float-book[open] > summary{color: var(--ink, #2a1f14);} .doc .float-book-panel a{text-align: left;} /* Music and Books pages */ .doc .media-cards .card img{display: block;width: 100%;height: auto;margin-bottom: 14px;border: 1px solid var(--ink, #2a1f14);} .doc .short-list{padding-left: 20px;} .doc .short-list li{margin: 6px 0;} /* homepage previews */ .home .preview-more{margin-top: 34px;} .home .section-cta{display: flex;flex-wrap: wrap;align-items: center;gap: 16px 24px;margin-top: 40px;padding-top: 28px;border-top: 1px solid var(--line);} .home .section-cta p{margin: 0;font: italic 20px var(--serif);color: var(--ink);} .home .book-grid-compact .book-art{height: 300px;} @media (max-width: 480px) { .home .book-grid.book-grid-compact{grid-template-columns: repeat(3, 1fr);gap: 10px;} .home .book-grid-compact .book-art{height: 170px;padding: 10px 8px 0;} .home .book-grid-compact .book-art span{display: none;} .home .book-grid-compact .book-art img{max-width: 90%;} .home .book-grid-compact .book-copy small{display: none;} .home .book-grid-compact .book-copy h3{font-size: 14px;line-height: 1.25;} } .doc .cards.media-cards{grid-template-columns: repeat(auto-fill, minmax(min(210px, 100%), 1fr));gap: 20px;} .doc .media-cards .card{padding: 16px;} .doc .media-cards .card h3{font-size: 19px;} .doc .release-table{width: 100%;border-collapse: collapse;font-size: 15px;} .doc .release-table th, .doc .release-table td{padding: 9px 10px;text-align: left;border-bottom: 1px solid var(--rule, #d8ccb4);vertical-align: top;} .doc .release-table th{font-family: var(--mono, monospace);font-size: 12px;text-transform: uppercase;letter-spacing: .08em;} .doc .release-table td:nth-child(n+2){white-space: nowrap;} .doc .series-list li{margin: 8px 0;} @media (max-width: 600px){.doc .release-table th:nth-child(4), .doc .release-table td:nth-child(4){display: none;}} .home .hero-copy > p.hero-fees{margin: -8px 0 22px;font-family: var(--mono, monospace);font-size: 13px;letter-spacing: .08em;text-transform: uppercase;} .home .hero-fees a{color: inherit;text-decoration: underline;text-underline-offset: 4px;} .home .studio-video-btn picture, .doc .video-facade-btn picture{display: block;}