*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:#0b1426;color:#f0f3fa;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b4d3ff;outline-offset:5px}.wrap{max-width:1260px;padding:0 32px;margin:auto}.header{position:sticky;top:0;z-index:10;background:#0b1426f5;border-bottom:1px solid #293b57}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0}.logo{text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-.06em}.logo span{font-weight:400;color:#88a6d5}.navlinks{display:flex;gap:28px;align-items:center;font-size:13px}.navlinks a{text-decoration:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9db6da}.hero{padding:80px 0 54px}h1{font-size:clamp(46px,6.7vw,88px);letter-spacing:-.055em;line-height:1.04;margin:22px 0 28px;max-width:1030px}h1 em{font:italic 1.03em Georgia,serif;color:#93b9ef}.lead{font-size:20px;color:#bdcce2;max-width:760px}.herofoot{margin-top:34px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.button{display:inline-block;padding:12px 22px;background:#a8cafa;color:#0d1a30;border-radius:6px;text-decoration:none;font-size:13px;font-weight:700}.button.light{background:#203556;color:#a8cafa}.textlink{font-size:13px;text-underline-offset:5px}.rule{border-top:1px solid #293d5b}.section{padding:56px 0}.sectiontitle{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}h2{font-size:clamp(30px,3.8vw,46px);letter-spacing:-.04em;line-height:1.15;margin:10px 0 0}h3{line-height:1.25}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project{border:1px solid #2b405e;background:#111f35;border-radius:12px;overflow:hidden}.projectimage{height:270px;background:#172941;display:block;position:relative;overflow:hidden}.projectimage img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.projectimage:hover img{transform:scale(1.025)}.project[data-slug="off-the-vert"] .projectimage img{object-fit:cover;object-position:50% 14%}.project[data-slug="the-addie"] .projectimage img{object-fit:cover}.project[data-slug="5120-entertainment"] .projectimage img{object-fit:cover;object-position:center}.projectbody{padding:26px}.meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.07em;color:#9fb4d2;text-transform:uppercase}.status{display:inline-block;padding:5px 9px;border:1px solid #3b5374;border-radius:20px;font-size:10px;letter-spacing:.02em;text-transform:none;color:#c0d6f5}.project h3{font-size:29px;letter-spacing:-.035em;margin:16px 0 12px}.project h3 a{text-decoration:none}.project p{font-size:15px;color:#bdcce2}.role{font-size:12px;color:#9eb5d5}.projectbottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #2a3e5c;margin-top:22px;padding-top:16px;font-size:12px}.projectbottom a{font-weight:700;text-decoration:none}.projectbottom time{color:#9bb0cd;font-size:10px}.aboutband{background:#112440;color:#f0f4fb}.aboutband .eyebrow{color:#a7c8f7}.aboutband p{color:#c1d1e7;max-width:760px;font-size:18px}.aboutband h2{max-width:780px}.updates{display:grid;gap:0}.update{padding:25px 0;border-top:1px solid #293d5b;display:grid;grid-template-columns:170px 1fr;gap:28px}.update time{font-size:12px;color:#a6bad8}.update h3{font-size:21px;margin:0 0 9px;letter-spacing:-.02em}.update h3 a{text-decoration:none}.update p{margin:0;max-width:840px;font-size:14px;color:#c0cee3}.update small{display:block;font-size:11px;color:#9fb7d9;margin-bottom:7px}.footer{border-top:1px solid #293d5b;padding:28px 0 34px;font-size:12px;color:#a0b3d0}.footerrow{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{text-decoration:none}.back{display:inline-block;font-size:12px;color:#aac1e2;margin-bottom:30px;text-underline-offset:4px}.projecthero{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;align-items:start;padding:56px 0}.projecthero h1{font-size:clamp(40px,5vw,66px);margin-top:16px}.projecthero .lead{font-size:18px}.projecthero img{width:100%;height:410px;object-fit:contain;background:#172a46;border-radius:12px}.projecthero .role{margin:18px 0}.projecthero .herofoot{margin-top:24px}.reviewed{font-size:11px;color:#a4b9d7;margin-top:20px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:44px}.textblock h3{font-size:23px;margin:0 0 16px;letter-spacing:-.025em}.textblock p{color:#c0cfe4;font-size:16px}.note{border-left:3px solid #8cb6ee;background:#172a46;padding:15px 20px;font-size:13px;color:#c2d4ef;margin:26px 0}.screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.screen{margin:0}.screen button{border:1px solid #314968;background:#172a46;border-radius:10px;display:block;width:100%;padding:0;overflow:hidden;cursor:zoom-in}.screen img{width:100%;height:330px;object-fit:contain;display:block}.screens.phone{grid-template-columns:repeat(4,minmax(0,1fr))}.phone .screen img{height:auto;aspect-ratio:1284/2778}.screen figcaption{font-size:12px;color:#aec2e0;padding:12px 0}.resource{padding:22px;border:1px solid #314968;border-radius:9px;margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.resource strong{display:block}.resource small{font-size:12px;color:#a6bad8}.resource a{font-size:13px;font-weight:700}.filterbar{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.filterbar button{border:1px solid #3b5476;background:transparent;color:#bfd1ea;padding:8px 14px;border-radius:30px;font-size:12px;cursor:pointer}.filterbar button[aria-pressed="true"]{background:#a8cafa;color:white;border-color:#a8cafa}[hidden]{display:none!important}dialog{border:0;background:#14233b;color:white;width:min(1100px,96vw);max-height:94vh;overflow:auto;border-radius:12px;padding:24px}dialog::backdrop{background:#050c18ed}dialog img{width:100%;height:auto}dialog button{display:block;margin:0 0 16px auto;background:#14233b;color:white;padding:9px 16px;border:1px solid #9cbeec;border-radius:24px;position:sticky;top:0;cursor:pointer}dialog p{font-size:13px}@media(max-width:800px){.wrap{padding:0 20px}.hero{padding:48px 0 36px}.lead{font-size:18px}.nav{padding:15px 0;gap:15px;flex-wrap:wrap}.navlinks{gap:18px}.section{padding:38px 0}.grid{grid-template-columns:1fr}.projecthero{grid-template-columns:1fr;gap:26px;padding:35px 0}.projecthero img{height:320px}.twocol{grid-template-columns:1fr;gap:20px}.screens.phone{grid-template-columns:repeat(2,minmax(0,1fr))}.screens{grid-template-columns:1fr}.update{grid-template-columns:1fr;gap:8px}.sectiontitle{align-items:start;flex-direction:column}.resource{align-items:start;flex-direction:column}.projectimage{height:250px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.projectimage img{transition:none}}
.button{color:#0d1a30}.button.light{background:#203556;color:#eaf2ff}.filterbar button[aria-pressed="true"]{color:#102039}.header .logo{color:#f0f4fc}.projectimage{border-bottom:1px solid #293d5b}

.button,.button.light,.textlink{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:14px 24px;border:1px solid rgba(176,207,255,.32);border-radius:12px;background:linear-gradient(145deg,rgba(155,192,250,.19),rgba(110,154,224,.07));color:#f3f7ff;text-decoration:none;font-size:16px;font-weight:600;line-height:1.35;letter-spacing:.01em;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 0 rgba(225,238,255,.16),0 8px 24px rgba(0,6,20,.2);transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.button:hover,.button.light:hover,.textlink:hover{background:linear-gradient(145deg,rgba(169,204,255,.29),rgba(112,159,234,.14));border-color:rgba(194,220,255,.62);box-shadow:inset 0 1px 0 rgba(235,245,255,.24),0 10px 28px rgba(0,6,20,.28);transform:translateY(-1px)}
.button:active,.textlink:active{transform:translateY(0)}.herofoot{gap:16px}.status{font-size:12px;padding:6px 11px;line-height:1.4}.projectbottom{font-size:14px}.navlinks{font-size:14px}.filterbar button,dialog button{font-size:15px;min-height:44px;padding:10px 18px;color:#e9f2ff;background:linear-gradient(145deg,rgba(155,192,250,.14),rgba(110,154,224,.05));border:1px solid rgba(176,207,255,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(225,238,255,.12)}.filterbar button:hover,dialog button:hover{border-color:rgba(194,220,255,.62);background:rgba(155,192,250,.2)}.filterbar button[aria-pressed="true"]{background:rgba(151,194,255,.24);color:#fff;border-color:#a8cafa}.screen button{background:linear-gradient(145deg,rgba(155,192,250,.12),rgba(110,154,224,.03));border:1px solid rgba(176,207,255,.25);box-shadow:inset 0 1px 0 rgba(225,238,255,.12);backdrop-filter:blur(14px)}.screen button:hover{border-color:rgba(194,220,255,.6)}
@media(max-width:800px){.button,.button.light,.textlink{font-size:16px;padding:14px 20px}.herofoot{align-items:stretch}.projectbottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.button,.textlink{transition:none}.button:hover,.textlink:hover{transform:none}}

.herofoot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:580px;gap:16px}.herofoot>a{width:100%;min-height:56px;box-sizing:border-box;text-align:center}
@media(max-width:600px){.herofoot{grid-template-columns:1fr;max-width:none}.herofoot>a{min-height:56px}}

.appdemo{margin:28px 0 0;max-width:420px}.appdemo video{display:block;width:100%;max-height:720px;aspect-ratio:1284/2778;background:#050b14;border:1px solid #354b6d;border-radius:20px;object-fit:contain}.appdemo figcaption{margin-top:14px;font-size:14px;color:#bdcce2}

.share-update{margin-top:30px;padding-top:22px;border-top:1px solid #293b57}.share-update>strong{display:block;margin-bottom:14px}.share-update button{cursor:pointer}.share-status{font-size:14px;color:#bdcce2}.share-update input{width:100%;padding:12px;background:#14233b;color:white;border:1px solid #93b9ef}

.share-update .share-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;color:#bdcce2;background:none;border:0;border-radius:8px;box-shadow:none;cursor:pointer}.share-update .share-icon:hover{color:#fff;background:rgba(147,185,239,.08)}.share-update>div{display:flex;gap:10px}.share-update svg{display:block}

.announcement-art{margin:32px 0 44px;max-width:680px}.announcement-art img{display:block;width:100%;height:auto;border:1px solid #293b57;border-radius:14px}.announcement-art figcaption{font-size:13px;color:#bdcce2;margin-top:12px}

.update-preview{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.update-preview>a{display:block;width:150px;max-width:100%;border:1px solid #354b6d;border-radius:10px;overflow:hidden;background:#07101d}.update-preview img{width:100%;height:auto;max-height:190px;object-fit:contain;display:block}.update-preview>a:hover{border-color:#93b9ef}@media(max-width:800px){.update-preview{gap:12px}.update-preview>a{width:132px}}

@media(max-width:800px){.update{grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:start}.update-preview{gap:12px;min-width:0}.update-preview>a{width:96px}.update-preview time{font-size:11px;line-height:1.5}.update>div{min-width:0}.update h3{font-size:18px;line-height:1.3}.update p{overflow-wrap:anywhere}}@media(max-width:360px){.update{grid-template-columns:80px minmax(0,1fr);gap:14px}.update-preview>a{width:80px}}

.update-preview>a{aspect-ratio:9/16;display:flex;align-items:center;justify-content:center}.update-preview img{width:100%;height:100%;max-height:none;object-fit:contain}

.update-preview img{object-fit:cover;object-position:center}

.update-art{max-width:280px;margin:26px 0}.update-art img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #293b57}.update-art figcaption{font-size:12px;color:#bdcce2;margin-top:10px}

.activity-ticker{margin-top:36px;border:1px solid #293b57;border-radius:12px;background:rgba(147,185,239,.035);overflow:hidden}.ticker-heading{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #293b57;font-size:12px;color:#bdcce2}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#93b9ef;box-shadow:0 0 9px #93b9ef66}.ticker-toggle{margin-left:auto;border:0;background:transparent;color:#bdcce2;font-size:12px;cursor:pointer;min-height:32px;padding:4px 10px;border-radius:5px}.ticker-toggle:hover{background:#93b9ef14;color:white}.ticker-window{overflow:hidden}.ticker-track{display:flex;gap:42px;width:max-content;align-items:center;padding:15px 20px;animation:activity-scroll 50s linear infinite}.ticker-track a{flex:none;white-space:nowrap;text-decoration:none;color:#d6e2f3;font-size:14px}.ticker-track a:hover{text-decoration:underline}.ticker-track b{color:#93b9ef;margin-right:7px;font-size:11px;letter-spacing:.07em}.ticker-track time{font-size:11px;color:#91a5c4;margin-right:12px}.activity-ticker:hover .ticker-track,.activity-ticker:focus-within .ticker-track,.activity-ticker.is-paused .ticker-track{animation-play-state:paused}@keyframes activity-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.activity-ticker:focus-within .ticker-window,.activity-ticker.is-paused .ticker-window{overflow-x:auto}.activity-ticker:focus-within .ticker-track{transform:none;animation:none}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker-window{overflow-x:auto}.ticker-toggle{display:none}}

.homepage-ticker .activity-ticker{margin-top:18px}.homepage-ticker+.wrap .hero{padding-top:48px}@media(max-width:800px){.homepage-ticker .activity-ticker{margin-top:12px}.homepage-ticker+.wrap .hero{padding-top:32px}}

@media(max-width:600px){.nav{justify-content:center}.nav .logo{text-align:center;width:100%}.navlinks{width:100%;justify-content:center;flex-wrap:wrap;gap:12px 20px}}

.next-project{margin-top:22px;max-width:100%;font-size:14px;min-height:48px}.herofoot:has(>a:only-child){display:flex;max-width:580px}.herofoot>a:only-child{width:auto;min-width:260px}.project{scroll-margin-top:110px}@media(max-width:600px){.herofoot>a:only-child{width:100%;min-width:0}.next-project{width:100%}.project{scroll-margin-top:160px}}