/* A brief, optional threshold into the Collective. */
.announcement{position:relative;z-index:40;height:auto;min-height:35px}
.arrival-controls{position:relative;flex-shrink:0;border:0;margin:0;padding:0}
.arrival-controls>summary{display:flex;align-items:center;gap:7px;list-style:none;padding:2px 0;border:0;font:inherit;letter-spacing:.7px;color:#d6c9b2;cursor:pointer;white-space:nowrap}
.arrival-controls>summary::-webkit-details-marker{display:none}
.arrival-controls>summary:after{display:none}
.arrival-controls>summary svg{width:19px;height:15px;fill:none;stroke:currentColor;stroke-width:.8}
.arrival-controls[open]>summary,.arrival-controls>summary:hover{color:#fff3dc}
.arrival-settings{position:absolute;right:0;top:calc(100% + 16px);width:290px;max-width:calc(100vw - 32px);padding:25px;background:#12201b;border:1px solid #c6ac8466;box-shadow:0 16px 45px #0008;letter-spacing:0;text-align:left;line-height:1.7}
.arrival-settings .eyebrow{font-size:8px;letter-spacing:1.8px}
.arrival-settings button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:45px;margin:8px 0 15px;padding:8px 0;border:0;border-bottom:1px solid #c6ac843d;background:transparent;color:#f4ede1;font-size:12px}
.arrival-settings button:hover{color:#d7bc91}
.arrival-settings label{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#ece4d5;cursor:pointer}
.arrival-settings input{accent-color:#c6ac84;width:16px;height:16px;flex:0 0 16px;margin:2px 0 0}
.arrival-settings p{font-size:10px;color:#abb7aa;line-height:1.7;margin:12px 0 0}
body.arrival-active{overflow:hidden}
.arrival-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;overflow:hidden;background:#030a08;color:#f2ede4;opacity:1;transition:opacity .38s ease;font-family:var(--sans)}
.arrival-dialog:not([open]){display:none}
.arrival-dialog::backdrop{background:#030a08;transition:opacity .38s ease}
.arrival-dialog.is-leaving,.arrival-dialog.is-leaving::backdrop{opacity:0;pointer-events:none}
.arrival-water{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 64%,#27332955 0%,#07100d 44%,#020705 85%)}
.arrival-water:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 56%,transparent 22%,#0005 70%,#000b 100%),linear-gradient(180deg,#02070577,transparent 30%,transparent 70%,#020705aa);pointer-events:none}
.arrival-water canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.9}
.arrival-rings{position:absolute;inset:0}
.arrival-rings i{position:absolute;left:50%;top:64%;width:45vw;height:17vw;min-width:200px;min-height:75px;border:1px solid #c6ac8438;border-radius:50%;box-shadow:0 -2px 7px #cec19e22,inset 0 -2px 8px #c6ac8417;transform:translate(-50%,-50%);opacity:0}
.arrival-dialog[open] .arrival-rings i{animation:arrival-ripple 4s ease-out both}
.arrival-rings i:nth-child(2){animation-delay:.24s!important}.arrival-rings i:nth-child(3){animation-delay:.48s!important}.arrival-rings i:nth-child(4){animation-delay:.72s!important}.arrival-rings i:nth-child(5){animation-delay:.96s!important}
.arrival-dialog.has-water .arrival-rings{display:none}
.arrival-frame{position:absolute;inset:24px;border:1px solid #d2b88e20;pointer-events:none}
.arrival-top{position:absolute;z-index:2;top:max(42px,env(safe-area-inset-top));left:52px;right:52px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.arrival-brand{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:2.4px;text-transform:uppercase;color:#dbc9aa;line-height:1.7}
.arrival-brand .brand-symbol{width:30px;height:30px;flex-shrink:0}
.arrival-skip{border:0;background:transparent;font-size:10px;letter-spacing:1.5px;min-height:44px;padding:10px 0 10px 18px;display:flex;gap:20px;align-items:center;color:#d7cbb5}
.arrival-skip:hover{color:#fff}
.arrival-content{position:absolute;z-index:1;left:25px;right:25px;top:50%;transform:translateY(-50%);text-align:center}
.arrival-content>.eyebrow{font-size:9px;letter-spacing:3.5px;color:#bba787;margin-bottom:31px;line-height:1.8}
.arrival-content h2{font:400 clamp(76px,10.3vw,164px)/.99 var(--serif);letter-spacing:-4px;color:#f8f1e4;margin:0 0 25px}
.arrival-content h2 em{color:#dac4a0}
.arrival-content p{font-size:12px;letter-spacing:1.5px;color:#c6c7b9;line-height:1.8}
.arrival-enter{display:inline-flex;align-items:center;gap:38px;border:0;border-bottom:1px solid #d1b38470;padding:14px 0;margin-top:40px;background:transparent;color:#e7d7bb;font-size:10px;letter-spacing:1.2px;min-height:44px}
.arrival-enter:hover{color:#fff5e4;border-color:#e7d7bb}
.arrival-enter span{font-size:20px}
.arrival-dialog[open] .arrival-content{animation:arrival-reveal 1.25s ease-out both}
.arrival-bottom{position:absolute;z-index:1;left:52px;right:52px;bottom:max(44px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:35px;color:#abaf9f;font-size:8px;letter-spacing:1.8px;text-transform:uppercase}
.arrival-progress{width:100px;height:1px;background:#c6ac8430;overflow:hidden;flex-shrink:0}
.arrival-progress:after{content:'';display:block;background:#d6bd94;height:100%;width:100%;transform-origin:left;animation:arrival-progress 3.6s linear both}
.arrival-dialog.is-still .arrival-progress{display:none}
.arrival-dialog.is-still .arrival-rings i{animation:none!important;opacity:.28;transform:translate(-50%,-50%) scale(1.9)}
.arrival-dialog.is-still .arrival-rings i:nth-child(2){transform:translate(-50%,-50%) scale(2.5)}
.arrival-dialog.is-still .arrival-rings i:nth-child(3){transform:translate(-50%,-50%) scale(3.1)}
.arrival-dialog.is-still .arrival-rings i:nth-child(n+4){display:none}
.arrival-dialog.is-still .arrival-content{animation:none}
.discreet-note{margin-top:32px;padding:2px 0 2px 23px;border-left:1px solid #c6ac8477;max-width:610px}
.discreet-note h3{font-family:var(--sans);font-size:9px;font-weight:500;line-height:1.7;letter-spacing:2px;text-transform:uppercase;color:var(--brass);margin-bottom:10px}
.discreet-note p{font-size:12px;line-height:1.9;color:#c4ccbf}
.technology-detail img{object-fit:contain;object-position:center;background:#080e0b;filter:saturate(.65) brightness(.95)}
@keyframes arrival-ripple{0%{opacity:0;transform:translate(-50%,-50%) scale(.05)}20%{opacity:.6}100%{opacity:0;transform:translate(-50%,-50%) scale(3.6)}}
@keyframes arrival-reveal{from{opacity:0;filter:blur(6px);transform:translateY(calc(-50% + 12px))}to{opacity:1;filter:blur(0);transform:translateY(-50%)}}
@keyframes arrival-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:900px){.announcement{gap:16px;font-size:8px;letter-spacing:.6px}.announcement>a:nth-child(2){font-size:8px;letter-spacing:0}.arrival-top{left:38px;right:38px}.arrival-bottom{left:38px;right:38px;gap:20px}}
@media(max-width:650px){.announcement{justify-content:space-between;padding:8px 22px;gap:12px}.arrival-controls>summary{font-size:8px;gap:5px;letter-spacing:.2px}.arrival-controls>summary svg{width:17px}.arrival-settings{right:-6px}.arrival-frame{inset:13px}.arrival-top{top:27px;left:28px;right:28px;align-items:flex-start}.arrival-brand{font-size:7px;letter-spacing:1.5px;max-width:185px;gap:9px}.arrival-brand .brand-symbol{width:27px;height:27px}.arrival-skip{font-size:9px;gap:10px;padding-top:0;min-height:32px}.arrival-content{left:26px;right:26px;top:48%}.arrival-content>.eyebrow{font-size:7px;letter-spacing:2px;max-width:255px;margin:0 auto 28px}.arrival-content h2{font-size:clamp(70px,15vw,98px);letter-spacing:-2.5px;line-height:.96}.arrival-content h2 em{display:block}.arrival-content p{font-size:10px;letter-spacing:.6px;max-width:220px;margin:0 auto}.arrival-enter{font-size:9px;margin-top:30px;gap:27px}.arrival-bottom{left:28px;right:28px;bottom:30px;font-size:6px;letter-spacing:1px;gap:15px}.arrival-bottom>span:first-child,.arrival-bottom>span:last-child{max-width:100px}.arrival-bottom>span:last-child{text-align:right}.arrival-progress{width:42px}.discreet-note{padding-left:18px}.discreet-note p{font-size:11px}}
@media(max-height:520px){.arrival-top{top:20px}.arrival-bottom{bottom:22px}.arrival-content>.eyebrow{margin-bottom:12px}.arrival-content h2{font-size:65px;margin-bottom:14px}.arrival-content h2 em{display:inline}.arrival-enter{margin-top:12px;padding:8px 0}.arrival-content{top:53%}}
@media(prefers-reduced-motion:reduce){.arrival-dialog,.arrival-dialog::backdrop{transition:none}.arrival-dialog *{animation:none!important}.arrival-water canvas{display:none}.arrival-content{opacity:1}.arrival-progress{display:none}}
