/* Bewize case study — extension of the existing portfolio theme. */
.bw-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 95% at 83% 38%,#0b3c70 0%,#061b37 51%,#031025 78%);border-bottom:1px solid var(--line)}
.bw-hero:before{content:'';position:absolute;inset:0;background:url('assets/bg-network.webp') center/cover;opacity:.22;pointer-events:none}
.bw-hero-grid{display:grid;grid-template-columns:1fr .97fr;align-items:center;gap:34px;min-height:670px;position:relative}.bw-hero-copy{position:relative;z-index:5;padding:64px 0 82px}.bw-hero-copy h1{font-size:clamp(3.45rem,5.55vw,6rem);margin:23px 0 20px}.bw-punctuation{color:var(--aqua)}.bw-crumb{display:flex;gap:11px;color:#83adcb;font-size:.82rem;margin-bottom:28px}.bw-crumb a{color:var(--aqua)}.bw-crumb a:hover{text-decoration:underline}.bw-facts{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px}.bw-facts>div{border-left:2px solid rgba(83,232,245,.42);padding-left:13px}.bw-facts small{display:block;font-size:.69rem;color:#a7c0cf;text-transform:uppercase;letter-spacing:.08em}.bw-facts strong{display:block;font-family:var(--display);color:#fff;font-size:.91rem}.bw-hero-visual{height:630px;position:relative}.bw-aura{position:absolute;inset:12% 6% 10% 6%;border-radius:50%;background:radial-gradient(circle,rgba(28,146,241,.24),transparent 67%);filter:blur(10px)}.bw-signal-grid{position:absolute;inset:10% 8%;background:repeating-linear-gradient(0deg,transparent 0 33px,rgba(83,232,245,.07) 34px 35px),repeating-linear-gradient(90deg,transparent 0 33px,rgba(83,232,245,.06) 34px 35px);mask-image:radial-gradient(circle,#000,transparent 70%)}.bw-portrait-wrap{position:absolute;inset:7% 8% 0 10%;overflow:hidden;mask-image:linear-gradient(to bottom,#000 75%,transparent 100%)}.bw-portrait-wrap img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 45px rgba(6,154,255,.2))}.bw-glass{position:absolute;z-index:4;border:1px solid rgba(83,232,245,.43);border-radius:16px;background:linear-gradient(145deg,rgba(8,42,79,.91),rgba(4,25,55,.86));box-shadow:0 12px 28px rgba(0,8,24,.38),inset 0 0 24px rgba(8,135,235,.08);padding:17px 20px;backdrop-filter:blur(8px)}.bw-glass span{display:block;color:#b7d9e8;font-size:.69rem;letter-spacing:.12em;font-weight:800}.bw-glass strong{display:block;color:#53e8f5;font:700 2rem var(--display);white-space:nowrap}.bw-glass strong small{font-size:1.05rem;color:#91c9e7}.bw-glass i{display:block;color:#b3cee0;font-size:.72rem;font-style:normal}.bw-glass svg{width:145px;height:35px}.bw-glass-one{top:21%;right:-1%}.bw-glass-two{left:-7%;bottom:18%}.bw-visual-caption{position:absolute;bottom:3%;right:0;color:#bed8e5;background:#051629bc;padding:7px 12px;border-radius:6px;font-size:.65rem;z-index:6}.bw-toc{position:sticky;z-index:42;top:86px;background:rgba(3,18,38,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.bw-toc-inner{display:flex;align-items:center;gap:20px;min-height:58px;overflow-x:auto;scrollbar-width:none}.bw-toc-inner::-webkit-scrollbar{display:none}.bw-toc-inner a{color:#d0e9f2;font-size:.82rem;font-weight:700;white-space:nowrap;padding:10px 0}.bw-toc-inner a:hover,.bw-toc-inner a:focus{color:var(--aqua)}.bw-toc-label{font-size:.65rem;color:#75a3be;letter-spacing:.14em;white-space:nowrap;font-weight:800;border-right:1px solid var(--line);padding-right:20px}.bw-section{scroll-margin-top:140px}.bw-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.bw-site-card{padding:0;overflow:hidden}.bw-site-card .browser-toolbar{margin:0}.bw-site-frame{border:0;border-radius:0;margin:0}.bw-site-frame .screenshot-area{min-height:330px}.bw-site-caption{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:.78rem;color:#a7c9db}.bw-site-caption a{color:var(--aqua)}.bw-story h3{font-size:clamp(1.7rem,3vw,2.65rem);margin:10px 0 21px}.bw-story p{line-height:1.72}.bw-chips{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.bw-chips span{border:1px solid var(--line);border-radius:8px;color:#c4e9f2;font-size:.71rem;padding:7px 9px;background:rgba(83,232,245,.06)}.bw-role-strip{margin-top:45px;padding:25px 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:23px}.bw-role-strip>div+div{border-left:1px solid var(--line);padding-left:24px}.bw-role-strip h3{margin:8px 0 0;font-size:1.4rem}.bw-role-strip p{margin:8px 0 0;font-size:.86rem}.bw-pullquote{max-width:1020px;margin:50px auto 0;border-left:3px solid var(--aqua);background:rgba(83,232,245,.045);color:#dff8ff;border-radius:0 12px 12px 0;padding:25px 34px;font:600 clamp(1.14rem,2.1vw,1.7rem)/1.55 var(--display)}.bw-baseline{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.bw-baseline-major{padding:30px;background:radial-gradient(circle at 90% 15%,rgba(0,167,225,.13),transparent 50%),#071c35}.bw-huge{font:700 clamp(3rem,7vw,6.7rem)/1.05 var(--display);color:var(--aqua);margin:22px 0}.bw-huge span{font-size:1.1rem;color:#d8f8ff}.bw-mini-progress{height:10px;background:#153754;border-radius:20px;overflow:hidden;margin-top:23px}.bw-mini-progress span{display:block;height:100%;background:linear-gradient(90deg,#087cc9,var(--aqua));border-radius:20px}.bw-baseline-bottom{display:flex;justify-content:space-between;gap:14px;font-size:.72rem;margin-top:15px;color:#a6d6e9}.bw-baseline-bottom strong{color:#f7cb89}.bw-small-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bw-small-stat{padding:25px;display:flex;flex-direction:column;justify-content:center;gap:10px}.bw-small-stat strong{color:var(--aqua);font:700 clamp(1.65rem,3vw,2.65rem) var(--display)}.bw-small-stat span{color:#b9d2e3;font-size:.85rem}.bw-audit-table-wrap{overflow:auto;margin-top:25px}.bw-table-head{padding:25px 28px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.bw-table-head h3{margin:0}.bw-table-head span{font-size:.75rem;color:#94bed4}.bw-audit-table{width:100%;border-collapse:collapse;min-width:680px}.bw-audit-table th{text-align:left;background:#0c2947;color:#bceefd;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}.bw-audit-table th,.bw-audit-table td{padding:17px 21px;border-top:1px solid var(--line)}.bw-audit-table td{color:#c5dbe6;font-size:.87rem}.bw-audit-table td:first-child{color:#e9fbff;font-weight:700}.bw-evidence-note{font-size:.78rem;margin:18px 0 0;color:#8db5c9}.bw-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.bw-work{padding:27px 27px 19px;display:grid;grid-template-columns:52px 1fr;gap:19px}.bw-work-num{font:700 2.1rem var(--display);color:var(--aqua)}.bw-work h3{margin:0 0 10px}.bw-work p{font-size:.91rem}.bw-work .bullet-list{margin-bottom:0}.bw-work .bullet-list li{font-size:.83rem}.bw-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bw-score{padding:22px;position:relative;overflow:hidden}.bw-score-icon{color:var(--aqua);font-size:1.65rem;margin-bottom:18px}.bw-score-values{display:flex;align-items:baseline;gap:8px;margin-top:10px;white-space:nowrap}.bw-score-values span{font:700 1.75rem var(--display);color:#90b6cb}.bw-score-values small{color:#b6d5e3}.bw-score-values strong{font:700 2.05rem var(--display);color:#53e8f5}.bw-score-bars{margin-top:23px;display:grid;gap:8px}.bw-score-bars div{height:7px;background:#173654;border-radius:100px;overflow:hidden}.bw-score-bars div span{width:var(--p);height:100%;display:block;border-radius:100px;background:linear-gradient(90deg,#0a83cd,#53e8f5)}.bw-score-bars div:first-child span{background:#7e98af}.bw-score-foot{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:.68rem;color:#9bbaca;margin-top:21px}.bw-score-foot b{color:var(--aqua)}.bw-result-explain{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.bw-result-text{padding:30px}.bw-result-text h3{margin:12px 0 15px}.bw-result-text p,.bw-result-text li{font-size:.88rem}.bw-report-note{background:rgba(83,232,245,.04);border:1px dashed rgba(83,232,245,.36);padding:20px 24px;margin-top:24px;border-radius:13px}.bw-report-note span{font-weight:700;color:var(--aqua)}.bw-report-note p{font-size:.83rem;margin:5px 0 0}.bw-conclusion{display:grid;grid-template-columns:1fr 280px;gap:25px;margin-top:30px;align-items:center;padding:35px 45px;overflow:hidden;background:radial-gradient(circle at 83% 45%,rgba(13,137,226,.3),transparent 34%),#071f37}.bw-conclusion h2{font-size:clamp(2rem,3.25vw,3.25rem);margin-top:12px}.bw-avatar{align-self:stretch;overflow:hidden;border-radius:180px 180px 15px 15px;max-height:330px}.bw-avatar img{width:100%;height:100%;object-fit:cover;object-position:top}.bw-source-row{display:flex;gap:19px;align-items:center;flex-wrap:wrap;font-size:.79rem;color:#9bbccd;margin-top:27px}.bw-source-row a{color:var(--aqua);text-decoration:underline;text-underline-offset:3px}.skip-link:focus{position:fixed!important;left:15px!important;top:12px!important;z-index:9999!important;background:#53e8f5;color:#031025;padding:12px 16px;border-radius:7px}.bw-hero a:focus-visible,.bw-toc a:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}
@media(max-width:1100px){.bw-results-grid{grid-template-columns:repeat(2,1fr)}.bw-hero-grid{grid-template-columns:1fr 1fr}.bw-glass-one{right:-2%}.bw-glass-two{left:-6%}.bw-toc-label{display:none}}
@media(max-width:800px){.bw-hero-grid{grid-template-columns:1fr;gap:0}.bw-hero-copy{padding:62px 0 12px}.bw-hero-visual{height:470px;max-width:600px;width:100%;margin:0 auto}.bw-glass-one{right:0}.bw-glass-two{left:1%}.bw-toc{top:72px}.bw-toc-inner{gap:21px;min-height:54px}.bw-intro-grid,.bw-baseline,.bw-result-explain,.bw-conclusion{grid-template-columns:1fr}.bw-role-strip{grid-template-columns:1fr;gap:14px}.bw-role-strip>div+div{border-left:0;border-top:1px solid var(--line);padding:17px 0 0}.bw-work-grid{grid-template-columns:1fr}.bw-conclusion .bw-avatar{height:290px;width:250px;justify-self:center}}
@media(max-width:500px){.bw-hero-copy h1{font-size:clamp(2.8rem,12vw,4.2rem)}.bw-hero-visual{height:340px}.bw-glass{padding:9px 11px}.bw-glass strong{font-size:1.2rem}.bw-glass span,.bw-glass i{font-size:.56rem}.bw-glass svg{width:95px;height:21px}.bw-visual-caption{font-size:.51rem}.bw-facts{gap:12px}.bw-facts strong{font-size:.75rem}.bw-results-grid{grid-template-columns:1fr}.bw-small-stats{gap:9px}.bw-small-stat{padding:18px}.bw-small-stat strong{font-size:1.4rem}.bw-work{grid-template-columns:1fr;gap:4px}.bw-table-head{flex-direction:column;align-items:flex-start}.bw-conclusion{padding:25px}.bw-section{scroll-margin-top:125px}}
@media(prefers-reduced-motion:reduce){.bw-hero *{animation:none!important;transition:none!important}}