/* Mockup base: shared tokens and components for variants A, B and C. Box-only mockup. */
@font-face{font-family:"Newsreader";font-weight:400;font-display:swap;src:url(fonts/newsreader-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/newsreader-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:600;font-display:swap;src:url(fonts/source-sans-3-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Mukta PF";font-weight:400;font-display:swap;src:url(fonts/mukta-400.woff2) format("woff2")}
@font-face{font-family:"Mukta PF";font-weight:600;font-display:swap;src:url(fonts/mukta-600.woff2) format("woff2")}
@font-face{font-family:"Tiro PF";font-weight:400;font-display:swap;src:url(fonts/tiro-hindi-400.woff2) format("woff2")}
:root{
  --paper:#f7f3ec;--paper-2:#efe8dc;--card:#fcfaf6;--ink:#221d17;--ink-2:#574f46;--rule:#c4baaa;--line:#d8cebd;
  --accent:#8c3a22;--accent-ink:#6e2c18;--on-accent:#fff;--dark:#2b2620;--dark-ink:#ece6db;--dark-mute:#c4baaa;
  --serif:"Newsreader",Georgia,serif;--sans:"Source Sans 3",system-ui,sans-serif;
  --focus:#ffbf47;--focus-ink:#0b0c0c;--err:#9b2318;--field-border:#6b6157;--ease:cubic-bezier(.22,1,.36,1);
  --wrap:76rem;--gutter:clamp(1.25rem,.8rem + 2.2vw,2.5rem);--sec:clamp(4rem,3rem + 5vw,7rem);
  --t-1:.875rem;--t0:1.0625rem;--t1:1.25rem;--t2:clamp(1.5rem,1.3rem + .9vw,2rem);--t3:clamp(2rem,1.5rem + 2vw,3rem);--t4:clamp(2.75rem,1.6rem + 4.6vw,5.5rem);
  --lh:1.6;--track:-.01em
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5.5rem}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t0)/var(--lh) var(--sans)}
img,picture img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:var(--track);text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 6px var(--focus-ink);border-radius:2px}
.skip{position:absolute;left:1rem;top:-4rem;z-index:99;background:var(--focus);color:var(--focus-ink);padding:.75rem 1rem;text-decoration:none;font-weight:600}.skip:focus{top:1rem}
.i{flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.7rem 1.3rem;border:1px solid var(--accent);border-radius:2px;background:var(--accent);color:var(--on-accent);font:600 1rem/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background-color .3s var(--ease),transform .3s var(--ease)}
.btn:hover{background:var(--accent-ink)}.btn:active{transform:translateY(1px)}
.btn .i{transition:transform .3s var(--ease)}.btn:hover .i{transform:translateX(3px)}
.nav ul{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}
.nav a{display:flex;align-items:center;min-height:2.75rem;padding:0 .7rem;color:var(--ink);text-decoration:none;font-size:.9375rem;position:relative}
.nav a::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.55rem;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1)}.nav a[aria-current]{color:var(--accent)}
.lang a{display:flex;align-items:center;min-height:2.75rem;padding:0 .5rem;color:var(--ink);font-size:.9375rem;text-decoration:none}
.menu-btn{display:none;width:2.75rem;height:2.75rem;border:1px solid var(--rule);border-radius:2px;background:transparent;cursor:pointer;align-items:center;justify-content:center}
.menu-lines,.menu-lines::before,.menu-lines::after{display:block;width:1.1rem;height:1.5px;background:var(--ink);transition:transform .3s var(--ease),opacity .2s}
.menu-lines{position:relative}.menu-lines::before,.menu-lines::after{content:"";position:absolute;left:0}.menu-lines::before{top:-6px}.menu-lines::after{top:6px}
.menu-btn[aria-expanded=true] .menu-lines{background:transparent}.menu-btn[aria-expanded=true] .menu-lines::before{transform:translateY(6px) rotate(45deg)}.menu-btn[aria-expanded=true] .menu-lines::after{transform:translateY(-6px) rotate(-45deg)}
#top-sentinel{position:absolute;top:0;height:1px;width:1px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation:none!important}}

/* ---- Real-site aliases & extras (gate, pages, honeypot, Turnstile live widget) ---- */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.js .js-only{display:inline-flex}.js-only{display:none}
.site-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid transparent;transition:border-color .3s var(--ease),background-color .3s}
.site-header.is-stuck,.site-header.stuck{border-bottom-color:var(--line)}
.site-header.is-stuck .bar,.site-header.stuck .bar{min-height:3.75rem}
.site-header.is-stuck .brand-role,.site-header.stuck .brand-role{display:none}
.bar{display:flex;align-items:center;gap:1.5rem;min-height:4.5rem;transition:min-height .3s var(--ease)}
.brand{display:flex;gap:.75rem;align-items:center;text-decoration:none;color:var(--ink);margin-right:auto}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-name{font:400 1.25rem/1.15 var(--serif)}.brand-role{font-size:.8125rem;color:var(--ink-2)}
.bar-end{display:flex;align-items:center;gap:.75rem}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--rule)}.btn-ghost:hover{border-color:var(--ink);background:transparent}
.btn-sm{min-height:2.75rem;padding:.5rem 1rem;font-size:.9375rem}
.btn[disabled]{opacity:.65;cursor:progress}
.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:40;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.progress{animation:grow linear both;animation-timeline:scroll(root)}@keyframes grow{to{transform:scaleX(1)}}}}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,1rem + 4vw,5rem);align-items:end}
.hero-text .role,.hero .eyebrow{font-size:var(--t-1);color:var(--ink-2);margin-bottom:1rem;letter-spacing:0;text-transform:none;font-weight:400}
.hero-intro,.intro{font-size:var(--t1);color:var(--ink-2);max-width:34rem;margin-top:1.5rem;line-height:1.5}
.ctas,.actions{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;margin-top:2rem}
.hero{padding:0}
@media (min-width:48.01rem){
  .hero-grid{grid-template-columns:1fr 1fr;align-items:stretch;min-height:min(78vh,46rem)}
  .hero-text{align-self:center;padding:3rem 0}
  .hero-fig{margin-right:calc((min(100vw,var(--wrap)) - 100vw)/2 - var(--gutter))}
  .hero-fig img,.hero-fig picture img{height:100%;aspect-ratio:auto;object-position:50% 40%;width:100%}
}
.hero h1{font-size:clamp(3rem,1.6rem + 5.2vw,6.25rem);line-height:1;max-width:11ch;margin:0}
html:lang(hi) .hero h1{line-height:1.2;max-width:14ch}
.about{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,1rem + 4vw,5rem);align-items:start}
.about-fig{margin:0}.about-fig img,.about-fig picture img{aspect-ratio:4/5;object-fit:cover;width:100%}
.particulars,.plist{margin:0;border-top:1px solid var(--ink)}
.particulars>div,.plist div{display:grid;grid-template-columns:11rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.particulars dt,.plist dt{color:var(--ink-2);font-size:.9375rem}.particulars dd,.plist dd{margin:0}
.sub{display:block;font-size:var(--t-1);color:var(--ink-2);margin-top:.25rem}
.sec-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:clamp(2rem,1rem + 3vw,3.5rem);flex-wrap:wrap}
.sec-head h2{font-size:var(--t3);line-height:1.05}
.sec-head::after{content:"";flex:1;align-self:center;height:1px;background:var(--rule);transform-origin:left;min-width:2rem}
.js .sec-head.rv::after{transform:scaleX(0);transition:transform 1s var(--ease) .15s}.js .sec-head.rv.in::after{transform:none}
.sec-lead,.lead{font-size:var(--t1);color:var(--ink-2);max-width:38rem;line-height:1.5}
.sec{padding:var(--sec) 0 0;border-top:0}
.sec-tint{background:transparent}
/* practice tabs + cards */
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;border-bottom:1px solid var(--rule);margin-bottom:2rem}
.tabs button{position:relative;display:flex;align-items:center;min-height:3rem;padding:.5rem 1rem;border:0;background:none;font:400 var(--t1)/1.2 var(--serif);color:var(--ink-2);cursor:pointer}
.tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .5s var(--ease)}
.tabs button[aria-selected=true]{color:var(--ink)}.tabs button[aria-selected=true]::after{transform:scaleX(1)}
.tabs button:hover{color:var(--ink)}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.card{background:var(--paper);padding:1.5rem 1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;transition:background-color .3s var(--ease)}
.card:hover{background:var(--card)}
.card h3{font-size:1.375rem;line-height:1.25}.card p:not(.law){color:var(--ink-2);font-size:var(--t-1);flex:1}
.card .law{font-size:.8125rem;color:var(--ink-2);font-variant-numeric:oldstyle-nums}
.card details{margin-top:.25rem}.card summary{cursor:pointer;font-size:.9375rem;font-weight:600;color:var(--accent);list-style:none}.card summary::-webkit-details-marker{display:none}
.card .a-body{margin-top:.5rem;color:var(--ink);font-size:var(--t-1)}.card .a-long-note{color:var(--ink-2);margin-bottom:.35rem}
@media (max-width:48rem){.cards{grid-template-columns:1fr}.tabs{flex-wrap:nowrap;overflow-x:auto}.tabs button{white-space:nowrap;font-size:1.0625rem}}
@media (min-width:48rem) and (max-width:64rem){.cards{grid-template-columns:1fr 1fr}}
/* consult + steps */
.consult-grid,.consult{display:grid;grid-template-columns:1fr;gap:clamp(2rem,1rem + 4vw,5rem);align-items:start}
.steps{list-style:none;margin:2.5rem 0 0;padding:0;position:relative}
.step,.steps>li{display:grid;grid-template-columns:2.75rem 1fr;gap:1rem;padding-bottom:1.75rem;position:relative}
.step:not(:last-child)::before,.steps>li:not(:last-child)::before{content:"";position:absolute;left:1.375rem;top:2.75rem;bottom:0;width:1px;background:var(--rule)}
.num,.step-n{width:2.75rem;height:2.75rem;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;font:400 1.25rem/1 var(--serif);color:var(--accent);background:var(--paper)}
.steps h3{font-size:var(--t1);margin:.4rem 0 .25rem}.steps p{color:var(--ink-2);font-size:var(--t-1)}
@media (min-width:64rem){
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
  .step,.steps>li{grid-template-columns:1fr;padding:0}
  .step:not(:last-child)::before,.steps>li:not(:last-child)::before{left:3.75rem;right:-1rem;top:1.375rem;bottom:auto;width:auto;height:1px;transform-origin:left}
}
.js .step:not(:last-child)::before,.js .steps>li:not(:last-child)::before{transform:scaleX(0);transition:transform .8s var(--ease) .2s}
@media (max-width:63.99rem){.js .step:not(:last-child)::before,.js .steps>li:not(:last-child)::before{transform:scaleY(0);transform-origin:top}}
.js .step.in:not(:last-child)::before,.js .steps>li.in:not(:last-child)::before{transform:none}
.calcom{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--rule);display:grid;gap:.85rem;justify-items:start}
/* form B layout */
.rform,.form{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--accent);padding:clamp(1.25rem,.75rem + 2.5vw,2.75rem);display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;max-width:62rem;min-width:0}
.form-head,.rform-head{padding-bottom:.25rem}
.rform-title,.form-head h3{font-size:var(--t2);line-height:1.2;margin:0}
.rform-req,.form-head .hint{margin-top:.5rem;font-size:var(--t-1);color:var(--ink-2)}
.form-note{display:flex;gap:.5rem;align-items:center;margin-top:.375rem;font-size:var(--t-1);color:var(--ink-2);line-height:1.5}
.form-note .i{width:16px;height:16px;color:var(--accent);flex:none}
.field{position:relative;display:grid;grid-template-rows:auto auto auto;align-content:start;min-width:0}
.field>label,.label-like{display:block;margin:0 0 .5rem;font-weight:600;font-size:1.0625rem;line-height:1.35;color:var(--ink)}
.opt{font-weight:400;color:var(--ink-2)}
.meta{display:grid;gap:.375rem;margin-top:.375rem}
.meta:not(:has(> :not([hidden]))){margin-top:0}
.hint-row{display:flex;gap:1rem;align-items:baseline;justify-content:space-between}
.field .hint,.hint{font-size:var(--t-1);line-height:1.5;color:var(--ink-2)}
.counter{flex:none;margin-left:auto;font-size:var(--t-1);line-height:1.5;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.err{display:flex;gap:.4rem;color:var(--err);font-weight:600;font-size:var(--t-1);line-height:1.45}
.err::before{content:"!";display:inline-grid;place-items:center;flex:none;width:1.1rem;height:1.1rem;margin-top:.12rem;border-radius:50%;background:var(--err);color:#fff;font-size:.72rem;line-height:1}
.err[hidden]{display:none}
.field input:not([type=checkbox]),.field select,.field textarea{display:block;width:100%;height:3rem;margin:0;padding:0 .85rem;font:inherit;font-size:1.0625rem;line-height:1.4;color:var(--ink);background-color:#fff;border:2px solid var(--field-border);border-radius:0;transition:border-color .2s var(--ease)}
.field select{appearance:none;-webkit-appearance:none;padding-right:2.75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23221d17' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .95rem center;cursor:pointer;text-overflow:ellipsis}
.field textarea{height:auto;min-height:7rem;padding:.65rem .85rem;resize:vertical;line-height:1.5}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--ink)}
.field input:not([type=checkbox]):focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid var(--focus);outline-offset:0;border-color:var(--focus-ink);box-shadow:inset 0 0 0 2px var(--focus-ink);border-radius:0}
.field [aria-invalid=true]{border-color:var(--err)!important}
.field:has([aria-invalid=true])::before{content:"";position:absolute;left:-.75rem;top:0;bottom:0;width:3px;background:var(--err)}
.consent{display:grid;gap:.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.check{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.75rem;align-items:start}
.check input{width:1.375rem;height:1.375rem;margin:.1rem 0 0;accent-color:var(--accent);cursor:pointer}
.check label{font-weight:400;font-size:1rem;line-height:1.55}
.check input:focus-visible{outline:3px solid var(--focus);outline-offset:2px;box-shadow:none}
.consent .norel,.consent .hint{padding-left:2.25rem;font-size:var(--t-1);line-height:1.5;color:var(--ink-2)}
.consent:has([aria-invalid=true])::before{top:1.5rem}
.captcha{display:grid}.turnstile{min-height:65px;max-width:100%}
.rform-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:stretch}
.rform-actions .btn{min-height:3rem}
.form-status:empty{display:none}.form-status{padding:.75rem 1rem;border:1px solid var(--rule);background:var(--paper);font-size:var(--t-1)}
.form-status.is-error{border-color:var(--err);color:var(--err);font-weight:600}
.err-summary{border:3px solid var(--err);background:var(--card);padding:1rem 1.25rem}.err-summary[hidden]{display:none}
.err-summary p{font-weight:600;color:var(--err)}.err-summary ul{margin:.5rem 0 0;padding-left:1.1rem}.err-summary a{color:var(--err);font-weight:600}
.err-summary:focus-visible{outline:3px solid var(--focus);outline-offset:0}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
html:lang(hi) .rform,html:lang(hi) .rform-title{font-family:var(--sans);letter-spacing:0}
html:lang(hi) .rform-title{font-weight:600;line-height:1.4}
@media (min-width:48.01rem){
  .rform{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}
  .rform>*{grid-column:1/-1}
  .rform>.field:not(.wide){grid-column:auto;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
}
@media (max-width:48rem){.rform-actions{flex-direction:column}.rform-actions .btn{width:100%}.hint-row{flex-wrap:wrap}}
/* faq */
.faq{border-top:1px solid var(--ink);max-width:52rem}
.faq details,.qa{border-bottom:1px solid var(--line)}
.faq summary,.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;align-items:center;min-height:3.5rem;padding:1rem 0;font:400 var(--t1)/1.3 var(--serif)}
.faq summary::-webkit-details-marker,.qa summary::-webkit-details-marker{display:none}
.faq details p,.qa p{padding:0 3rem 1.25rem 0;color:var(--ink-2)}
.a-icon,.plus{flex:none;position:relative;width:2.25rem;height:2.25rem;border:1px solid var(--rule);border-radius:50%;transition:transform .5s var(--ease),background-color .3s}
.a-icon::before,.a-icon::after,.plus::before,.plus::after{content:"";position:absolute;left:50%;top:50%;width:.8rem;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.a-icon::after,.plus::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .5s var(--ease)}
details[open]>summary .a-icon,.qa[open] .plus{transform:rotate(180deg)}
details[open]>summary .a-icon::after,.qa[open] .plus::after{transform:translate(-50%,-50%) rotate(0)}
/* contact */
.clist{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.clist li{display:grid;grid-template-columns:1.5rem 1fr;gap:.9rem;padding:1.5rem 1.5rem 1.75rem 0;border-bottom:1px solid var(--line)}
.clist li>.i{color:var(--accent);margin-top:.2rem}.i-sp{width:20px}
.clist h3{font:600 .8125rem/1.3 var(--sans);color:var(--ink-2);margin-bottom:.3rem}
.clist p a{color:var(--ink);text-decoration-color:var(--rule)}.clist p a:hover{color:var(--accent);text-decoration-color:currentColor}
.clist a.tap{display:inline-flex;align-items:center;min-height:1.75rem;overflow-wrap:anywhere}
.profiles,.social{display:flex;gap:.6rem;flex-wrap:wrap}
.iconbtn,.social a{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.4rem .9rem .4rem .7rem;border:1px solid var(--rule);border-radius:2px;color:var(--ink);text-decoration:none;font-size:.9375rem;transition:border-color .3s var(--ease),color .3s,transform .3s var(--ease)}
.iconbtn:hover,.social a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}
.contact-grid{display:grid;grid-template-columns:1fr;gap:2rem}
/* footer */
.site-footer{margin-top:var(--sec);background:var(--dark);color:var(--dark-ink);padding:3.5rem 0 2.5rem;font-size:var(--t-1)}
.site-footer a{color:var(--dark-ink)}.foot-name{font:400 1.5rem/1.2 var(--serif);color:#fff;margin-bottom:.25rem}
.foot-grid{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding-bottom:2rem;border-bottom:1px solid #574f46}
.foot-links{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem;flex-wrap:wrap}.foot-links a{display:flex;align-items:center;min-height:2.75rem}
.foot-legal{margin-top:1.5rem;max-width:60rem;color:var(--dark-mute);display:grid;gap:1rem}
.declaration{color:var(--dark-mute)}.sig{font-style:italic;font-family:var(--serif)}
.foot-reach p{color:var(--dark-mute)}
/* disclaimer gate (real dialog) */
dialog.bci{position:fixed;inset:0;z-index:90;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:1rem;border:0;background:rgba(34,29,23,.72);display:none;place-items:center;overflow:auto;color:var(--ink)}
dialog.bci[open]{display:grid}dialog.bci::backdrop{background:transparent}
html.bci-ok dialog.bci[open]:not(:modal){display:none}
body:has(dialog.bci[open]){overflow:hidden}html.bci-ok body:has(dialog.bci[open]:not(:modal)){overflow:auto}
.bci-card{background:var(--paper);color:var(--ink);max-width:40rem;width:100%;max-height:calc(100vh - 2rem);overflow:auto;padding:clamp(1.5rem,1rem + 2vw,2.75rem);border-top:3px solid var(--accent);display:grid;gap:1rem}
.bci-card h2{font-size:var(--t2);margin:0}.bci-points{padding-left:1.25rem;margin:0;color:var(--ink-2)}.bci-points li{margin:.4rem 0}
.bci-outro{font-size:var(--t-1);color:var(--ink-2)}
.bci-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.bci-lang{margin-left:auto;min-height:2.75rem;display:inline-flex;align-items:center}
.noscript-note{background:var(--dark);color:var(--dark-ink);padding:1rem var(--gutter);font-size:var(--t-1)}
/* simple pages */
.page-simple main{padding-block:clamp(2.5rem,2rem + 4vw,5rem) var(--sec)}
.h-page{font-size:var(--t3);margin:.75rem 0 1rem}
.page-lead{font:400 var(--t1)/1.5 var(--serif);color:var(--ink-2)}
.page-simple main>section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}
.page-simple main>section h2{font-size:var(--t2);margin-bottom:.75rem}
.prose section p{max-width:68ch}
.back{display:inline-flex;margin-top:3rem;min-height:2.75rem;align-items:center}
.nf-hi{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}
.ty-follow .ctas,.ty-cal .ctas{margin-top:1.25rem}.ty-mail{margin-top:1rem}
.narrow{max-width:46rem}
.steps.small{margin-top:1.25rem}.steps.small p{color:var(--ink)}
/* reveals */
@media (prefers-reduced-motion:no-preference){
  .js .rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
  .js .rv.in{opacity:1;transform:none}
  .js .cards .rv:nth-child(3n+2){transition-delay:.06s}.js .cards .rv:nth-child(3n){transition-delay:.12s}
  .tabpanel:not([hidden]) .cards{animation:fade .5s var(--ease)}@keyframes fade{from{opacity:0;transform:translateY(8px)}}
}
/* responsive header/nav */
@media (max-width:64rem){
  .nav{display:none}.menu-btn{display:inline-flex}.bar-cta{display:none}
  .js .nav.is-open{display:block;position:fixed;inset:3.75rem 0 0;background:var(--paper);overflow:auto;border-top:1px solid var(--line);z-index:25;padding:1rem var(--gutter) 2rem}
  .js .nav.is-open ul{flex-direction:column;gap:0;list-style:none;margin:0;padding:0}
  .js .nav.is-open a{display:flex;align-items:center;min-height:3.25rem;font:400 1.75rem/1.2 var(--serif);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
  html:not(.js) .nav{display:block;width:100%;order:3;margin:0}
  html:not(.js) .nav ul{flex-wrap:wrap;gap:.25rem 1rem;padding-bottom:.75rem}
  html:not(.js) .bar{flex-wrap:wrap;height:auto;min-height:4rem}
  html:not(.js) .menu-btn{display:none}
  .bar{position:relative}
}
@media (max-width:48rem){
  .hero-grid,.about{grid-template-columns:1fr}.hero-fig{order:-1}.hero-fig img,.hero-fig picture img{aspect-ratio:4/3;object-position:50% 25%;height:auto}
  .particulars>div,.plist div{grid-template-columns:1fr;gap:.2rem}.clist{grid-template-columns:1fr}
  .about-fig img,.about-fig picture img{aspect-ratio:3/2;object-position:50% 20%}
  .brand-role{display:none}.bci-lang{margin-left:0}
  .foot-grid{flex-direction:column}
}
@media print{.site-header,dialog.bci,.rform,.site-footer .foot-links,.progress{display:none!important}body{background:#fff}}