/* Carry the illustrated evening into the collection and every destination. */
:root{
 --ink:#edf3fa;
 --muted:#b4c3d4;
 --blue:#abd3f6;
 --paper:#101f36;
 --line:#ffffff24;
}
body{
 background-color:#101f36;
 background-image:linear-gradient(#101f3640,#101f3640),url('assets/night-sky-texture.png');
 background-size:auto,1100px 1100px;
 background-repeat:repeat;
 color:var(--ink);
}
header{background:#101f36}
.home header{background:transparent}
main,.hero{background:transparent}
/* Reveal the same continuous sky behind the scene, collection and footer. */
.sky,.hero:after{
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,#0009 93%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 82%,#0009 93%,transparent 100%);
}
.home #featured{padding-top:48px;padding-bottom:85px}
.section{background:transparent}
.section .eyebrow{color:#dfbf97;font-size:12px;letter-spacing:2px}
.section-title>a{color:#c8dcef;border-color:#ffffff40;font-size:14px}
.asset-card{color:var(--ink)}
.cover{
 background:linear-gradient(145deg,#25384f,#1a2a41);
 background:linear-gradient(145deg,color-mix(in srgb,var(--tint) 17%,#14253c),color-mix(in srgb,var(--tint) 5%,#14253c));
 border:1px solid #ffffff1f;box-shadow:0 14px 35px #070f1d18;
}
.cover:after{color:#ffffff0b}
.cover .number{opacity:1;color:#adbed0;font-size:12px}
.cover strong{color:#f2f5fa}
.category{font-size:12px;letter-spacing:1.1px;color:#b7c8d9}
.asset-card h3{color:#e6eff9}
.asset-card h3 span{color:#a9bfd4}
.asset-card p{font-size:15px;line-height:1.8}
.principle{
 background:radial-gradient(ellipse at 85% 100%,#ad805117,transparent 65%);
 border-top:1px solid #ffffff13;padding:80px 25px;
}
.principle .eyebrow{font-size:12px;color:#d6bc9b}
.principle p{font-size:16px}
footer{background:transparent;color:#b4c3d4;font-size:13px;border-color:#ffffff1c}
footer .brand{color:#e8eff7}
.preview-card{background:#172b43f5;color:#eef4fb;border-color:#7996b844;box-shadow:0 16px 45px #05112540}
.preview-card .eyebrow{font-size:12px;color:#b7cfe3}
.preview-card p,.preview-card .close{color:#c0cede}
.preview-card>a{color:#badfff}
.button{background:#bcd9ef;color:#112a41;font-size:14px}
.button:hover{background:#d2e6f5}
.hero .button{background:#edf4fa;color:#24577e}
.filters button{font-size:14px;background:#ffffff04;color:#c5d2df}
.filters button[aria-pressed=true]{background:#c4def2;color:#132b42;border-color:#c4def2}
input{background:#15263d;border-color:#ffffff30;color:#eef3f8;font-size:14px}
input::placeholder{color:#a4b7c9}
.back{font-size:14px;color:#b2d7f6}
.support-list a{color:#e2edf8}
.note{color:#b4c3d4}
.skip{background:#182e48;color:white}
@media(max-width:850px){
 .home #featured{padding-top:35px;padding-bottom:60px}
 .asset-card p{font-size:15px}
}

/* A short-lived light pane gives navigation a clear response without covering the scene. */
nav a{position:relative;isolation:isolate;display:inline-flex;align-items:center;overflow:hidden;padding:10px 13px;margin:-10px -13px;border:1px solid transparent;border-radius:11px;opacity:1;transition:color .25s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}
nav a::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(105deg,transparent 15%,#ffffff4d 48%,transparent 77%);transform:translateX(-130%);transition:transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}
nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:1px;background:#ead5b5;transform:scaleX(0);transform-origin:left;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .2s ease}
nav a[aria-current="page"]::after{transform:scaleX(1)}
nav a:focus-visible{color:#fff;background:linear-gradient(135deg,#ffffff3b,#bddfff20);border-color:#ffffff75;box-shadow:inset 0 1px #ffffff8c,0 7px 22px #06142d70,0 0 16px #c9e7ff3b;transform:translateY(-2px)}
nav a:focus-visible::before{transform:translateX(130%)}
nav a:focus-visible::after{opacity:0}
footer a{transition:color .22s ease}
.button{position:relative;isolation:isolate;overflow:hidden;transition:background-color .28s ease,transform .32s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}
.button::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(105deg,transparent 20%,#ffffffa3 50%,transparent 80%);transform:translateX(-140%);transition:transform .65s cubic-bezier(.22,1,.36,1);pointer-events:none}
.button:focus-visible{transform:translateY(-3px);box-shadow:0 12px 27px #030d1d50,0 0 0 1px #ffffff75}
.button:focus-visible::before{transform:translateX(140%)}
.asset-card .cover{transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,border-color .32s ease}
.asset-card:focus-visible .cover{transform:translateY(-3px);border-color:#c7e4f27a;box-shadow:0 19px 40px #030d1d55}
.asset-card h3 span{transition:transform .26s cubic-bezier(.22,1,.36,1),color .26s ease}
.asset-card:focus-visible h3 span{transform:translate(3px,-2px);color:#e6f5ff}
.filters button{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s cubic-bezier(.22,1,.36,1)}
.filters button:focus-visible:not([aria-pressed="true"]){background:#ffffff12;border-color:#bcd9ef;color:#fff}
.star:before{transition:transform .26s cubic-bezier(.22,1,.36,1),text-shadow .26s ease}
.star:hover:before,.star[aria-expanded="true"]:before,.star:focus-visible:before{transform:scale(1.14) rotate(12deg);text-shadow:0 0 16px #fff,0 0 28px #bedef8}
.star:after{transform:scale(.75);transition:opacity .26s ease,transform .26s cubic-bezier(.22,1,.36,1)}
.star:hover:after,.star[aria-expanded="true"]:after,.star:focus-visible:after{transform:scale(1)}
.map path{transition:stroke .28s ease,stroke-dasharray .28s ease,filter .28s ease}
.preview-card{opacity:0;transform:translateY(9px) scale(.985);pointer-events:none;transition:opacity .2s ease,transform .24s cubic-bezier(.22,1,.36,1)}
.preview-card.is-visible{opacity:1;transform:none;pointer-events:auto}
.preview-card>a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s ease,color .2s ease}
.preview-card>a:focus-visible{text-decoration-color:currentColor}
.close{transition:color .2s ease,transform .2s ease}
.close:focus-visible{color:#fff;transform:scale(1.1)}
.contact-list a{transition:color .2s ease,transform .24s cubic-bezier(.22,1,.36,1),border-color .2s ease}
.contact-list a:focus-visible{color:#fff;transform:translateX(2px);border-color:#bcd9ef66}
@media(hover:hover) and (pointer:fine){
 nav a:hover{opacity:1;color:#fff;background:linear-gradient(135deg,#ffffff3b,#bddfff20);border-color:#ffffff75;box-shadow:inset 0 1px #ffffff8c,0 7px 22px #06142d70,0 0 16px #c9e7ff3b;transform:translateY(-2px)}
 nav a:hover::before{transform:translateX(130%)}
 nav a:hover::after{opacity:0}
 footer a:hover{opacity:1;color:#eef7ff}
 .button:hover{transform:translateY(-3px);box-shadow:0 12px 27px #030d1d50,0 0 0 1px #ffffff75}
 .button:hover::before{transform:translateX(140%)}
 .asset-card:hover .cover{transform:translateY(-3px);border-color:#c7e4f27a;box-shadow:0 19px 40px #030d1d55}
 .asset-card:hover h3 span{transform:translate(3px,-2px);color:#e6f5ff}
 .filters button:not([aria-pressed="true"]):hover{background:#ffffff12;border-color:#bcd9ef;color:#fff;transform:translateY(-1px)}
 .preview-card>a:hover{text-decoration-color:currentColor;color:#e4f3ff}
 .close:hover{color:#fff;transform:scale(1.1)}
 .contact-list a:hover{transform:translateX(2px);border-color:#bcd9ef66}
}
.button:active{transform:translateY(0) scale(.985);transition-duration:.1s}
.filters button:active,.filters button:not([aria-pressed="true"]):hover:active{transform:scale(.97)}
@media(max-width:520px){nav a{padding:8px 5px;margin:-8px -5px;border-radius:8px}nav a::after{left:5px;right:5px}}
@media(prefers-reduced-motion:reduce){
 nav a::before,nav a::after,.button::before,.button,.asset-card .cover,.asset-card h3 span,.filters button,.star:before,.star:after,.preview-card,.close,.contact-list a{transition:none!important}
 nav a:hover,nav a:focus-visible,.button:hover,.button:focus-visible,.button:active,.asset-card:hover .cover,.asset-card:focus-visible .cover,.asset-card:hover h3 span,.asset-card:focus-visible h3 span,.filters button:hover,.filters button:active,.star:hover:before,.star:focus-visible:before,.star[aria-expanded="true"]:before,.preview-card,.close:hover,.contact-list a:hover{transform:none!important}
 nav a::before,.button::before{display:none}
}