/* Independently authored bitmap typography and controls, 2026-10-25. */
.site-header .brand .brand-art,.site-footer .brand .brand-art{display:block;width:210px;height:68px;object-fit:contain;max-width:none}
.main-nav{gap:37px}.main-nav a{min-width:78px;justify-content:center}
.main-nav .nav-label-art{width:83px;height:27px;object-fit:contain;transition:filter .2s;filter:brightness(.84)}
.main-nav a.active .nav-label-art,.main-nav a:hover .nav-label-art{filter:brightness(1.2) sepia(.45) saturate(1.25)}
.hero-copy{width:600px;margin-top:-10px}.hero-logo{width:485px;height:308px;margin:0 auto 13px;object-fit:contain;filter:drop-shadow(0 5px 18px #0003)}
.hero h1{margin:0;line-height:1}.slogan-art{width:520px;height:auto;max-height:73px;object-fit:contain;margin:auto}
.hero-description{margin:17px 0 26px;font-size:15px;letter-spacing:3px}.hero-actions{gap:16px;align-items:center}
.download-button,.outline-button.sponsor-button{display:block;min-height:0;height:72px;padding:0;background:none;border:0;box-shadow:none;clip-path:none;filter:none;transition:filter .2s,transform .2s}
.download-button{width:310px}.outline-button.sponsor-button{width:202px;min-width:0}
.download-button img,.sponsor-button img{width:100%;height:100%;object-fit:fill}
.download-button:hover,.outline-button.sponsor-button:hover{background:none;filter:brightness(1.15) drop-shadow(0 0 12px #efcf8155);transform:translateY(-2px)}
.hero-values{margin-top:22px}.profession-copy{bottom:22px}.profession-art{filter:saturate(.78) brightness(.86)}
.profession-copy .eyebrow{display:none}.profession-copy h2{margin:0 0 5px;white-space:normal}
.profession-title-art{width:100%;max-height:83px;object-fit:contain;margin:auto}
.profession-copy>p:not(.eyebrow){margin-top:0;font-size:15px}.class-list{font-size:11px;margin-top:12px}
.panel-heading .heading-art{object-fit:contain;object-position:left center;width:172px;height:35px}
.status-panel .panel-heading .heading-art{width:195px;height:35px}
.quick-links{padding-top:23px;padding-bottom:25px}.quick-links img{width:66px;height:66px;object-fit:contain}
.quick-links img,.quick-links a:last-child img{filter:drop-shadow(0 0 8px #79c5ee30)}
.quick-links a:hover img,.quick-links a:last-child:hover img{filter:drop-shadow(0 0 12px #79c5ee70)}
.quick-links a{gap:9px}.quick-links span{font-family:var(--serif);font-size:15px;letter-spacing:1px;color:#d1dce5;text-shadow:0 1px 3px #000}
.server-symbol img{width:24px;height:24px;object-fit:contain;opacity:.8;filter:grayscale(.35)}
.feature-card .eyebrow{font-size:9px;color:#c0d2de}.feature-card h2{margin:5px 0 12px}.feature-title-art{width:330px;height:auto;max-height:65px;object-fit:contain;object-position:left center}
.feature-card .outline-button.small,.support-banner .outline-button,.customer-link{background:linear-gradient(135deg,#0c1721f2,#040d16f2);border:1px solid #c5a76d;box-shadow:inset 0 0 0 2px #07101a,inset 0 0 0 3px #5f513344}
.support-title-art{width:265px;height:84px;object-fit:contain;object-position:left center}.support-copy h2{margin:0 0 9px}.support-banner .line-logo{font-size:17px;background:#06c755;box-shadow:inset 0 0 0 1px #fff3,0 4px 14px #0006}
@media(min-width:1600px){.hero-logo{width:510px;height:326px}.hero-copy{width:620px}.slogan-art{width:550px;max-height:75px}}
@media(max-width:1180px){.site-header .brand .brand-art{width:170px;height:60px}.main-nav{gap:21px}.main-nav a{min-width:70px}.main-nav .nav-label-art{width:75px;height:24px}.hero-copy{width:520px}.hero-logo{width:425px;height:270px}.slogan-art{width:465px}.download-button{width:275px}.outline-button.sponsor-button{width:183px}.download-button,.outline-button.sponsor-button{height:64px}.hero-description{font-size:13px}.panel-heading .heading-art{width:150px;height:31px}.status-panel .panel-heading .heading-art{width:169px;height:31px}.quick-links img{width:59px;height:59px}.quick-links span{font-size:13px}.feature-title-art{width:290px;max-height:55px}}
@media(max-width:900px){.main-nav{gap:15px}.main-nav a{min-width:65px}.main-nav .nav-label-art{width:70px}.hero-copy{width:490px}.hero-logo{width:390px;height:250px}.slogan-art{width:430px}.download-button{width:255px}.outline-button.sponsor-button{width:173px}.download-button,.outline-button.sponsor-button{height:61px}.status-panel .panel-heading .heading-art{width:190px;height:34px}.quick-links img{width:64px;height:64px}.quick-links span{font-size:14px}.feature-title-art{width:260px}}
@media(max-width:600px){.site-header .brand .brand-art{width:175px;height:57px}.main-nav{gap:0}.main-nav a{justify-content:flex-start}.main-nav .nav-label-art{width:91px;height:26px}.hero-inner{padding-bottom:99px}.hero-copy{width:100%;margin:0}.hero-logo{width:310px;height:204px;margin-bottom:13px}.slogan-art{width:100%;max-height:48px}.hero-description{font-size:12px;letter-spacing:1.5px;margin:15px 0 25px}.hero-actions{gap:10px}.download-button{width:205px}.outline-button.sponsor-button{width:132px}.download-button,.outline-button.sponsor-button{height:53px;min-width:0}.hero-values{margin-top:22px;font-size:10px}.profession-title-art{max-height:78px;width:100%}.profession-copy{bottom:24px}.panel-heading .heading-art{width:170px;height:35px}.status-panel .panel-heading .heading-art{width:195px;height:35px}.quick-links img{width:56px;height:56px}.quick-links span{font-size:11px;letter-spacing:0}.feature-title-art{width:280px;max-height:57px}.support-title-art{width:230px;height:75px}.support-copy{gap:15px}.support-banner .line-logo{width:50px;height:50px}.support-banner{padding-left:20px;padding-right:20px}.support-copy>div{min-width:0}.site-footer .brand .brand-art{width:220px;height:73px}}
@media(max-width:360px){.hero-logo{width:285px;height:190px}.download-button{width:180px}.outline-button.sponsor-button{width:119px}.download-button,.outline-button.sponsor-button{height:49px}.hero-description{font-size:11px;letter-spacing:1px}.support-title-art{width:200px;height:70px}.quick-links img{width:51px;height:51px}.quick-links span{font-size:10px}.class-list{font-size:10px}}

/* Hand-lettered values and a wider, naturally scaled secondary button. */
.hero-values{margin:19px auto 0;width:380px;max-width:85%}
.hero-values img{width:100%;height:auto;object-fit:contain}
.outline-button.sponsor-button{width:230px}
.sponsor-button img{object-fit:contain}
@media(max-width:1180px){.outline-button.sponsor-button{width:203px}.hero-values{width:350px}}
@media(max-width:900px){.outline-button.sponsor-button{width:193px}.hero-values{width:330px}}
@media(max-width:600px){.hero-actions{width:100%;gap:10px}.hero-actions .download-button{width:58%;flex:0 1 205px;min-width:0}.hero-actions .sponsor-button{width:42%;flex:0 1 153px;min-width:0}.hero-values{width:300px;max-width:88%;margin-top:18px}}
/* Independent typography artwork, fourth preview. */
.hero-description img{display:block;width:460px;max-width:95%;height:auto;margin:auto}
.customer-link{width:150px;height:43px;padding:0!important;border:0!important;background:none!important;clip-path:none!important;box-shadow:none!important}
.customer-link img{width:100%;height:100%;object-fit:contain}
.customer-link:hover{filter:brightness(1.18)}
.profession-copy .class-subtitle{margin:2px 0 0}
.class-subtitle img{display:block;width:270px;max-width:90%;height:auto;margin:auto}
.profession-copy .class-list{margin:12px 0 10px}
.class-list img{display:block;width:300px;max-width:95%;height:auto;margin:auto}
.class-explore img{display:block;width:165px;max-width:70%;height:auto;margin:auto}
@media(max-width:600px){.hero-description img{width:330px}.class-subtitle img{width:250px}.class-list img{width:290px}.class-explore img{width:150px}}
/* Raster action buttons match the engraved gold and midnight-blue artwork. */
.outline-button.artwork-button{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;gap:0;transition:filter .2s,transform .2s}
.artwork-button img{display:block;width:100%;height:auto;object-fit:contain}
.artwork-button.learn-button{width:155px;max-width:100%}
.artwork-button.friend-button{width:175px;max-width:100%;flex-shrink:0}
.artwork-button:hover{filter:brightness(1.2);transform:translateY(-2px)}
.artwork-button:focus-visible{outline:2px solid #f1d598;outline-offset:5px}
.showcase{width:100%;max-width:none}
.showcase .slide img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/1;object-fit:cover}
.showcase .slides{display:grid;isolation:isolate;overflow:hidden}
.showcase .slide{grid-area:1/1;margin:0;min-width:0;opacity:0;visibility:hidden;pointer-events:none;animation:none;transition:opacity 2s ease-in-out,visibility 0s linear 2s!important}
.showcase .slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1;transition:opacity 2s ease-in-out,visibility 0s!important}
/* Snow remains visible even when the OS reduces decorative CSS animation. */
.hero .snow{display:block}