:root{--ink:#0b0f0e;--paper:#f3f5f1;--muted:#a7afaa;--lime:#0ea6d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,sans-serif}button{font:inherit;color:inherit}.header{position:absolute;z-index:5;width:100%;height:110px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14}.logo{color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:7px;letter-spacing:.35em}.logo strong{font-size:30px;font-weight:300}.logo span{font-size:7px}.header nav{display:flex;gap:42px}.header nav a{color:#c4c8c5;text-decoration:none}.outline{background:#0c111059;border:1px solid #0ea6d0;border-radius:7px;padding:14px 23px;cursor:pointer}.hero{position:relative;min-height:940px;padding:205px 5.2vw 0;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#060b0afa 0%,#060b0ad6 28%,#060b0a42 60%),linear-gradient(0deg,#080d0c 0%,transparent 36%),url('assets/vitra-hero.png') center/cover}.hero-copy{position:relative;z-index:2;width:min(660px,48vw)}.kicker,.label{color:var(--lime);font-size:11px;font-weight:bold;letter-spacing:.18em}.hero h1{font-size:clamp(54px,5vw,82px);font-weight:300;line-height:.98;letter-spacing:-.052em;margin:28px 0 24px}.hero h1 em{color:var(--lime);font-style:normal}.hero-copy>p:not(.kicker){color:#bac0bc;font-size:19px;line-height:1.55;max-width:540px}.primary{display:flex;justify-content:space-between;min-width:290px;margin-top:28px;padding:19px 23px;border:0;border-radius:6px;background:var(--lime);color:var(--ink);font-weight:bold;cursor:pointer}.journeys{position:absolute;z-index:3;left:5.2vw;right:5.2vw;bottom:35px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.journeys button{min-height:140px;padding:24px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:12px;text-align:left;background:#18201dcc;border:1px solid #ffffff44;border-radius:8px;backdrop-filter:blur(16px);cursor:pointer;transition:.25s}.journeys button:hover{transform:translateY(-7px);border-color:var(--lime)}.journeys small{color:var(--lime);align-self:start}.journeys b{font-size:21px;font-weight:400}.journeys span{color:var(--lime);font-size:22px}.manifesto{padding:140px 7vw 120px;display:grid;grid-template-columns:1fr 3fr;gap:6vw;background:#f0f2ee;color:#121614}.manifesto .label{color:#0ea6d0}.manifesto h2,.cta h2{font-size:clamp(38px,4.3vw,67px);font-weight:300;line-height:1.08;letter-spacing:-.04em;margin:0}.manifesto h2 span{color:#0ea6d0}.manifesto div>p{color:#5d645f;max-width:720px;font-size:19px;line-height:1.7}.pillars{display:grid;grid-template-columns:repeat(3,1fr);padding:0 5.2vw 120px}.pillars article{padding:64px 42px;min-height:330px;border:1px solid #ffffff1f}.pillars small{color:var(--lime)}.pillars h3{font-size:25px;font-weight:400;margin:80px 0 18px}.pillars p{color:#9ba39e;line-height:1.6}.cta{padding:110px 7vw;display:flex;justify-content:space-between;align-items:end;background:linear-gradient(120deg,#18201d,#0c1110)}footer{padding:70px 5.2vw 40px;display:flex;align-items:end;justify-content:space-between;color:#7f8882;font-size:12px}.modal{position:fixed;z-index:20;inset:0;background:#020504de;backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-box{width:min(860px,100%);max-height:calc(100vh - 40px);overflow:auto;background:linear-gradient(145deg,#171e1c,#0c1110);border:1px solid #ffffff2e;border-radius:14px}.modal-head{height:70px;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.modal-head button{border:0;background:none;color:#adb5b0;cursor:pointer}.modal-head #close{font-size:32px}.progress{height:2px;background:#ffffff17}.progress i{display:block;height:100%;background:var(--lime);transition:.3s}.panel{min-height:580px;padding:58px 10%;display:flex;flex-direction:column;justify-content:center}.panel h2{font-size:clamp(36px,5vw,58px);font-weight:300;line-height:1.08;letter-spacing:-.04em;margin:15px 0}.panel>p{color:#9da5a0;line-height:1.6}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.options button{padding:20px;display:flex;justify-content:space-between;background:#ffffff09;border:1px solid #ffffff2a;border-radius:7px;cursor:pointer}.options button.selected{border-color:var(--lime);background:#c5eb3814}.panel input{width:100%;margin-top:18px;padding:16px 0;color:#fff;background:transparent;border:0;border-bottom:1px solid #626a65;outline:0;font-size:18px}.panel input:focus{border-color:var(--lime)}.continue{align-self:flex-start;min-width:220px;margin-top:32px;padding:17px 22px;border:0;border-radius:6px;background:var(--lime);color:var(--ink);font-weight:bold;cursor:pointer}.continue:disabled{opacity:.3}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.success{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);font-size:28px}@media(max-width:850px){.header{height:86px;padding:0 22px}.header nav{display:none}.hero{min-height:870px;padding:145px 22px 0}.hero-copy{width:100%}.hero h1{font-size:48px}.journeys{left:22px;right:22px;grid-template-columns:1fr 1fr;gap:9px}.journeys button{min-height:105px;padding:15px}.journeys b{font-size:16px}.manifesto{grid-template-columns:1fr;padding:85px 24px}.pillars{grid-template-columns:1fr;padding:0 24px 80px}.pillars article{min-height:auto}.pillars h3{margin-top:35px}.cta{padding:80px 24px;align-items:flex-start;flex-direction:column}footer{padding:60px 24px 30px;align-items:flex-start;flex-direction:column;gap:25px}.options,.fields{grid-template-columns:1fr}.panel{padding:40px 8%;min-height:620px}}@media(max-width:500px){.logo span{display:none}.outline{font-size:12px;padding:10px}.hero h1{font-size:43px}.hero h1 br{display:none}.journeys small{display:none}.journeys button{grid-template-columns:1fr auto}.primary{min-width:100%}.modal{padding:0} .modal-box{height:100vh;max-height:none;border-radius:0}.panel{min-height:calc(100vh - 72px);padding:35px 24px}} .logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.logo img {
  display: block;
  width: auto;
  height: 52px;
  object-fit: contain;
}

@media (max-width: 768px) {
  .logo img {
    height: 40px;
  }
}