@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/manrope-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/manrope-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/manrope-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/manrope-3.ttf) format('truetype');
}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#edece5;color:#f7f5ed;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.draft{background:#0d2630;color:#9eb7bd;text-align:center;font-size:9px;letter-spacing:2px;padding:7px;position:absolute;z-index:31;width:100%}header{position:fixed;top:28px;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:18px 4%;background:linear-gradient(#edece5eb,#edece5ca);color:#153345;backdrop-filter:blur(15px)}.brand img{width:186px;height:48px;object-fit:contain}nav{display:flex;gap:35px;font-size:11px}.brief{font-size:11px;border-bottom:1px solid #5b747d;padding-bottom:7px}#journey{height:1420vh;background:#132a30}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#182a2b}.room{position:absolute;inset:-3%;background-size:cover;background-position:center;will-change:transform;filter:brightness(.63)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#071b247d,transparent 60%),linear-gradient(0deg,#061a24c9,transparent 50%)}.intro{position:absolute;z-index:4;left:7%;top:26%;pointer-events:none;max-width:590px}.eyebrow,.label{font-size:9px;letter-spacing:2.8px}.intro h1{font-family:Georgia,serif;font-size:clamp(52px,6.7vw,110px);font-weight:400;line-height:1.02;letter-spacing:-3px;margin:25px 0}.intro i{color:#b8d6d7}.intro p{font-size:14px;line-height:1.8;color:#d5e0dc}.portals{position:absolute;inset:0;display:grid;place-items:center;perspective:1100px;pointer-events:none}.portal{width:min(41vw,590px);height:65vh;position:relative;border-radius:48% 48% 3px 3px;padding:9px;background:linear-gradient(120deg,#e4e9e9,#293e48 24%,#afc9ce 45%,#152932 64%,#e3dfc9);box-shadow:0 0 0 1px #cadbdd91,0 35px 100px #0009,0 0 45px #c1ebf822;transform-origin:center;will-change:transform,opacity;margin-left:24vw}.glass{height:100%;position:relative;border-radius:inherit;overflow:hidden;background:#152b33}.reflection{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.96)}.inner-frame{position:absolute;left:30%;top:25%;width:40%;height:58%;border:4px solid #d0d8ce99;border-radius:48% 48% 3px 3px;overflow:hidden;box-shadow:0 12px 35px #0008}.inner-frame>div{width:100%;height:100%;background-size:cover;background-position:center}.glint{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff20 43%,transparent 46%);mix-blend-mode:screen;pointer-events:none}.scene-meta{position:absolute;left:5%;bottom:100px;z-index:5;max-width:420px}.scene-meta>span{font-size:10px;color:#b2d3dc;letter-spacing:3px}.scene-meta h2{font-family:Georgia;font-weight:400;font-size:34px;line-height:1.1;margin:15px 0}.scene-meta p{font-size:12px;line-height:1.7;color:#d0ddd8}.controls{position:absolute;right:4%;bottom:105px;z-index:8;display:flex;flex-direction:column;align-items:end;gap:15px;font-size:10px}.controls button{border:1px solid #ffffff55;background:#08212a66;color:white;padding:9px 13px}.chapter{position:absolute;bottom:0;left:0;right:0;z-index:6;display:flex;align-items:center;gap:30px;padding:25px 4%;border-top:1px solid #ffffff30;font-size:9px;letter-spacing:2px;background:#06192388;backdrop-filter:blur(15px)}#track{flex:1;display:flex;gap:5px}#track button{height:2px;padding:0;border:0;background:#b8d4de44;flex:1;min-width:2px;transition:background .3s}#track button.on{background:#c7f5ff;box-shadow:0 0 8px #8ad7f7}.scroll-cue{position:absolute;right:7%;bottom:200px;font-size:9px;text-align:center;letter-spacing:2px;z-index:5}.scroll-cue>div{font-size:26px;margin:12px;animation:float 2s infinite}.scroll-cue small{letter-spacing:0;color:#c8d9dc;font-size:10px}.editorial{padding:110px 6%;color:#18343d}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:70px;margin:25px 0 60px}.heading-row h2,.custom h2,.contact h2{font-family:Georgia;font-size:clamp(42px,5.2vw,76px);font-weight:400;line-height:1.12;letter-spacing:-2px;margin:15px 0}.heading-row i{color:#7c9090}.heading-row p{max-width:360px;line-height:1.9;font-size:13px;color:#66777b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.cards img{width:100%;height:430px;object-fit:cover}.cards article:nth-child(2){padding-top:85px}.cards small{display:block;font-size:9px;letter-spacing:2px;margin-top:25px}.cards h3{font-size:21px;font-weight:500}.cards p{font-size:12px;color:#6d7e7e}.concept{font-size:10px;color:#7b8788;margin-top:40px}.custom{padding:100px 7%;background:#163442}.custom h2{margin:35px 0 60px}.custom i{color:#a7d3dd}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps p{font-size:12px;line-height:1.9;border-top:1px solid #ffffff40;padding-top:22px;color:#abc2ca}.steps b{display:block;font-size:14px;color:#e2ebeb;margin-bottom:14px;font-weight:400}.contact{padding:110px 7%;color:#1e3b44}.contact i{color:#7d969e}.contact>a{display:inline-block;border-bottom:1px solid;font-size:20px;margin-top:25px}.contact p{font-size:11px;margin-top:30px;color:#7d9196}footer{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:25px 6%;color:#566d76;font-size:9px;border-top:1px solid #d2d9d7}footer span:first-of-type{margin-right:auto}a:focus-visible,button:focus-visible{outline:2px solid #40c7ef;outline-offset:6px}@keyframes float{50%{transform:translateY(6px)}}@media(max-width:700px){header{padding:12px 5%}.brand img{width:135px;height:38px}nav{display:none}.brief{font-size:10px}.intro{left:7%;top:20%;}.intro h1{font-size:55px;letter-spacing:-2px}.intro p{font-size:12px}.portal{width:62vw;height:47vh;margin-left:22vw;margin-top:9vh}.scene-meta{bottom:105px;left:6%;max-width:220px}.scene-meta h2{font-size:27px}.scene-meta p{font-size:10px}.scroll-cue{display:none}.chapter{padding:22px 5%;gap:15px}.chapter>span:last-child{display:none}.controls{bottom:95px;right:5%;font-size:9px}.controls button{font-size:9px}.heading-row{display:block}.heading-row p{margin-top:30px}.cards{grid-template-columns:1fr}.cards article:nth-child(2){padding-top:0}.cards img{height:400px}.steps{grid-template-columns:1fr;gap:15px}.editorial,.custom,.contact{padding:70px 6%}footer{gap:15px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-cue>div{animation:none}}

header{top:0}.draft{display:none}#track button{min-height:18px;background:linear-gradient(transparent 8px,#b8d4de44 8px,#b8d4de44 10px,transparent 10px)}#track button.on{background:linear-gradient(transparent 8px,#c7f5ff 8px,#c7f5ff 10px,transparent 10px)}@media(max-width:700px){.chapter{gap:10px}#track{gap:2px}.intro h1{font-size:clamp(38px,9vw,55px)}}
.service-links{display:flex;flex-wrap:wrap;gap:18px;padding:24px 7%;background:#e8e4da;font-size:13px}.service-links a{color:#254354;text-underline-offset:4px}

@media(max-width:700px){header nav{display:flex;gap:0}header nav a:not([lang]){display:none}header nav a[lang]{padding:12px;font-size:12px}.service-links{display:flex;gap:18px}#track button{min-height:24px}}

#track button{min-width:24px;min-height:24px}.heading-row i{color:#596f70}.heading-row p,.cards p,.concept,.contact p{color:#4e646b}.contact i{color:#506c77}.controls a{display:inline-flex;min-height:24px;align-items:center}header nav a,.brief{min-height:24px;display:inline-flex;align-items:center}.service-links a{padding:5px 0}
@media(max-width:700px){.chapter{padding:10px 5%}.chapter>span{display:none}#track{display:grid;grid-template-columns:repeat(9,minmax(24px,1fr));gap:5px}#track button{min-width:24px;min-height:24px}.controls a{min-height:28px}}