/* finesse · brand · unified-ink-jade-silver · preview-list + wave-hero */
:root{--bg:#090f13;--panel:#111d20;--ink:#e8eeec;--muted:#9bafac;--accent:#bdebd6;--green:#79cbb5;--electric:#9bdac7;--line:rgba(189,220,211,.16);--fusion:linear-gradient(110deg,#193b35 0%,#142b29 65%,#112322 100%)}
.hero{background:radial-gradient(ellipse at 74% 50%,rgba(35,78,68,.1),transparent 65%)}.hero-wash{background:linear-gradient(90deg,rgba(9,15,19,.25),transparent 65%),linear-gradient(0deg,var(--bg),transparent 23%,transparent 75%,rgba(9,15,19,.4))}.hero::after{background:none}.hero h1{font-weight:500;text-shadow:none}.hero .outline{color:var(--accent)}.hero-copy{top:28%}.hero-top{color:var(--muted)}.hero-copy .eyebrow{color:var(--accent)}.hero-bottom p{color:#a9bfba}.nav nav a:hover{color:var(--electric)}
.skill-ribbon{position:relative;overflow:hidden;background:var(--fusion);border-block:1px solid rgba(225,230,250,.22);height:64px;display:flex;align-items:center;isolation:isolate}.skill-ribbon::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,9,57,.35),transparent 8%,transparent 92%,rgba(4,45,57,.35));pointer-events:none}.ribbon-track{display:flex;width:max-content;animation:skill-drift 32s linear infinite;will-change:transform}.ribbon-group{display:flex;align-items:center;flex-shrink:0}.ribbon-group span{display:flex;gap:43px;align-items:center;padding-inline:28px;font-size:14px;font-weight:700;letter-spacing:2px;color:#f4f6ff;white-space:nowrap}.ribbon-group b{font-size:15px;font-weight:400;color:#dcdeff;opacity:.85}.skill-ribbon:hover .ribbon-track,.skill-ribbon:focus-within .ribbon-track,.motion-paused .ribbon-track{animation-play-state:paused}.ribbon-pause{position:absolute;right:14px;z-index:2;min-width:44px;height:44px;background:rgba(9,17,40,.48);border:1px solid rgba(222,237,255,.25);border-radius:50%;color:#f0f7ff;font-size:11px;backdrop-filter:blur(5px)}@keyframes skill-drift{to{transform:translateX(-50%)}}
.archive{position:relative;isolation:isolate;background:linear-gradient(95deg,rgba(7,12,20,.95),rgba(7,13,20,.9)),url('library/site-background.webp') center/cover;padding:85px 5.5% 65px}.archive::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 18%,rgba(68,36,123,.14),transparent 55%),radial-gradient(ellipse at 85% 10%,rgba(0,155,177,.09),transparent 50%)}.archive .section-label{display:none}.archive-head{align-items:center;gap:45px;margin-bottom:35px}.archive-head h2{font-size:clamp(32px,4.1vw,70px);line-height:1.25;letter-spacing:-.045em;font-weight:800;color:#f0f2fb}.archive-head h2 span{color:var(--electric)}.case-heading-break{display:none}.archive-head .eyebrow{color:var(--electric);font-size:11px;font-weight:700;letter-spacing:2.5px;margin-bottom:20px}.archive-head>p{font-size:13px;max-width:400px;line-height:2;color:#a5b3c6}.archive .filter-row{margin:30px 0 35px}.archive .filter-row button[aria-pressed=true]{background:var(--fusion);color:#f2f4ff;border-color:transparent}.case-browser{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:6%;align-items:start}.case-preview-column{position:sticky;top:28px}.case-live{border:1px solid rgba(162,190,229,.25);border-radius:25px;overflow:hidden;background:rgba(6,12,21,.83);box-shadow:0 30px 65px rgba(2,7,18,.28)}.case-live-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;gap:15px;border-bottom:1px solid var(--line)}#case-live-code{font:10px monospace;letter-spacing:1px;color:var(--electric)}.case-expand{display:flex;align-items:center;gap:16px;font-size:11px;padding:0 0 0 13px;background:rgba(14,29,42,.7);border-radius:30px;border:1px solid var(--line);min-height:44px;white-space:nowrap}.case-expand b{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--electric);color:#061119;font-size:21px;font-weight:400;transition:transform .3s}.case-expand:hover b{transform:rotate(45deg)}.case-live-media{height:clamp(230px,24vw,390px);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,#172938,#090f1a)}.case-live-media img,.case-live-media video{display:block;width:100%;height:100%;object-fit:contain}.case-live-media img{padding:12px}.case-media-note{position:absolute;bottom:14px;left:18px;background:rgba(6,14,22,.83);border:1px solid var(--line);padding:8px 12px;border-radius:30px;font-size:10px}.case-live-copy{padding:24px 27px 28px}.case-live-copy>span{font:9px monospace;letter-spacing:1px;color:#8399b5}.case-live-copy h3{font-size:clamp(23px,2.15vw,36px);font-weight:750;letter-spacing:-.035em;line-height:1.4;margin:12px 0}.case-live-copy p{font-size:12px;line-height:1.9;color:#a4b2c4;margin:0}.case-live-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:21px;font-size:10px;color:#8799b2;line-height:1.7}.case-live-footer>span:last-child{font:9px monospace;white-space:nowrap;color:var(--electric)}.case-list{display:flex;flex-direction:column}.case-row{background:transparent;border:0;border-bottom:1px solid rgba(173,195,229,.14);border-radius:0;padding:22px 20px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:15px;align-items:start;text-align:left;color:#f0f2fc;min-height:136px;transition:background .25s}.case-row-number{font:11px monospace;color:#8192ad;margin-top:8px}.case-row-body strong{display:block;font-size:clamp(21px,2.2vw,37px);font-weight:750;line-height:1.35;letter-spacing:-.035em}.case-row-body small{display:block;font:9px/1.8 monospace;letter-spacing:.5px;color:#98a9c2;margin-top:8px}.case-row-arrow{display:grid;place-items:center;border:1px solid rgba(175,199,234,.24);border-radius:50%;width:38px;height:38px;font-size:19px;font-weight:400;margin-top:14px;transition:transform .35s}.case-row-status{border:1px solid rgba(175,199,234,.3);border-radius:24px;font-size:9px;font-weight:400;padding:8px 10px;white-space:nowrap;align-self:center}.case-row[aria-selected=true]{background:var(--fusion);border-color:transparent}.case-row[aria-selected=true] .case-row-number,.case-row[aria-selected=true] small{color:#e0e9ff}.case-row[aria-selected=true] .case-row-arrow{background:rgba(240,245,255,.14);border-color:rgba(228,238,255,.25);transform:rotate(45deg)}.case-row[aria-selected=true] .case-row-status{border-color:rgba(230,242,255,.65)}.case-row:focus-visible{outline-offset:-4px;outline-color:#e0fafa}.work-heading h2,.cert-heading h2{font-weight:650}.cert-card{border-radius:12px}.cert-card:hover{border-color:rgba(0,205,221,.5)}.contact-link em{color:#98e6e4}.opening-rule{background:var(--fusion)}
@media(max-width:1100px){.archive-head{display:block}.archive-head>p{margin-top:20px;max-width:600px}.archive-head>p br{display:none}.case-browser{gap:4%}.case-row{padding:18px 14px;grid-template-columns:20px minmax(0,1fr);gap:10px}.case-row-status{display:none}.case-live-copy{padding:20px}.case-live-footer{display:block}.case-live-footer>span:last-child{display:block;margin-top:8px}.case-row-body strong{font-size:25px}}
@media(max-width:760px){.archive{padding:65px 7%}.case-browser{display:flex;flex-direction:column;gap:22px}.case-preview-column{position:static;width:100%;order:2}.case-list{width:100%;order:1;display:flex;flex-direction:row;overflow-x:auto;gap:9px;padding-bottom:12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#52677c transparent}.case-row{display:block;flex:0 0 210px;min-height:142px;padding:17px;border:1px solid var(--line);border-radius:12px;scroll-snap-align:start}.case-row-number{display:block;margin:0 0 11px;font-size:9px}.case-row-body strong{font-size:17px;line-height:1.5}.case-row-body small{font-size:7px;margin-top:9px}.case-row-arrow{display:none}.case-live{border-radius:18px}.case-live-media{height:280px}.case-live-copy h3{font-size:25px}.case-live-toolbar{padding:13px 16px}.case-live-footer{display:flex;font-size:9px}.case-live-footer>span:last-child{font-size:8px;margin:0}.archive-head h2{font-size:32px;line-height:1.35}.case-heading-break{display:block}.archive-head .eyebrow{font-size:9px;letter-spacing:1.5px}.archive-head>p{font-size:12px;margin-top:22px}.archive .filter-row{margin-top:25px}.ribbon-group span{font-size:12px;gap:26px;padding-inline:22px;letter-spacing:1.5px}.skill-ribbon{height:58px}.ribbon-pause{right:8px;width:40px;height:40px}.cert-heading h2{font-weight:500}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none}.case-row-arrow{transition:none}} 
.skill-ribbon{background:linear-gradient(100deg,#112320,#19332d 45%,#112320);border-color:rgba(157,213,192,.2)}
.skill-ribbon::after{background:linear-gradient(90deg,rgba(9,15,19,.75),transparent 10%,transparent 90%,rgba(9,15,19,.75))}
.ribbon-group span{color:var(--ink);font-weight:500}.ribbon-group b{color:var(--green);opacity:.75}
.ribbon-pause{background:rgba(15,31,28,.9);border-color:var(--line);color:var(--accent)}
.archive{background:radial-gradient(ellipse at 90% 20%,rgba(70,125,108,.07),transparent 60%),var(--bg)}
.archive::before{background:linear-gradient(135deg,rgba(115,174,152,.025),transparent 55%)}
.archive-head h2,.case-row{color:var(--ink)}.archive-head>p,.case-live-copy p{color:var(--muted)}
.archive .filter-row button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.case-live{background:var(--panel);border-color:var(--line);box-shadow:0 25px 65px rgba(3,13,11,.22)}
.case-live-media{background:radial-gradient(ellipse at center,#172a27,#0c1617)}
.case-expand{background:#172a26;border-color:var(--line);color:var(--ink)}.case-expand b{background:var(--accent);color:var(--bg)}
.case-live-copy>span,.case-live-footer,.case-row-number,.case-row-body small{color:var(--muted)}
.case-row{border-color:var(--line)}.case-row-arrow,.case-row-status{border-color:var(--line)}
.case-row[aria-selected=true]{background:var(--fusion);border-color:rgba(157,213,192,.2);box-shadow:inset 3px 0 0 var(--green)}
.case-row[aria-selected=true] .case-row-body strong{color:var(--accent)}
.case-row[aria-selected=true] .case-row-number,.case-row[aria-selected=true] small{color:#a7c8be}
.case-row[aria-selected=true] .case-row-arrow{background:rgba(157,213,192,.08);border-color:rgba(157,213,192,.3);color:var(--accent)}
.case-row[aria-selected=true] .case-row-status{border-color:rgba(157,213,192,.35);color:var(--accent)}
.case-media-note{background:rgba(9,20,17,.85);color:var(--ink)}
.opening-rule{background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.contact-link em{color:var(--accent)}