/* Ember site v3: shared design system for every page except the home page.
   Brand: dark ground, ember accent, Fraunces italic display with orange periods, Outfit for interface and reference text,
   upright Fraunces for long reading. Real numbers only; candid photography from the Ember cast. */
@font-face{font-family:'Outfit';src:url('/assets/outfit-latin-v2.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:'Fraunces';src:url('/assets/fraunces-latin-v2.woff2') format('woff2');font-weight:300 800;font-style:italic;font-display:swap}
@font-face{font-family:'Fraunces';src:url('/assets/fraunces-roman-latin-v3.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap;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}

:root{
  --ground:#100D0B; --raised:#191513; --raised-2:#221D1A; --line:rgba(247,240,233,.11); --line-2:rgba(247,240,233,.2);
  --paper:#F7F0E9; --muted:#AFA59C; --faint:#7A716A; --ember:#FF4D2E; --ember-soft:rgba(255,77,46,.14); --ok:#86E0A8;
  --display:'Fraunces',Georgia,serif; --sans:'Outfit',-apple-system,'Segoe UI',sans-serif; --read:'Fraunces',Georgia,'Times New Roman',serif;
  --wrap:1200px; --gutter:clamp(20px,4.5vw,44px); --r-sm:10px; --r-md:16px; --r-lg:26px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}
body{margin:0;background:var(--ground);color:var(--paper);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:var(--paper);text-decoration-color:rgba(255,77,46,.6);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-color:var(--ember)}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:4px}
::selection{background:var(--ember);color:#fff}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.em{color:var(--ember)}

/* reading progress */
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--ember);z-index:60;transition:width .08s linear}

/* navigation */
.nav{position:sticky;top:0;z-index:50;background:rgba(16,13,11,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:18px}
.lt{display:flex;align-items:center;gap:9px;font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:700;font-variation-settings:'opsz' 48;font-size:25px;letter-spacing:.07em;padding-right:.14em;line-height:1.1;color:var(--ember);text-decoration:none}
.lt img{width:26px;height:26px;border-radius:7px}
.nav-links{display:flex;align-items:center;gap:26px;font:500 14.5px var(--sans)}
.nav-links a{color:var(--muted);text-decoration:none}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--paper)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;font:600 14.5px var(--sans);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .2s,border-color .2s,transform .12s}
.btn:active{transform:translateY(1px)}
.btn-ember,.btn-line{background:rgba(28,25,23,.85);color:var(--paper);border-color:var(--ember);box-shadow:0 8px 22px -14px rgba(255,77,46,.55)}
.btn-ember:hover,.btn-line:hover{background:rgba(40,34,31,.92);box-shadow:0 10px 26px -12px rgba(255,77,46,.7)}
.menu-btn{display:none;background:rgba(28,25,23,.85);border:1px solid var(--ember);color:var(--paper);border-radius:999px;padding:8px 14px;font:600 14px var(--sans);cursor:pointer;box-shadow:0 8px 22px -14px rgba(255,77,46,.55)}
@media (max-width:820px){
  .nav-links{display:none}.menu-btn{display:inline-flex}
  .nav.open .nav-links{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:4px;padding:14px var(--gutter) 22px;background:var(--ground);border-bottom:1px solid var(--line)}
  .nav.open .nav-links a{padding:10px 0;font-size:17px;color:var(--paper)}
}

/* hero */
.hero{padding:clamp(48px,8vw,104px) 0 clamp(36px,5vw,64px)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:end}
.crumbs{font:500 13.5px var(--sans);color:var(--faint);margin:0 0 22px}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--paper)}
.display{font-family:var(--display);font-style:italic;font-weight:500;font-variation-settings:'opsz' 144;font-size:clamp(46px,7.2vw,104px);line-height:.96;letter-spacing:-.02em;margin:0;text-wrap:balance}
.display.mid{font-size:clamp(40px,5.6vw,78px)}
.lede{font:400 clamp(18px,1.6vw,21px)/1.55 var(--sans);color:#D9D0C8;max-width:34em;margin:26px 0 0;text-wrap:pretty}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}

/* candid frames (UGC) */
.frames{position:relative;min-height:460px}
.frame{position:absolute;margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--raised);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.frame img{width:100%;height:100%;object-fit:cover}
.frame figcaption{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border-radius:999px;background:rgba(16,13,11,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:500 13px var(--sans);color:var(--paper)}
.frame figcaption::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(134,224,168,.18)}
.frame .t{font-variant-numeric:tabular-nums;color:var(--muted)}
.frames .f1{width:66%;aspect-ratio:4/5;right:0;top:0}
.frames .f1 figcaption{top:12px;bottom:auto}
.frames .f2{width:50%;aspect-ratio:4/5;left:0;bottom:-18px;border:6px solid var(--ground)}
@media (max-width:900px){.frames{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.frame{position:relative;inset:auto!important;width:auto!important;border:0!important;bottom:auto!important}}

/* ledger of live facts */
.ledger{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ledger .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.fact{padding:26px 22px 24px 0}
.fact+.fact{padding-left:22px;border-left:1px solid var(--line)}
.fact b{display:block;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(34px,4vw,52px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.fact span{display:block;margin-top:10px;font:400 14px/1.4 var(--sans);color:var(--muted);max-width:16em}
@media (max-width:760px){.ledger .wrap{grid-template-columns:1fr 1fr}.fact:nth-child(3){padding-left:0;border-left:0}.fact:nth-child(n+3){border-top:1px solid var(--line)}}

/* document layout: section index + text */
.doc{padding:clamp(48px,7vw,96px) 0}
.doc .wrap{display:grid;grid-template-columns:220px minmax(0,700px);gap:clamp(32px,6vw,96px)}
.toc{position:sticky;top:96px;align-self:start;font:500 14px/1.45 var(--sans)}
.toc p{margin:0 0 12px;color:var(--faint);font-size:13px}
.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.toc a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);text-decoration:none}
.toc a:hover{color:var(--paper)}
.toc a.on{color:var(--paper);border-left-color:var(--ember)}
@media (max-width:900px){.doc .wrap{grid-template-columns:1fr}.toc{position:relative;top:0}.toc ol{display:flex;flex-wrap:wrap;gap:6px;border:0}.toc a{border:1px solid var(--line);border-radius:999px;padding:6px 12px;margin:0}.toc a.on{border-color:var(--ember)}}

/* long reading (guides, founder) */
.prose{font-family:var(--read);font-size:19px;line-height:1.72;font-weight:400;color:#E6DDD5}
.prose p{margin:0 0 1.15em;max-width:36em;text-wrap:pretty}
.prose h2{font-family:var(--display);font-style:italic;font-weight:500;font-variation-settings:'opsz' 96;font-size:clamp(30px,3.2vw,42px);line-height:1.08;letter-spacing:-.01em;color:var(--paper);margin:1.9em 0 .55em;text-wrap:balance}
.prose h2:first-child{margin-top:0}
.prose h3{font:600 17px/1.4 var(--sans);color:var(--paper);margin:1.7em 0 .5em}
.prose strong{color:var(--paper);font-weight:600}
.prose ul,.prose ol{padding-left:1.1em;margin:0 0 1.2em;max-width:36em}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--ember)}

/* reference reading (policies, support) */
.prose.ref{font-family:var(--sans);font-size:16.5px;line-height:1.75;color:#DCD3CB}
.prose.ref h2{font-size:clamp(26px,2.6vw,34px)}
.prose.ref h3{font-size:16px;margin-top:1.5em}
.prose table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font:400 14.5px/1.5 var(--sans)}
.prose th,.prose td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.prose th{color:var(--paper);font-weight:600}
.table-scroll{overflow-x:auto}

/* policy tools */
.doc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:22px;font:500 14px var(--sans);color:var(--muted)}
.find{position:relative;max-width:420px;margin:0 0 30px}
.find input{width:100%;padding:13px 16px 13px 42px;border-radius:999px;border:1px solid var(--line-2);background:var(--raised);color:var(--paper);font:400 15.5px var(--sans)}
.find input:focus{outline:none;border-color:var(--ember)}
.find svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);opacity:.6}
.find-note{font:500 13.5px var(--sans);color:var(--muted);margin:-18px 0 26px;min-height:1.2em}
mark{background:var(--ember-soft);color:var(--paper);border-radius:3px;padding:0 2px}
.sec.hide{display:none}

/* translation demo */
.demo{margin:2.2em 0 2.4em;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--raised),rgba(25,21,19,.4));font-family:var(--sans)}
.demo-row{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:end;margin-bottom:18px}
.demo label{display:block;font:500 13px var(--sans);color:var(--muted);margin-bottom:6px}
.demo select{appearance:none;-webkit-appearance:none;padding:10px 34px 10px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--ground) 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 1l5 5 5-5' fill='none' stroke='%23AFA59C' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--paper);font:500 15px var(--sans);cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.chip{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--paper);font:500 14px var(--sans);cursor:pointer;text-align:left}
.chip[aria-pressed="true"]{border-color:var(--ember);background:rgba(28,25,23,.85)}
.phones{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.phone{border-radius:22px;border:1px solid var(--line);overflow:hidden;background:radial-gradient(120% 90% at 85% 0%,rgba(255,77,46,.22),transparent 55%),radial-gradient(90% 70% at 0% 100%,rgba(120,90,70,.25),transparent 60%),#120F0D}
.phone-top{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(16,13,11,.55);font:600 13.5px var(--sans);color:var(--paper)}
.phone-top img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.phone-top .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,77,46,.55);font:600 12px var(--sans);color:var(--paper)}
.phone-top span{display:block;font:400 12px var(--sans);color:var(--muted)}
.phone-body{display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;padding:16px 14px 18px}
.bub{max-width:88%;padding:11px 14px;font:400 15px/1.5 var(--sans);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bub.bm{align-self:flex-end;background:rgba(20,16,14,.97);border:1px solid rgba(255,77,46,.55);color:#FAF7F5;border-radius:18px 18px 6px 18px}
.bub.bt{align-self:flex-start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#F5EFEA;border-radius:18px 18px 18px 6px}
.tr-toggle{display:flex;align-items:center;gap:4px;margin-top:6px;padding:0;background:none;border:0;cursor:pointer;font:700 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ember)}
.btm{margin-top:5px;font:500 10.5px var(--sans);letter-spacing:.04em;opacity:.5;font-variant-numeric:tabular-nums}
.bub.bm .btm{text-align:right}
.lang-cap{margin:8px 2px 0;font:400 13px var(--sans);color:var(--faint)}
@media (max-width:640px){.phones{grid-template-columns:1fr}.phone-body{min-height:130px}}
.demo-note{margin:14px 0 0;font:400 13.5px/1.5 var(--sans);color:var(--faint)}

/* steps (verification and similar sequences) */
.steps{list-style:none;margin:2em 0;padding:0;display:grid;gap:0;counter-reset:s;font-family:var(--sans)}
.steps li{position:relative;padding:0 0 26px 56px;counter-increment:s}
.steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font:600 15px var(--sans);color:var(--paper)}
.steps li::after{content:"";position:absolute;left:18px;top:38px;bottom:4px;width:1px;background:var(--line)}
.steps li:last-child::after{display:none}
.steps b{display:block;font-size:17px;color:var(--paper);margin-bottom:4px}
.steps span{color:var(--muted);font-size:16px;line-height:1.6}

/* pull figure and inline photo */
.inline-photo{margin:2.2em 0;border-radius:var(--r-lg);overflow:hidden;position:relative}
.inline-photo img{width:100%;aspect-ratio:16/10;object-fit:cover}
.inline-photo figcaption{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border-radius:999px;background:rgba(16,13,11,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:500 13px var(--sans);color:var(--paper)}
.inline-photo figcaption::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(134,224,168,.18)}
.inline-photo .t{font-variant-numeric:tabular-nums;color:var(--muted)}

/* closing band */
.close{position:relative;overflow:hidden;border-top:1px solid var(--line)}
.close>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.close::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,13,11,.96) 30%,rgba(16,13,11,.55))}
.close .wrap{position:relative;z-index:1;padding-top:clamp(64px,9vw,120px);padding-bottom:clamp(64px,9vw,120px)}
.close p{font:400 18px/1.55 var(--sans);color:#D9D0C8;max-width:30em;margin:18px 0 28px}
.store-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.store-row img{height:52px;width:auto}
.store-row a.plain{font:500 15px var(--sans);color:var(--muted)}



/* site footer: the same on every page; every rule is scoped to .site-foot */
.site-foot,.site-foot *{box-sizing:border-box}
.site-foot{display:block;margin:0;padding:0;max-width:none;width:auto;text-align:left;border-top:1px solid rgba(247,240,233,.11);background:#0C0A09;color:#AFA59C;font:400 16px/1.55 'Outfit',-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}
.site-foot .sf-wrap{max-width:1920px;margin:0 auto;padding:clamp(72px,9vw,128px) var(--gutter,clamp(20px,4vw,72px)) 30px}
.site-foot h2{border:0;padding:0;background:none;box-shadow:none;margin:0 0 22px;font:600 12.5px/1.3 'Outfit',-apple-system,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#F7F0E9;font-style:normal}
.site-foot a{color:#AFA59C;text-decoration:none;transition:color .2s}
.site-foot a:hover{color:#F7F0E9}
.site-foot a:focus-visible{outline:2px solid #FF4D2E;outline-offset:3px;border-radius:4px}
.site-foot ul{list-style:none;margin:0;padding:0;border:0}
.site-foot li{margin:0}
.site-foot li::before,.site-foot li::marker{content:none}
.site-foot p{margin:0}
.site-foot img{max-width:100%;border:0;box-shadow:none}
/* top row: brand, get the app, follow */
.site-foot .sf-top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:clamp(40px,6vw,96px);align-items:start;padding-bottom:clamp(56px,7vw,88px);border-bottom:1px solid rgba(247,240,233,.11)}
.site-foot .sf-lt{display:inline-flex;align-items:center;gap:6.81px;line-height:0;color:#FF4D2E}
.site-foot .sf-lt:hover{color:#FF4D2E}
.site-foot .sf-lt img{width:36px;height:36px;border-radius:9px}
.site-foot .sf-lt img.wm{width:auto;height:36px;border-radius:0}
.site-foot .sf-brand p{margin:22px 0 0;max-width:22em;font-size:clamp(18px,1.55vw,22px);line-height:1.5;color:#D9D0C8}
.site-foot .sf-play{display:inline-block}
.site-foot .sf-play img{height:56px;width:auto;display:block}
.site-foot .sf-social{display:flex;flex-wrap:nowrap;gap:12px;max-width:none}
.site-foot .sf-social a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(28,25,23,.85);border:1px solid rgba(255,77,46,.55);color:#F7F0E9;transition:border-color .2s,background .2s,transform .2s}
.site-foot .sf-social a:hover{border-color:#FF4D2E;background:rgba(40,34,31,.92);transform:translateY(-2px)}
.site-foot .sf-social svg{width:19px;height:19px;fill:currentColor}
/* five link columns spread across the full width */
.site-foot .sf-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(32px,4.5vw,72px);padding:clamp(56px,7vw,96px) 0}
.site-foot .sf-col a{display:inline-block;padding:9px 0;font-size:16.5px;line-height:1.4;border:0;background:none;box-shadow:none}
/* the wordmark across the bottom */
.site-foot .sf-mark{display:block;margin:0 0 clamp(20px,3vw,36px);text-align:center;white-space:nowrap;user-select:none;pointer-events:none;font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:700;font-variation-settings:'opsz' 144;letter-spacing:-.01em;line-height:.82;font-size:clamp(110px,24vw,380px);background:linear-gradient(180deg,rgba(255,77,46,.62) 0%,rgba(255,77,46,.16) 62%,rgba(255,77,46,0) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* legal line and back to top */
.site-foot .sf-base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;padding-top:26px;border-top:1px solid rgba(247,240,233,.11);font-size:13.5px;line-height:1.55;color:#7A716A}
.site-foot .sf-base .tm-note{flex-basis:100%;order:3;margin:0}
/* trademark mark and India filing note: India only (html.in-tm is set from the time zone) */
.site-foot .tm{display:none;font:700 11px/1 'Outfit',sans-serif;letter-spacing:.06em;color:#FF4D2E;align-self:flex-start;margin:2px 0 0 calc(1.5px - 6.81px)}
.site-foot .tm-note{display:none}
.in-tm .site-foot .tm{display:inline}
.in-tm .site-foot .tm-note{display:block}
@media (max-width:1100px){.site-foot .sf-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:48px}}
@media (max-width:1100px){.site-foot .sf-social{flex-wrap:wrap;max-width:240px}}
@media (max-width:860px){.site-foot .sf-top{grid-template-columns:auto 1fr}.site-foot .sf-social{max-width:none}.site-foot .sf-brand{grid-column:1/-1}}
@media (max-width:560px){.site-foot .sf-top{grid-template-columns:1fr;gap:38px}.site-foot .sf-social{flex-wrap:wrap}.site-foot .sf-grid{grid-template-columns:1fr 1fr;gap:44px 24px}.site-foot .sf-social{gap:10px}.site-foot .sf-social a{width:44px;height:44px}.site-foot .sf-col a{font-size:16px;padding:8px 0}.site-foot .sf-base{flex-direction:column;align-items:flex-start}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{.nav,.progress,.toc,.find,.find-note,.close,.site-foot{display:none}body{background:#fff;color:#000}.prose,.prose.ref{color:#000}}

/* ===== components for the remaining pages ===== */
.updated{font:500 14px var(--sans);color:var(--muted);margin:18px 0 0}

/* verification walkthrough */
.walk{margin:2em 0 2.4em;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;font-family:var(--sans);background:var(--raised)}
.walk-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.walk-tab{padding:14px 12px;background:none;border:0;border-right:1px solid var(--line);color:var(--muted);font:600 14px var(--sans);cursor:pointer;text-align:left}
.walk-tab:last-child{border-right:0}
.walk-tab b{display:block;font:500 12px var(--sans);color:var(--faint);margin-bottom:2px}
.walk-tab[aria-selected="true"]{color:var(--paper);box-shadow:inset 0 -2px 0 var(--ember);background:rgba(28,25,23,.85)}
.walk-panel{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:center;padding:24px}
.walk-panel[hidden]{display:none}
.walk-panel.play{animation:walkIn .35s ease both}
@keyframes walkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.walk-panel.play .idcard em{animation:scan 1.6s ease-in-out .2s 2 both}
@keyframes scan{0%{top:6px;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:104px;opacity:0}}
.walk-panel.play .selfie{animation:ring 1.4s ease-out .15s both}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(255,77,46,.5)}100%{box-shadow:0 0 0 18px rgba(255,77,46,0)}}
.walk-panel.play .stamp{animation:thud .45s cubic-bezier(.2,1.6,.5,1) .1s both}
@keyframes thud{0%{transform:rotate(-9deg) scale(1.6);opacity:0}100%{transform:rotate(-9deg) scale(1);opacity:1}}
.idcard em{position:absolute;left:6px;right:6px;top:6px;height:2px;background:var(--ember);box-shadow:0 0 12px var(--ember);opacity:0;border-radius:2px}
.walk-bar{height:2px;background:var(--line)}
.walk-bar i{display:block;height:100%;width:33.33%;background:var(--ember);transition:width .35s ease}
.walk-panel p{margin:0;font:400 16px/1.65 var(--sans);color:#DCD3CB}
.walk-panel p strong{display:block;margin-bottom:4px;color:var(--paper);font-size:17px}
.walk-art{height:150px;display:grid;place-items:center}
.idcard{width:190px;height:120px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#2a2420,#1b1715);position:relative;box-shadow:0 18px 30px -18px #000}
.idcard::before{content:"";position:absolute;left:14px;top:18px;width:46px;height:58px;border-radius:6px;background:linear-gradient(180deg,#5b4a40,#3a2f29)}
.idcard::after{content:"";position:absolute;left:72px;right:14px;top:22px;height:44px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.22) 0 6px,transparent 6px 14px);border-radius:3px}
.idcard i{position:absolute;inset:-8px;border:2px dashed rgba(255,77,46,.7);border-radius:16px}
.selfie{width:118px;height:118px;border-radius:50%;border:2px solid var(--ember);overflow:hidden;box-shadow:0 0 0 8px rgba(255,77,46,.12)}
.selfie img{width:100%;height:100%;object-fit:cover}
.stamp{width:150px;height:150px;border-radius:50%;border:3px double var(--ember);display:grid;place-items:center;text-align:center;transform:rotate(-9deg);color:var(--ember);font:700 13px/1.25 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.stamp em{display:block;font:italic 600 22px/1 var(--display);letter-spacing:0;text-transform:none;margin:4px 0}
@media (max-width:640px){.walk-panel{grid-template-columns:1fr}.walk-tab{font-size:13px;padding:12px 10px}}

/* time zone overlap */
.overlap{margin:2em 0 2.4em;padding:clamp(18px,3vw,26px);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--raised);font-family:var(--sans)}
.overlap .pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.overlap select{width:100%;appearance:none;-webkit-appearance:none;padding:11px 34px 11px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--ground) 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 1l5 5 5-5' fill='none' stroke='%23AFA59C' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--paper);font:500 15px var(--sans)}
.overlap label{display:block;font:500 13px var(--sans);color:var(--muted);margin-bottom:6px}
.overlap .now{font:400 14px var(--sans);color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}
.track{position:relative;height:44px;border-radius:10px;background:rgba(255,255,255,.05);overflow:hidden;margin:8px 0}
.track span{position:absolute;top:0;bottom:0;background:rgba(255,77,46,.16);border-left:1px solid rgba(255,77,46,.4);border-right:1px solid rgba(255,77,46,.4)}
.track span.both{background:rgba(255,77,46,.55)}
.track-l{display:flex;justify-content:space-between;font:400 12px var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
.overlap .verdict{margin:14px 0 0;font:500 16px/1.5 var(--sans);color:var(--paper)}
@media (max-width:560px){.overlap .pair{grid-template-columns:1fr}}

/* founding dots */
.dots{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;max-width:440px;margin-left:auto}
@media (max-width:900px){.dots{margin-left:0;max-width:360px;gap:8px}}
.dots i{aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.18)}
.dots i.on{border-color:var(--ember);background:rgba(20,16,14,.97);box-shadow:inset 0 0 0 3px rgba(255,77,46,.55)}
.spots{font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(40px,5vw,64px);line-height:1;margin:22px 0 6px;font-variant-numeric:tabular-nums}
.spots-l{font:400 15px var(--sans);color:var(--muted)}

/* founder */
.portrait{margin:0;border-radius:var(--r-lg);overflow:hidden;position:relative;max-width:420px;justify-self:end}
.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%}
.links-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.timeline{list-style:none;margin:1.6em 0 2em;padding:0;border-left:1px solid var(--line);font-family:var(--sans)}
.timeline li{position:relative;padding:0 0 22px 24px}
.timeline li::before{content:"";position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--ground);border:1px solid var(--line-2)}
.timeline b{display:block;font:600 13.5px var(--sans);color:var(--muted);margin-bottom:2px;font-variant-numeric:tabular-nums}
.timeline span{display:block;font:400 16px/1.55 var(--sans);color:#DCD3CB}
@media (max-width:900px){.portrait{justify-self:start;max-width:320px}}

/* trust dashboard */
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.board .cell{padding:30px 26px 30px 0;border-bottom:1px solid var(--line)}
.board .cell:not(:nth-child(3n+1)){padding-left:26px;border-left:1px solid var(--line)}
.board .num{display:block;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(40px,4.6vw,64px);line-height:1;font-variant-numeric:tabular-nums}
.board h3{margin:14px 0 6px;font:600 16px var(--sans);color:var(--paper)}
.board p{margin:0;font:400 15px/1.55 var(--sans);color:var(--muted);max-width:26em}
@media (max-width:900px){.board{grid-template-columns:1fr 1fr}.board .cell:not(:nth-child(3n+1)){padding-left:0;border-left:0}.board .cell:nth-child(even){padding-left:22px;border-left:1px solid var(--line)}}
@media (max-width:560px){.board{grid-template-columns:1fr}.board .cell:nth-child(even){padding-left:0;border-left:0}}

/* support */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:1.2em 0 2em;font-family:var(--sans)}
.card{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--raised)}
.card h3{margin:0 0 4px!important;font:600 15px var(--sans)!important;color:var(--paper)}
.card a.mail{font:500 15.5px var(--sans);word-break:break-all}
.card p{margin:8px 0 0!important;font:400 14px/1.5 var(--sans)!important;color:var(--muted)!important}
.card .btn{margin-top:auto;padding:7px 14px;font-size:13px}
.card .card-body{margin-bottom:18px}
.qa{font-family:var(--sans)}
.qa details{border-top:1px solid var(--line)}
.qa details:last-of-type{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font:600 16px/1.4 var(--sans);color:var(--paper);touch-action:manipulation}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";flex:0 0 auto;color:var(--ember);font:300 22px/1 var(--sans);transition:transform .2s}
.qa details[open] summary::after{transform:rotate(45deg)}
.qa details p{margin:0 0 20px!important;max-width:36em;font:400 16px/1.6 var(--sans)!important;color:var(--muted)!important}
@media (max-width:640px){.cards{grid-template-columns:1fr}}

/* account deletion */
.flow{max-width:560px;font-family:var(--sans)}
.flow label{display:block;font:600 13px var(--sans);letter-spacing:.02em;color:var(--paper);margin:20px 0 7px}
.flow input{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--line-2);background:var(--raised);color:var(--paper);font:16px var(--sans);outline:none}
.flow input:focus{border-color:var(--ember)}
.flow .btn{margin:22px 10px 0 0;padding:13px 24px;font-size:15px}
.btn-danger{background:rgba(28,25,23,.85);color:var(--paper);border-color:#F87171;box-shadow:0 8px 22px -14px rgba(248,113,113,.6)}
.btn-danger:hover{background:rgba(40,34,31,.92)}
.btn:disabled{opacity:.55;cursor:default}
.msg{min-height:1.2em;margin:14px 0 0;font-size:14px}.msg.err{color:#F87171}.msg.ok{color:var(--ok)}
.hidden{display:none!important}
#who{color:var(--paper)}

/* Love Map */
.rank{list-style:none;margin:1.2em 0 .6em;padding:0;counter-reset:r;font-family:var(--sans)}
.rank li{counter-increment:r;display:grid;grid-template-columns:28px 1fr;gap:4px 12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.rank li::before{content:counter(r);font:600 14px var(--sans);color:var(--muted);grid-row:span 2}
.rank .t{font:500 16px var(--sans);color:var(--paper)}
.rank .f{height:6px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}
.rank .f i{display:block;height:100%;background:rgba(255,77,46,.7);border-radius:3px}
.hours{width:100%;height:auto;display:block;margin:1.2em 0 .4em}
.lm-note{font:400 14px/1.55 var(--sans);color:var(--faint);margin:.4em 0 0}

/* ===== seven distinct heroes ===== */
.pic{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--raised);box-shadow:0 30px 60px -32px rgba(0,0,0,.85)}
.pic img{width:100%;height:100%;object-fit:cover;display:block}
.pic figcaption,.cap{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border-radius:999px;background:rgba(16,13,11,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:500 13px var(--sans);color:var(--paper);white-space:nowrap}
.pic figcaption::before,.cap::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(134,224,168,.18)}
.pic .t,.cap .t{font-variant-numeric:tabular-nums;color:var(--muted)}

/* 1. translation: the message travels between two people */
.hero-bridge .wrap{display:block}
.hb-head{max-width:880px;margin:0 auto;text-align:center}
.hb-head .lede{margin-left:auto;margin-right:auto}
.hb-head .hero-actions{justify-content:center}
.hb-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:clamp(16px,3vw,44px);align-items:center;margin-top:clamp(44px,6vw,80px)}
.hb-row .pic{aspect-ratio:4/5}
.hb-row .pic.b{margin-top:64px}
.hb-chat{display:grid;gap:10px;font-family:var(--sans)}
.hb-chat .bub{max-width:100%}
.hb-lang{font:500 12.5px var(--sans);color:var(--faint);margin:2px 4px 0}
.hb-lang.r{text-align:right}
.hb-mid{display:flex;justify-content:center;color:var(--ember);opacity:.8;margin:2px 0}
@media (max-width:820px){.hb-row{grid-template-columns:1fr 1fr;grid-template-areas:"a b" "c c"}.hb-row .pic.a{grid-area:a}.hb-row .pic.b{grid-area:b;margin-top:28px}.hb-chat{grid-area:c;margin-top:8px}}

/* 2. ID verification: what a verified profile looks like */
.hero-card .wrap{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center}
.pcards{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.pcard{border-radius:22px;overflow:hidden;background:var(--raised);border:1px solid var(--line);box-shadow:0 30px 60px -32px rgba(0,0,0,.85)}
.pcard:nth-child(2){margin-top:64px}
.pcard .ph{position:relative;aspect-ratio:4/5}
.pcard .ph img{width:100%;height:100%;object-fit:cover;display:block}
.pcard .meta{display:grid;gap:7px;padding:14px 16px 16px}
.pcard .chk{display:flex;align-items:center;gap:8px;font:500 13.5px var(--sans);color:var(--paper)}
.pcard .chk svg{flex:0 0 auto;color:var(--ok)}
.pcard .loc{font:400 13px var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}
.pcards .stamp{position:absolute;width:118px;height:118px;right:-10px;top:-26px;background:rgba(16,13,11,.86);font-size:10.5px;z-index:2}
.pcards .stamp em{font-size:18px}
@media (max-width:900px){.hero-card .wrap>div:first-child{order:2}.pcards .stamp{width:96px;height:96px;right:-4px;top:-18px}}

/* 3. language barrier: a magazine spread */
.hero-editorial .wrap{display:block}
.hero-editorial .display{font-size:clamp(46px,7.4vw,112px);max-width:14ch}
.he-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3.3fr) minmax(0,3.3fr);gap:clamp(20px,3vw,44px);margin-top:clamp(36px,5vw,64px);align-items:start}
.he-grid .lede{margin-top:0;font-family:var(--read);font-size:clamp(18px,1.5vw,21px);line-height:1.62;color:#E6DDD5}
.he-grid .pic{aspect-ratio:3/4}
.he-grid .pic.b{margin-top:96px}
@media (max-width:900px){.he-grid{grid-template-columns:1fr 1fr}.he-grid>div:first-child{grid-column:1/-1}.he-grid .pic.b{margin-top:40px}}

/* 4. international students: campus to home */
.hero-route .wrap{display:block}
.hr-head{max-width:820px}
.hr-head .lede{max-width:40em}
.hr-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.9fr) minmax(0,1fr);gap:clamp(14px,2.4vw,32px);align-items:center;max-width:1060px;margin-top:clamp(44px,5vw,68px)}
.hr-band .pic{aspect-ratio:4/5}
.hr-band .pic img{object-position:50% 16%}
.hr-path{text-align:center;font-family:var(--sans)}
.hr-path svg{width:100%;height:auto;display:block;overflow:visible}
.hr-path b{display:block;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(28px,2.8vw,40px);color:var(--paper);font-variant-numeric:tabular-nums;margin-top:8px}
.hr-path span{display:block;font:400 14px/1.5 var(--sans);color:var(--muted);margin-top:4px}
@media (max-width:820px){.hr-band{grid-template-columns:1fr 1fr;grid-template-areas:"a b" "c c"}.hr-band .pic.a{grid-area:a}.hr-band .pic.b{grid-area:b}.hr-path{grid-area:c}.hr-path svg{max-width:260px;margin:0 auto}}

/* 5. trust: the photo runs full height to the edge of the screen */
.hero-immersive{position:relative;padding:0;overflow:hidden;border-bottom:1px solid var(--line)}
.hi-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(82vh,780px)}
.hi-txt{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,7vw,96px) clamp(28px,5vw,72px) clamp(48px,7vw,96px) max(var(--gutter),calc((100vw - var(--wrap))/2 + var(--gutter)))}
.hi-photo{position:relative;min-height:420px}
.hi-photo>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hi-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--ground) 0%,rgba(16,13,11,0) 28%)}
.hi-photo .cap{z-index:2;left:auto;right:16px;top:16px;bottom:auto}
.hi-card{position:absolute;z-index:2;width:200px;aspect-ratio:4/5;left:-60px;bottom:40px;border:6px solid var(--ground)}
@media (max-width:860px){.hi-grid{grid-template-columns:1fr}.hi-photo{min-height:460px}.hi-photo::before{background:linear-gradient(180deg,var(--ground) 0%,rgba(16,13,11,0) 24%)}.hi-card{left:16px;bottom:16px;width:140px}.hi-txt{padding:48px var(--gutter) 28px}}

/* 6. support: search first */
.hero-desk{padding-bottom:clamp(28px,4vw,48px)}
.hero-desk .wrap{display:block}
.hd{position:relative;max-width:1080px;margin:0 auto;text-align:center}
.hd .lede{margin-left:auto;margin-right:auto}
.hd .find{margin:30px auto 0;max-width:560px}
.hd .find input{padding-top:16px;padding-bottom:16px;font-size:16.5px}
.hd-pic{position:absolute;width:170px;aspect-ratio:4/5}
.hd-pic.a{left:0;top:10px}
.hd-pic.b{right:0;top:120px}
.hd-txt{max-width:640px;margin:0 auto}
@media (max-width:1000px){.hd .hd-pic.a,.hd .hd-pic.b{position:relative;display:inline-block;width:128px;left:auto;right:auto;top:auto;margin:0 6px 24px;vertical-align:top}.hd .hd-pic.b{margin-top:22px}}

/* 7. Love Map: a route across a dotted globe */
.hero-map .wrap{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center}
.globe-wrap{display:flex;flex-direction:column;align-items:center;justify-self:end;width:100%;max-width:560px}
.globe-cap{margin:6px 0 0;font:500 14px var(--sans);color:var(--muted);text-align:center}
.globe-cap::first-letter{text-transform:uppercase}
.globe{position:relative;width:100%;aspect-ratio:1}
.globe svg{width:100%;height:100%;display:block}
.globe .arc{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:drawArc 2s cubic-bezier(.45,0,.2,1) .3s forwards}
.globe .pulse{transform-box:fill-box;transform-origin:center;animation:gPulse 2.6s ease-out infinite}
.globe .pulse:nth-of-type(odd){animation-delay:1.3s}
@keyframes gPulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.2);opacity:0}}
@keyframes drawArc{to{stroke-dashoffset:0}}
.pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;pointer-events:none;padding-bottom:9px}
.pin::after{content:"";width:2px;height:20px;background:linear-gradient(var(--ember),rgba(255,77,46,.15))}
.pin .ph{width:68px;height:68px;border-radius:50%;overflow:hidden;border:2px solid var(--ember);box-shadow:0 0 0 6px rgba(255,77,46,.14),0 20px 40px -20px #000}
.pin .ph img{width:100%;height:100%;object-fit:cover}
.pin .cap{position:static}
@media (max-width:900px){.globe-wrap{justify-self:center}.globe{width:76%;max-width:400px;margin:16px auto 8px}.pin .ph{width:46px;height:46px}.pin::after{height:12px}.pin{padding-bottom:6px}}
@media (prefers-reduced-motion:reduce){.globe .arc{animation:none;stroke-dashoffset:0}.globe .pulse{animation:none;opacity:0}}
@media (max-width:900px){.hero-card .wrap,.hero-map .wrap{grid-template-columns:1fr}}

/* ===================== home ===================== */
.kick{display:inline-flex;align-items:center;gap:10px;font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}
.kick::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 4px rgba(255,77,46,.16)}
.h-sec{padding:clamp(72px,9vw,128px) 0}
.h-head{max-width:760px;margin-bottom:clamp(32px,4vw,52px)}
.h-head .display{font-size:clamp(38px,4.8vw,68px);margin:.3em 0 .2em}
.h-head p.sub{font:400 18px/1.55 var(--sans);color:var(--muted);max-width:36em;margin:10px 0 0}
.h-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}

/* hero: the product, front and centre */
.home-hero{position:relative;overflow:hidden;padding:clamp(36px,5vw,72px) 0 clamp(56px,7vw,100px)}
.home-hero::before{content:"";position:absolute;right:-12%;top:-18%;width:min(78vw,980px);aspect-ratio:1;background:radial-gradient(closest-side,rgba(255,77,46,.17),rgba(255,77,46,0));pointer-events:none}
.home-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(247,240,233,.075) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 72% 45%,#000,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 72% 45%,#000,transparent 75%);pointer-events:none}
.home-hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center}
.home-hero .display{font-size:clamp(58px,8.6vw,132px);max-width:8.5ch;margin:.2em 0 .22em;line-height:.94}
.home-hero .lede{max-width:31em}
.hh-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:30px}
.hh-acts .badge img{display:block;height:54px;width:auto}
.hh-acts .btn{margin:0}
.hh-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:28px 0 0;padding:0;list-style:none;font:500 13.5px var(--sans);color:var(--muted)}
.hh-meta li{display:flex;align-items:center;gap:8px}
.hh-meta li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.hh-press{margin:14px 0 0;font:400 13.5px/1.5 var(--sans);color:var(--faint)}
.hh-press a{color:var(--paper);text-decoration:none;border-bottom:1px solid rgba(247,240,233,.25)}
.hh-press a:hover{border-color:var(--ember)}
.hh-vis{position:relative;display:flex;justify-content:center;align-items:center;min-height:620px}
.hh-phone{position:relative;width:min(330px,74%);transform:rotate(-2.5deg);filter:drop-shadow(0 50px 70px rgba(0,0,0,.75))}
.hh-phone img{display:block;width:100%;height:auto}
.hh-float{position:absolute;z-index:2;background:rgba(24,20,18,.84);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(247,240,233,.1);border-radius:18px;padding:14px 16px 15px;box-shadow:0 30px 60px -28px #000;font-family:var(--sans);animation:hfloat 7s ease-in-out infinite}
.hh-float.tr{left:-2%;top:13%;width:min(260px,62%)}
.hh-float.id{right:-2%;bottom:13%;width:min(220px,52%);animation-delay:-3.5s}
.hh-float .lbl{display:block;font:600 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ember);margin-bottom:10px}
.hh-float .bub{max-width:100%;margin:0}
.hh-float .chk{display:flex;align-items:center;gap:9px;font:500 14px var(--sans);color:var(--paper);padding:3px 0}
.hh-float .chk svg{color:var(--ok);flex:0 0 auto}
@keyframes hfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:900px){.home-hero .wrap{grid-template-columns:1fr}.hh-vis{min-height:0;padding:20px 0 10px}.hh-phone{width:min(270px,62%)}.hh-float.tr{left:0;top:6%;width:min(230px,58%)}.hh-float.id{right:0;bottom:8%;width:min(190px,48%)}}

/* the people: a scrolling row of cards */
.home-strip{padding:clamp(56px,7vw,96px) 0 clamp(40px,5vw,64px);border-top:1px solid var(--line)}
.hs-note{font:400 13px/1.5 var(--sans);color:var(--faint);max-width:26ch;margin:0}
.hs-arrows{display:flex;gap:10px}
.hs-arrows button{width:44px;height:44px;border-radius:50%;background:rgba(28,25,23,.85);border:1px solid var(--ember);color:var(--paper);cursor:pointer;display:grid;place-items:center;transition:background .2s}
.hs-arrows button:hover{background:rgba(40,34,31,.95)}
.hs-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,23vw,290px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px max(var(--gutter),calc((100vw - var(--wrap))/2 + var(--gutter))) 10px;scroll-padding-left:max(var(--gutter),calc((100vw - var(--wrap))/2 + var(--gutter)))}
.hs-rail::-webkit-scrollbar{display:none}
.hs-card{position:relative;display:block;aspect-ratio:3/4;border-radius:22px;overflow:hidden;scroll-snap-align:start;text-decoration:none;background:var(--raised);box-shadow:0 30px 60px -34px #000}
.hs-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hs-card:hover img{transform:scale(1.04)}
.hs-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,9,8,.92) 4%,rgba(12,9,8,.15) 52%,rgba(12,9,8,0))}
.hs-card .t{position:absolute;left:18px;right:18px;bottom:18px;z-index:1}
.hs-card b{display:block;font:600 13px var(--sans);letter-spacing:.04em;color:var(--paper);margin-bottom:6px}
.hs-card q{display:block;font-family:var(--display);font-style:italic;font-size:19px;line-height:1.25;color:#F1E9E2;quotes:none}
@media (max-width:700px){.hs-arrows{display:none}}

/* how it starts: three moments as a stepper */
.st-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:clamp(28px,4vw,44px)}
.st-tab{position:relative;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:18px 4px 6px 0;cursor:pointer;color:var(--muted);font-family:var(--sans)}
.st-tab::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--ember);transition:width .35s ease}
.st-tab[aria-selected="true"]{color:var(--paper)}
.st-tab[aria-selected="true"]::before{width:100%}
.st-tab span{display:block;font:600 12px var(--sans);letter-spacing:.12em;color:var(--ember);margin-bottom:6px}
.st-tab b{font:600 17px var(--sans)}
.st-panel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,60px);align-items:start;animation:fadeUp .45s ease both}
.st-panel[hidden]{display:none}
.st-panel .pic{aspect-ratio:4/5}
.st-panel h3{font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(34px,3.8vw,54px);line-height:1.04;margin:.35em 0 .3em;color:var(--paper)}
.st-panel .lede{margin-top:0}
.st-cap{font:italic 400 15px var(--read);color:var(--faint);margin:14px 0 0}
.st-panel .demo{margin-top:28px}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:820px){.st-tabs{grid-template-columns:repeat(3,auto);overflow-x:auto;gap:22px}.st-tab b{font-size:15px;white-space:nowrap}.st-panel{grid-template-columns:1fr}.st-panel .pic{aspect-ratio:4/3}}

/* Second Guess: both answers reveal together */
.sg{margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025);font-family:var(--sans)}
.sg-q{margin:0 0 16px;font:600 17px var(--sans);color:var(--paper)}
.sg-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sg-card{position:relative;padding:18px 16px;border-radius:16px;border:1px solid var(--line);background:var(--raised);overflow:hidden;min-height:92px}
.sg-card span{display:block;font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.sg-card b{display:block;font-family:var(--display);font-style:italic;font-weight:500;font-size:24px;color:var(--paper);filter:blur(9px);opacity:.5;transition:filter .5s,opacity .5s}
.sg-card::after{content:"Sealed";position:absolute;right:12px;top:12px;font:600 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ember);transition:opacity .3s}
.sg.open .sg-card b{filter:none;opacity:1}
.sg.open .sg-card::after{opacity:0}
.sg .btn{margin:18px 0 0}
.sg-note{margin:14px 0 0;font:400 15px/1.5 var(--sans);color:var(--muted)}

/* every screen is in production: pick a feature, the phone changes */
.pr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.pr-list{display:grid;gap:4px}
.pr-item{text-align:left;background:none;border:0;border-left:2px solid var(--line);padding:18px 0 18px 22px;cursor:pointer;font-family:var(--sans);color:var(--muted);position:relative}
.pr-item::before{content:"";position:absolute;left:-2px;top:0;width:2px;height:0;background:var(--ember);transition:height .35s}
.pr-item[aria-selected="true"]::before{height:100%}
.pr-item b{display:block;font:600 19px var(--sans);color:var(--muted);transition:color .2s}
.pr-item[aria-selected="true"] b{color:var(--paper)}
.pr-item .d{display:none;margin-top:8px;font:400 15.5px/1.6 var(--sans);color:var(--muted);max-width:32em}
.pr-item[aria-selected="true"] .d{display:block;animation:fadeUp .4s ease both}
.pr-item ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.pr-item li{display:flex;gap:10px;font:400 14.5px/1.5 var(--sans)}
.pr-item li::before{content:"";flex:0 0 6px;height:6px;margin-top:8px;border-radius:50%;background:var(--ember)}
.pr-phone{position:relative;justify-self:center;width:min(330px,80%);aspect-ratio:640/1303;filter:drop-shadow(0 50px 70px rgba(0,0,0,.75))}
.pr-phone img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .5s ease,transform .5s ease}
.pr-phone img.on{opacity:1;transform:none}
.pr-phone::before{content:"";position:absolute;inset:10% -30%;z-index:-1;background:radial-gradient(closest-side,rgba(255,77,46,.16),transparent)}
@media (max-width:820px){.pr-grid{grid-template-columns:1fr}.pr-phone{order:-1;width:min(260px,64%)}}

/* the 45-second tour */
.yt-frame{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:16/9;background:#000;box-shadow:0 40px 80px -40px #000;border:1px solid var(--line)}
.yt-frame .yt-btn{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:none}
.yt-frame .yt-btn img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,opacity .3s}
.yt-frame .yt-btn:hover img{transform:scale(1.02);opacity:.92}
.yt-frame .yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;background:rgba(28,25,23,.88);border:1px solid var(--ember);color:var(--paper);font:600 15px var(--sans);box-shadow:0 10px 30px -10px rgba(255,77,46,.6)}
.yt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* this month on the Love Map */
.hm-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:center}
.home-map .globe-wrap{max-width:500px}
@media (max-width:900px){.hm-grid{grid-template-columns:1fr}}

/* safety */
.safe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.safe-card{padding:24px 22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)}
.safe-card .ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ember);color:var(--ember);background:rgba(255,77,46,.06);margin-bottom:18px}
.safe-card h3{margin:0 0 8px;font:600 17px var(--sans);color:var(--paper)}
.safe-card p{margin:0;font:400 15px/1.55 var(--sans);color:var(--muted)}
.home-safety .board{margin-top:clamp(36px,5vw,56px)}
.safe-about{margin:28px 0 0;font:400 14px/1.6 var(--sans);color:var(--faint);max-width:52em}
@media (max-width:980px){.safe-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.safe-grid{grid-template-columns:1fr}}

/* why we built Ember */
.home-quote{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-quote picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.home-quote::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,13,11,.95) 25%,rgba(16,13,11,.55) 75%,rgba(16,13,11,.35))}
.home-quote .wrap{position:relative;z-index:1;padding-top:clamp(90px,12vw,170px);padding-bottom:clamp(90px,12vw,170px)}
.home-quote blockquote{margin:0;max-width:20ch;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(34px,4.6vw,66px);line-height:1.06;color:var(--paper)}
.home-quote a{display:inline-block;margin-top:26px;font:600 14px var(--sans);color:var(--paper);text-decoration:none;border-bottom:1px solid var(--ember);padding-bottom:3px}

/* the film */
.home .film{position:relative;overflow:hidden;background:#0B0908}
.home .film-in{position:relative;width:100%;aspect-ratio:16/9;max-height:80vh;background:#0B0908 url(/assets/story.jpg) center/cover no-repeat}
.home .film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home .film .veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,5,.35) 0%,rgba(8,6,5,.12) 30%,rgba(8,6,5,.5) 60%,rgba(8,6,5,.88) 100%),linear-gradient(0deg,rgba(8,6,5,.6),transparent 40%)}
.home .fcaps{position:absolute;inset:0 0 64px}
.home .fcaps .col{position:relative;height:100%;width:min(var(--wrap),calc(100% - 2*var(--gutter)));margin:0 auto}
.home .fcap{position:absolute;right:0;top:50%;margin:0;text-align:right;max-width:min(540px,46%);opacity:0;transform:translateY(calc(-50% + 16px));transition:opacity .85s cubic-bezier(.32,.72,0,1),transform .85s cubic-bezier(.32,.72,0,1)}
.home .fcap.show{opacity:1;transform:translateY(-50%)}
.home .fcap .tag{display:block;margin-bottom:12px;font:600 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ember)}
.home .fcap .line{display:block;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(28px,3.6vw,52px);line-height:1.06;color:var(--paper);text-wrap:balance}
.home .film .foot{position:absolute;left:0;right:0;bottom:0;padding:22px 0}
.home .film .foot .col{width:min(var(--wrap),calc(100% - 2*var(--gutter)));margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:500 12.5px var(--sans);letter-spacing:.06em;color:var(--muted)}
.home .film .tap{position:absolute;inset:0;z-index:3;display:none;align-items:center;justify-content:center;background:rgba(8,6,5,.35);border:0;cursor:pointer}
.home .film .tap span{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:rgba(28,25,23,.88);border:1px solid var(--ember);color:var(--paper);font:600 15px var(--sans)}
.home .film.needstap .tap{display:flex}
@media (max-width:760px){.home .film-in{aspect-ratio:4/5;max-height:none}.home .fcaps{inset:0 0 50px}.home .fcap{left:0;right:auto;top:auto;bottom:24px;text-align:left;max-width:none;transform:translateY(16px)}.home .fcap.show{transform:none}.home .film .foot .col span:last-child{display:none}}
@media (prefers-reduced-motion:reduce){.home .fcap{position:static;opacity:1;transform:none;margin-bottom:18px}.home .fcaps{display:flex;align-items:flex-end;padding-bottom:70px}.hh-float{animation:none}}

/* journal */
.jr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.jr-card{display:flex;flex-direction:column;padding:clamp(24px,3vw,36px);border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.025);text-decoration:none;transition:border-color .2s,transform .2s}
.jr-card:hover{border-color:rgba(255,77,46,.55);transform:translateY(-2px)}
.jr-card span.k{font:600 11.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ember)}
.jr-card h3{margin:14px 0 10px;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(26px,2.6vw,36px);line-height:1.1;color:var(--paper)}
.jr-card p{margin:0 0 22px;font:400 15.5px/1.6 var(--sans);color:var(--muted)}
.jr-card .more{margin-top:auto;font:600 14px var(--sans);color:var(--paper)}
.jr-card .more::after{content:" \2192";color:var(--ember)}
@media (max-width:760px){.jr-grid{grid-template-columns:1fr}}

/* questions */
.fq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);align-items:start}
.fq-grid .h-head{position:sticky;top:96px;margin:0}
@media (max-width:860px){.fq-grid{grid-template-columns:1fr}.fq-grid .h-head{position:static}}

/* download */
.home-get .wrap{position:relative;z-index:1}
.home-get .qr{display:flex;align-items:center;gap:12px;font:400 13.5px/1.4 var(--sans);color:var(--muted);max-width:220px}
.home-get .qr img{width:64px;height:64px;border-radius:8px;background:#fff;padding:4px}
.wl{margin-top:34px;max-width:440px}
.wl .k{font:600 11.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:10px}
.wl form{display:flex;gap:8px}
.wl input{flex:1;min-width:0;padding:13px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--paper);font:400 15px var(--sans)}
.wl input:focus{outline:none;border-color:var(--ember)}
.wl .btn{margin:0}
.wl .msg{min-height:22px;margin-top:10px;font:400 14px var(--sans);color:var(--muted)}

/* the trademark mark and India filing note show only to visitors in India (html.in-tm is set from the time zone) */
.tm,.tm-note{display:none}
.in-tm .tm{display:inline}
.in-tm .tm-note{display:block}
/* home fixes */
.home-get .kick{font:600 12px var(--sans);letter-spacing:.14em;color:var(--muted);margin:0;max-width:none}
.yt-frame .yt-play{left:24px;top:auto;bottom:24px;transform:none}
@media (prefers-reduced-motion:reduce){.home .fcaps{display:block;padding-bottom:0}.home .fcaps .col{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:24px}.home .fcap{margin:0}.home .fcap .line{font-size:clamp(20px,2.3vw,32px)}.home .fcap .tag{margin-bottom:6px}}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.home .fcaps .col{align-items:flex-start;justify-content:flex-end;padding-bottom:60px}}
.hh-float:hover,.hh-float:focus-within{animation-play-state:paused}
.yt-frame .yt-play{left:auto;right:22px;bottom:22px}
@media (max-width:600px){.yt-frame .yt-play{right:12px;bottom:12px;padding:10px 16px;font-size:13.5px}}

/* homepage: no dots in front of labels, statements or list items; no arrows after "Read the guide" */
.kick{gap:0}
.kick::before,.hh-meta li::before,.pr-item li::before{content:none;display:none}
.hh-meta li{gap:0}
.pr-item li{display:block}
.jr-card .more::after{content:none}
/* safety icons as they were: the bare ember icon, inline to the left of its heading */
.safe-card .hd{display:flex;align-items:center;gap:11px;margin-bottom:8px}
.safe-card .ic{display:flex;width:auto;height:auto;border:0;border-radius:0;background:none;margin:0;color:var(--ember);flex:0 0 auto}
.safe-card .hd h3{margin:0}
.safe-card .hd{align-items:flex-start}.safe-card .hd .ic{margin-top:1px}.safe-card .hd h3{text-align:left;font-size:15.5px;line-height:1.35}

/* the Ember logo: the flame plus the wordmark file (the footer wordmark's letters and dark fade, drawn as shapes);
   the wordmark's letters are exactly as tall as the flame and centred on it; the space between them
   is set so their closest point is half the wordmark's x-height (0.189 x the letter height) */
.lt{gap:5.3px;line-height:0}
.lt img{width:28px;height:28px}
.lt img.wm{width:auto;height:28px;border-radius:0}
@media (max-width:560px){.lt{gap:4.92px}.lt img{width:26px;height:26px}.lt img.wm{width:auto;height:26px}}

/* homepage: use the full width of the screen (content up to 1920px, side margins scale with the screen) */
body.home{--wrap:1920px;--gutter:clamp(20px,4vw,72px)}
body.home .site-foot .sf-wrap{max-width:1920px;padding-left:var(--gutter);padding-right:var(--gutter)}
@media (min-width:1280px){
  body.home .home-hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.home .home-hero .display{font-size:clamp(96px,8.6vw,172px)}
  body.home .hh-phone{width:clamp(330px,23vw,430px)}
  body.home .hh-vis{min-height:clamp(620px,48vw,800px)}
  body.home .hh-float.tr{left:4%;width:clamp(250px,17vw,300px)}
  body.home .hh-float.id{right:4%;width:clamp(210px,14vw,250px)}
  body.home .home-hero .lede{font-size:clamp(19px,1.3vw,22px);max-width:34em}
  body.home .hs-rail{grid-auto-columns:clamp(240px,19vw,340px)}
  body.home .pr-phone{width:clamp(330px,21vw,400px)}
  body.home .pr-item b{font-size:21px}
  body.home .pr-item .d{font-size:16.5px;max-width:36em}
  body.home .home-map .globe-wrap{max-width:clamp(500px,36vw,640px)}
  body.home .h-head{max-width:880px}
  body.home .h-head p.sub{font-size:19px}
}
@media (min-width:1500px){body.home .st-panel .pic{aspect-ratio:1/1}}

/* full-width site: every page uses the screen's width (content up to 1920px, side margins scale with the screen) */
:root{--wrap:1920px;--gutter:clamp(20px,4vw,72px)}
@media (min-width:1280px){
  /* reading pages: the section index sits at the left edge (in line with the logo), the text is centred and stays a readable width */
  .doc .wrap{grid-template-columns:minmax(220px,1fr) minmax(0,780px) minmax(0,1fr)}
  .doc .toc{max-width:280px}
  .doc .wrap[style]{justify-content:center}
  .doc .prose{font-size:20px}
  .doc .prose p{max-width:38em}
  /* heroes that had their own width caps */
  .hr-band{max-width:1500px}
  .hd{max-width:none}
  .hd-pic{width:clamp(170px,13vw,240px)}
  .globe-wrap{max-width:clamp(560px,36vw,700px)}
  .hero .lede{font-size:clamp(18px,1.25vw,21px)}
}

/* ---- Oct 16 evening adjustments ---- */
/* Founding 100: the spots grid is larger and centred against the hero text */
.hero .wrap:has(.dots){align-items:center}
.hero .wrap > div:has(.dots){display:flex;justify-content:center;align-self:center}
.dots{max-width:clamp(440px,38vw,680px);gap:clamp(10px,1vw,16px);margin:0 auto;width:100%}
@media (max-width:900px){.dots{max-width:min(440px,100%);margin:0 auto}}
/* translation page: the two photos sit higher under the headline */
.hb-row{margin-top:clamp(10px,2.2vw,32px)}
.hb-row .pic.b{margin-top:36px}
/* students guide: a slightly larger title */
.hero-route .display.mid{font-size:clamp(44px,6.4vw,92px)}
/* founder: the name, title and links are centred against the portrait, which is a little larger */
.hero .wrap:has(.portrait){align-items:center}
.portrait{max-width:clamp(420px,30vw,520px)}
/* legal pages: larger titles */
.display.legal{font-size:clamp(46px,7vw,104px);max-width:14ch}
/* homepage: the Letters tab keeps its bullet points */
#letters li{display:flex;gap:10px}
#letters li::before{content:"";display:block;flex:0 0 6px;height:6px;margin-top:8px;border-radius:50%;background:var(--ember)}
/* sources lists on the trust and Love Map pages */
.prose ol.sources{padding-left:1.3em;font:400 15px/1.6 var(--sans);color:var(--muted);max-width:38em}
.prose ol.sources li{margin:0 0 .6em}
.prose ol.sources a{color:var(--paper);text-decoration:none;border-bottom:1px solid rgba(247,240,233,.25)}
.prose ol.sources a:hover{border-color:var(--ember)}
.prose .board{font-family:var(--sans)}
.prose .board .cell p{max-width:none;font-size:14px}
.prose .board{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){.prose .board{grid-template-columns:1fr}}
/* students guide: the Ember airliner on the route is shown larger so its fuselage title reads */
@media (min-width:1280px){.hr-band{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)}}
@media (max-width:820px){.hr-path svg{max-width:360px}}


/* shared-day dial (language-barrier guide) */
.pairtool{margin:2.2em 0 2.6em;padding:clamp(20px,3vw,30px);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));font-family:var(--sans)}
.pt-head{margin-bottom:18px}
.pt-kick{margin:0 0 4px;font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ember)}
.pairtool h3{margin:0;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(26px,2.6vw,34px);line-height:1.1;color:var(--paper)}
.pt-people{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}
.pt-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--ground);transition:border-color .3s}
.pt-card.is-up{border-color:rgba(255,77,46,.45)}
.pt-card label{display:block;font:500 13px var(--sans);color:var(--muted);margin-bottom:6px}
.pt-card select{width:100%;appearance:none;-webkit-appearance:none;padding:11px 34px 11px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--raised) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23B9AFA6' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--paper);font:500 15px var(--sans)}
.pt-now{display:flex;align-items:center;gap:10px;margin:14px 0 12px}
.pt-sky{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 70% 30%,transparent 6px,#CFC5BC 6.5px);box-shadow:inset -5px -2px 0 0 #CFC5BC;flex:0 0 auto}
.pt-card.is-day .pt-sky{background:#FFB74D;box-shadow:0 0 0 4px rgba(255,183,77,.18)}
.pt-time{font-family:var(--display);font-style:italic;font-weight:500;font-size:28px;line-height:1;color:var(--paper);font-variant-numeric:tabular-nums}
.pt-state{margin-left:auto;padding:4px 10px;border-radius:999px;font:600 11.5px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line)}
.pt-card.is-up .pt-state{color:var(--ember);border-color:rgba(255,77,46,.5)}
.pt-rhythm{display:flex;gap:6px;flex-wrap:wrap}
.pt-rhythm button{flex:1 1 auto;padding:7px 10px;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--muted);font:500 13px var(--sans);cursor:pointer;transition:all .2s}
.pt-rhythm button[aria-checked="true"]{background:rgba(28,25,23,.85);border-color:var(--ember);color:var(--paper)}
.pt-body{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(18px,3vw,32px);align-items:center}
.pt-dial svg{width:100%;height:auto;display:block}
.pt-big{margin:0 0 10px;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(40px,4.4vw,56px);line-height:1;color:var(--paper)}
.pt-big small{display:block;margin-top:6px;font:500 14px var(--sans);font-style:normal;color:var(--muted)}
.pt-best,.pt-right{margin:0 0 10px;font:400 15.5px/1.55 var(--sans);color:#E6DDD5;max-width:none}
.pt-best b{color:var(--paper)}
.pt-right{color:var(--muted);font-size:14.5px}
.pt-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:14px 0 0;font:500 12.5px var(--sans);color:var(--faint)}
.pt-legend .k{display:inline-block;width:18px;height:6px;border-radius:3px;margin-right:-8px;background:rgba(247,240,233,.32)}
.pt-legend .k.b{background:rgba(247,240,233,.17)}
.pt-legend .k.both{background:#FF4D2E}
@media (max-width:640px){.pt-people,.pt-body{grid-template-columns:1fr}.pt-dial{max-width:300px;margin:0 auto}}

/* students guide: the photo band spans the full content width, the right photo mirrors the left */
.hr-band{max-width:none;margin-left:0;margin-right:0}
.hr-path svg{max-width:570px;margin-left:auto;margin-right:auto}
@media (max-width:820px){.hr-path svg{max-width:360px}}

/* footer: a more compact height on every page */
.site-foot .sf-wrap{padding-top:clamp(40px,4.5vw,64px);padding-bottom:20px}
.site-foot .sf-top{padding-bottom:clamp(26px,3vw,40px);gap:clamp(28px,4vw,64px)}
.site-foot .sf-brand p{margin-top:12px;font-size:clamp(16px,1.25vw,18.5px)}
.site-foot .sf-grid{padding:clamp(26px,3vw,42px) 0;gap:clamp(24px,3.5vw,56px)}
.site-foot .sf-col h3{margin-bottom:8px}
.site-foot .sf-col a{padding:5px 0;font-size:15.5px}
.site-foot .sf-social a{width:42px;height:42px}
.site-foot .sf-base{padding-top:16px}
@media (max-width:1080px){.site-foot .sf-grid{row-gap:28px}}
@media (max-width:640px){.site-foot .sf-top{gap:24px}.site-foot .sf-grid{gap:24px 20px}.site-foot .sf-col a{font-size:15px;padding:5px 0}}

/* homepage tour: a smaller video on the left, what the tour shows on the right */
.tour-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.tour-grid .yt-frame{max-width:860px;border-radius:22px}
.tour-side{font-family:var(--sans)}
.ts-k{margin:0 0 14px;font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ember)}
.ts-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ts-list li{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}
.ts-list .n{flex:0 0 auto;font-family:var(--display);font-style:italic;font-size:20px;line-height:1.2;color:var(--ember);font-variant-numeric:tabular-nums}
.ts-list b{display:block;font:600 16.5px/1.3 var(--sans);color:var(--paper)}
.ts-list li span:not(.n){display:block;margin-top:3px;font:400 14.5px/1.5 var(--sans);color:var(--muted)}
.ts-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:16px 0 0;font:400 14px var(--sans);color:var(--muted)}
.ts-foot span{padding:3px 9px;border-radius:999px;border:1px solid var(--line-2);font:600 12px var(--sans);color:var(--paper);font-variant-numeric:tabular-nums}
.ts-foot a{color:var(--paper);text-decoration:none;border-bottom:1px solid rgba(255,77,46,.6)}
@media (max-width:900px){.tour-grid{grid-template-columns:1fr}.tour-grid .yt-frame{max-width:none}}

/* homepage: a clear gap between the quote photo and the film */
.home .film{margin-top:clamp(56px,7vw,104px)}