/* Shared sizing rules for desktop, tablet and phone layouts. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0}
img,svg{max-width:100%}
main,section,article,form,fieldset,.path-card,.path-body,.org-story-copy,.org-hero-copy,.product-meta,.product-meta>div{min-width:0}
button,input,select,textarea{font:inherit}
input,select,textarea{font-size:16px;max-width:100%}
button,.button,.buy,.text-link,.back-link,.footer-legal a{min-height:44px}
a,button,input,textarea,select{-webkit-tap-highlight-color:#9b0cca33}
.product-meta h3,.policy-content a,.hr-intro,.field-help{overflow-wrap:anywhere}
body>header{display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(210px,1fr);align-items:center;gap:18px;padding:20px clamp(20px,3vw,64px)}
body>header>.brand{grid-column:1;grid-row:1;justify-self:start;margin:0;order:0;font-size:20px}
body>header>.menu-toggle{display:none}
body>header>#primary-navigation{grid-column:2;grid-row:1;display:flex;width:auto;flex-direction:row;justify-content:center;align-items:center;justify-self:center;flex-wrap:nowrap;gap:16px;padding:0;margin:0;border:0;font-size:15px}
#primary-navigation>a{width:auto;min-height:44px;padding:8px 0;gap:7px}
body>header>#header-socials{grid-column:3;grid-row:1;display:flex;justify-self:end;justify-content:flex-end;flex-wrap:nowrap;gap:2px;width:auto;padding:0;border:0}
#header-socials>a{width:33px;height:44px}
.new-hero,.org-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.paths-grid,.roles,.collection .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.org-story,.org-info-grid,#paragon-management .management-grid,.form-grid,.home-destinations{grid-template-columns:repeat(2,minmax(0,1fr))}
.org-values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.paragon-paths,.collection,.team-section,.careers-section{padding-inline:max(5%,calc((100% - 1440px)/2))}
.new-hero{min-height:620px}
.hero-main{padding:80px 20px 70px max(8%,calc((100vw - 1440px)/2))}
.new-hero h1{font-size:clamp(64px,7.4vw,112px)}
.jersey-front-hero{min-height:560px;padding:25px}
.jersey-front-hero img{height:520px;max-width:480px;width:100%}
.org-story{gap:clamp(28px,5vw,65px)}
.path-body>p{min-height:0;max-width:none}
.path-footer{gap:12px;flex-wrap:wrap}
.controls,.raven,.org-bottom{flex-wrap:wrap}
.sort{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.sort select{margin-left:0;min-height:44px}
.filters button{min-height:44px}
.form-grid>*{min-width:0}
form textarea{resize:vertical}
.check-label{display:flex;align-items:flex-start;gap:12px;line-height:1.7}
.check-label input[type=checkbox]{flex:0 0 auto;width:20px;height:20px;margin-top:4px}
footer{grid-template-columns:minmax(0,1fr) auto;gap:22px 30px;padding:35px max(5%,calc((100% - 1440px)/2))}
footer>.brand{grid-column:1;grid-row:1}
footer>.footer-nav{grid-column:2;grid-row:1;justify-content:flex-end;gap:6px 22px;width:auto}
footer>p{grid-column:1;grid-row:2;margin:0}
footer>a[href^="mailto:"]{grid-column:2;grid-row:2;justify-self:end;display:inline-flex;align-items:center;min-height:44px;color:#cdc5d5;font-size:15px;padding:0}
footer>.footer-legal{grid-column:1/-1;grid-row:3;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:1350px){
 body>header,body>header.menu-enhanced{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 16px;padding:16px 5%;background:#100c16}
 body>header>.brand{grid-column:2;grid-row:1;justify-self:end;font-size:18px}
 body>header>.brand .brand-logo{width:48px;height:40px;object-fit:contain}
 body>header>.brand small{font-size:12px;letter-spacing:3px}
 body>header.menu-enhanced>.menu-toggle{grid-column:1;grid-row:1;justify-self:start;display:inline-flex;align-items:center;gap:10px;margin:0;min-width:94px;min-height:46px;padding:10px 12px;background:#201429;border:1px solid #714087;border-radius:7px;color:#fff;font-size:15px;font-weight:600;cursor:pointer}
 .menu-toggle-icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:20px;height:22px}
 .menu-toggle-icon i{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}
 .menu-open .menu-toggle-icon i:first-child{transform:translateY(7px) rotate(45deg)}
 .menu-open .menu-toggle-icon i:nth-child(2){opacity:0}
 .menu-open .menu-toggle-icon i:last-child{transform:translateY(-7px) rotate(-45deg)}
 body>header>#primary-navigation{grid-column:1/-1;grid-row:2;width:100%;justify-self:stretch;display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:16px 0 0;padding:14px 0 10px;border-top:1px solid #48304f;font-size:16px}
 #primary-navigation>a{width:100%;min-height:48px;padding:12px 14px;border-radius:6px;gap:12px;transform:none}
 #primary-navigation>a:hover,#primary-navigation>a[aria-current=page]{background:#9b0cca22;color:#f4e4ff}
 #primary-navigation .ui-icon{width:20px;height:20px}
 body>header>#header-socials{grid-column:1/-1;grid-row:3;justify-self:stretch;justify-content:flex-start;flex-wrap:wrap;gap:6px;padding:10px 0 4px;border-top:1px solid #48304f;width:100%}
 #header-socials>a{width:44px;height:44px}
 body>header.menu-enhanced:not(.menu-open)>#primary-navigation,body>header.menu-enhanced:not(.menu-open)>#header-socials{display:none}
 .paths-grid{gap:16px}.path-body{padding:24px 20px}.path-body h3{font-size:30px}
 .new-hero{min-height:560px}.hero-main{padding:65px 20px 50px 8%}.jersey-front-hero{min-height:500px}.jersey-front-hero img{height:460px}
}
@media(min-width:768px) and (max-width:1100px){
 .roles,.collection .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .roles article{padding:28px}.roles .button{width:100%}
}
@media(max-width:900px){
 .new-hero,.org-hero,.org-story{grid-template-columns:minmax(0,1fr)}
 .new-hero{min-height:0}.hero-main{padding:50px 6% 20px}.hero-main>p{max-width:600px}.new-hero h1{font-size:clamp(58px,10vw,86px);margin:25px 0}
 .jersey-front-hero{min-height:0;padding:12px 6% 40px}.jersey-front-hero img{height:380px;max-width:360px}
 .org-hero{padding:50px 6%;gap:24px}.org-hero h1{font-size:clamp(48px,8vw,72px)}.org-badge{padding:0}.org-badge img{max-width:200px}
 .org-story{padding:50px 6%;gap:30px}
 #paragon-management .management-grid{grid-template-columns:minmax(0,1fr);max-width:650px}
 .org-values-grid{gap:24px}
 footer{grid-template-columns:minmax(0,1fr) auto}
 footer>.footer-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;width:100%;gap:4px 22px}
 footer>p{grid-column:1;grid-row:3}footer>a[href^="mailto:"]{grid-column:2;grid-row:3}
 footer>.footer-legal{grid-row:4;justify-content:flex-start}
}
@media(max-width:767px){
 .paths-grid,.roles,.org-values-grid{grid-template-columns:minmax(0,1fr)}
 .paths-grid{max-width:600px;margin-inline:auto;gap:24px}
 .path-body{padding:24px}.path-body h3{font-size:32px}.path-footer{margin-top:auto}
 .paragon-paths,.collection,.team-section,.careers-section{padding:45px 6%}
 .org-values{padding:45px 6%}.org-values-grid{gap:24px}
 .home-destinations{grid-template-columns:minmax(0,1fr)}.home-destinations>a{padding:34px 6%;min-height:240px}
 .home-destinations h3{font-size:40px;margin:12px 0 22px}
 .form-grid{grid-template-columns:minmax(0,1fr)}
 .application-section{padding:45px 6%}.hr-steps{gap:12px 20px}
 .controls{align-items:stretch;gap:18px}.filters{gap:6px}.filters button{padding:10px 12px;font-size:14px}
 .raven{margin:40px 6%;padding:28px;gap:24px}.raven .button{width:100%}
 .collection .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
 .product-meta{flex-wrap:wrap;gap:8px}.product-meta h3{font-size:16px}.buy{display:inline-flex;align-items:center;font-size:15px}
 dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:40px 20px 24px;overflow:auto}
 .detail-layout{grid-template-columns:minmax(0,1fr);gap:20px}.product-detail-visual img{max-height:340px;height:auto}.detail-layout h2{font-size:38px}
 .home-community{min-height:360px;padding:55px 6%;background-attachment:scroll}.home-community h2{font-size:clamp(38px,8vw,54px)}
 #paragon-management{background-attachment:scroll;padding:45px 6%}
 #paragon-management .management-card{padding:35px 24px}
 .org-story-copy>p,.org-values-grid p,.hr-intro,form label{font-size:16px}
}
@media(max-width:480px){
 footer{grid-template-columns:minmax(0,1fr);padding:30px 6%}
 footer>.brand{grid-column:1;grid-row:1}footer>.footer-nav{grid-column:1;grid-row:2}
 footer>p{grid-column:1;grid-row:3}footer>a[href^="mailto:"]{grid-column:1;grid-row:4;justify-self:start}
 footer>.footer-legal{grid-column:1;grid-row:5;gap:8px 18px}
 .org-info-grid{grid-template-columns:minmax(0,1fr)}.org-info-card{padding:24px}
 .new-hero h1{font-size:clamp(48px,13vw,64px)}.hero-main{padding-top:40px}
 .jersey-front-hero img{height:320px;max-width:285px}
 .actions{flex-direction:column;align-items:stretch;gap:14px}.actions>.button{width:100%}
 .org-bottom{align-items:stretch;gap:22px}
}
@media(max-width:420px){
 .collection .grid{grid-template-columns:minmax(0,1fr)}
 .collection .product-visual{height:320px}.product-meta{flex-direction:row;justify-content:space-between}
}
@media(max-width:360px){
 body>header.menu-enhanced>.menu-toggle{min-width:46px;width:46px;justify-content:center;padding:10px}
 .menu-toggle-label{display:none}
 body>header>.brand{font-size:16px;gap:8px}
}
@media(hover:none){.roles article:hover,.person:hover{translate:none}.product-visual:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.menu-toggle-icon i{transition:none}}
/* Team category disclosure in desktop and mobile navigation. */
#primary-navigation>.team-nav{position:relative;color:inherit;min-width:0}
.team-nav>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;cursor:pointer;list-style:none;font-size:15px;white-space:nowrap}
.team-nav>summary::-webkit-details-marker{display:none}
.team-nav>summary:focus-visible{outline:3px solid #ce9bff;outline-offset:5px}
.team-nav-chevron{margin-left:3px;transition:transform .2s}
.team-nav[open] .team-nav-chevron{transform:rotate(180deg)}
.team-nav-current>summary,.team-nav>summary:hover{color:#e9baff}
.team-nav-links{position:absolute;top:calc(100% + 8px);left:-18px;z-index:50;min-width:210px;padding:8px;border:1px solid #624077;border-radius:8px;background:#17101f;box-shadow:0 18px 40px #0006}
#primary-navigation .team-nav-links>a{display:flex;align-items:center;min-height:46px;width:100%;padding:12px;border-radius:5px;font-size:15px;transform:none}
#primary-navigation .team-nav-links>a:hover,#primary-navigation .team-nav-links>a[aria-current=page]{background:#9b0cca33;color:#fff}
@media(max-width:1350px){
 #primary-navigation>.team-nav{width:100%}
 .team-nav>summary{min-height:48px;padding:12px 14px;font-size:16px;gap:12px;border-radius:6px}
 .team-nav>summary .ui-icon{width:20px;height:20px}
 .team-nav-chevron{margin-left:auto}
 .team-nav[open]>summary{background:#9b0cca22}
 .team-nav-links{position:static;min-width:0;margin:2px 0 8px 24px;padding:0 0 0 12px;border:0;border-left:1px solid #794397;border-radius:0;background:transparent;box-shadow:none}
 #primary-navigation .team-nav-links>a{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.team-nav-chevron{transition:none}}
/* Our Team opens the complete overview; its adjacent button opens categories. */
#primary-navigation>.team-nav-item{display:flex;align-items:center;position:relative;min-width:0}
#primary-navigation .team-overview-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;white-space:nowrap}
.team-submenu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:44px;padding:4px;border:0;background:transparent;color:#dfcce9;cursor:pointer}
.team-submenu-toggle svg{transition:transform .2s}
.team-menu-open>.team-submenu-toggle svg{transform:rotate(180deg)}
.team-nav-item>.team-nav-links{left:0;top:100%}
.team-nav-links[hidden]{display:none}
@media(max-width:1350px){
 #primary-navigation>.team-nav-item{display:grid;grid-template-columns:minmax(0,1fr) 44px;width:100%}
 #primary-navigation .team-overview-link{grid-column:1;min-height:48px;padding:12px 14px;gap:12px;width:100%}
 .team-submenu-toggle{grid-column:2;min-height:48px;border-radius:5px;border:1px solid #604073}
 .team-nav-item>.team-nav-links{grid-column:1/-1;position:static;min-width:0;margin:4px 0 8px 24px;padding-left:12px}
}
@media(prefers-reduced-motion:reduce){.team-submenu-toggle svg{transition:none}}

/* One complete footer link row; scrolls without shrinking on narrow screens. */
footer.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:30px max(5%,calc((100% - 1440px)/2));background:#100d14}
footer.site-footer>.brand{grid-column:1;grid-row:1;justify-self:start}
footer.site-footer>p{grid-column:2;grid-row:1;justify-self:end;margin:0;padding:0;border:0;font-size:15px;color:#c7bcd1}
footer.site-footer>.footer-nav{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:24px;width:100%;min-width:0;margin:0;padding:18px 0 8px;border-top:1px solid #3b2c44;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#81569c #1c1324;font-size:15px}
footer.site-footer>.footer-nav>a{flex:0 0 auto;display:inline-flex;align-items:center;white-space:nowrap;min-height:44px;padding:8px 0;color:#d9cde2;transform:none;font-size:15px}
footer.site-footer>.footer-nav>a:hover,footer.site-footer>.footer-nav>a[aria-current=page]{color:#fff}
footer.site-footer>.footer-nav::-webkit-scrollbar{height:5px}
footer.site-footer>.footer-nav::-webkit-scrollbar-thumb{background:#81569c;border-radius:8px}
@media(max-width:1250px){footer.site-footer>.footer-nav{justify-content:flex-start;gap:22px}}
@media(max-width:600px){footer.site-footer{padding:26px 6%;gap:18px}footer.site-footer>.brand{font-size:16px;gap:8px}footer.site-footer>.brand .brand-logo{width:44px;height:38px}footer.site-footer>.brand small{font-size:11px;letter-spacing:3px}footer.site-footer>p{max-width:140px;text-align:right;font-size:14px;line-height:1.6}}
@media(max-width:360px){footer.site-footer{column-gap:12px}footer.site-footer>p{max-width:105px;font-size:13px}}

.careers-section>.roles{margin-top:clamp(32px,4vw,48px)}

.raven.raven-banner{position:relative;isolation:isolate;min-height:260px;padding:clamp(30px,4vw,60px);background:#100b17;border:1px solid #503160;overflow:hidden}
.raven-banner::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(13,8,20,.84),rgba(13,8,20,.52)),url("assets/raven-store-banner.webp") 50% 50%/cover no-repeat;transform:scale(1.4)}
.raven-banner h2{margin:0;font-size:clamp(32px,3vw,44px);line-height:1.15;text-shadow:0 2px 14px #0008}
.raven-banner .button{flex-shrink:0;text-align:center}
@media(max-width:767px){.raven.raven-banner{min-height:240px;justify-content:center;gap:26px}.raven-banner::before{background-position:65% 50%}.raven-banner .button{max-width:100%;white-space:normal}}

.raven.raven-support::before{background-image:linear-gradient(90deg,rgba(10,7,16,.93),rgba(10,7,16,.82)),url("assets/raven-support-banner.webp");background-position:50% 50%;transform:scale(1.15)}
.raven-support>div{max-width:680px}.raven-support p{margin:16px 0 0;font-size:17px;line-height:1.75;color:#eee5f3}

/* Visible focus for keyboard and TV remote navigation. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e2b1ff;outline-offset:4px}
.dialog-fallback:not([open]){display:none}.dialog-fallback[open]{display:block;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:1000;max-height:calc(100vh - 24px);overflow:auto;box-shadow:0 0 0 100vmax #000b}

.hero-main>.team-slogan{font-size:clamp(20px,2vw,29px);line-height:1.45;letter-spacing:-.3px;color:#f4eff8;max-width:540px;font-weight:600}
.hero-main>.team-slogan strong{color:#cf8ef0;font-weight:800}

.page-navigation-status{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:1000;max-width:calc(100% - 24px);padding:12px 18px;border:1px solid #825497;border-radius:9px;background:#19121f;color:white;font-size:16px}.page-navigation-status[hidden]{display:none}.page-navigation-status button{margin-left:8px;padding:7px 12px;border:1px solid #a76dc2;background:#36203f;color:#fff;border-radius:5px;cursor:pointer}main[aria-busy="true"]{cursor:progress}
