.portfolio-jump{flex-wrap:wrap}.traffic-case{padding:75px 0 65px;border-top:1px solid #19191930}.traffic-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}.traffic-heading>p{max-width:390px;font-size:1rem;color:var(--muted);line-height:1.7;margin:0}.traffic-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:0}.traffic-metrics>div{grid-column:span 2;border-top:1px solid #19191940;padding:24px 20px;background:#fff5;min-width:0}.traffic-metrics>div:nth-child(-n+2){grid-column:span 3;border-top:3px solid var(--orange)}.traffic-metrics dt{font-size:.875rem;color:var(--muted);margin-bottom:15px}.traffic-metrics dd{font-size:clamp(1.7rem,3.3vw,3rem);font-weight:850;letter-spacing:-.055em;line-height:1.15;margin:0}.traffic-metrics>div:first-child dd{color:#18733c}.traffic-metrics dd>span{font-size:.7em;margin-left:3px}.traffic-context{display:flex;flex-wrap:wrap;gap:22px;margin-top:25px;font-size:.875rem;font-weight:650}.traffic-period{font-size:.8125rem;color:var(--muted);line-height:1.7;margin:15px 0 30px;max-width:760px}.traffic-proof{margin:0}.report-trigger{display:block;width:100%;padding:0;border:1px solid #19191950;background:var(--ink);border-radius:4px;overflow:hidden;text-align:left}.report-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;color:var(--paper)}.report-caption>span{font-size:.6875rem;letter-spacing:.08em}.report-caption strong{font-size:.8125rem;color:var(--orange);text-decoration:underline;text-underline-offset:4px}.report-trigger img{width:100%;height:auto}.traffic-proof figcaption{font-size:.8125rem;color:var(--muted);margin-top:12px}.report-trigger:hover{border-color:var(--orange);box-shadow:4px 4px 0 #19191915}
.report-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}#traffic-report{width:min(1420px,94vw);max-width:94vw;max-height:90dvh;margin:auto;padding:0;border:1px solid var(--ink);border-radius:5px;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:7px 7px 0 var(--orange)}#traffic-report::backdrop{background:#191919bb;backdrop-filter:blur(5px)}.report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid #19191935}.report-toolbar h2{font-size:1.375rem;letter-spacing:-.035em;line-height:1.2}.report-toolbar p{font-size:.8125rem;color:var(--muted);margin:6px 0 0}.report-toolbar form{margin:0}.report-close{padding:10px 13px;background:var(--ink);border:0;border-radius:2px;color:var(--paper);font-size:.875rem;white-space:nowrap}.report-close span{font-size:1.125rem;margin-left:7px}.report-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:14px 20px}.report-zoom{background:var(--orange);border:1px solid var(--ink);padding:10px 14px;font-weight:700;font-size:.8125rem;border-radius:2px}.report-actions a{font-size:.8125rem;text-decoration:underline;text-underline-offset:4px}.report-viewport{max-height:calc(90dvh - 155px);overflow:auto;background:white;overscroll-behavior:contain}.report-viewport img{width:100%;max-width:100%;height:auto}.report-viewport.zoomed img{width:1508px;max-width:none}#traffic-report :focus-visible{outline:3px solid #a63100;outline-offset:3px}
@media(max-width:900px){.traffic-heading{gap:30px}.traffic-heading>p{max-width:310px}.traffic-metrics dd{font-size:2rem}}
@media(max-width:600px){.traffic-case{padding:50px 0 45px}.traffic-heading{display:block;margin-bottom:28px}.traffic-heading h2{font-size:2.2rem}.traffic-heading>p{max-width:none;margin-top:25px;font-size:.9375rem}.traffic-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.traffic-metrics>div{grid-column:span 1;padding:18px 14px}.traffic-metrics>div:nth-child(-n+2),.traffic-metrics>div:last-child{grid-column:span 2}.traffic-metrics dt{font-size:.8125rem;margin-bottom:10px}.traffic-metrics dd{font-size:2rem}.traffic-context{gap:10px 20px;font-size:.8125rem;margin-top:20px}.traffic-period{font-size:.75rem;margin-bottom:22px}.report-caption{padding:13px 12px}.report-caption>span{font-size:.625rem}.report-caption strong{font-size:.75rem}.traffic-proof figcaption{font-size:.75rem}.report-toolbar{padding:15px;gap:12px}.report-toolbar h2{font-size:1.125rem}.report-toolbar p{font-size:.75rem}.report-close{font-size:.75rem;padding:10px}.report-actions{padding:12px 15px;gap:12px}.report-viewport{max-height:calc(90dvh - 190px)}#traffic-report{box-shadow:4px 4px 0 var(--orange)}}

.traffic-case{padding:55px 0 45px}.traffic-heading{margin-bottom:30px}.traffic-metrics>div.metric-profit{border-top-color:#18733c;background:#18733c0a}.traffic-period{margin:16px 0 24px}
@media(max-width:600px){.traffic-case{padding:40px 0 35px}.traffic-heading{margin-bottom:24px}}

/* Full viewport image viewer with one close control. */
.report-fullscreen-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #f3f1eb55;border-radius:3px;color:var(--orange)}.report-fullscreen-icon svg{width:23px;height:23px}.report-trigger:hover .report-fullscreen-icon{background:var(--orange);color:var(--ink);border-color:var(--orange)}
#traffic-report{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#101010;overflow:hidden;box-shadow:none}#traffic-report::backdrop{background:#101010;backdrop-filter:none}.report-viewport{width:100%;height:100%;max-height:none;overflow:hidden;display:grid;place-items:center;background:#101010;padding:16px}.report-viewport img{width:100%;height:100%;max-width:100%;object-fit:contain}.report-exit{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:2;margin:0}.report-close{display:grid;place-items:center;width:46px;height:46px;padding:10px;border:1px solid #ffffff70;background:#191919e6;border-radius:4px;color:#fff}.report-close svg{width:25px;height:25px}
html.portfolio-navigation{scroll-padding-top:var(--portfolio-offset,185px)}.portfolio-sections{position:sticky;top:94px;z-index:19;background:var(--paper);border-bottom:1px solid #19191935;padding:10px 0}.portfolio-sections>.wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.portfolio-sections a{display:flex;align-items:center;gap:12px;padding:11px 16px;border:1px solid #19191935;border-radius:3px;transition:background .25s,border-color .25s,box-shadow .25s}.portfolio-sections a>span{font-size:.75rem;font-weight:750;color:#a63100}.portfolio-sections strong{font-size:.875rem;line-height:1.3;font-weight:750}.portfolio-sections a:hover{border-color:var(--ink)}.portfolio-sections a.active{background:var(--orange);border-color:var(--orange);box-shadow:0 3px 0 var(--ink)}.portfolio-sections a.active>span{color:var(--ink)}
@media(max-width:900px){.portfolio-sections{top:78px;z-index:30}}
@media(max-width:600px){.portfolio-sections{top:74px;padding:8px 0}.portfolio-sections>.wrap{gap:7px}.portfolio-sections a{flex-direction:column;align-items:flex-start;gap:5px;padding:9px 8px}.portfolio-sections a>span{font-size:.6875rem}.portfolio-sections strong{font-size:.75rem;line-height:1.25}.report-caption{padding-block:10px}.report-fullscreen-icon{width:34px;height:34px}.report-viewport{padding:8px}.portfolio-hero{padding-top:28px}}

@media(max-width:600px){.portfolio-sections{padding:3px 0}.portfolio-sections>.wrap{padding-inline:12px;grid-template-columns:1.35fr 1.15fr .65fr;gap:5px}.portfolio-sections a{flex-direction:row;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:5px 6px;border-color:transparent}.portfolio-sections a>span{font-size:.6875rem}.portfolio-sections strong{font-size:.75rem;line-height:1;white-space:nowrap}.portfolio-sections a.active{box-shadow:0 2px 0 var(--ink)}}

/* Desktop section index: compact editorial links with a marker stroke. */
@media(min-width:901px){
 .portfolio-sections{padding:5px 0 8px;border-bottom-color:#1919191c}
 .portfolio-sections>.wrap{display:flex;align-items:center;gap:42px}
 .portfolio-sections a{position:relative;gap:10px;min-height:46px;padding:7px 0;border:0;border-radius:0;background:transparent;box-shadow:none;isolation:isolate}
 .portfolio-sections a>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #19191930;border-radius:50%;color:var(--ink);font-size:.6875rem;transition:background .25s,border-color .25s,color .25s}
 .portfolio-sections strong{font-size:.875rem;letter-spacing:-.02em}
 .portfolio-sections a::after{content:'';position:absolute;left:35px;right:-5px;bottom:2px;height:6px;background:var(--orange);clip-path:polygon(0 38%,100% 0,97% 38%,8% 66%,100% 60%,94% 84%,0 100%);transform:scaleX(0);transform-origin:left;transition:transform .32s ease}
 .portfolio-sections a:hover::after,.portfolio-sections a.active::after{transform:scaleX(1)}
 .portfolio-sections a:hover>span{border-color:var(--orange)}
 .portfolio-sections a.active{background:transparent;border-color:transparent;box-shadow:none}
 .portfolio-sections a.active>span{background:var(--orange);border-color:var(--orange);color:var(--ink)}
 .portfolio-sections a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
}
@media(prefers-reduced-motion:reduce){.portfolio-sections a::after{transition:none}}

/* Mobile portfolio navigation lives inside the existing header menu. */
.mobile-nav-label,.header nav .mobile-portfolio-link{display:none}
@media(max-width:900px){
 .portfolio-page .portfolio-sections{display:none}
 .portfolio-page .desktop-nav-label{display:none}
 .portfolio-page .mobile-nav-label{display:inline}
 .portfolio-page .header nav .mobile-portfolio-link{display:flex}
 .portfolio-page .menu-toggle{font-size:.75rem;min-width:140px;gap:10px}
 .portfolio-page .header nav a.nav-link{min-height:58px;font-size:1.4rem;padding:14px 0}
}
@media(max-width:600px){
 body.portfolio-page{padding-top:62px}
 .portfolio-page .header-inner{height:62px;gap:12px}
 .portfolio-page .brand{width:130px}
 .portfolio-page .menu-backdrop{top:62px}
 .portfolio-page .header nav{max-height:calc(100dvh - 92px)}
 .portfolio-page .menu-toggle{min-width:0;padding:9px 10px;min-height:42px;box-shadow:2px 2px 0 var(--orange)}
 .portfolio-page .menu-icon{width:20px}
 .portfolio-page .menu-icon i{max-width:20px}
}
@media(max-width:360px){.portfolio-page .brand{width:110px}.portfolio-page .menu-toggle{font-size:.6875rem;gap:8px}}