/* V26: visual-only refinement. The established 16:9 video player is untouched. */
:root {--jr26-hairline:rgba(255,255,255,.095);--jr26-dim:#a9a9a9;--jr26-accent:#ff9619}
body {font-family:Inter,Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility}
nav {min-height:76px; padding-inline:max(5%,calc((100vw - 1280px)/2)); border-bottom-color:var(--jr26-hairline)}
.logo{letter-spacing:-.055em;font-size:23px}
.navlinks {letter-spacing:.09em;gap:30px}
.hero {min-height:min(780px,90svh); padding:105px 20px 90px; background:radial-gradient(ellipse 65% 57% at 50% 27%,#27190e 0%,#0e0e0e 61%,#050505 100%)}
.hero::after {content:"";position:absolute;inset:22% 13% auto;height:1px;background:linear-gradient(90deg,transparent,#ff961927,transparent);pointer-events:none}
.hero h1 {font-size:clamp(64px,12.6vw,168px);margin:20px 0 38px;letter-spacing:-.083em;line-height:.95;text-wrap:balance}
.hero h2 {font-size:clamp(24px,2.6vw,36px);letter-spacing:-.035em;font-weight:500}
.hero p {font-size:clamp(14px,1.2vw,16px);color:#bfbfbf;max-width:550px;margin-inline:auto}
.hero>a[href="#about"]{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 21px;border:1px solid #ff961970;border-radius:999px;letter-spacing:.075em;font-size:11px;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.hero>a[href="#about"]:hover{background:#ff961914;border-color:var(--jr26-accent);transform:translateY(-2px)}
.section {max-width:1180px;padding:clamp(65px,8vw,115px) 6%}
.heading {letter-spacing:-.052em;line-height:1.05}
.heading:after {height:2px;width:88px;background:linear-gradient(90deg,var(--jr26-accent),transparent);margin-top:17px}
.aboutgrid {gap:clamp(36px,5vw,82px)}
.portrait{box-shadow:0 30px 65px rgba(0,0,0,.3);outline:1px solid #ffffff14;outline-offset:0}
.aboutcopy h3{font-size:clamp(35px,4vw,53px);letter-spacing:-.06em;line-height:1.02}
.aboutcopy p {font-size:15px;line-height:1.95;max-width:550px;color:#b9b9b9}
.role {letter-spacing:.045em}
.aboutcopy a{transition:color .2s}
.aboutcopy a:hover{color:var(--jr26-accent)}
.jr-v18-skills {margin-top:clamp(74px,10vw,125px)}
.jr-v18-skills h3 {letter-spacing:-.04em}
.jr-v18-skill-board {border:1px solid var(--jr26-hairline);box-shadow:0 22px 65px #00000029;border-radius:22px}
.jr-v18-skill{padding:7px 6px}
.jr-v18-panels {gap:23px}
.jr-v18-tool-panel {border-color:var(--jr26-hairline);border-radius:18px}
.jr-v18-tool-panel h3 {letter-spacing:-.035em}
.work {background:linear-gradient(180deg,#1c1c1c,#191919 62%,#171717);padding:clamp(78px,9vw,124px) 5% 110px}
.work-inner {max-width:1100px}
.work h2 {font-size:clamp(38px,5.6vw,68px);letter-spacing:-.065em;line-height:1.03;text-wrap:balance}
.work .sub {color:var(--jr26-dim);font-size:14px;line-height:1.7;margin:20px auto 30px;max-width:500px}
.filters {gap:9px;margin-bottom:44px}
.filters button {padding:12px 18px;letter-spacing:.025em;border-color:#55555590;transition:border-color .2s, background-color .2s,color .2s,transform .2s}
.filters button:hover {border-color:#ff961999}
.gallery{gap:clamp(27px,4vw,43px)}
.gallery .card {border-color:#ffffff20;border-radius:13px;box-shadow:0 12px 35px #00000021;}
.gallery .card .meta {border-top:1px solid #ffffff0c;padding:20px 23px 22px}
.gallery .meta h3{font-size:clamp(16px,1.5vw,20px);letter-spacing:-.025em;line-height:1.35}
.gallery .meta p {letter-spacing:.05em;text-transform:uppercase;font-size:10px;color:#a4a4a4}
.jr-v18-footer {position:relative;min-height:440px;padding:clamp(80px,11vw,145px) 20px 65px;background:radial-gradient(ellipse 70% 60% at 50% 92%,#28190e44,transparent 75%),#101010;border-top:1px solid var(--jr26-hairline)}
.jr-v18-footer-label {letter-spacing:.13em;font-size:12px}
.jr-v18-footer h2 {font-size:clamp(36px,6.2vw,79px);letter-spacing:-.07em;line-height:1.08;text-wrap:balance;max-width:950px;margin:22px auto 20px}
.jr-v25-contact-copy {font-size:clamp(14px,1.25vw,17px);color:#b9b9b9;line-height:1.6;margin-bottom:30px}
.jr-v18-contact {min-height:45px;border-radius:999px;font-weight:700;letter-spacing:.035em}
.jr-v18-copy{margin-top:65px;color:#707070}
@media(max-width:700px){nav{min-height:64px;padding:12px 4%}.navlinks{gap:12px;letter-spacing:0}.hero{min-height:560px;padding-top:90px}.hero h1{font-size:clamp(48px,12vw,90px);letter-spacing:-.075em}.section{padding:70px 6%}.aboutgrid{gap:36px}.jr-v18-skills{margin-top:65px}.work{padding:80px 4%}.work h2{font-size:clamp(34px,8vw,53px)}.gallery .card .meta{padding:16px 18px}.jr-v18-footer{padding:82px 6% 45px;min-height:0}.jr-v18-footer h2{font-size:clamp(33px,8vw,55px)}}
@media(prefers-reduced-motion:reduce){.hero>a[href="#about"]{transition:none}}