/* Jonny personal website. Local assets; no third-party fonts, requests or dependencies. */
:root,html[data-theme="light"]{--td-accent:#168fbc;--td-accent-hover:#1176a3;--td-accent-focus:#168fbc40;--td-link:#087eaf;--td-page:#f2f6fa;--td-surface:#fff;--td-surface-soft:#eaf2f7;--td-surface-muted:#f5f9fb;--td-text:#1b2937;--td-muted:#526b7c;--td-border:#cbdde8;--td-header:#142230;--td-header-ink:#f3f8fb;--td-content-width:1180px;--td-radius:7px;--td-font:Verdana,Tahoma,Arial,sans-serif}
html[data-theme="dark"]{--td-accent:#4bb8db;--td-accent-hover:#74d6ee;--td-link:#81d8ee;--td-page:#0d1623;--td-surface:#162638;--td-surface-soft:#1b3145;--td-surface-muted:#203246;--td-text:#eef5fb;--td-muted:#bccddb;--td-border:#395266;--td-header:#111e2b}
body.jonny-site{font-family:var(--td-font);min-width:320px}
.jonny-site .td-header{background:#12202e;border-bottom:3px solid #168fbc;position:relative;z-index:20}
.j-header{display:flex;align-items:center;gap:26px;min-height:83px}
.j-brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#fff!important;margin-right:auto;flex-shrink:0}
.j-brand img{border-radius:10px;box-shadow:0 4px 12px #0005}
.j-brand span{display:grid;gap:2px;line-height:1.1}
.j-brand strong{font-size:23px;font-weight:800;letter-spacing:.055em}
.j-brand small{font:700 9px/1.5 Verdana,Tahoma,sans-serif;letter-spacing:.17em;color:#a9c4d5}
.j-nav{display:flex;align-items:center;gap:3px;padding:0}
.j-nav .td-nav-item{padding:13px 15px;font-size:12px;font-weight:bold;letter-spacing:.01em;color:#dbe8f0!important;border-radius:4px;text-decoration:none;border:1px solid transparent}
.j-nav .td-nav-item:hover,.j-nav .td-nav-item.is-current{background:#214058;border:1px solid #345c75;color:#fff!important}
.j-nav .td-nav-item.is-current{box-shadow:inset 0 -3px 0 #55cef3}
.j-nav .j-admin-link{font-size:11px;color:#a7bfcf!important}
.j-theme{display:flex;gap:3px;padding:4px;background:#0e1924;border:1px solid #3a5263;border-radius:7px;flex-shrink:0}
.j-theme button{padding:7px 9px;border:0;border-radius:4px;color:#b8d0e0;background:transparent;font:700 10px Verdana,Tahoma,sans-serif}
.j-theme button[aria-pressed="true"]{background:#246286;color:#fff}
.jonny-site .td-nav-mobile-toggle{display:none;background:#20394c;color:#f1f8ff;border:1px solid #52728c;border-radius:5px;padding:10px 13px;font-size:12px;font-weight:700}
.j-notice{background:#def3ff;color:#123e5d;border-bottom:1px solid #65bddf;font-size:12px}
.j-notice>div{padding-block:10px;display:flex;gap:15px;align-items:center}
.j-hero{background:radial-gradient(ellipse at 81% 45%,#13486e 0,#0c2a42 35%,#091b2d 72%);color:#fff;overflow:hidden;position:relative}
.j-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#8ccce314 1px,transparent 1px),linear-gradient(90deg,#8ccce314 1px,transparent 1px);background-size:55px 55px;opacity:.55;mask-image:linear-gradient(90deg,transparent 10%,#000 100%)}
.j-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:25px;padding-block:72px 78px;min-height:560px}
.j-hero-copy{position:relative;z-index:1}
.j-eyebrow,.jonny-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;color:#147fa7;text-transform:uppercase}
.j-eyebrow{color:#8edbf2;display:flex;gap:10px;align-items:center}
.j-eyebrow-dot{display:block;width:10px;height:10px;background:#48d1ee;border-radius:50%;box-shadow:0 0 0 5px #48d1ee25}
.j-hero h1{font-weight:800;font-size:clamp(46px,6vw,77px);letter-spacing:-.065em;line-height:1.1;margin:22px 0}
.j-hero h1 em{font-style:normal;color:#64d7fa}
.j-hero-lead{font-size:clamp(16px,2vw,22px);line-height:1.6;color:#deedf7;margin:0 0 16px;max-width:650px}
.j-hero-secondary{color:#abc8dc;font-size:13px;line-height:1.7;max-width:580px}
.j-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 38px}
.jonny-site .td-btn{border-radius:5px;font-weight:bold}
.jonny-site .td-btn-primary{background:#138fb8;border-color:#168fbc;color:#fff}
.jonny-site .td-btn-primary:hover{background:#0875a1;border-color:#0875a1;color:#fff}
.j-button-outline{color:#fff!important;border:1px solid #6b98b5;background:#17405b}
.j-button-outline:hover{background:#286381;color:white}
.j-hero-meta{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid #5e96ad56;padding-top:17px;color:#a3bfd0;font-size:10px;font-weight:bold;letter-spacing:.1em}
.j-hero-meta span:not(:last-child):after{content:'·';margin-left:14px;color:#529ebe}
.j-hero-art{height:410px;position:relative;display:grid;place-items:center}
.j-art-ring{border:1px solid #80d8f22e;border-radius:50%;position:absolute;aspect-ratio:1}
.j-ring-one{width:min(100%,400px);box-shadow:0 0 0 45px #3d99c00d,0 0 0 100px #64c9ee08}
.j-ring-two{width:270px;border:1px dashed #80daf25a;transform:rotate(-24deg)}
.j-art-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:235px;width:235px;border:1px solid #78cdf5;background:linear-gradient(160deg,#235573,#0c2339 66%);border-radius:34px;transform:rotate(-8deg);box-shadow:0 22px 65px #061726ad}
.j-art-center>span{font:800 150px/1 Verdana,Tahoma,sans-serif;letter-spacing:-.1em;color:#fff;text-shadow:10px 12px #147ea5;transform:translateX(-8px)}
.j-art-period{color:#56c8f1}
.j-art-center small{color:#b3d9e8;font-size:10px;text-align:center;letter-spacing:.15em;font-weight:bold;transform:rotate(8deg)}
.j-art-tag{position:absolute;display:flex;align-items:center;gap:9px;color:#d9f6ff;background:#102c40;border:1px solid #4a9cc0;padding:11px 14px;box-shadow:0 8px 20px #0005;font:700 10px Verdana,Tahoma,sans-serif;letter-spacing:.08em;transform:rotate(4deg)}
.j-art-tag svg{height:23px;width:23px;color:#67d3f7}
.j-tag-one{top:42px;left:0;transform:rotate(-7deg)}.j-tag-two{top:82px;right:-4px;transform:rotate(6deg)}.j-tag-three{bottom:35px;left:18px;transform:rotate(4deg)}
.j-accent-strip{background:#dcecf5;border-bottom:1px solid #bed5e4;color:#274d64}
html[data-theme="dark"] .j-accent-strip{background:#213f54;color:#ddedf6}
.j-accent-strip .td-container{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:18px;flex-wrap:wrap}
.j-accent-strip span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#2d7e9e}
.j-accent-strip strong{font-size:11px}.j-accent-strip i{background:#72adc5;width:4px;height:4px;border-radius:50%}
.jonny-section{padding-top:72px;padding-bottom:85px}
.jonny-section-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px}
.jonny-section-title{font-size:clamp(27px,3.5vw,39px);line-height:1.2;font-weight:750;letter-spacing:-.045em;margin:8px 0 12px;color:var(--td-text)}
.jonny-lead{font-size:14px;color:var(--td-muted);line-height:1.7;margin:0;max-width:780px}
.j-text-link{font-size:12px;font-weight:800;white-space:nowrap;color:var(--td-link)}
.j-interests-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.j-interest-card{background:var(--td-surface);border:1px solid var(--td-border);border-top:3px solid #168fbc;padding:25px;border-radius:8px;box-shadow:0 4px 16px #102d4410;color:var(--td-text);transition:transform .18s,box-shadow .18s;min-height:240px;display:flex;flex-direction:column}
.j-interest-card:hover{text-decoration:none;color:var(--td-text);transform:translateY(-4px);box-shadow:0 15px 28px #102d4423;border-top-color:#58caea}
.j-card-head{display:flex;align-items:center;justify-content:space-between}
.j-card-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#e4f4fa;color:#147ca4}
html[data-theme="dark"] .j-card-icon{background:#244a61;color:#92e1f5}
.j-card-icon svg{width:30px;height:30px}
.j-card-number{color:#90a8b7;font:800 13px monospace}
.j-interest-card h3{font-weight:750;letter-spacing:-.03em;font-size:21px;margin:21px 0 8px}
.j-interest-card p{font-size:13px;line-height:1.6;color:var(--td-muted);margin:0}
.j-card-more{margin-top:auto;padding-top:22px;color:var(--td-link);font-size:11px;font-weight:800}
.j-feature{background:#0c2639;color:#fff;padding:70px 0;background-image:radial-gradient(ellipse at 88% 75%,#145477 0,transparent 45%)}
.j-feature-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}
.j-feature h2{font-size:clamp(29px,3.5vw,43px);font-weight:750;letter-spacing:-.04em;color:#fff;margin:10px 0 15px}
.j-feature p{color:#b7d0df;font-size:14px;line-height:1.8;margin-bottom:23px}
.j-feature .jonny-kicker{color:#7ad5f1}
.j-youtube-visual{min-height:240px;background:#15384d;border:1px solid #377a9e;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;box-shadow:0 20px 45px #0003}
.j-youtube-visual svg{height:100px;width:100px;color:#d92e32;fill:transparent;stroke-width:1.1}
.j-youtube-visual span{font-size:13px;font-weight:700;letter-spacing:.05em;color:#eafaff}
.j-page-hero{background:linear-gradient(115deg,#0b2133,#154661);color:#fff;padding:80px 0 85px;border-bottom:4px solid #138db7}
.j-page-hero .jonny-kicker{color:#83d5ec}.j-page-hero h1{font-size:clamp(37px,4.8vw,56px);font-weight:750;letter-spacing:-.055em;line-height:1.15;margin:12px 0 20px}
.j-page-hero p{max-width:750px;color:#d0e3ef;font-size:17px;line-height:1.65;margin:0}
.j-topic-list{display:grid;gap:15px}
.j-topic{display:grid;grid-template-columns:57px 88px 1fr;align-items:center;gap:22px;background:var(--td-surface);border:1px solid var(--td-border);border-left:4px solid #158fc0;border-radius:6px;padding:26px}
.j-topic-num{font:800 15px monospace;color:#6b9eb7}
.j-topic-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:13px;background:#dff2f8;color:#157c9e}
html[data-theme="dark"] .j-topic-icon{background:#264759;color:#a6ecfa}
.j-topic-icon svg{height:36px;width:36px}
.j-topic h2{font-size:21px;font-weight:750;margin:0 0 6px}.j-topic p{color:var(--td-muted);margin:0 0 7px;font-size:13px;line-height:1.6}.j-topic small{font-size:11px;color:var(--td-link);font-weight:750}
.j-small-callout{display:flex;justify-content:space-between;align-items:center;gap:28px}.j-small-callout h2{margin:0}
.j-channel-card{display:grid;grid-template-columns:175px 1fr;align-items:center;gap:38px;background:var(--td-surface);border:1px solid var(--td-border);padding:42px;border-radius:10px}
.j-channel-icon{display:grid;place-items:center;width:154px;height:154px;border-radius:25px;background:#e9eff4;color:#e03038}
html[data-theme="dark"] .j-channel-icon{background:#263f55}
.j-channel-icon svg{width:90px;height:90px}
.j-channel-card h2{font-size:29px;font-weight:800;letter-spacing:-.035em;margin:6px 0 10px}.j-channel-card p{color:var(--td-muted);max-width:640px}.j-channel-url{font-size:12px!important;letter-spacing:.01em;margin-top:19px!important}
.j-info-row{display:flex;gap:20px;align-items:baseline;color:var(--td-muted);font-size:12px;padding:20px 0}.j-info-row strong{color:var(--td-text)}.j-info-row p{margin:0}
.j-about-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:42px}
.j-about-main h2{font-size:34px;letter-spacing:-.04em;font-weight:750;margin:0 0 17px}
.j-about-main p{font-size:15px;line-height:1.85;color:var(--td-muted)}.j-about-main .td-btn{margin-top:13px}
.j-about-aside{border:1px solid var(--td-border);border-radius:7px;background:var(--td-surface);padding:28px}
.j-about-aside h3{font-size:17px;font-weight:800}.j-about-aside p{border-top:1px solid var(--td-border);padding:15px 0;margin:0;font-size:13px;color:var(--td-muted)}.j-about-aside b{color:var(--td-link);font-size:19px}
.jonny-site .td-footer{background:#111f2c;padding-top:48px;color:#d6e4ec}
.j-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;padding-bottom:46px}
.j-footer-logo{font-size:28px;font-weight:800;letter-spacing:.1em;color:#fff!important}.j-footer-logo span{color:#44c8ef}
.j-footer-grid p{font-size:12px;line-height:1.8;color:#a0bacb;margin-top:15px;max-width:340px}
.j-footer-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#8ab8d2;font-weight:800;margin-bottom:16px}
.j-footer-grid>div:not(:first-child) a{display:block;color:#d0e0eb;font-size:12px;margin:10px 0}
.j-footer-bottom{border-top:1px solid #334858;display:flex;justify-content:space-between;gap:16px;padding-block:19px;font-size:11px;color:#a8becc}
.sccp-custom-page{min-height:62vh}.jonny-site .sccp-new{max-width:100%}
@media(max-width:980px){.j-header{gap:12px}.j-nav .td-nav-item{padding:12px 9px}.j-interests-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.j-hero-grid{gap:10px}.j-art-tag{font-size:9px}}
@media(max-width:780px){.j-header{flex-wrap:wrap;padding-block:14px;justify-content:space-between;min-height:75px}.jonny-site .td-nav-mobile-toggle{display:block;order:2;margin-left:auto}.j-theme{order:3}.j-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#132637;z-index:50;padding:16px 20px;box-shadow:0 15px 30px #0006;flex-direction:column;align-items:stretch}.j-nav.is-open{display:flex}.j-nav .td-nav-item{padding:15px;border-bottom:1px solid #33495c}.j-hero-grid{grid-template-columns:1fr;gap:18px;padding-block:60px}.j-hero-art{height:350px}.j-art-ring{max-width:340px}.j-ring-two{max-width:250px}.j-art-center{height:205px;width:205px}.j-art-center>span{font-size:125px}.j-tag-one{left:8%}.j-tag-two{right:8%}.j-tag-three{left:11%}.j-feature-grid{grid-template-columns:1fr;gap:28px}.j-about-grid{grid-template-columns:1fr}}
@media(max-width:560px){.j-brand strong{font-size:20px}.j-brand small{font-size:8px}.j-brand img{height:40px;width:40px}.j-theme{width:100%;justify-content:center;order:4}.j-theme button{flex:1}.j-hero h1{font-size:52px}.j-hero-art{height:300px}.j-art-center{width:175px;height:175px}.j-art-center>span{font-size:106px}.j-art-center small{font-size:8px}.j-tag-one{top:25px;left:0}.j-tag-two{top:70px;right:0}.j-tag-three{bottom:19px;left:3px}.j-interests-grid{grid-template-columns:1fr}.j-interest-card{min-height:215px}.j-accent-strip .td-container{justify-content:center}.j-accent-strip span{width:100%;text-align:center}.j-accent-strip strong{font-size:10px}.j-accent-strip i{width:3px;height:3px}.jonny-section{padding-block:48px 55px}.jonny-section-heading{align-items:start;flex-direction:column}.j-topic{grid-template-columns:55px 1fr;gap:14px;padding:18px}.j-topic-num{grid-column:1/2}.j-topic-icon{grid-column:1/2;width:52px;height:52px}.j-topic-icon svg{width:28px;height:28px}.j-topic>div:last-child{grid-column:2/3;grid-row:1/3}.j-channel-card{grid-template-columns:1fr;padding:24px;gap:21px}.j-channel-icon{width:98px;height:98px}.j-channel-icon svg{width:60px;height:60px}.j-channel-card h2{font-size:23px}.j-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.j-footer-grid>div:first-child{grid-column:1/-1}.j-footer-bottom{flex-direction:column}.j-small-callout{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.j-interest-card{transition:none}}