@font-face{font-family:"Normaliai Display";src:url(/assets/fonts/bricolage-display.woff2?v=89b711433e) format("woff2");font-weight:400;font-style:normal;font-display:block}
@property --lit{syntax:"<number>";inherits:true;initial-value:1}

:root{
  --page:#09132f;
  --deep:#050b1e;
  --ink:#f4f1e8;
  --far:#9aa9d6;
  --hot:#fff1d6;
  --amber:#ffb347;
  --lit:1;
  --display:"Normaliai Display",system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --edge:max(20px,5vw);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:dark;background:var(--page)}
body{
  margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;position:relative;overflow-x:clip;
  color:var(--ink);font:400 1rem/1.2 var(--display);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  background:
    radial-gradient(ellipse 58vmax 46vmax at 90% -8%,rgb(255 196 112 / calc(.62 * var(--lit))),rgb(255 179 71 / calc(.22 * var(--lit))) 30%,rgb(255 179 71 / calc(.06 * var(--lit))) 58%,rgb(255 179 71 / 0) 78%),
    radial-gradient(ellipse 120vmax 90vmax at 100% 0,rgb(229 121 31 / calc(.16 * var(--lit))),rgb(229 121 31 / 0) 70%),
    radial-gradient(ellipse 140vmax 100vmax at 0 100%,var(--deep),rgb(5 11 30 / 0) 70%),
    var(--page);
  animation:warm 2.6s cubic-bezier(.3,.6,.2,1) both;
}
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:url(/assets/construction/grain.webp?v=f6b316a1d7) 0 0/96px 96px;
  mix-blend-mode:soft-light;opacity:.4;
}
@keyframes warm{
  0%{--lit:0}
  10%{--lit:.55}
  14%{--lit:.12}
  22%{--lit:.7}
  27%{--lit:.4}
  45%{--lit:.92}
  100%{--lit:1}
}
::selection{background:var(--amber);color:var(--page)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}

.top{position:relative;z-index:50}
main{
  position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(32px,8svh,96px);
  padding:clamp(40px,11svh,140px) var(--edge) max(clamp(24px,5svh,56px),env(safe-area-inset-bottom));
}
h1,p{margin:0}

.say{
  font-weight:400;font-size:max(2.4rem,min(calc((100vw - 2 * var(--edge)) / 6.15),24svh,15rem));
  line-height:.98;letter-spacing:-.02em;color:var(--ink);
}
@supports (background-clip:text) or (-webkit-background-clip:text){
  .say{
    width:max-content;max-width:100%;
    background:radial-gradient(ellipse 120% 150% at 100% -10%,var(--hot) 0,var(--ink) calc(18% + 22% * var(--lit)),var(--far) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  }
}

.foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 40px}
.url{max-width:100%;font-size:max(1.75rem,min(5.6vw,6.5rem));line-height:1;letter-spacing:-.015em;color:var(--ink)}
.when{font-size:max(1.125rem,min(1.9vw,1.75rem));line-height:1.2;letter-spacing:.005em;color:var(--far)}
.tba{color:var(--amber);letter-spacing:.04em}
.priv{flex-basis:100%;font-size:max(.9375rem,min(1.1vw,1.0625rem));line-height:1.3}
.priv a{color:var(--far);text-underline-offset:.2em}
.priv a:hover{color:var(--ink)}

@media (max-width:640px){
  .foot{flex-direction:column;align-items:flex-start;gap:14px}
  .url{font-size:max(1.75rem,calc((100vw - 2 * var(--edge)) / 6.2))}
}
@media (max-height:520px){
  main{padding-top:18px;gap:14px}
  .say{font-size:max(2.4rem,min(calc((100vw - 2 * var(--edge)) / 6.15),17svh))}
}
@media (prefers-reduced-motion:reduce){
  body{animation:none}
}
@media (forced-colors:active){
  .say{background:none;-webkit-text-fill-color:currentColor;color:CanvasText}
  body::after{display:none}
}