/* fonts self-hosted — @font-face served from /assets/fonts/fonts.css (preloaded in ) */ /* ========================================================================= Asana Atlas — "dawn linen" sheet One hairline, one halo, no shadows. The page is a printed plate: ruled rows, ordinal numerals, and a circular halo that wraps whatever figure is on it. ========================================================================= */ :root { --asana-sage: #8fa38a; --asana-sage-deep: #6c8168; --asana-sage-wash: #e8ece4; --drishti-clay: #c1765a; --drishti-clay-wash: #f3e4dd; --dawn-linen: #f6f2ea; --dawn-paper: #fffdf9; --mudra-ink: #33372f; --mudra-mute: #74786c; --dawn-hair: #e2ddd0; --ya-step: 8px; --ya-read: 68ch; --ya-rail: 176px; --ya-serif: 'Marcellus', 'Iowan Old Style', Georgia, serif; --ya-sans: 'Nunito Sans', 'Segoe UI', system-ui, sans-serif; } * { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } body.ya-body { margin: 0; background: var(--dawn-linen); color: var(--mudra-ink); font-family: var(--ya-sans); font-size: 16px; font-weight: 400; line-height: 1.85; letter-spacing: .004em; text-rendering: optimizeLegibility; } a { color: inherit; text-decoration: none; } a:hover { color: var(--drishti-clay); } img { max-width: 100%; height: auto; display: block; } h1, h2, h3 { font-family: var(--ya-serif); font-weight: 400; letter-spacing: .012em; line-height: 1.22; margin: 0; } p { margin: 0 0 1.05em; } ul, ol { margin: 0; padding: 0; list-style: none; } button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; } :focus-visible { outline: 2px solid var(--drishti-clay); outline-offset: 3px; } .ya-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .ya-eyebrow { font-size: 12.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--drishti-clay); margin: 0 0 .7em; } .ya-h1 { font-size: clamp(30px, 4vw, 44px); margin: 0 0 .28em; } .ya-h2 { font-size: 23px; margin: 0 0 .5em; } .ya-h2-side { font-size: 19px; } .ya-lede { max-width: var(--ya-read); color: var(--mudra-mute); } .ya-col-head { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-family: var(--ya-sans); font-weight: 700; color: var(--mudra-mute); border-bottom: 1px solid var(--dawn-hair); padding-bottom: .55em; margin: 0 0 1.1em; } .ya-btn { display: inline-block; padding: 11px 22px; border: 1px solid var(--mudra-ink); border-radius: 999px; font-size: 14px; letter-spacing: .04em; margin-right: 10px; } .ya-btn:hover { background: var(--mudra-ink); color: var(--dawn-linen); } .ya-btn-quiet { border-color: var(--dawn-hair); color: var(--mudra-mute); } .ya-pill { display: inline-block; padding: 2px 11px; margin: 0 8px 4px 0; border: 1px solid var(--dawn-hair); border-radius: 999px; font-size: 12.5px; letter-spacing: .05em; color: var(--mudra-mute); } .ya-disclaimer { margin-top: 2.2em; padding: 16px 18px; background: var(--asana-sage-wash); font-size: 13.5px; line-height: 1.8; color: #4d5347; border-radius: 3px; } .ya-byline { font-size: 13px; letter-spacing: .05em; color: var(--mudra-mute); margin: .1em 0 1.4em; } /* ---------------------------------------------------------------- top bar */ .ya-top { position: sticky; top: 0; z-index: 40; background: var(--dawn-linen); border-bottom: 1px solid var(--dawn-hair); } .ya-top-bar { display: flex; align-items: center; gap: 20px; padding: 12px 26px; } .ya-brand { display: flex; align-items: center; gap: 11px; margin-right: 8px; } .ya-brand-mark { width: 40px; height: 40px; display: block; } .ya-brand-word { font-family: var(--ya-serif); font-size: 20px; letter-spacing: .05em; } .ya-brand-word em { font-style: normal; color: var(--drishti-clay); } .ya-topnav { display: flex; align-items: center; gap: 4px; margin-left: auto; } .ya-nav-link { display: inline-flex; align-items: center; gap: 6px; padding: 8px 13px; font-size: 14px; letter-spacing: .03em; color: var(--mudra-mute); border-radius: 999px; } .ya-nav-link:hover { color: var(--mudra-ink); background: var(--asana-sage-wash); } .ya-caret { width: 6px; height: 6px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg) translateY(-2px); } .ya-lang { display: inline-flex; align-items: center; gap: 7px; padding: 7px 14px; border: 1px solid var(--dawn-hair); border-radius: 999px; font-size: 13px; letter-spacing: .04em; } .ya-lang-arrow { color: var(--drishti-clay); } .ya-lang-from { color: var(--mudra-mute); } .ya-drawer-btn { display: none; width: 40px; height: 36px; } .ya-burger { display: block; width: 20px; height: 1px; background: var(--mudra-ink); box-shadow: 0 6px 0 var(--mudra-ink), 0 -6px 0 var(--mudra-ink); margin: 0 auto; } .ya-mega { border-top: 1px solid var(--dawn-hair); background: var(--dawn-paper); } .ya-mega-inner { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)) 1.05fr; gap: 30px; padding: 26px; max-width: 1320px; } .ya-mega-head { font-family: var(--ya-sans); font-size: 11.5px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--mudra-mute); margin: 0 0 1em; } .ya-mega-group { margin-bottom: 1.15em; } .ya-mega-tag { display: block; font-family: var(--ya-serif); font-size: 15px; color: var(--mudra-ink); margin-bottom: .3em; } .ya-mega-group li { padding: 2px 0; } .ya-mega-group a { font-size: 14px; color: var(--mudra-mute); } .ya-mega-min { font-size: 12px; color: var(--drishti-clay); } .ya-letter-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; } .ya-letter { display: block; text-align: center; padding: 5px 0; font-size: 13px; border: 1px solid var(--dawn-hair); border-radius: 2px; } .ya-letter:hover { background: var(--asana-sage-wash); } .ya-mega-note { font-size: 13px; color: var(--mudra-mute); margin: 1.1em 0 0; line-height: 1.7; } /* ------------------------------------------------------------------ frame */ .ya-frame { display: grid; grid-template-columns: var(--ya-rail) minmax(0, 1fr); gap: 34px; max-width: 1320px; margin: 0 auto; padding: 0 26px; } .ya-rail { position: sticky; top: 74px; align-self: start; max-height: calc(100vh - 96px); overflow-y: auto; padding: 30px 0 40px; border-right: 1px solid var(--dawn-hair); } .ya-rail-block { margin-bottom: 30px; padding-right: 20px; } .ya-rail-title { font-family: var(--ya-sans); font-size: 11.5px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--mudra-mute); margin: 0 0 .8em; } .ya-rail-letters { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; } .ya-rail-letter { text-align: center; padding: 5px 0; font-size: 13px; color: var(--mudra-mute); border-bottom: 1px solid transparent; } .ya-rail-letter:hover { color: var(--drishti-clay); border-color: var(--drishti-clay); } .ya-rail-flows li { border-bottom: 1px solid var(--dawn-hair); } .ya-rail-flow { display: flex; gap: 9px; align-items: baseline; padding: 8px 0; } .ya-rail-num { font-family: var(--ya-serif); font-size: 15px; color: var(--drishti-clay); min-width: 22px; } .ya-rail-name { font-size: 13.5px; line-height: 1.45; color: var(--mudra-mute); } .ya-rail-flow:hover .ya-rail-name, .ya-rail-flow.is-active .ya-rail-name { color: var(--mudra-ink); } .ya-rail-flow.is-active .ya-rail-num { color: var(--asana-sage-deep); } .ya-rail-foot { display: flex; flex-direction: column; gap: 6px; font-size: 13.5px; } .ya-rail-foot a { color: var(--mudra-mute); border-bottom: 1px solid var(--dawn-hair); padding-bottom: 4px; } .ya-main { min-width: 0; padding: 34px 0 90px; } /* -------------------------------------------------------------- crumbs */ .ya-crumbs ol { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--mudra-mute); } .ya-crumbs li + li::before { content: '›'; margin-right: 8px; color: var(--drishti-clay); } .ya-crumbs a { border-bottom: 1px solid var(--dawn-hair); } .ya-crumb-line { margin-bottom: 26px; } /* ---------------------------------------------------------------- home */ .ya-home { display: grid; grid-template-columns: minmax(0,1fr) 296px; gap: 46px; align-items: start; } .ya-today { border-bottom: 1px solid var(--dawn-hair); padding-bottom: 34px; margin-bottom: 40px; } .ya-today-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 16px; } .ya-today-title { font-size: clamp(28px, 3.6vw, 42px); } .ya-today-meta { margin: 0; } .ya-today-intro { max-width: var(--ya-read); margin-top: 1em; color: #4d5347; } .ya-strip-wrap { margin: 26px -6px 22px; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; } .ya-strip { display: flex; gap: 6px; min-width: max-content; } .ya-strip-item { width: 108px; } .ya-strip-item a { display: block; padding: 10px 8px 12px; border: 1px solid var(--dawn-hair); border-radius: 3px; background: var(--dawn-paper); text-align: center; } .ya-strip-item a:hover { border-color: var(--asana-sage); } .ya-strip-item.is-peak a { border-color: var(--drishti-clay); background: var(--drishti-clay-wash); } .ya-strip-ord { display: block; font-family: var(--ya-serif); font-size: 12.5px; color: var(--drishti-clay); } .ya-strip-img { width: 86px; height: 96px; margin: 2px auto 6px; } .ya-strip-name { display: block; font-size: 12.5px; line-height: 1.35; } .ya-strip-breath { display: block; font-size: 11.5px; color: var(--mudra-mute); letter-spacing: .06em; } .ya-today-cta { margin: 0 0 26px; } .ya-today-arc { width: 100%; max-width: 720px; border: 1px solid var(--dawn-hair); border-radius: 3px; background: var(--dawn-paper); } .ya-shelf-list { border-top: 1px solid var(--dawn-hair); } .ya-shelf-row { display: grid; grid-template-columns: 46px minmax(0,1fr) 62px 108px; gap: 14px; align-items: baseline; padding: 14px 0; border-bottom: 1px solid var(--dawn-hair); } .ya-shelf-ord { font-family: var(--ya-serif); font-size: 19px; color: var(--drishti-clay); } .ya-shelf-name { display: block; font-family: var(--ya-serif); font-size: 19px; } .ya-shelf-sub { display: block; font-size: 13px; color: var(--mudra-mute); } .ya-shelf-min { font-family: var(--ya-serif); font-size: 17px; text-align: right; } .ya-shelf-lvl { font-size: 13px; color: var(--mudra-mute); } .ya-shelf-note { margin-top: 1.6em; font-size: 13.5px; color: var(--mudra-mute); max-width: var(--ya-read); } .ya-home-side { border-left: 1px solid var(--dawn-hair); padding-left: 26px; position: sticky; top: 74px; max-height: calc(100vh - 96px); overflow-y: auto; } .ya-side-count { font-size: 13px; color: var(--mudra-mute); margin: -.4em 0 1.2em; } .ya-lib-group { margin-bottom: 18px; } .ya-lib-letter { font-family: var(--ya-serif); font-size: 16px; color: var(--drishti-clay); margin: 0 0 .3em; border-bottom: 1px solid var(--dawn-hair); padding-bottom: .2em; } .ya-lib-group li { padding: 4px 0; } .ya-lib-name { display: block; font-size: 13.5px; line-height: 1.4; } .ya-lib-sanskrit { display: block; font-size: 11.5px; color: var(--mudra-mute); font-style: italic; } /* --------------------------------------------------------- library index */ .ya-page-head { margin-bottom: 26px; } .ya-letter-index { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 34px; } .ya-letter-index a { padding: 4px 10px; border: 1px solid var(--dawn-hair); border-radius: 2px; font-size: 13px; color: var(--mudra-mute); } .ya-letter-index a:hover { border-color: var(--drishti-clay); color: var(--drishti-clay); } .ya-letter-block { margin-bottom: 40px; scroll-margin-top: 90px; } .ya-letter-head { display: flex; align-items: baseline; gap: 14px; border-bottom: 1px solid var(--mudra-ink); padding-bottom: .35em; margin-bottom: 6px; } .ya-letter-mark { font-size: 30px; } .ya-letter-count { font-family: var(--ya-sans); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--mudra-mute); } .ya-rows { border-top: 1px solid var(--dawn-hair); } .ya-row { display: grid; grid-template-columns: 42px minmax(0,1fr) 210px 104px 58px; gap: 14px; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--dawn-hair); } .ya-row-ord { font-family: var(--ya-serif); font-size: 15px; color: var(--mudra-mute); } .ya-row-name { display: block; font-family: var(--ya-serif); font-size: 18px; } .ya-row-sanskrit { display: block; font-size: 12.5px; font-style: italic; color: var(--mudra-mute); } .ya-row-areas, .ya-row-lvl { font-size: 13px; color: var(--mudra-mute); } .ya-row-lvl { letter-spacing: .04em; } .ya-lvl-advanced { color: var(--drishti-clay); } .ya-lvl-intermediate { color: var(--asana-sage-deep); } .ya-row-thumb { width: 52px; height: 58px; } /* ------------------------------------------------------------ flow index */ .ya-filters { border: 1px solid var(--dawn-hair); border-radius: 3px; padding: 16px 18px; background: var(--dawn-paper); margin-bottom: 18px; } .ya-filter-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 6px 0; } .ya-filter-label { min-width: 84px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--mudra-mute); } .ya-chip { padding: 4px 12px; border: 1px solid var(--dawn-hair); border-radius: 999px; font-size: 13px; color: var(--mudra-mute); } .ya-chip:hover { border-color: var(--asana-sage); } .ya-chip.is-on { background: var(--asana-sage); border-color: var(--asana-sage); color: var(--dawn-linen); } .ya-filter-count { font-size: 13px; color: var(--mudra-mute); margin-bottom: 22px; } .ya-bucket { margin-bottom: 38px; } .ya-bucket-head { display: flex; align-items: baseline; gap: 14px; font-size: 21px; border-bottom: 1px solid var(--mudra-ink); padding-bottom: .35em; margin-bottom: 4px; } .ya-bucket-count { font-family: var(--ya-sans); font-size: 12px; letter-spacing: .12em; color: var(--mudra-mute); } .ya-flow-rows { border-top: 1px solid var(--dawn-hair); } .ya-flow-row { display: grid; grid-template-columns: 42px minmax(0,1fr) 96px 58px 104px; gap: 14px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--dawn-hair); } .ya-flow-ord { font-family: var(--ya-serif); font-size: 15px; color: var(--drishti-clay); } .ya-flow-name { display: block; font-family: var(--ya-serif); font-size: 18px; } .ya-flow-sub, .ya-flow-steps, .ya-flow-lvl { font-size: 13px; color: var(--mudra-mute); } .ya-flow-min { font-family: var(--ya-serif); font-size: 17px; text-align: right; } .ya-empty { color: var(--mudra-mute); } /* ------------------------------------------------------------- pose page */ .ya-pose-grid { display: grid; grid-template-columns: 186px minmax(0,1fr) 272px; gap: 34px; align-items: start; } .ya-pose-left { position: sticky; top: 78px; } .ya-toc ol { border-top: 1px solid var(--dawn-hair); } .ya-toc li { border-bottom: 1px solid var(--dawn-hair); } .ya-toc a { display: block; padding: 7px 0; font-size: 13.5px; color: var(--mudra-mute); } .ya-toc a:hover { color: var(--drishti-clay); } .ya-appears { margin-bottom: 26px; border-top: 1px solid var(--dawn-hair); } .ya-appears li { border-bottom: 1px solid var(--dawn-hair); } .ya-appears a { display: block; padding: 8px 0; font-size: 13.5px; line-height: 1.45; } .ya-appears-min { font-family: var(--ya-serif); color: var(--drishti-clay); margin-right: 8px; } .ya-appears-quiet a { color: var(--mudra-mute); } .ya-pose-head { margin-bottom: 30px; } .ya-sanskrit { font-family: var(--ya-serif); font-size: 19px; color: var(--drishti-clay); margin: 0 0 .4em; } .ya-pose-meta { font-size: 13.5px; color: var(--mudra-mute); letter-spacing: .03em; margin-bottom: 1em; } .ya-pose-intro { font-size: 18px; line-height: 1.8; max-width: var(--ya-read); } .ya-figure-plate { margin-bottom: 40px; } .ya-figure-full { width: 360px; max-width: 100%; border: 1px solid var(--dawn-hair); border-radius: 3px; } .ya-figure-cap { font-size: 13px; color: var(--mudra-mute); max-width: 46ch; margin-top: 12px; } .ya-spec-table { width: 100%; border-collapse: collapse; font-size: 14.5px; } .ya-spec-table th, .ya-spec-table td { text-align: left; padding: 9px 0; border-bottom: 1px solid var(--dawn-hair); vertical-align: top; } .ya-spec-table th { width: 190px; font-weight: 400; color: var(--mudra-mute); font-size: 13px; letter-spacing: .04em; } .ya-spec { margin-bottom: 40px; } .ya-step-list { border-top: 1px solid var(--dawn-hair); } .ya-step { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--dawn-hair); } .ya-step-n { font-family: var(--ya-serif); font-size: 17px; color: var(--drishti-clay); } .ya-step p { margin: 0; max-width: var(--ya-read); } .ya-steps { margin-bottom: 40px; } .ya-sec-head { font-size: 21px; margin: 2em 0 .6em; } .ya-sec-sub { font-family: var(--ya-sans); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--mudra-mute); margin: 1.8em 0 .6em; } .ya-notes p { max-width: var(--ya-read); } .ya-check-list { border-top: 1px solid var(--dawn-hair); } .ya-check-list li { padding: 7px 0 7px 22px; border-bottom: 1px solid var(--dawn-hair); font-size: 14.5px; position: relative; } .ya-check-list li::before { content: '—'; position: absolute; left: 0; color: var(--drishti-clay); } .ya-notes { margin-bottom: 40px; } .ya-safety-lead { max-width: var(--ya-read); color: var(--mudra-mute); } .ya-contra-list li { position: relative; padding: 7px 0 7px 22px; border-bottom: 1px solid var(--dawn-hair); font-size: 14.5px; } .ya-contra-list li::before { content: '·'; position: absolute; left: 6px; color: var(--drishti-clay); font-size: 20px; line-height: 1.2; } .ya-table-wrap { overflow-x: auto; margin: 1.2em 0; } .ya-note-table { border-collapse: collapse; width: 100%; font-size: 14px; } .ya-note-table th, .ya-note-table td { border: 1px solid var(--dawn-hair); padding: 8px 12px; text-align: left; } .ya-note-table th { background: var(--asana-sage-wash); font-weight: 600; font-size: 13px; } .ya-pose-right { position: sticky; top: 78px; } .ya-tabs { border: 1px solid var(--dawn-hair); border-radius: 3px; background: var(--dawn-paper); } .ya-tab-btns { display: grid; grid-template-columns: repeat(2, 1fr); border-bottom: 1px solid var(--dawn-hair); } .ya-tab-btn { padding: 10px 6px; font-size: 13px; letter-spacing: .04em; color: var(--mudra-mute); border-bottom: 2px solid transparent; } .ya-tab-btn.is-on { color: var(--mudra-ink); border-bottom-color: var(--drishti-clay); background: var(--drishti-clay-wash); } .ya-tab-panels { padding: 16px 18px 20px; } .ya-tab-panel { display: none; } .ya-tab-panel.is-on { display: block; } .ya-tab-list li { position: relative; padding: 6px 0 6px 18px; font-size: 13.5px; line-height: 1.65; } .ya-tab-list li::before { content: ''; position: absolute; left: 2px; top: 15px; width: 5px; height: 5px; border-radius: 50%; background: var(--asana-sage); } .ya-tab-empty { font-size: 13.5px; color: var(--mudra-mute); } .ya-prop-line { font-size: 13.5px; margin-bottom: .9em; } .ya-prop-label { display: block; font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--mudra-mute); } .ya-breath-cue { font-family: var(--ya-serif); font-size: 17px; line-height: 1.7; } /* ------------------------------------------------------------- flow page */ .ya-flow-head { margin-bottom: 26px; } .ya-flow-meta { margin: 0 0 1em; } .ya-flow-intro { font-size: 18px; line-height: 1.8; max-width: var(--ya-read); } .ya-flow-arc { width: 100%; max-width: 720px; border: 1px solid var(--dawn-hair); border-radius: 3px; background: var(--dawn-paper); margin-bottom: 34px; } .ya-flow-grid { display: grid; grid-template-columns: minmax(0,1fr) 262px; gap: 36px; align-items: start; } .ya-seq { border-top: 1px solid var(--dawn-hair); } .ya-seq-item { border-bottom: 1px solid var(--dawn-hair); } .ya-seq-item.is-peak { background: var(--drishti-clay-wash); } .ya-seq-link { display: grid; grid-template-columns: 42px 72px minmax(0,1fr) 108px; gap: 14px; align-items: center; padding: 12px 10px 12px 0; } .ya-seq-item.is-peak .ya-seq-link { padding-left: 10px; } .ya-seq-ord { font-family: var(--ya-serif); font-size: 17px; color: var(--drishti-clay); } .ya-seq-name { display: block; font-family: var(--ya-serif); font-size: 18px; } .ya-seq-sanskrit { display: block; font-size: 12.5px; font-style: italic; color: var(--mudra-mute); } .ya-seq-cue { display: block; font-size: 13.5px; color: #4d5347; margin-top: 4px; max-width: 52ch; } .ya-seq-meta { text-align: right; font-size: 13px; color: var(--mudra-mute); } .ya-seq-breaths { display: block; font-family: var(--ya-serif); font-size: 15px; color: var(--mudra-ink); } .ya-side-box { border: 1px solid var(--dawn-hair); border-radius: 3px; background: var(--dawn-paper); padding: 16px 18px 20px; margin-bottom: 20px; } .ya-glance { margin: 0; font-size: 13.5px; } .ya-glance dt { font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--mudra-mute); margin-top: .9em; } .ya-glance dd { margin: .1em 0 0; } .ya-note-list li { padding: 6px 0 6px 18px; position: relative; font-size: 13.5px; line-height: 1.65; } .ya-note-list li::before { content: ''; position: absolute; left: 2px; top: 15px; width: 5px; height: 5px; border-radius: 50%; background: var(--asana-sage); } .ya-also li { border-bottom: 1px solid var(--dawn-hair); } .ya-also a { display: block; padding: 8px 0; font-size: 13.5px; line-height: 1.45; } .ya-also-min { font-family: var(--ya-serif); color: var(--drishti-clay); margin-right: 8px; } .ya-flow-notes { max-width: var(--ya-read); margin-top: 34px; } /* ----------------------------------------------------------------- legal */ .ya-legal { max-width: 78ch; } .ya-legal-head { border-bottom: 1px solid var(--dawn-hair); padding-bottom: 14px; margin-bottom: 28px; } .ya-legal-date { font-size: 13px; letter-spacing: .06em; color: var(--mudra-mute); margin: 0; } .ya-legal-sec { margin-bottom: 30px; } .ya-legal-sec h2 { font-size: 20px; margin-bottom: .5em; } .ya-legal-sec p { color: #43483d; } .ya-legal-sec ul { margin: .6em 0 1em; } .ya-legal-sec li { position: relative; padding: 5px 0 5px 20px; font-size: 15px; color: #43483d; } .ya-legal-sec li::before { content: '—'; position: absolute; left: 0; color: var(--drishti-clay); } /* ------------------------------------------------------------------- 404 */ .ya-miss { max-width: 70ch; } .ya-miss-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin: 30px 0; } .ya-miss-cols li { border-bottom: 1px solid var(--dawn-hair); } .ya-miss-cols a { display: block; padding: 8px 0; font-size: 14.5px; } .ya-miss-cta { margin-top: 26px; } /* ---------------------------------------------------------------- footer */ .ya-foot { border-top: 1px solid var(--mudra-ink); margin-top: 40px; padding: 40px 26px 34px; max-width: 1320px; margin-left: auto; margin-right: auto; } .ya-foot-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 34px; margin-bottom: 30px; } .ya-foot-col h2 { font-family: var(--ya-sans); font-size: 11.5px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--mudra-mute); margin-bottom: .8em; } .ya-foot-col li { padding: 3px 0; font-size: 14px; color: var(--mudra-mute); } .ya-foot-letters { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; } .ya-foot-letters a { padding: 2px 8px; border: 1px solid var(--dawn-hair); border-radius: 2px; color: var(--mudra-mute); } .ya-foot-note { font-size: 13px; line-height: 1.8; color: var(--mudra-mute); max-width: 96ch; border-top: 1px solid var(--dawn-hair); padding-top: 20px; } .ya-foot-disclaimer { font-size: 12.5px; line-height: 1.8; letter-spacing: .02em; color: var(--mudra-mute); max-width: 96ch; margin: 0 0 1.3em; } .ya-foot-sig { font-size: 13px; color: var(--mudra-mute); margin: 0; } .ya-foot-updated { letter-spacing: .04em; } /* ------------------------------------------------------------ responsive */ @media (max-width: 1220px) { .ya-frame { grid-template-columns: minmax(0,1fr); gap: 0; } .ya-rail { display: none; } .ya-pose-grid { grid-template-columns: 168px minmax(0,1fr); } .ya-pose-right { grid-column: 1 / -1; position: static; } .ya-home { grid-template-columns: minmax(0,1fr); gap: 30px; } .ya-home-side { border-left: 0; border-top: 1px solid var(--dawn-hair); padding: 26px 0 0; position: static; max-height: none; } .ya-lib-group ul { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 20px; } .ya-mega-inner { grid-template-columns: repeat(2, minmax(0,1fr)); } } @media (max-width: 900px) { .ya-topnav { display: none; } .ya-topnav.is-open { display: flex; flex-direction: column; align-items: flex-start; width: 100%; margin: 8px 0 0; } .ya-drawer-btn { display: block; order: -1; } .ya-top-bar { flex-wrap: wrap; gap: 12px; } .ya-mega-inner { grid-template-columns: minmax(0,1fr); } .ya-flow-grid { grid-template-columns: minmax(0,1fr); } .ya-pose-grid { grid-template-columns: minmax(0,1fr); } .ya-pose-left { position: static; } .ya-row { grid-template-columns: 34px minmax(0,1fr) 84px; } .ya-row-areas, .ya-row-thumb { display: none; } .ya-flow-row { grid-template-columns: 34px minmax(0,1fr) 52px; } .ya-flow-steps, .ya-flow-lvl { display: none; } .ya-shelf-row { grid-template-columns: 34px minmax(0,1fr) 52px; } .ya-shelf-lvl { display: none; } .ya-seq-link { grid-template-columns: 34px 60px minmax(0,1fr); } .ya-seq-meta { display: none; } .ya-foot-grid { grid-template-columns: minmax(0,1fr); } .ya-miss-cols { grid-template-columns: minmax(0,1fr); } .ya-tab-btns { grid-template-columns: repeat(4, 1fr); } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }