*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background-color:#060715;background-image:url(/images/starfield-nebula-x.jpg);background-repeat:no-repeat;background-position:top center;background-size:100% auto;color:#fff}.page{min-height:100vh;display:flex;flex-direction:column;padding:50px 0}.section-stack{width:100%;max-width:1024px;margin:0 auto;overflow:hidden;border-radius:24px;box-shadow:0 0 18px #0000002e;background:#000}.section{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.section-title{margin:0;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:.08em;text-transform:lowercase}.section-title-corner{position:absolute;left:15px;bottom:15px;text-align:left;text-transform:none}.section+.section{border-top:5px solid #111111}.section-aurora{aspect-ratio:1400/992;background-image:url(/images/aurora.jpg);background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#fff;--credit-bg: rgba(0, 0, 0, .15);--credit-bg-hover: rgba(0, 0, 0, .5)}.section-beach{aspect-ratio:4/3;background-image:url(/images/beach.jpg);background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#333;--credit-bg: rgba(255, 255, 255, .15);--credit-bg-hover: rgba(255, 255, 255, .5)}.section-content{position:absolute;top:15px;left:15px;right:15px;bottom:15px;padding:15px;border-radius:15px;background:linear-gradient(135deg,#000000bf,#0000 50%);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.65);display:flex;flex-direction:column;gap:10px;text-align:left}.section-content-inner{width:50%;display:flex;flex-direction:column;gap:10px}.section-content h1{margin:0;font-size:24px;font-weight:700}.section-content .text-small{margin:0;font-size:12px;font-weight:400}.section-content .text-medium{margin:0;font-size:14px;font-weight:400}.section-midnight{padding:25px;background:#111;color:#fff}.section-whiteclaw{background:#a79cc2;color:#111;--credit-bg: rgba(255, 255, 255, .15);--credit-bg-hover: rgba(255, 255, 255, .5)}.section-whiteclaw .section-image{max-width:min(70vw,520px);width:100%;height:auto;display:block}.contact-bubbles{position:absolute;top:50px;left:50px;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;width:215px;min-width:160px;z-index:2}.contact-bubble{width:100px;height:100px;border-radius:999px;display:grid;place-items:center;text-decoration:none;background:#00000026;border:2px solid rgba(255,255,255,.25);box-shadow:0 12px 30px #00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;overflow:hidden;--specular-strength: .25;transition:backdrop-filter .25s ease}.contact-bubble:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,var(--specular-strength)),#fff0);pointer-events:none;transition:opacity .25s ease}.contact-bubble img{width:50%;height:auto;object-fit:contain;display:block;position:relative;z-index:1;transform:scale(1);transition:transform .25s ease}.contact-bubble:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--specular-strength: .5}.contact-bubble:hover img{transform:scale(1.2)}.section-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--spotlight-x, 0px) var(--spotlight-y, 0px),rgba(0,0,0,0) 0,rgba(0,0,0,0) 60px,rgba(0,0,0,.45) 200px,rgba(0,0,0,.45) 100%)}.section-spotlight.is-active{opacity:1}.art-credit{position:absolute;right:15px;bottom:15px;font-size:12px;color:inherit;text-decoration:none;background:var(--credit-bg, rgba(0, 0, 0, .15));padding:4px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;transition:background-color 333ms ease}.art-credit:hover{background-color:var(--credit-bg-hover, rgba(0, 0, 0, .5))}.art-credit-icon{width:12px;height:12px;display:inline-block;background-color:currentColor;-webkit-mask:url(/images/external-link.svg) center/contain no-repeat;mask:url(/images/external-link.svg) center/contain no-repeat}.mosaic{width:min(100%,900px);margin:0 auto}.mosaic-grid{width:100%;aspect-ratio:16/9;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-template-areas:"a b c" "a d e";gap:12px}.mosaic-item{border:0;padding:0;background:transparent;cursor:pointer;overflow:hidden;border-radius:10px;position:relative}.mosaic-item:nth-child(1){grid-area:a}.mosaic-item:nth-child(2){grid-area:b}.mosaic-item:nth-child(3){grid-area:c}.mosaic-item:nth-child(4){grid-area:d}.mosaic-item:nth-child(5){grid-area:e}.mosaic-item img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .25s ease}.mosaic-item:hover img{transform:scale(1.05)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#060715e6;cursor:pointer}.lightbox-image{position:relative;z-index:1;max-width:min(90vw,1100px);max-height:85vh;border-radius:16px;box-shadow:0 18px 60px #00000073}.lightbox-close{position:absolute;top:24px;right:24px;z-index:2;width:44px;height:44px;border-radius:999px;border:0;background:#111111e6;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border-radius:999px;border:0;background:#111111e6;color:#fff;font-size:2rem;line-height:1;cursor:pointer}.lightbox-prev{left:24px}.lightbox-next{right:24px}@media (max-width: 1024px){.page{padding:0}.section-stack{border-radius:0}body{background-image:none}}@media (max-width: 360px){.section-title-corner{font-size:clamp(1.4rem,4.5vw,2.3rem)}}@media (max-width: 600px){.section-content-inner{width:100%}.section-content{background:linear-gradient(135deg,#000000bf,#0000 85%)}}@media (max-width: 470px){.contact-bubbles{top:15px;left:15px}}@media (max-width: 700px){.contact-bubble{width:70px;height:70px}.contact-bubbles{width:155px}}@media (max-width: 420px){.section-content .text-medium{font-size:12px}.section-content,.section-content-inner{gap:5px}}
