:root{--bg:#0b1420;--panel:#111f2e;--panel2:#17283a;--text:#edf3f7;--muted:#b1bfca;--border:#2a3c4c;--accent:#63d7bf;--accent-ink:#082b25;--shadow:0 24px 80px #0003;color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html[data-theme=light]{--bg:#f5f4ef;--panel:#fff;--panel2:#e9eeeb;--text:#142936;--muted:#526470;--border:#cbd4d5;--accent:#087861;--accent-ink:#fff;color-scheme:light}html[data-accent=blue]{--accent:#80baff;--accent-ink:#092744}html[data-accent=gold]{--accent:#e5c17c;--accent-ink:#362811}html[data-theme=light][data-accent=blue]{--accent:#185ca6;--accent-ink:#fff}html[data-theme=light][data-accent=gold]{--accent:#856118;--accent-ink:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}a{color:inherit}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:12px;padding:10px;background:var(--accent);color:var(--accent-ink);z-index:100}.skip:focus{top:10px}.topbar{display:flex;align-items:center;gap:24px;padding:20px 5%;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:20}.brand{text-decoration:none;font-size:27px;font-weight:850;letter-spacing:-2px;color:var(--accent);margin-right:auto}nav{display:flex;gap:20px}nav a{font-size:13px;text-decoration:none;color:var(--muted);padding:6px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:var(--accent);border-color:var(--accent)}.theme-button,.menu-button{background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:5px 12px}.theme-button{font-size:22px}.menu-button{display:none}main{max-width:1280px;margin:0 auto;padding:0 5% 80px;min-height:75vh}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:center;padding:80px 0 85px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:750;color:var(--accent);margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,5vw,66px);line-height:1.07;letter-spacing:-2.5px;margin-bottom:24px}h2{font-size:clamp(25px,3vw,37px);line-height:1.2;letter-spacing:-1px}h3{font-size:20px;line-height:1.35;letter-spacing:-.3px;margin-bottom:12px}.headline{font-size:19px;line-height:1.6;max-width:680px}.muted{color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:13px;padding:13px 20px;border-radius:6px;text-decoration:none}.button:hover{filter:brightness(1.08)}.secondary{background:transparent;color:var(--text);border-color:var(--border)}.availability{font-size:12px;color:var(--muted);max-width:440px;display:flex;align-items:baseline;gap:10px;margin-top:30px}.status-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;background:var(--accent);border-radius:100%}.hero-art{height:400px;border-radius:180px 180px 10px 10px;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--border);box-shadow:var(--shadow);padding:40px}.hero-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.pitch{position:absolute;inset:65px 35px 85px;border:1px solid var(--accent);opacity:.45;transform:perspective(600px) rotateX(28deg) rotateZ(-18deg)}.pitch:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--accent)}.pitch-circle{position:absolute;left:35%;top:32%;height:36%;width:30%;border:1px solid var(--accent);border-radius:50%}.pitch-box{position:absolute;top:0;left:25%;width:50%;height:18%;border:1px solid var(--accent);border-top:none}.pitch span{position:absolute;top:40%;left:39%;font-size:28px;font-weight:900}.art-caption{position:absolute;bottom:27px;left:30px;font-size:13px;font-weight:650;letter-spacing:.4px}.section-heading{padding:55px 0 30px;max-width:850px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h1{font-size:48px}.about-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.prose{color:var(--muted);font-size:14px;overflow-wrap:anywhere}.prose p{margin-bottom:18px}.prose.large{font-size:16px}.pillars{display:grid;gap:15px}.content-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;min-width:0;transition:border-color .2s}.content-card:hover{border-color:var(--accent)}.card-inner{padding:26px}.pillars .card-inner{padding:22px}.pillars h3{font-size:16px}.pillars .prose p{margin-bottom:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cover{width:100%;height:200px;object-fit:cover}.organization{font-size:14px;color:var(--accent);margin-bottom:10px}.date{font-size:12px;color:var(--muted);margin-bottom:15px}.card-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:14px}.text-link{color:var(--accent);text-decoration:none;font-size:12px;font-weight:700}.timeline{display:grid;gap:20px;max-width:900px;padding-left:23px;border-left:1px solid var(--border)}.timeline .content-card{position:relative;overflow:visible}.timeline .content-card:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);position:absolute;left:-28px;top:31px}.skill-list{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 45px}.skill{border:1px solid var(--border);color:var(--accent);padding:9px 18px;border-radius:100px;font-size:13px}.subheading{font-size:22px;margin:30px 0 24px}.filters{display:flex;gap:20px;align-items:end;margin-bottom:30px}.filters label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.search-label{flex:1;max-width:600px}input,textarea,select{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:11px;width:100%;min-width:0}textarea{resize:vertical}details summary{color:var(--accent);cursor:pointer;font-size:13px;font-weight:650;margin:12px 0}details .prose{margin-top:20px}.empty-state{padding:50px 35px;border:1px dashed var(--border);border-radius:10px;grid-column:1/-1;color:var(--muted);text-align:center}.empty-state span{display:block;color:var(--accent);font-size:32px}.empty-state h3{color:var(--text)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:100px 0}.contact-panel{background:var(--panel);border:1px solid var(--border);padding:30px;border-radius:10px;overflow-wrap:anywhere}.contact-panel>a{display:block;padding:15px 0;text-decoration:none;font-size:16px;border-bottom:1px solid var(--border)}.contact-panel small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:2px}.contact-panel p{margin:25px 0 0;font-size:12px}footer{padding:30px 5%;border-top:1px solid var(--border);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}footer p{margin:0;font-size:10px;max-width:50%;text-align:right}.notice{background:var(--panel2);padding:16px 5%;color:var(--muted);font-size:13px}.loading{padding:100px 0;color:var(--muted)}@media(max-width:1050px){nav{gap:13px}nav a{font-size:12px}.hero{gap:30px}.hero-art{height:350px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.topbar{flex-wrap:wrap;gap:14px}.menu-button{display:block}nav{display:none;width:100%;order:4;flex-wrap:wrap;padding:10px 0}nav.open{display:flex}nav a{font-size:14px;padding:7px}.hero{grid-template-columns:1fr;padding-top:50px;gap:30px}.hero-art{height:250px;max-width:450px}.about-layout,.contact-layout{grid-template-columns:1fr;gap:30px}.contact-layout{padding:60px 0}.card-grid{grid-template-columns:1fr}.filters{align-items:stretch;flex-direction:column}.section-heading h1{font-size:38px}footer{display:block}footer p{text-align:left;max-width:100%;margin-top:10px}.hero h1{font-size:48px}.hero-actions .button{padding:11px 14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Version 2.1: editorial portfolio, photo journal and video library. */
:root{--bg:#0c1720;--panel:#12212c;--panel2:#1a2e39;--border:#2a3d47;--accent:#a1ddc9;--accent-ink:#102e25;--muted:#afc1cb;--text:#f3f3e9}html[data-theme=light]{--bg:#f4f2ea;--panel:#fffdf7;--panel2:#e8ece4;--border:#d3d9cf;--accent:#23664e;--accent-ink:#fffdf7;--text:#152d29;--muted:#566b64}.topbar{padding:19px 5% 14px;display:grid;grid-template-columns:1fr auto;gap:16px 24px;background:var(--bg)}.brand{display:flex;align-items:center;gap:14px;letter-spacing:0;grid-column:1;font-size:14px;margin-right:0}.brand strong{font-size:29px;letter-spacing:-2px;border-right:1px solid var(--border);padding-right:16px}.brand span{font-weight:700;font-size:13px;line-height:1.3;color:var(--text)}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:4px;font-weight:500}.topbar nav{grid-column:1/-1;grid-row:2;gap:26px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--border)}.topbar nav a{font-size:12px;padding:11px 0 7px}.theme-button{grid-column:2;grid-row:1;border-radius:50%;width:40px;height:40px;padding:0;background:transparent}.hero{grid-template-columns:1.15fr 1fr;gap:55px;padding:66px 0 60px}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:2.6px;font-size:10px;margin-bottom:30px}.hero h1{font-size:clamp(56px,7vw,94px);line-height:.98;letter-spacing:-5px;margin-bottom:29px;font-weight:700}.hero h1 span{color:var(--accent)}.headline{font-size:15px;line-height:1.85;max-width:510px;color:var(--muted);border-left:2px solid var(--accent);padding-left:18px}.hero-location{font-size:11px;letter-spacing:.2px;color:var(--muted);max-width:450px;margin:20px 0}.hero-actions{margin-top:28px;gap:10px}.button{padding:13px 19px;font-size:12px;border-radius:3px;gap:25px}.availability{font-size:11px;line-height:1.8;margin-top:23px}.hero-art{height:480px;border-radius:4px 90px 4px 4px;padding:0;background:linear-gradient(145deg,var(--panel2),var(--panel));box-shadow:none;isolation:isolate}.art-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(var(--accent) 1px,transparent 1px),linear-gradient(90deg,var(--accent) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent)}.art-topline{position:absolute;top:25px;left:25px;right:33px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--accent)}.art-topline span:last-child{font-size:26px}.pitch{inset:100px 42px 120px;transform:perspective(600px) rotateX(38deg) rotateZ(-23deg);opacity:.4}.art-monogram{position:absolute;top:125px;right:40px;font-size:110px;font-weight:850;line-height:1;letter-spacing:-9px;color:var(--accent);opacity:.18}.art-caption{font-size:35px;line-height:1.08;letter-spacing:-1.8px;font-weight:650;bottom:57px;left:30px}.art-footnote{position:absolute;bottom:25px;left:32px;font-size:8px;letter-spacing:2.6px;color:var(--muted)}.hero-art>img{object-position:center}.journey-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-block:1px solid var(--border);margin-bottom:10px}.journey-strip>span{font-size:11px;font-weight:650;line-height:1.6}.journey-strip small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:400;margin-top:5px}.journey-strip .journey-label{max-width:125px;font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-weight:500}.journey-strip b{font-size:17px;font-weight:400;color:var(--accent)}.section-heading{padding-top:65px}.split-heading{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:25px}.section-index{font-size:9px;letter-spacing:1.5px;color:var(--muted);white-space:nowrap;padding-bottom:5px}.section-heading h2{font-size:34px;line-height:1.13;margin-bottom:10px}.section-heading .eyebrow{font-size:9px;letter-spacing:2.5px}.about-layout{gap:55px}.prose.large{font-size:14px;line-height:1.95}.pillars .content-card{background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0}.pillars .card-inner{padding:10px 0 20px}.pillars h3{font-size:16px;color:var(--accent)}.pillars .prose{font-size:12px}.page-heading{max-width:900px;padding-top:65px;padding-bottom:38px}.page-heading h1{font-size:clamp(38px,5vw,62px);letter-spacing:-2.5px;line-height:1.08}.page-heading>.muted{font-size:14px}.content-card{border-radius:5px;transition:transform .2s,border-color .2s}.content-card:hover{transform:translateY(-3px)}.card-inner{padding:25px}.content-card h3{font-size:19px}.content-card .prose{font-size:13px;line-height:1.8}.organization{font-size:12px}.date{font-size:11px}.card-grid{gap:25px}.card-links{padding-top:4px}.filters{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:4px;margin-bottom:30px}.filters input,.filters select{background:var(--bg);border-radius:3px}.empty-state{border-style:solid;padding:65px 25px;background:radial-gradient(ellipse at top,var(--panel2),transparent 75%);border-radius:5px}.empty-state>span{font-size:50px;line-height:1;margin-bottom:20px;font-weight:400}.empty-state p{font-size:13px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.photo-card .card-inner{padding:18px 20px}.photo-card h3{font-size:16px}.photo-open{display:block;position:relative;width:100%;padding:0;border:0;background:var(--panel2);overflow:hidden}.gallery-photo{display:block;width:100%;height:270px;object-fit:cover;transition:transform .35s}.photo-open:hover .gallery-photo{transform:scale(1.035)}.photo-open>span{position:absolute;bottom:12px;right:12px;color:#fff;background:#0b1720d9;padding:7px 12px;font-size:10px;letter-spacing:.4px;border-radius:3px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#070e13}.video-link-cover{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:linear-gradient(145deg,var(--panel2),var(--bg));overflow:hidden}.video-link-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.play-link{position:relative;border:1px solid #fff6;background:#0b1720d9;color:#fff;text-decoration:none;font-size:12px;padding:13px 23px;border-radius:40px}.media-placeholder{height:220px;display:grid;place-items:center;background:var(--panel2);color:var(--muted);font-size:12px}.photo-viewer{max-width:min(1000px,95vw);width:95vw;max-height:92vh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:20px}.photo-viewer::backdrop{background:#02090ee8;backdrop-filter:blur(5px)}.photo-viewer>img{width:100%;max-height:65vh;object-fit:contain;display:block;background:var(--bg)}.viewer-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding-bottom:16px}.viewer-top button,.viewer-controls button{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:4px;min-width:44px;min-height:44px;font-size:13px;padding:8px 14px}.viewer-bottom{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-top:20px}.viewer-bottom h3{font-size:18px}.viewer-controls{display:flex;gap:8px;flex-shrink:0}.contact-layout h2{font-size:clamp(40px,5vw,65px);letter-spacing:-3px;line-height:1.07}.contact-panel{border-radius:4px}.contact-panel>a{font-size:14px}.contact-panel small{font-size:9px}footer{padding:35px 5%;align-items:center}footer strong{display:block;font-size:16px;color:var(--text);letter-spacing:-.4px;margin-bottom:6px}footer>div p{font-size:10px;max-width:none;text-align:left;margin:0}footer>p{max-width:50%;font-size:9px;letter-spacing:.4px}.media-card video{width:100%;height:120px;background:var(--bg)}
@media(max-width:1050px){.topbar nav{gap:20px}.hero{gap:30px}.hero-art{height:420px}.hero h1{font-size:72px}.journey-strip{gap:13px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.topbar{grid-template-columns:1fr auto auto;padding-block:15px}.topbar .menu-button{display:block;grid-column:2;grid-row:1}.topbar .theme-button{grid-column:3;grid-row:1;width:36px;height:36px}.topbar nav{display:none;grid-row:2;grid-column:1/-1;gap:15px;padding-top:10px}.topbar nav.open{display:flex}.topbar nav a{font-size:12px;padding:8px 0}.brand strong{font-size:24px}.brand span{font-size:11px}.brand small{font-size:8px}.hero{grid-template-columns:1fr;padding:45px 0 35px;gap:35px}.hero h1{font-size:clamp(48px,9vw,68px);letter-spacing:-3px;overflow-wrap:anywhere}.hero-art{height:330px;max-width:none;max-height:none;border-top-right-radius:70px}.pitch{inset:55px 35px 90px}.art-monogram{top:75px;right:40px;font-size:85px}.art-caption{font-size:31px}.journey-strip{display:grid;grid-template-columns:1fr auto 1fr;gap:20px}.journey-strip .journey-label{grid-column:1/-1;max-width:none}.journey-strip>b:nth-of-type(2){display:none}.journey-strip>span:last-child{grid-column:1/-1}.journey-strip small{font-size:9px}.split-heading{align-items:start}.section-index{display:none}.section-heading h2{font-size:29px}.photo-grid,.video-grid{grid-template-columns:1fr}.gallery-photo{height:300px}.viewer-bottom{flex-direction:column}.contact-layout{padding:55px 0}footer>p{max-width:100%;margin-top:15px}.card-grid{gap:20px}.filters{padding:15px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:2px}.photo-viewer{padding:12px}}@media(prefers-reduced-motion:reduce){.content-card:hover{transform:none}.gallery-photo{transition:none}}

.hero-institution{font-size:12px;line-height:1.6;margin:20px 0 8px;color:var(--text)}.hero-institution+.hero-location{margin-top:7px}
/* Version 2.2 — always-visible tabs and a softly animated football atmosphere. */
.portfolio-page{position:relative;isolation:isolate;overflow-x:clip}.portfolio-page>main,.portfolio-page>footer,.portfolio-page>.notice{position:relative;z-index:1}.topbar{z-index:20;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(18px)}.ambient-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;min-height:100%;contain:paint}.ambient-glow{position:absolute;width:640px;height:640px;border-radius:50%;opacity:.22;animation:atmosphere-drift 26s ease-in-out infinite alternate;will-change:transform}.glow-mint{right:-320px;top:40px;background:radial-gradient(circle,#29d5a345,transparent 67%)}.glow-violet{left:-390px;top:480px;background:radial-gradient(circle,#956bde60,transparent 68%);animation-delay:-12s;animation-duration:34s}.glow-gold{right:-350px;top:1080px;background:radial-gradient(circle,#efb64555,transparent 68%);animation-delay:-8s;animation-duration:30s}.ambient-field{position:absolute;top:680px;right:-310px;width:800px;height:490px;border:1px solid var(--accent);border-radius:5px;opacity:.085;transform:rotate(-16deg);animation:field-float 36s ease-in-out infinite alternate}.field-midline{position:absolute;left:50%;top:0;bottom:0;border-left:1px solid var(--accent)}.field-centre{position:absolute;width:144px;height:144px;border:1px solid var(--accent);border-radius:50%;left:calc(50% - 72px);top:calc(50% - 72px)}.field-centre:after{content:"";position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--accent)}.field-goal{position:absolute;top:27%;width:120px;height:46%;border:1px solid var(--accent)}.field-goal-left{left:-1px}.field-goal-right{right:-1px}.field-ball{position:absolute;left:20%;top:32%;font-size:28px;line-height:1;animation:training-pass 18s ease-in-out infinite}.floating-ball{position:absolute;font-size:27px;line-height:1;opacity:.13;filter:drop-shadow(0 0 15px #7fdec830);animation:ball-drift 23s ease-in-out infinite alternate;will-change:transform}.ball-one{right:2.2%;top:230px;animation-delay:-5s}.ball-two{left:1.2%;top:870px;font-size:20px;animation-delay:-15s;animation-duration:31s}.ball-three{right:3%;top:1480px;font-size:35px;animation-delay:-11s;animation-duration:29s}.ambient-ring{position:absolute;width:230px;height:230px;border:1px solid #c89cde;border-radius:50%;opacity:.055;animation:orbit-drift 40s linear infinite}.ring-one{left:-150px;top:300px}.ring-two{right:-160px;top:1250px;width:360px;height:360px;border-color:#e5bd65;animation-direction:reverse}.ambient-ring:after{content:"";position:absolute;top:29%;right:6%;width:7px;height:7px;border-radius:50%;background:var(--accent)}.motion-trail{position:absolute;top:140px;right:12%;width:160px;height:100px;border-top:1px dashed var(--accent);border-radius:50%;opacity:.09;transform:rotate(-30deg);animation:trail-breathe 12s ease-in-out infinite alternate}.hero-art:after{content:"⚽";position:absolute;font-size:28px;line-height:1;left:24%;top:29%;opacity:.55;filter:drop-shadow(0 5px 12px #0002);animation:hero-pass 22s ease-in-out infinite;pointer-events:none}.hero-art:has(>img):after{display:none}.art-grid{animation:grid-shift 36s ease-in-out infinite alternate}.footer-tools{display:flex;flex-direction:column;align-items:flex-end;gap:9px;max-width:55%}.footer-tools>p{font-size:9px;max-width:none;margin:0;text-align:right;letter-spacing:.4px}.motion-toggle{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:7px 11px;font:inherit;font-size:10px;min-height:32px}.motion-toggle:hover{border-color:var(--accent);color:var(--accent)}.motion-toggle:disabled{opacity:.65;cursor:default}html[data-motion=paused] .ambient-scene *,html[data-motion=paused] .hero-art:after,html[data-motion=paused] .art-grid{animation-play-state:paused!important}
@keyframes atmosphere-drift{from{transform:translate3d(-20px,-20px,0) scale(.95)}to{transform:translate3d(45px,65px,0) scale(1.12)}}@keyframes ball-drift{0%{transform:translate3d(0,0,0) rotate(-12deg)}50%{transform:translate3d(-20px,70px,0) rotate(85deg)}100%{transform:translate3d(16px,135px,0) rotate(175deg)}}@keyframes field-float{from{transform:translate3d(0,0,0) rotate(-16deg)}to{transform:translate3d(-25px,25px,0) rotate(-11deg)}}@keyframes training-pass{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}35%{transform:translate3d(380px,180px,0) rotate(250deg)}70%{transform:translate3d(210px,-70px,0) rotate(490deg)}}@keyframes hero-pass{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}35%{transform:translate3d(120px,75px,0) rotate(190deg)}68%{transform:translate3d(35px,155px,0) rotate(370deg)}}@keyframes orbit-drift{to{transform:rotate(360deg)}}@keyframes trail-breathe{from{opacity:.04;transform:translate3d(0,0,0) rotate(-30deg)}to{opacity:.13;transform:translate3d(12px,15px,0) rotate(-22deg)}}@keyframes grid-shift{from{background-position:0 0}to{background-position:12px 20px}}
@media(max-width:800px){.topbar{grid-template-columns:1fr auto}.topbar .theme-button{grid-column:2;grid-row:1}.topbar nav{display:flex!important;gap:6px 17px;border-top:1px solid var(--border);padding-top:10px;grid-column:1/-1;grid-row:2}.topbar nav a{display:inline-flex;align-items:center;min-height:36px;font-size:11px;padding:5px 0}.ambient-field{width:600px;height:360px;right:-360px;top:720px;opacity:.07}.ambient-glow{width:500px;height:500px}.floating-ball{font-size:22px;opacity:.1}.ball-one{right:2%;top:270px}.ball-two{left:1%;top:980px}.ball-three{display:none}.footer-tools{align-items:flex-start;max-width:100%;margin-top:16px}.footer-tools>p{text-align:left}.hero-art:after{animation-name:hero-pass-mobile}}@keyframes hero-pass-mobile{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(80px,80px,0) rotate(240deg)}}@media(prefers-reduced-motion:reduce){.ambient-scene *,.hero-art:after,.art-grid{animation:none!important;will-change:auto!important}}