:root{
  --white:#f5f3ee;
  --gold:#e7b85c;
  --muted:rgba(244,242,238,.44);
  --muted2:rgba(244,242,238,.34);
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#07182b;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;color:var(--white)}
button,a{font:inherit}
.page{position:relative;width:100vw;height:100dvh;min-height:100svh;overflow:hidden;background:#07182b;isolation:isolate}
.scene-wrap,.scene{position:absolute;inset:0;width:100%;height:100%}
.scene{object-fit:cover;object-position:center center;display:block}
.veil{position:absolute;left:0;width:100%;pointer-events:none;z-index:1}
.veil-top{top:0;height:26%;background:linear-gradient(to bottom,rgba(2,12,27,.28),rgba(2,12,27,0))}
.veil-bottom{bottom:0;height:17%;background:linear-gradient(to top,rgba(2,11,22,.48),rgba(2,11,22,0))}
.topbar{position:absolute;inset:0;z-index:4;pointer-events:none}
.logo{position:absolute;left:4.7vw;top:4.1vh;width:11.6vw;max-width:220px;min-width:128px;height:auto;display:block;filter:none;box-shadow:none;background:transparent;pointer-events:auto}
.kicker{position:absolute;top:5.0vh;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:clamp(10px,.92vw,16px);letter-spacing:.34em;font-weight:400;color:rgba(255,255,255,.88);text-shadow:0 1px 12px rgba(0,0,0,.22)}
.kicker:after{content:"";position:absolute;left:8%;right:8%;height:1px;bottom:-18px;background:linear-gradient(90deg,transparent,rgba(231,184,92,.52) 24%,rgba(231,184,92,.8) 50%,rgba(231,184,92,.52) 76%,transparent)}
.lang{position:absolute;right:4.6vw;top:5.1vh;display:flex;align-items:center;gap:10px;pointer-events:auto;font-size:clamp(10px,.82vw,14px);letter-spacing:.16em}
.lang button{appearance:none;border:0;background:none;color:rgba(255,255,255,.84);padding:0;cursor:pointer;font-weight:400}
.lang button.active{color:var(--gold)}
.lang span{color:rgba(255,255,255,.55)}
.hero-copy{position:absolute;z-index:3;top:20.5vh;left:50%;transform:translateX(-50%);width:min(84vw,1320px);text-align:center}
h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.94;text-shadow:0 2px 18px rgba(0,0,0,.25)}
h1 span{display:block}
.line1{font-size:clamp(44px,4.5vw,88px);color:#f5f4f0;letter-spacing:-.012em}
.line2{margin-top:.10em;font-size:clamp(42px,4.2vw,82px);color:var(--gold);letter-spacing:-.016em}
.whisper{position:absolute;z-index:3;top:43.2vh;left:50%;transform:translateX(-50%);width:min(58vw,920px);text-align:center;color:var(--muted2);font-size:clamp(10px,.78vw,14px);font-weight:300;line-height:1.45;text-shadow:0 1px 9px rgba(0,0,0,.28)}
.whisper p{margin:.12em 0}
.values{position:absolute;z-index:3;top:42.1vh;display:flex;flex-direction:column;gap:.72em;width:18vw;max-width:250px;color:var(--muted);font-size:clamp(9px,.72vw,13px);font-weight:300;letter-spacing:.17em;line-height:1.1;text-shadow:0 1px 8px rgba(0,0,0,.26)}
.values:before{content:"";width:52px;height:1px;background:rgba(231,184,92,.46);margin-bottom:.55em}
.values-left{left:5.1vw;text-align:left;align-items:flex-start}
.values-right{right:5.1vw;text-align:right;align-items:flex-end}
.footer{position:absolute;z-index:4;left:4.6vw;right:4.6vw;bottom:4.2vh;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;color:rgba(245,243,238,.62);font-size:clamp(9px,.68vw,12px);letter-spacing:.18em;font-weight:300;text-shadow:0 1px 8px rgba(0,0,0,.34)}
.future{justify-self:start}
.nivi{justify-self:center;color:rgba(231,184,92,.82);white-space:nowrap}
.linkedin{justify-self:end;color:rgba(245,243,238,.58);font-family:Arial,sans-serif;font-size:clamp(13px,.9vw,16px);font-weight:700;letter-spacing:-.03em;text-decoration:none;opacity:.68;transition:opacity .2s ease}
.linkedin:hover,.linkedin:focus-visible{opacity:1}
@media (max-width:1000px) and (min-width:701px){
  .hero-copy{top:21.5vh}
  .whisper{top:44.5vh;width:64vw}
  .values{top:43.5vh;width:20vw}
}
@media (max-width:700px){
  .page{min-height:100dvh}
  .scene{object-fit:cover;object-position:center center}
  .veil-top{height:27%;background:linear-gradient(to bottom,rgba(2,12,27,.42),rgba(2,12,27,0))}
  .veil-bottom{height:20%;background:linear-gradient(to top,rgba(2,10,20,.55),rgba(2,10,20,0))}
  .logo{left:5.3vw;top:3.2vh;width:30vw;min-width:0;max-width:138px}
  .lang{right:5.2vw;top:4.0vh;font-size:10px;gap:8px;letter-spacing:.12em}
  .kicker{top:10.0vh;font-size:7.6px;letter-spacing:.23em;max-width:82vw;overflow:hidden;text-overflow:ellipsis}
  .kicker:after{bottom:-10px}
  .hero-copy{top:19.2vh;width:92vw}
  .line1{font-size:clamp(32px,9.6vw,48px)}
  .line2{font-size:clamp(31px,8.9vw,45px);line-height:1.02;margin-top:.08em}
  .whisper{top:39.8vh;width:80vw;font-size:clamp(9px,2.55vw,11.5px);line-height:1.48;color:rgba(244,242,238,.39)}
  .values{top:54.5vh;width:39vw;max-width:none;font-size:clamp(8px,2.3vw,10.5px);gap:.68em;color:rgba(244,242,238,.48);letter-spacing:.14em}
  .values:before{width:34px;margin-bottom:.45em}
  .values-left{left:6vw}
  .values-right{right:6vw}
  .footer{left:5.8vw;right:5.8vw;bottom:2.6vh;grid-template-columns:1fr auto;grid-template-areas:"future link" "nivi nivi";row-gap:9px;font-size:clamp(7.5px,2.0vw,9.5px);letter-spacing:.14em;align-items:center}
  .future{grid-area:future;justify-self:start;white-space:nowrap}
  .nivi{grid-area:nivi;justify-self:center}
  .linkedin{grid-area:link;justify-self:end;font-size:15px}
}
@media (max-width:390px){
  .hero-copy{top:18.8vh}
  .line1{font-size:31px}
  .line2{font-size:29px}
  .whisper{top:38.5vh;width:84vw;font-size:9px}
  .values{top:53.5vh;font-size:8px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}