/* =========================================================
   Orbis · shared frame for every page that isn't the landing:
   the same header, a black band with the lime road, the same footer.
   ========================================================= */
@font-face{font-family:'Noto Sans Georgian';src:url('/assets/fonts/noto-georgian-georgian.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0589,U+10A0-10FF,U+1C90-1CBA,U+1CBD-1CBF,U+205A,U+2D00-2D2F,U+2E31}
@font-face{font-family:'Noto Sans Georgian';src:url('/assets/fonts/noto-georgian-latin-ext.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Noto Sans Georgian';src:url('/assets/fonts/noto-georgian-latin.woff2') format('woff2');font-weight:100 900;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}
@font-face{font-family:'Archy';src:url('/assets/archyedt-bold.woff2') format('woff2');font-weight:700;font-display:swap}

:root{
  --paper:#F3F2ED;--ink:#0B0B0B;--ink2:#5E5E59;--ink3:#6E6E69;
  --line:rgba(11,11,11,.1);--line2:rgba(11,11,11,.16);
  --lime:#C8FF00;--red:#E5372B;
  --display:'Archy','Noto Sans Georgian',system-ui,sans-serif;
  --wordmark:'Noto Sans Georgian',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --ease:cubic-bezier(.19,1,.22,1);--spring:cubic-bezier(.34,1.4,.64,1);
  --st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);
  --gut:20px;--sec:96px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--paper);overflow-x:clip}
body{font-family:var(--wordmark);background:var(--paper);color:var(--ink);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;min-height:100vh}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--ink);color:var(--paper)}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.dot{display:inline-block;width:.17em;height:.17em;border-radius:50%;background:var(--lime);margin-left:.04em;vertical-align:baseline}

/* ---------- header: identical to the landing ---------- */
.hdr{position:fixed;z-index:60;left:0;right:0;top:0;padding-top:var(--st);pointer-events:none;color:#fff}
.hdr-in{pointer-events:auto;max-width:1200px;margin:0 auto;height:64px;padding:0 var(--gut);display:flex;align-items:center;justify-content:space-between;border-radius:0;background:rgba(11,11,11,0);transition:max-width .7s var(--ease),margin .7s var(--ease),height .7s var(--ease),padding .7s var(--ease),border-radius .7s var(--ease),background-color .45s,color .45s,box-shadow .45s}
.hdr.pill .hdr-in{max-width:min(1160px,calc(100% - 24px));margin-top:10px;height:54px;padding:0 22px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:0 14px 30px -16px rgba(11,11,11,.55)}
.hdr.pill.inv .hdr-in{background:#fff;color:var(--ink);box-shadow:0 14px 30px -16px rgba(0,0,0,.6)}
.logo{font-family:var(--wordmark);font-size:22px;font-weight:800;letter-spacing:-.05em;line-height:1;display:flex;align-items:baseline}
.logo .dot{width:7px;height:7px;margin-left:2px}
.hdr-login{font-size:14px;font-weight:500;padding:8px 0;background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px;transition:background-size .5s var(--ease)}
.hdr-login:hover{background-size:100% 1px}

/* ---------- the black band that opens every page ---------- */
.band{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:0 0 28px 28px;padding:calc(var(--st) + 112px) 0 40px}
.band-road{position:absolute;pointer-events:none;width:min(88vw,520px);aspect-ratio:1;right:calc(min(88vw,520px) / -2);top:calc(min(88vw,520px) / -2);transform:rotate(68deg)}
.band-road circle{fill:none}
.band-road .r{stroke:var(--lime);stroke-width:13;stroke-dasharray:0 100;animation:roadIn 1.6s cubic-bezier(.65,0,.25,1) .1s forwards}
.band-road .m{stroke:#fff}
.band-road .e{stroke:var(--ink);stroke-width:.45;opacity:.55}
.band-road .l{stroke:var(--ink);stroke-width:.7;stroke-dasharray:2.4 2.6;opacity:.8;animation:lane 1.6s linear infinite}
@keyframes roadIn{to{stroke-dasharray:37 100}}
@keyframes lane{to{stroke-dashoffset:-5}}
.band h1{position:relative;font-family:var(--display);font-weight:700;font-size:clamp(46px,13vw,120px);line-height:.92;max-width:9em}
.band h1 em{font-style:normal;color:rgba(255,255,255,.34)}

/* ---------- footer: identical to the landing ---------- */
footer.wrap{margin-top:var(--sec);padding-bottom:calc(var(--sb) + 28px);overflow:hidden}
.ft-top{display:flex;flex-direction:column;gap:18px;padding-top:28px;border-top:1px solid var(--ink)}
.ft-links{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:var(--ink2)}
.ft-links a:hover{color:var(--ink)}
.ft-meta{font-size:12px;color:var(--ink3);line-height:1.8}
/* the footer wordmark rises letter by letter, then the dot lands */
.ft-word{margin-top:40px;font-family:var(--wordmark);font-weight:800;font-size:clamp(64px,19vw,200px);line-height:.8;letter-spacing:-.06em;display:flex;align-items:baseline;user-select:none}
.ft-word .fw{display:inline-flex;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.ft-word .fw b{font-weight:inherit;display:inline-block;transform:translateY(105%);transition:transform 1s var(--ease)}
.ft-word .fw b:nth-child(2){transition-delay:.06s}.ft-word .fw b:nth-child(3){transition-delay:.12s}.ft-word .fw b:nth-child(4){transition-delay:.18s}.ft-word .fw b:nth-child(5){transition-delay:.24s}
.ft-word.in .fw b{transform:none}
.ft-word .dot{transform:translateY(-1.4em) scale(.6);opacity:0;transition:transform .8s cubic-bezier(.5,1.6,.5,1) .7s,opacity .2s .7s}
.ft-word.in .dot{transform:none;opacity:1}

/* ---------- shared bits ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:54px;padding:0 26px;border-radius:999px;font-size:15px;font-weight:700;white-space:nowrap;transition:transform .35s var(--spring),background .3s,color .3s}
.btn:active{transform:scale(.97)}
.btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.btn-ink{background:var(--ink);color:#fff}
.btn-line{box-shadow:inset 0 0 0 1px var(--line2)}
.btn-line:hover{background:var(--ink);color:#fff}

@media(min-width:700px){
  :root{--gut:36px;--sec:130px}
  .ft-top{flex-direction:row;justify-content:space-between;align-items:flex-start}
  .ft-meta{text-align:right}
  .band{padding-bottom:56px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* over the band the sign-in link sits on a small ink pill, so it reads even where the road passes */
.hdr:not(.pill) .hdr-login{padding:8px 14px;border-radius:999px;background:rgba(11,11,11,.82);background-size:0 1px}

/* compact band: one line of title under the header, the road tucked into the corner */
.band{padding:calc(var(--st) + 74px) 0 26px;border-radius:0 0 24px 24px}
.band h1,.au-band h1{font-size:clamp(30px,8.6vw,64px);line-height:1;max-width:none;white-space:nowrap}
.band h1 br{display:none}
.band h1 em{margin-left:.22em}
.band-road{width:min(62vw,300px);right:calc(min(62vw,300px) / -2);top:calc(min(62vw,300px) / -2)}
.band .search-wrap{margin-top:18px}
@media(min-width:700px){
  .band{padding:calc(var(--st) + 96px) 0 34px}
  .band-road{width:380px;right:-190px;top:-190px}
}

/* pages open with the plain header pill and a quiet title on paper */
.ptitle{padding-top:calc(var(--st) + 112px)}
.ptitle h1{font-family:var(--display);font-weight:700;font-size:clamp(40px,11vw,88px);line-height:.95;color:var(--ink)}
.ptitle + .content-wrap{padding-top:36px}
@media(min-width:700px){.ptitle{padding-top:calc(var(--st) + 140px)}}