:root{color-scheme:dark;--bg:#10120f;--panel:#1a1e19;--panel2:#21271d;--line:#394134;--ink:#f4f6eb;--muted:#b8c1ae;--green:#b7ff39;--purple:#ad75ff;--max:1320px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.55}
    a{color:inherit;text-decoration:none}
    a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}
    ::selection{background:var(--green);color:var(--bg)}
    .wrap{max-width:var(--max);margin:auto;padding-inline:clamp(20px,4vw,64px)}
    .site-header{position:relative;z-index:5;border-bottom:1px solid var(--line);background:#10120fe9}
    .header-inner{display:flex;align-items:center;gap:34px;min-height:88px}
    .brand{display:flex;align-items:center;gap:13px;white-space:nowrap}
    .mark{display:grid;place-items:center;width:48px;height:48px;background:var(--green);color:#10120f;font-size:1.24rem;font-weight:1000;letter-spacing:-.13em;transform:skew(-9deg);box-shadow:5px 5px 0 var(--purple)}
    .mark span{transform:skew(9deg);padding-right:3px}
    .brand-name{font-weight:900;letter-spacing:-.045em;font-size:1.25rem;line-height:1}
    .brand-name small{display:block;margin-top:6px;color:var(--muted);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
    nav{display:flex;align-items:center;gap:clamp(16px,2.7vw,40px);margin-left:auto;color:#d9dfd3;font-size:.88rem;font-weight:700}
    nav a:hover,.text-link:hover{color:var(--green)}
    .header-cta{display:inline-flex;align-items:center;gap:13px;padding:11px 16px;border:1px solid var(--green);color:var(--green);font-size:.83rem;font-weight:900;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;transition:.2s}
    .header-cta:hover{background:var(--green);color:var(--bg)}
    .arrow{font-family:Arial,sans-serif;font-size:1.2em;line-height:1}
    .hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 15%,#343a284f,transparent 48%),#10120f}
    .hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#8ca48016 1px,transparent 1px),linear-gradient(90deg,#8ca48016 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
    .hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center;min-height:710px;gap:30px;padding-block:68px 85px}
    .eyebrow{display:flex;align-items:center;gap:12px;color:var(--green);font-size:.78rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
    .eyebrow::before{content:"";width:27px;height:2px;background:currentColor}
    h1,h2,h3,p{margin-top:0}
    h1{max-width:700px;margin:23px 0 26px;font-size:clamp(3.4rem,6.8vw,7rem);line-height:.96;letter-spacing:-.08em;font-weight:950}
    h1 em{font-style:normal;color:var(--green)}
    .hero-copy{max-width:540px;color:#d6ddd1;font-size:clamp(1.05rem,1.35vw,1.22rem);line-height:1.6}
    .buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
    .button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:54px;padding:14px 20px;font-weight:850;font-size:.9rem;transition:transform .2s,background .2s}
    .button:hover{transform:translateY(-3px)}
    .button-primary{background:var(--green);color:#10120f}
    .button-secondary{border:1px solid #778370;color:var(--ink)}
    .button-secondary:hover{background:#232b20}
    .hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;margin:0 calc(-1 * clamp(20px,4vw,64px)) 0 0}
    .hero-visual::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(transparent,var(--bg));pointer-events:none}
    .hero-visual img{display:block;width:100%;height:510px;object-fit:cover;object-position:59% center;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%,0 14%);filter:saturate(.92) contrast(1.04)}
    .image-tag{position:absolute;z-index:1;left:8%;bottom:12%;padding:12px 16px;background:#10120fe8;border-left:3px solid var(--green);font:700 .72rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
    .hero-visual figcaption{position:absolute;z-index:1;right:20px;bottom:16px;color:#bdc6b4;font-size:.7rem}
    .ticker{border-block:1px solid var(--line);background:#191e17}
    .ticker-inner{display:flex;flex-wrap:wrap;gap:14px 32px;align-items:center;justify-content:space-between;padding-block:17px;color:#e3eadb;font:700 .77rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
    .ticker-inner span::before{content:"+";color:var(--green);margin-right:11px;font-weight:900}
    section{scroll-margin-top:25px}
    .section{padding-block:clamp(76px,9vw,130px)}
    .section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:38px}
    .section-no{color:var(--purple);font:800 .8rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em}
    h2{margin:12px 0 0;font-size:clamp(2.5rem,4.5vw,5rem);line-height:1.03;letter-spacing:-.067em;font-weight:920}
    .section-intro{max-width:500px;justify-self:end;color:var(--muted);font-size:1.06rem;line-height:1.7;margin:0}
    .topics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .topic{display:flex;flex-direction:column;min-height:342px;padding:30px;background:var(--panel);border:1px solid var(--line);transition:transform .2s,border-color .2s,background .2s}
    .topic:hover{transform:translateY(-5px);border-color:var(--green);background:#222a1d}
    .topic-index{font:700 .8rem ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--green)}
    .topic h3{font-size:clamp(1.5rem,2vw,2rem);line-height:1.12;letter-spacing:-.05em;margin:55px 0 12px}
    .topic p{color:var(--muted);margin-bottom:25px;font-size:.97rem}
    .topic .go{margin-top:auto;color:var(--green);font-weight:850;font-size:.88rem}
    .method{background:#d9ff93;color:#172015;overflow:hidden}
    .method-inner{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,7vw,110px);padding-block:clamp(75px,9vw,125px)}
    .method .section-no{color:#365a16}
    .method h2{max-width:420px}
    .method-lead{max-width:420px;font-size:1.14rem;line-height:1.6;margin:27px 0 0}
    .method-list{border-top:1px solid #758e55}
    .method-item{display:grid;grid-template-columns:45px 1fr;gap:18px;border-bottom:1px solid #758e55;padding:26px 0}
    .method-item strong{font-size:1.22rem;letter-spacing:-.025em}
    .method-item p{margin:5px 0 0;color:#34442c;font-size:1rem;line-height:1.55}
    .method-item .num{color:#486d2a;font:700 .9rem ui-monospace,SFMono-Regular,Consolas,monospace}
    .about{background:#171b16}
    .about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,8vw,120px);align-items:center}
    .about-card{min-height:410px;position:relative;padding:35px;border:1px solid #59634c;background:linear-gradient(145deg,#292e25,#141913);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
    .about-card::after{content:"AC";position:absolute;right:-.12em;bottom:-.31em;color:#b7ff3921;font-size:clamp(11rem,24vw,27rem);line-height:1;font-weight:950;letter-spacing:-.14em;pointer-events:none}
    .about-card .label{position:relative;z-index:1;color:var(--green);font:700 .75rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase}
    .about-card .name{position:relative;z-index:1;font-size:clamp(2.5rem,4.7vw,5.2rem);line-height:.97;letter-spacing:-.075em;font-weight:950}
    .about h2{margin-bottom:24px}
    .about p{max-width:560px;color:#cbd3c4;font-size:1.05rem;line-height:1.7}
    .about p strong{color:var(--ink)}
    .about .text-link{display:inline-flex;gap:12px;margin-top:16px;color:var(--green);font-weight:850}
    .contact{background:#251d31;position:relative;overflow:hidden}
    .contact::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,#7f44c449,transparent 40%);pointer-events:none}
    .contact-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:end;padding-block:clamp(80px,10vw,135px)}
    .contact .section-no{color:#c89bff}
    .contact h2{max-width:760px;margin-bottom:22px}
    .contact p{max-width:600px;color:#dfd2ed;font-size:1.08rem;line-height:1.65}
    .contact-options{border-top:1px solid #74638a;padding-top:28px}
    .contact-options p{font-size:.9rem;margin-bottom:22px}
    .contact .button-primary{background:var(--purple)}
    footer{border-top:1px solid #584865;background:#1a1521}
    .footer-inner{display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:90px;color:#c8bdcf;font-size:.88rem}
    .footer-links{display:flex;gap:24px;font-weight:750}
    .footer-links a:hover{color:var(--green)}
    @media(max-width:980px){.hero-inner{min-height:auto;grid-template-columns:1fr;padding-top:70px;gap:24px}.hero-copy{max-width:680px}.hero-visual{margin:0 -20px;height:350px}.hero-visual img{height:100%;object-position:center 55%}.image-tag{bottom:14%}.header-inner{gap:20px}nav{gap:17px}.header-cta{display:none}.topics{grid-template-columns:repeat(2,1fr)}.topic:last-child{grid-column:1/-1;min-height:270px}.topic:last-child h3{margin-top:38px}.method-inner,.about-grid{grid-template-columns:1fr 1fr;gap:45px}}
    @media(max-width:680px){.header-inner{min-height:76px;flex-wrap:wrap;gap:9px;padding-block:13px}.brand{flex:1}.mark{width:41px;height:41px}nav{order:2;width:100%;justify-content:space-between;margin:5px 0 0;padding-top:11px;border-top:1px solid var(--line);font-size:.78rem;gap:8px}nav a{padding:5px 0}.hero-inner{padding-top:65px;padding-bottom:45px}.hero h1{font-size:clamp(3.35rem,13vw,5rem)}.hero-visual{height:290px;margin-top:15px}.hero-visual img{clip-path:polygon(7% 0,100% 0,100% 100%,0 100%,0 14%)}.buttons{display:grid}.ticker-inner{justify-content:flex-start;gap:12px 25px}.ticker-inner span{font-size:.68rem}.section-head,.method-inner,.about-grid,.contact-inner{grid-template-columns:1fr}.section-intro{justify-self:start}.topics{grid-template-columns:1fr}.topic,.topic:last-child{grid-column:auto;min-height:285px}.topic h3{margin-top:35px}.method-inner,.contact-inner{gap:34px}.about-card{min-height:330px}.footer-inner{align-items:flex-start;flex-direction:column;padding-block:25px}.footer-links{flex-wrap:wrap}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.topic{transition:none}}

/* Video library, test pages and author profile */
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.video-card{display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:transform .2s,border-color .2s}
.video-card:hover{transform:translateY(-5px);border-color:var(--green)}
.video-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#293024}
.video-card>div{display:flex;flex-direction:column;flex:1;padding:23px}
.video-kind{font:800 .72rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:var(--green)}
.video-card h3{font-size:clamp(1.3rem,1.8vw,1.75rem);line-height:1.17;letter-spacing:-.04em;margin:15px 0 10px}
.video-card p{color:var(--muted);font-size:.92rem;line-height:1.5}
.video-card .go{margin-top:auto;color:var(--green);font-weight:850;font-size:.85rem}
.video-more{margin:28px 0 0;text-align:right}.video-more .text-link{color:var(--green);font-weight:800}
.about-card .portrait{position:relative;z-index:1;display:block;width:clamp(150px,16vw,220px);height:auto;aspect-ratio:1;border-radius:50%;border:3px solid var(--green);object-fit:cover;box-shadow:0 0 0 7px #b7ff3920}
.about-card .name{font-size:clamp(2.3rem,4vw,4.2rem)}
.page-main{background:#11150f;min-height:70vh}
.page-top{padding-block:34px 70px}
.breadcrumbs{font-size:.83rem;color:#b8c1ae;margin-bottom:48px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.breadcrumbs span{color:var(--green)}
.page-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:55px}
.page-hero h1{font-size:clamp(2.6rem,5vw,5.5rem);line-height:1.02;margin:16px 0 23px}
.page-hero p{font-size:1.12rem;color:#d3dcce;max-width:710px}
.byline{display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:25px;color:#c4cdbc;font-size:.86rem}
.byline a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.page-thumb{margin:0}.page-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border:1px solid var(--line)}
.page-body{padding-bottom:105px}
.watch-frame{position:relative;width:100%;aspect-ratio:16/9;background:#050505;margin-bottom:32px}
.watch-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(35px,5vw,75px);align-items:start}
.article-copy{max-width:810px}
.article-copy h2{font-size:clamp(2rem,3vw,3.5rem);margin:48px 0 20px}
.article-copy h2:first-child{margin-top:8px}
.article-copy h3{font-size:1.5rem;letter-spacing:-.04em;margin:29px 0 9px}
.article-copy p,.article-copy li{color:#d1d9ca;font-size:1.03rem;line-height:1.7}
.article-copy strong{color:#f5f8ef}
.article-copy a:not(.button){color:var(--green);text-decoration:underline;text-underline-offset:3px}
.article-copy ul{padding-left:22px}
.data-table{border-collapse:collapse;width:100%;margin:22px 0 38px;font-size:.96rem}
.data-table th,.data-table td{border-bottom:1px solid var(--line);padding:15px 13px;text-align:left;vertical-align:top}
.data-table th{color:var(--green);font-weight:800;width:34%}
.data-table td{color:#e4eade}
.data-table caption{text-align:left;color:var(--muted);font-size:.83rem;padding-bottom:9px}
.note{border-left:3px solid var(--purple);background:#241d2d;padding:20px 23px;margin:30px 0}
.note p{margin:0;font-size:.96rem}
.sidebar{position:sticky;top:24px;background:var(--panel);border:1px solid var(--line);padding:25px}
.sidebar h2{font-size:1.35rem;margin:0 0 18px}
.sidebar a{display:block;border-top:1px solid var(--line);padding:12px 0;color:#e8eddf;font-size:.91rem}
.sidebar a:hover{color:var(--green)}
.sidebar .small{font-size:.82rem;color:var(--muted);line-height:1.5;margin:20px 0 0}
.profile-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:clamp(45px,8vw,120px);align-items:start}
.profile-photo{width:100%;max-width:330px;height:auto;aspect-ratio:1;object-fit:cover;border:6px solid var(--green)}
.profile-layout h1{margin:0 0 18px}
.profile-layout p{max-width:720px;color:#d6dfcf;font-size:1.1rem;line-height:1.7}
.profile-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
@media(max-width:980px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:1fr}.sidebar{position:static}.page-hero{grid-template-columns:1fr;gap:25px}.page-hero h1{max-width:900px}.page-thumb{max-width:750px}.profile-layout{grid-template-columns:240px 1fr;gap:35px}}
@media(max-width:680px){.video-grid,.profile-layout{grid-template-columns:1fr}.page-top{padding-bottom:45px}.breadcrumbs{margin-bottom:34px}.page-hero h1{font-size:clamp(2.7rem,11vw,4.2rem)}.article-copy h2{margin-top:38px}.data-table th,.data-table td{display:block;width:100%;padding:10px 0;border-bottom:0}.data-table th{padding-bottom:0}.data-table tr{display:block;border-bottom:1px solid var(--line);padding:7px 0}.profile-photo{max-width:220px}.video-card h3{font-size:1.55rem}}

/* Published YouTube artwork shown in its native widescreen format. */
.hero-visual{align-self:center;display:block;margin:0}
.hero-visual::after{display:none}
.hero-visual>a{display:block;aspect-ratio:16/9}
.hero-visual img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;clip-path:none;filter:none;border:1px solid var(--green)}
.hero-visual figcaption{position:static;margin-top:12px;color:var(--muted);font-size:.82rem}
.hero-visual figcaption a{color:var(--green);font-weight:800}
.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.video-card img{height:auto;aspect-ratio:16/9;object-fit:cover}
@media(max-width:980px){.hero-visual{height:auto;margin:0}.hero-visual img{height:100%}}
@media(max-width:680px){.hero-visual{height:auto;margin:16px 0 0}.hero-visual img{height:100%;clip-path:none}.video-grid{grid-template-columns:1fr}}