/* Restored from the previous published hero; scoped to this section only. */
.classic-hero{--font:var(--body);--accent:#e8ff8b;--muted:#a0a49a;--line:#34372f;--ink:#f0f0e8;isolation:isolate}.classic-hero .button{font-weight:600}.classic-hero .classic-copy .intro-label{display:block}
.classic-hero .text-link:hover{color:var(--accent)}
.classic-hero{position:relative;max-width:1600px;margin:auto;padding:40px 5% 25px;overflow:hidden}
.classic-hero .classic-top,.classic-hero .classic-bottom{display:flex;justify-content:space-between;align-items:center}
.classic-hero .eyebrow,.classic-hero .edition{font-size:10px;font-weight:550;letter-spacing:.17em;line-height:1.6}
.classic-hero .eyebrow{color:var(--ink)}
.classic-hero .signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin:0 10px 1px 0;box-shadow:0 0 12px #e8ff8b66}
.classic-hero .edition{color:var(--muted)}
.classic-hero .classic-copy{position:relative;z-index:2;margin-top:68px;width:64%;pointer-events:none}
.classic-hero .classic-copy a{pointer-events:auto}
.classic-hero h1{font-size:clamp(70px,8.5vw,130px);line-height:.99;letter-spacing:-.065em;font-weight:500}
.classic-hero h1 .outline{color:var(--ink)}
.classic-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-.065em}
.classic-hero .classic-copy>p{max-width:390px;margin:30px 0 27px;font-size:15px;line-height:1.7}
.classic-hero .button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 22px;font-size:13px;font-weight:600;border-radius:3px;transition:transform .25s,background .25s}
.classic-hero .button:hover{transform:translateY(-3px)}
.classic-hero .button span{font-size:20px;line-height:1}
.classic-hero .primary{background:var(--accent);color:#172014}
.classic-hero .primary:hover{background:#f4ffca}
.classic-hero .orb-stage{position:absolute;right:0;top:85px;width:58%;height:640px;z-index:1}
.classic-hero .orb-stage canvas{width:100%;height:100%;display:block}
.classic-hero .orbit-label{position:absolute;font-size:9px;letter-spacing:.13em;display:flex;align-items:center;gap:13px;color:#bac0ad;pointer-events:none}
.classic-hero .orbit-label b{display:inline-grid;place-content:center;border:1px solid #666b5b;border-radius:50%;width:25px;height:25px;font-weight:400;font-size:8px}
.classic-hero .label-one{top:13%;right:24%}
.classic-hero .label-two{top:48%;right:9%}
.classic-hero .label-three{bottom:16%;left:18%}
.classic-hero .orb-caption{position:absolute;bottom:2%;right:9%;display:flex;align-items:center;gap:25px;color:#929887;font-size:9px;letter-spacing:.12em}
.classic-hero .orb-caption button{font-size:12px;background:transparent;color:var(--muted);padding:8px}
.classic-hero .orb-caption button span{font-size:9px}
.classic-hero .classic-bottom{border-top:1px solid var(--line);padding-top:23px;margin-top:65px;position:relative;z-index:2}
.classic-hero .classic-bottom>p{font-size:11px;line-height:1.6}
.classic-hero .scroll-hint{font-size:9px;letter-spacing:.13em;display:flex;align-items:center;gap:25px}
.classic-hero .scroll-hint span{display:grid;place-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:20px}
.classic-hero .text-link{font-size:12px;border-bottom:1px solid #6e7660;padding-bottom:5px;display:inline-block}
.classic-hero .reputation p:not(.eyebrow){font-size:12px;max-width:390px;margin-bottom:18px}
.classic-hero .resume-copy .eyebrow{margin-bottom:25px}
.classic-hero .resume-copy>p:not(.eyebrow){max-width:420px;font-size:13px;line-height:1.8;margin:25px 0}
.classic-hero .contact-section .eyebrow{color:#455330}
.classic-hero .brief-form .button{color:#293719;border-color:#9bb257;width:100%}
@media (min-width:1500px){.classic-hero{padding-top:45px}
.classic-hero .classic-copy{margin-top:80px}
.classic-hero .orb-stage{height:700px}
.classic-hero .classic-bottom{margin-top:75px}}
@media (max-width:1000px){.classic-hero h1{font-size:9vw}
.classic-hero .classic-copy{margin-top:60px}
.classic-hero .orb-stage{top:110px;height:510px}
.classic-hero .classic-copy>p{max-width:320px}
.classic-hero .classic-bottom{margin-top:55px}
.classic-hero .orb-caption>span{display:none}
.classic-hero .label-three{left:35%}}
@media (max-width:700px){.classic-hero{padding:28px 6% 20px}
.classic-hero .classic-top .edition{display:none}
.classic-hero .classic-top .eyebrow{font-size:7px;letter-spacing:.13em}
.classic-hero .classic-copy{width:100%;margin-top:45px}
.classic-hero h1{font-size:clamp(57px,13.8vw,94px);line-height:1.02}
.classic-hero .classic-copy>p{max-width:75%;font-size:13px;margin:24px 0}
.classic-hero .orb-stage{position:relative;top:auto;width:100%;height:370px;right:auto;margin:-25px 0 -15px;z-index:0}
.classic-hero .classic-copy .button{position:relative;z-index:3}
.classic-hero .label-one{top:9%;right:10%}
.classic-hero .label-two{right:0;top:53%}
.classic-hero .label-three{bottom:19%;left:0}
.classic-hero .orb-caption{bottom:0;right:0}
.classic-hero .classic-bottom{margin-top:25px;padding-top:20px;align-items:center}
.classic-hero .classic-bottom>p{display:none}
.classic-hero .scroll-hint{font-size:0;gap:0}
.classic-hero .scroll-hint span{font-size:19px}
.classic-hero .eyebrow{font-size:8px}
.classic-hero .resume-copy>p:not(.eyebrow){font-size:12px}}
.classic-hero .classic-copy{margin-top:58px;width:57%}
.classic-hero h1{font-size:clamp(55px,6.2vw,92px);line-height:1.03;letter-spacing:-.06em}
.classic-hero .intro-label{font-size:10px!important;letter-spacing:.18em;color:var(--muted);margin:0 0 15px!important}
.classic-hero .classic-copy>p:not(.intro-label){font-size:14px;line-height:1.7;margin:22px 0}
.classic-hero .type-line{font-family:var(--display);font-size:clamp(18px,2.1vw,29px);letter-spacing:-.03em;min-height:42px;margin-top:26px;color:var(--muted)}
.classic-hero #typed-role{color:var(--ink)}
.classic-hero .type-cursor{color:var(--accent);animation:blink 1s steps(1) infinite}
.classic-hero .classic-portrait{position:absolute;right:17%;top:165px;width:210px;height:210px;z-index:3}
.classic-hero .classic-portrait img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 0 0 8px #101110,0 0 0 9px #79845e,0 20px 65px #0008}
.classic-hero .classic-portrait>span{display:block;text-align:center;font-size:8px;letter-spacing:.18em;margin-top:21px;color:#c0c8b1}
.classic-hero .orb-stage{height:560px;top:85px}
.classic-hero .classic-bottom{margin-top:55px}
.classic-hero .label-one{top:10%;right:27%}
.classic-hero .label-two{top:55%}
.classic-hero .label-three{left:22%;bottom:12%}
.classic-hero .orb-caption{bottom:0}
@media (max-width:1000px){.classic-hero .classic-portrait{right:14%;top:175px;width:170px;height:170px}
.classic-hero .classic-copy{width:60%}
.classic-hero .type-line{font-size:22px;min-height:38px}
.classic-hero .orb-stage{height:510px}}
@media (max-width:700px){.classic-hero{padding-top:25px}
.classic-hero .classic-top .eyebrow{font-size:7px;letter-spacing:.09em}
.classic-hero .classic-copy{margin-top:160px;width:100%;z-index:4}
.classic-hero h1{font-size:59px}
.classic-hero .classic-portrait{right:9%;top:87px;width:125px;height:125px}
.classic-hero .classic-portrait>span{font-size:6px;margin-top:13px}
.classic-hero .classic-copy>p:not(.intro-label){max-width:100%;font-size:13px;margin:15px 0 22px}
.classic-hero .intro-label{margin-bottom:10px!important}
.classic-hero .type-line{font-size:21px;margin-top:22px;min-height:35px}
.classic-hero .orb-stage{position:absolute;right:-45px;top:30px;width:85%;height:330px;margin:0;opacity:.75}
.classic-hero .orbit-label{display:none}
.classic-hero .orb-caption{right:85px;bottom:15px}
.classic-hero .orb-caption button span{display:none}
.classic-hero .classic-bottom{margin-top:38px;padding-top:20px}
.classic-hero .classic-bottom .text-link{font-size:11px}
.classic-hero .classic-bottom>p{display:none}}
.classic-hero .classic-portrait{right:8%;top:110px;width:180px;height:180px}
.classic-hero .classic-portrait img{object-fit:cover;object-position:50% 43%;box-shadow:0 0 0 7px #101110,0 0 0 8px #737d59,0 15px 45px #0006}
.classic-hero .classic-portrait>span{margin-top:16px}
.classic-hero .orb-stage{top:80px;height:580px}
.classic-hero .label-one{top:9%;right:51%}
.classic-hero .label-two{top:60%}
.classic-hero .label-three{left:17%;bottom:14%}
@media (max-width:1000px){.classic-hero .classic-portrait{right:8%;top:105px;width:155px;height:155px}
.classic-hero .orb-stage{height:530px}
.classic-hero .label-one{right:55%}}
@media (max-width:700px){.classic-hero .classic-portrait{right:9%;top:82px;width:125px;height:125px}
.classic-hero .classic-portrait>span{font-size:6px;margin-top:13px}
.classic-hero .orb-stage{right:-35px;top:40px;width:85%;height:320px;opacity:.8}}
.classic-hero{min-height:720px}
.classic-hero .classic-copy{width:49%;margin-top:84px}
.classic-hero .classic-portrait{width:clamp(290px,29vw,390px);height:clamp(290px,29vw,390px);top:115px;right:7%}
.classic-hero .classic-portrait img{transform:rotate(-17deg);filter:none}
.classic-hero .classic-portrait>span{margin-top:25px}
.classic-hero .orb-stage{width:64%;height:650px;top:70px;right:-4%}
.classic-hero .orb-caption{bottom:42px;right:13%}
.classic-hero .label-one{top:7%;right:60%}
.classic-hero .label-two{top:70%;right:13%}
.classic-hero .label-three{bottom:23%;left:22%}
.classic-hero .classic-bottom{margin-top:96px}
@media (max-width:1000px) and (min-width:701px){.classic-hero{min-height:680px}
.classic-hero .classic-portrait{width:280px;height:280px;right:5%;top:125px}
.classic-hero .classic-copy{width:50%;margin-top:82px}
.classic-hero h1{font-size:clamp(56px,7.2vw,72px)}
.classic-hero .orb-stage{width:65%;right:-7%;height:620px}
.classic-hero .type-line{font-size:20px}
.classic-hero .classic-bottom{margin-top:120px}
.classic-hero .orb-caption{bottom:55px}}
@media (max-width:700px){.classic-hero{min-height:0}
.classic-hero .classic-portrait{width:240px;height:240px;top:100px;right:calc(50% - 120px)}
.classic-hero .classic-portrait>span{font-size:8px;margin-top:22px}
.classic-hero .classic-copy{width:100%;margin-top:355px}
.classic-hero h1{font-size:clamp(54px,14vw,78px)}
.classic-hero .orb-stage{position:absolute;width:125%;height:430px;top:55px;right:-12.5%;margin:0}
.classic-hero .orb-caption{bottom:2px;right:15%}
.classic-hero .label-one{top:3%;right:56%}
.classic-hero .label-two,.classic-hero .label-three{display:none}
.classic-hero .classic-bottom{margin-top:36px}
.classic-hero .classic-copy>p:not(.intro-label){max-width:100%}}
@media (max-width:700px){.classic-hero .orb-caption{top:15px;bottom:auto;right:15%}
.classic-hero .type-line{min-height:64px}}
.classic-hero{min-height:730px;overflow:hidden}
.classic-hero .classic-copy{width:53%;margin-top:82px;position:relative;z-index:3}
.classic-hero .classic-portrait{width:210px;height:210px;top:165px;right:8%;z-index:4;overflow:visible;border-radius:50%;background:#262a25}
.classic-hero .classic-portrait::before{content:"";position:absolute;inset:0;border-radius:50%;background:url("assets/chathura-profile.jpg") center/cover;filter:blur(12px) brightness(.48)}
.classic-hero .classic-portrait img{position:relative;width:100%;height:100%;object-fit:contain;transform:rotate(-17deg) scale(.86);filter:none;box-shadow:none;border-radius:50%}
.classic-hero .classic-portrait>span{margin-top:13px}
.classic-hero .orb-stage{position:absolute;top:8px;right:-6%;width:91%;height:720px;z-index:1;pointer-events:none}
.classic-hero .orb-caption{bottom:30px;right:12%;pointer-events:auto}
.classic-hero .label-one{top:8%;right:42%}
.classic-hero .label-two{top:66%;right:7%}
.classic-hero .label-three{bottom:15%;left:16%}
.classic-hero .classic-bottom{position:relative;z-index:3;margin-top:100px}
@media (max-width:1000px){.classic-hero{min-height:680px}
.classic-hero .classic-copy{width:57%;margin-top:75px}
.classic-hero .classic-portrait{width:170px;height:170px;top:145px;right:6%}
.classic-hero .orb-stage{width:106%;height:650px;top:12px;right:-18%}
.classic-hero .classic-bottom{margin-top:105px}}
@media (max-width:700px){.classic-hero{min-height:0}
.classic-hero .classic-copy{width:100%;margin-top:295px;z-index:4}
.classic-hero .classic-portrait{width:158px;height:158px;top:92px;right:calc(50% - 79px)}
.classic-hero .classic-portrait>span{font-size:7px;margin-top:11px}
.classic-hero .orb-stage{position:absolute;top:0;right:-37%;width:160%;height:440px;opacity:.86}
.classic-hero .orb-caption{top:12px;bottom:auto;right:26%}
.classic-hero .label-one{top:16%;right:18%}
.classic-hero .label-two,.classic-hero .label-three{display:none}
.classic-hero .classic-bottom{margin-top:35px}
.classic-hero h1{font-size:clamp(55px,14vw,78px)}}
.classic-hero{min-height:785px}
.classic-hero .classic-portrait{width:210px;height:210px;top:120px;right:10%}
.classic-hero .classic-bottom{margin-top:180px}
.classic-hero .about-copy>.eyebrow{margin-bottom:25px;color:#dae8c6}
.classic-hero .about-copy>p:not(.eyebrow){max-width:70ch}
@media (max-width:1000px){.classic-hero{min-height:750px}
.classic-hero .classic-portrait{width:170px;height:170px;top:110px;right:8%}
.classic-hero .classic-bottom{margin-top:165px}}
@media (max-width:700px){.classic-hero{min-height:0}
.classic-hero .classic-portrait{width:158px;height:158px;top:85px;right:calc(50% - 79px)}
.classic-hero .classic-copy{margin-top:295px}
.classic-hero .classic-bottom{margin-top:24px}
.classic-hero .orb-caption{right:20%;top:11px;bottom:auto}}
@keyframes blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.classic-hero *{animation:none!important;transition:none!important}}