:root{--bg:#d8d8d6;--paper:#f7f6f1;--ink:#171716;--muted:#72716d;--blue:#3159d7;--pale:#ecebe5;--line:#d1d0ca;--radius:14px;--sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:12px}.progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:20}.progress span{display:block;width:0;height:100%;background:var(--blue)}.floating-nav{position:fixed;z-index:15;top:22px;left:3vw;right:3vw;display:flex;justify-content:space-between;mix-blend-mode:difference;color:#fff}.floating-nav a{color:inherit;text-decoration:none}.brand{font-size:18px;font-weight:700}.nav-links{display:flex;gap:24px}.stage{min-height:100svh;padding:9vh 6vw;display:grid;place-items:center;position:relative}.stage:after,.sheet-stage:after{content:attr(data-section);position:absolute;right:3vw;bottom:3vh;font-size:10px;color:#777}.portfolio-card{width:min(1120px,88vw);height:min(680px,78vh);min-height:540px;background:var(--paper);border-radius:var(--radius);box-shadow:0 6px 30px #0000000e;position:relative;overflow:hidden}.cover-card{display:flex;flex-direction:column;justify-content:center;padding:48px}.cover-center{text-align:center;transform:translateY(-35px)}.eyebrow{font-size:9px;letter-spacing:.22em}.cover-center h1{font-size:clamp(72px,13vw,170px);line-height:.72;letter-spacing:-.075em;margin:30px 0 24px;font-weight:600}.role-cn{font-size:11px;letter-spacing:.38em;margin-left:.38em}.rule-line{height:13px;width:74%;position:absolute;left:48px;bottom:215px;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 8px)}.cover-meta{position:absolute;bottom:190px;left:48px;right:48px;display:flex;justify-content:space-between;font-size:9px;font-weight:bold}.scroll-cue{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);text-decoration:none;color:var(--ink);font-size:9px;letter-spacing:.12em}.sheet-stage{min-height:100svh;padding:7vh 5vw;display:grid;place-items:center;position:relative}.data-sheet{width:min(1180px,90vw);min-height:720px;background:var(--paper);border-radius:10px;box-shadow:0 5px 24px #0000000d;padding:24px 30px 30px;position:relative;overflow:hidden}.sheet-head{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:8px solid transparent;border-image:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 8px) 8;font-size:8px;font-weight:700;padding-top:5px}.sheet-head span:nth-child(2){text-align:center}.sheet-head span:last-child{text-align:right}.section-kicker{margin:30px 0 12px;color:var(--blue);font-size:9px;letter-spacing:.18em;font-weight:700}.sheet-title{font-size:24px;margin:0 0 20px}.profile-grid{display:grid;grid-template-columns:.75fr 1.7fr;gap:55px;align-items:center;padding:15px 7% 28px}.portrait-placeholder{aspect-ratio:4/5;background:linear-gradient(135deg,#e3e3df,#f2f1ec);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#888;border:1px solid var(--line)}.portrait-placeholder span{font-size:18px}.portrait-placeholder small{font-size:8px;margin-top:7px}.profile-copy h2{font-size:42px;line-height:1.05;margin:10px 0}.profile-copy mark{background:#cbd5ff;padding:0 5px}.identity-line{font-size:10px;font-weight:700}.profile-copy p{line-height:1.8}.profile-copy .lead{font-size:14px;font-weight:700}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.tag-row span{border:1px solid var(--ink);border-radius:99px;padding:5px 10px;font-size:9px}.summary-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 3%;display:flex;justify-content:space-between;letter-spacing:.08em}.center-title{text-align:center;font-size:22px;letter-spacing:.2em;margin:24px 0 14px}.three-columns,.four-columns,.two-columns{display:grid;gap:14px}.three-columns{grid-template-columns:repeat(3,1fr)}.four-columns{grid-template-columns:repeat(4,1fr)}.two-columns{grid-template-columns:1fr 1fr}.info-card,.project-type{background:#fff;border:1px solid #e4e3dd;padding:18px;min-height:150px}.info-card b,.project-type h3{font-size:14px}.info-card p,.project-type li{line-height:1.65;color:#555}.label{font-size:8px;color:var(--blue)!important;font-weight:700;margin:15px 0 2px}.project-type{display:flex;flex-direction:column;min-height:235px}.project-type>span{color:var(--blue);font-size:9px}.project-type ul{padding:0;list-style:none}.project-type p{margin-top:auto;line-height:1.6}.divider-title{display:flex;align-items:baseline;gap:10px;margin:28px 0 14px;border-top:1px solid var(--line);padding-top:18px}.divider-title span{font-family:serif;font-size:28px}.divider-title h2{font-size:24px;margin:0}.process-board{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:18px;border:1px solid #e4e3dd}.process-board>div{padding:0 18px;border-right:1px solid var(--line)}.process-board>div:last-child{border:0}.process-board p{color:#777}.metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);text-align:center;padding:24px 0 16px}.metrics-grid div{display:flex;flex-direction:column;gap:5px}.metrics-grid strong{font-family:Georgia,serif;font-size:31px;font-weight:400}.metrics-grid span{font-size:9px;color:#666}.placeholder-note{text-align:center;font-size:9px;color:#777}.case-block{display:grid;grid-template-columns:.65fr 1.5fr .8fr;gap:18px;padding:16px 0 22px;border-bottom:1px solid var(--line)}.case-block.second{grid-template-columns:.55fr 1.9fr}.case-intro>span{font-size:9px;color:var(--blue);font-weight:700}.case-intro h2{font-size:24px;margin:7px 0}.case-intro p,.case-intro li{line-height:1.65;color:#555}.case-intro ul{padding:0;list-style:none}.case-visual{position:relative;min-height:240px;overflow:hidden}.case-visual img{width:100%;height:100%;object-fit:cover}.case-visual i{position:absolute;left:8px;bottom:8px;background:var(--paper);padding:5px 8px;font-size:8px;font-style:normal}.chart-card{background:#fff;padding:15px}.fake-chart{height:145px;display:flex;align-items:end;gap:10px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px}.fake-chart span{width:20%;background:var(--blue)}.fake-chart span:nth-child(1){height:20%}.fake-chart span:nth-child(2){height:38%}.fake-chart span:nth-child(3){height:48%}.fake-chart span:nth-child(4){height:72%}.fake-chart span:nth-child(5){height:90%}.chart-card small{color:#888}.mini-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-gallery img,.asset-placeholder{height:210px;width:100%;object-fit:cover}.asset-placeholder{background:#e5e4de;display:grid;place-items:center;text-align:center;color:#888}.resource-row{display:grid;grid-template-columns:.45fr 1fr .45fr 1fr .45fr 1fr;gap:15px;background:#fff;padding:22px;align-items:start}.resource-row p{margin:0;color:#666;line-height:1.6}.workflow-grid{display:grid;grid-template-columns:.7fr 1.6fr .7fr;gap:16px}.workflow-copy,.flow-canvas,.document-mock{background:#fff;border:1px solid #e4e3dd;padding:18px;min-height:260px}.workflow-copy p{line-height:1.6;color:#555}.flow-canvas{display:flex;align-items:center;justify-content:center;gap:8px}.flow-canvas span{background:var(--pale);border-radius:5px;padding:12px 8px;text-align:center;font-size:9px}.flow-canvas i{font-style:normal;color:var(--blue)}.document-mock div{height:20px;background:var(--ink);margin:-18px -18px 20px}.document-mock p{border-bottom:1px solid var(--line);padding:8px 0;color:#666}.workflow-cards{margin-top:18px}.workflow-cards .info-card{min-height:210px}.workflow-cards span{font-size:8px;color:var(--blue)}.doc-lines{height:76px;margin-top:16px;background:repeating-linear-gradient(0deg,#ddd 0 1px,transparent 1px 14px)}.sop-footer{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;background:var(--ink);color:#fff}.sop-footer div{padding:18px;display:flex;flex-direction:column;gap:8px;border-right:1px solid #444}.sop-footer span{font-size:9px;color:#aaa}.output-top{display:grid;grid-template-columns:.45fr 1.55fr;gap:22px}.output-top h2{font-size:22px}.output-top ul{list-style:none;padding:0;line-height:2}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.photo-grid div{min-height:210px;background:#dfded8;display:grid;place-items:center;color:#888}.photo-grid div:nth-child(even){background:#c9c8c2}.account-stats{display:grid;grid-template-columns:.45fr 1.3fr repeat(3,.65fr);align-items:center;gap:18px;margin:25px 0;padding:20px;background:#fff;border:1px solid #e4e3dd}.avatar-placeholder{width:76px;height:76px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center}.account-stats h2{margin:4px 0}.account-stats>div:nth-child(n+3){display:flex;flex-direction:column}.account-stats strong{font:32px Georgia,serif}.account-stats span{font-size:9px;color:#666}.content-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.content-gallery div{aspect-ratio:3/4;background:linear-gradient(150deg,#242424,#777);position:relative}.content-gallery div:nth-child(2){background:linear-gradient(150deg,#344a85,#9cabc4)}.content-gallery div:nth-child(3){background:linear-gradient(150deg,#754a38,#d8aa7a)}.content-gallery div:nth-child(4){background:linear-gradient(150deg,#27493c,#9bb59b)}.content-gallery div:nth-child(5){background:linear-gradient(150deg,#5c3444,#d599ad)}.content-gallery span{position:absolute;left:10px;bottom:10px;color:white;font-size:9px}.contact-footer{display:grid;grid-template-columns:1.5fr .5fr;align-items:end;margin-top:32px;border-top:1px solid var(--ink);padding-top:20px}.contact-footer h2{font-size:30px;margin:10px 0 0}.contact-footer a{color:var(--ink);font-weight:700}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.floating-nav{top:15px}.nav-links{gap:14px}.stage{padding:70px 18px 45px}.portfolio-card{width:100%;height:78svh;min-height:570px}.cover-card{padding:24px}.cover-center h1{font-size:26vw}.rule-line{left:24px;width:75%;bottom:185px}.cover-meta{left:24px;right:24px;bottom:160px}.sheet-stage{padding:65px 12px 35px}.data-sheet{width:100%;padding:18px 16px}.profile-grid,.case-block,.case-block.second,.workflow-grid,.output-top,.contact-footer{grid-template-columns:1fr}.portrait-placeholder{width:55%;margin:auto}.profile-copy h2{font-size:34px}.summary-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px}.three-columns,.four-columns,.two-columns{grid-template-columns:1fr}.process-board{grid-template-columns:1fr 1fr}.process-board>div{border:0;border-bottom:1px solid var(--line)}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:20px}.mini-gallery{grid-template-columns:1fr 1fr}.resource-row{grid-template-columns:.5fr 1fr}.workflow-grid>*{min-height:auto}.flow-canvas{flex-wrap:wrap}.sop-footer{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid div{min-height:150px}.account-stats{grid-template-columns:1fr 1fr}.content-gallery{grid-template-columns:1fr 1fr}.content-gallery div:last-child{display:none}.contact-footer{gap:20px}.sheet-head span:nth-child(2){display:none}.sheet-head{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}}

/* Refined cover wordmark */
.cover-center h1{font-family:"Noteworthy","Bradley Hand","Segoe Print",cursive;font-size:clamp(64px,9vw,116px);line-height:.82;letter-spacing:.035em;margin:34px 0 28px;font-weight:300;transform:rotate(-2deg)}
@media(max-width:760px){.cover-center h1{font-size:22vw}}

.cover-center h1{height:clamp(118px,17vw,182px);margin:14px auto 8px;display:grid;place-items:center;transform:none}
.cover-signature{display:block;width:min(430px,40vw);height:auto}
@media(max-width:760px){.cover-center h1{height:132px;margin:10px auto 4px}.cover-signature{width:min(300px,70vw)}}

/* Unified canvas, full-width cover ticks, fixed section progress and language switch */
body{background:var(--paper)}
.portfolio-card,.data-sheet{box-shadow:none}
.rule-line{left:48px;right:48px;width:auto}
.language-switch{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.08em}
.language-switch button{appearance:none;border:0;background:none;color:inherit;font:inherit;padding:2px 0;cursor:pointer;opacity:.45}
.language-switch button.active{opacity:1;border-bottom:1px solid currentColor}
.section-progress{position:fixed;z-index:13;top:0;left:5vw;right:5vw;padding:12px 30px 9px;background:var(--paper);transform:translateY(-110%);transition:transform .3s ease;border-bottom:1px solid var(--line)}
.section-progress.visible{transform:translateY(0)}
.section-progress-ticks{height:18px;display:flex;align-items:flex-end;gap:7px;overflow:hidden}
.section-progress-ticks span{display:block;width:1px;height:8px;flex:0 0 1px;background:var(--ink);border-radius:99px;transition:height .16s ease,background-color .16s ease}
.section-progress-ticks span.active{background:#00a33a}
.section-progress-labels{display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:4px;font-size:8px;font-weight:700}
.section-progress-labels span:nth-child(2){text-align:center}.section-progress-labels span:last-child{text-align:right}
@media(max-width:760px){.rule-line{left:24px;right:24px;width:auto}.section-progress{left:0;right:0;padding:10px 16px 8px}.section-progress-labels span:nth-child(2){display:none}.section-progress-labels{grid-template-columns:1fr 1fr}.floating-nav{z-index:15}}

/* Section metadata is represented only by the fixed progress bar. */
.data-sheet>.sheet-head{display:none}

/* Editorial profile: compact identity card + project timeline */
.profile-editorial{grid-template-columns:1fr 1.15fr;gap:70px;align-items:start;padding:18px 3% 34px}
.identity-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px}
.identity-primary h2{font-size:18px;letter-spacing:.12em;margin:0 0 16px}.identity-primary h2 small{font-size:8px;letter-spacing:.08em;margin-left:10px;font-weight:500}
.identity-primary .portrait-placeholder{width:100%;aspect-ratio:4/5;margin:0 0 12px;min-height:0}
.profile-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 34%;margin:0 0 12px;border:1px solid var(--line)}
.identity-primary>p{font-size:9px;line-height:1.55;color:#666;margin:6px 0}
.identity-details section{margin-bottom:19px}.identity-details h3{font-size:14px;margin:0 0 6px}.identity-details p{font-size:9px;line-height:1.55;color:#60605d;margin:0}
.experience-timeline{padding-left:10px}.experience-timeline>.eyebrow{margin:0 0 18px;font-weight:700}
.timeline-item{display:grid;grid-template-columns:116px 1fr;gap:20px;position:relative;padding-bottom:22px}
.timeline-item:before{content:"";position:absolute;left:124px;top:5px;bottom:-5px;width:1px;background:var(--line)}
.timeline-item:last-child:before{bottom:calc(100% - 8px)}
.timeline-item:after{content:"";position:absolute;left:121px;top:3px;width:6px;height:6px;border:1px solid var(--ink);border-radius:50%;background:var(--paper)}
.timeline-item time{font-size:8px;line-height:1.4;color:#666}.timeline-item h3{font-size:11px;margin:0 0 6px}.timeline-item p{font-size:9px;line-height:1.55;color:#666;margin:0}
@media(max-width:760px){.profile-editorial{grid-template-columns:1fr;gap:38px;padding:12px 0 28px}.identity-panel{grid-template-columns:1fr 1fr;gap:18px}.identity-primary h2 small{display:block;margin:5px 0 0}.experience-timeline{padding:0}.timeline-item{grid-template-columns:92px 1fr;gap:16px}.timeline-item:before{left:99px}.timeline-item:after{left:96px}}

/* Profile summary strip: reference-style compact editorial band */
.summary-strip{margin:4px 0 30px;padding:24px 8% 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;letter-spacing:.16em}
.summary-strip strong{grid-column:1/-1;max-width:980px;margin:0 auto 16px;font-size:18px;line-height:1.75;letter-spacing:.06em;font-weight:700}
.summary-strip span{position:relative;color:#777;font-size:12px;font-weight:700}
.summary-strip span::before{content:"·";margin-right:4px;color:#aaa}
.center-title{margin:0 0 18px}
@media(max-width:760px){.summary-strip{grid-template-columns:1fr 1fr;padding:18px 0 14px;gap:8px 0}.summary-strip strong{font-size:14px;line-height:1.65}.summary-strip span{font-size:11px}}

/* Final page: teams and arenas layout */
.arena-block{margin:34px 0 10px;padding:34px 0 8px;border-top:1px solid var(--line)}
.arena-label{margin:0 0 8px;color:#777;font-size:11px;font-weight:700;letter-spacing:.36em}
.arena-block h2{max-width:760px;margin:0 0 28px 28%;font-size:clamp(46px,7vw,86px);line-height:.98;letter-spacing:-.07em}
.arena-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.arena-card{min-height:118px;display:grid;grid-template-columns:86px 1fr;gap:22px;align-items:center;padding:22px 26px;border:1px solid var(--line);border-radius:14px;background:#f1f1ec}
.arena-logo{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:18px;font-weight:800;letter-spacing:-.06em}
.arena-logo.block-logo{background:linear-gradient(135deg,#ffb52b,#f05a3c 48%,#3159d7);color:#fff;text-shadow:0 1px 0 #0003}
.arena-card h3{margin:0 0 10px;font-size:18px;letter-spacing:-.03em}
.arena-card p{margin:0;color:#777;line-height:1.6;font-size:12px}
@media(max-width:760px){.arena-block{padding-top:28px}.arena-block h2{margin-left:0;font-size:38px}.arena-grid{grid-template-columns:1fr}.arena-card{grid-template-columns:64px 1fr;gap:16px;padding:18px}.arena-logo{width:52px;height:52px;border-radius:13px;font-size:15px}}

/* 02 page: row-based project arena list */
.experience-lineup{margin:4px 0 38px;border-top:1px solid var(--line)}
.experience-row{display:grid;grid-template-columns:88px 1fr;gap:28px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.experience-row .arena-logo{justify-self:center}
.experience-logo-frame{justify-self:center;width:62px;height:62px;display:grid;place-items:center;overflow:hidden;border-radius:14px}
.experience-logo-frame-tall{width:62px;height:62px;border-radius:14px;overflow:hidden}
.experience-logo-frame img{display:block;width:100%;height:100%;object-fit:contain}
.experience-row h3{margin:0 0 8px;font-size:14px;line-height:1.35;letter-spacing:-.01em}
.experience-row p{max-width:820px;margin:0;color:#70706c;font-size:13px;line-height:1.75}
@media(max-width:760px){.experience-lineup{margin-bottom:28px}.experience-row{grid-template-columns:58px 1fr;gap:16px;padding:18px 0}.experience-logo-frame,.experience-logo-frame-tall{width:52px;height:52px;border-radius:12px}.experience-row h3{font-size:14px}.experience-row p{font-size:13px;line-height:1.65}}

/* Slightly larger body copy for better reading rhythm */
.identity-primary>p,.identity-details p,.timeline-item p,.info-card p,.project-type li,.project-type p,.case-intro p,.case-intro li,.process-board p,.resource-row p,.workflow-copy p,.workflow-cards .info-card p,.output-top li,.arena-card p,.contact-footer p{font-size:13px;line-height:1.75}
.timeline-item h3{font-size:13px;line-height:1.45}
.project-type h3{line-height:1.35}
.label{font-size:10px}
.project-type>span{font-size:10px}
@media(max-width:760px){.identity-primary>p,.identity-details p,.timeline-item p,.info-card p,.project-type li,.project-type p,.case-intro p,.case-intro li,.process-board p,.resource-row p,.workflow-copy p,.workflow-cards .info-card p,.output-top li,.arena-card p,.contact-footer p{font-size:12px}}

/* Larger profile timeline typography */
.experience-timeline>.eyebrow{font-size:13px;letter-spacing:.2em}
.timeline-item{grid-template-columns:142px 1fr;gap:28px;padding-bottom:30px}
.timeline-item:before{left:152px}
.timeline-item:after{left:148px;top:4px;width:8px;height:8px}
.timeline-item time{font-size:11px;line-height:1.5}
.timeline-item h3{font-size:16px;line-height:1.45;margin-bottom:8px}
.timeline-item p{font-size:14px;line-height:1.78}
@media(max-width:760px){.timeline-item{grid-template-columns:100px 1fr;gap:18px;padding-bottom:24px}.timeline-item:before{left:108px}.timeline-item:after{left:104px}.timeline-item time{font-size:10px}.timeline-item h3{font-size:15px}.timeline-item p{font-size:13px}}

/* Profile top alignment + lighter career timeline */
.profile-editorial{align-items:start}
.identity-primary h2,.identity-details section:first-child h3,.experience-timeline>.eyebrow{line-height:1.35;margin-top:0}
.experience-timeline{padding-top:0}
.timeline-item{grid-template-columns:132px 1fr;gap:24px;padding-bottom:24px}
.timeline-item:before{left:142px}
.timeline-item:after{left:138px}
.timeline-item time{font-size:10px}
.timeline-item h3{font-size:14px;margin-bottom:6px}
.timeline-item p{font-size:12px;line-height:1.6}
@media(max-width:760px){.timeline-item{grid-template-columns:94px 1fr;gap:16px}.timeline-item:before{left:101px}.timeline-item:after{left:97px}.timeline-item h3{font-size:13px}.timeline-item p{font-size:12px}}

/* Russian-market viral video reference board */
.viral-board{background:#fff;border:1px solid #e4e3dd;padding:18px}
.viral-board-head{display:grid;grid-template-columns:.65fr 1.1fr 1.4fr;gap:14px;align-items:end;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.viral-board-head span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.2em}
.viral-board-head strong{font-size:18px;letter-spacing:.02em}
.viral-board-head p{margin:0;color:#777;font-size:12px;line-height:1.6}
.viral-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px}
.viral-metrics div{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:11px 12px;min-height:66px;display:flex;flex-direction:column;justify-content:space-between}
.viral-metrics strong{font-size:20px;line-height:1;font-weight:900;letter-spacing:.02em}
.viral-metrics span{font-size:10px;line-height:1.2;color:#d8d8d3;font-weight:800;letter-spacing:.12em}
.viral-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.viral-card{position:relative;min-height:190px;padding:16px 14px 14px;border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;gap:8px}
.viral-type{width:max-content;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.viral-card i{position:absolute;right:12px;top:10px;font-style:normal;font-family:Georgia,serif;font-size:28px;color:#d5d4cf}
.viral-card h3{max-width:86%;margin:0;font-size:15px;line-height:1.35}
.viral-card p{margin:0;color:#70706c;font-size:12px;line-height:1.55}
.viral-card div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.viral-card b,.viral-card em{font-style:normal;border:1px solid var(--ink);border-radius:99px;padding:6px 8px;font-size:11px;line-height:1;text-align:center;font-weight:900}
.viral-card b{background:var(--ink);color:var(--paper)}
.viral-card a{width:max-content;color:var(--blue);font-size:10px;font-weight:800;text-decoration:none}
@media(max-width:1100px){.viral-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.viral-board{padding:14px}.viral-board-head,.viral-metrics,.viral-card-grid{grid-template-columns:1fr}.viral-card{min-height:160px}}

/* Russian-market communication feedback */
.feedback-board{grid-column:1/-1;margin-top:16px;padding:18px;background:#fff;border:1px solid #e4e3dd}
.feedback-copy{display:grid;grid-template-columns:.65fr 1fr 2fr;gap:14px;align-items:end;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.feedback-copy span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.2em}
.feedback-copy h3{margin:0;font-size:18px;line-height:1.3}
.feedback-copy p{margin:0;color:#70706c;font-size:12px;line-height:1.65}
.feedback-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.feedback-gallery figure{margin:0;background:var(--paper);border:1px solid var(--line);overflow:hidden}
.feedback-gallery img{display:block;width:100%;height:260px;object-fit:cover;object-position:top center}
.feedback-gallery figcaption{padding:8px 9px;color:#555;font-size:10px;font-weight:800;letter-spacing:.06em}
@media(max-width:760px){.feedback-copy{grid-template-columns:1fr}.feedback-gallery{grid-template-columns:1fr 1fr}.feedback-gallery img{height:220px}}

/* Capability cards: keep each blue label visually attached to its paragraph */
.info-card .label{margin:18px 0 4px}
.info-card .label:first-of-type{margin-top:16px}
.info-card .label+p{margin-top:0}
.info-card p:not(.label){margin-bottom:18px}
.info-card p:not(.label):last-child{margin-bottom:0}
.three-columns .info-card p:not(.label){line-height:1.65}

/* More breathing room around profile summary and capability cards */
.summary-strip{margin:18px 0 44px;padding-top:28px;padding-bottom:22px}
.summary-strip strong{margin-bottom:24px}
.center-title{margin:0 0 28px}
.three-columns .info-card{padding-bottom:34px}
.three-columns .info-card p:not(.label):last-child{margin-bottom:10px}

/* Combined experience overview: logo list + project-type tags */
.experience-combined{margin:8px 0 34px;border-top:1px solid var(--line)}
.experience-combined-row{display:grid;grid-template-columns:90px 1fr 310px;gap:28px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.experience-main>span{display:block;margin-bottom:7px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.04em}
.experience-main h3{margin:0 0 7px;font-size:16px;line-height:1.35}
.experience-main p{margin:0;color:#70706c;font-size:13px;line-height:1.7}
.experience-tags{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.experience-tags span{border:1px solid var(--line);background:#fff;padding:7px 9px;font-size:11px;line-height:1.25;color:#555}
.experience-tags span::before{content:"☑ ";color:#777}
@media(max-width:760px){.experience-combined-row{grid-template-columns:58px 1fr;gap:16px}.experience-tags{grid-column:1/-1;grid-template-columns:1fr 1fr}.experience-main h3{font-size:14px}.experience-main p{font-size:12px}}

/* Logo template: match the Widgeable rounded-square visual system */
.experience-combined-row .experience-logo-frame,
.experience-combined-row .arena-logo{justify-self:center}
.experience-logo-frame,
.experience-logo-frame-tall{width:62px;height:62px;border-radius:18px;background:#fff;overflow:hidden;box-shadow:none}
.experience-logo-frame img{width:100%;height:100%;object-fit:contain}
.logo-frame-white img{padding:0}
.block-blast-logo img{padding:4px}
.experience-logo-frame-tall img{padding:5px}
.china-mobile-logo img{padding:7px}
.china-mobile-logo img{transform:translateY(-3px)}
.cru-logo{background:#113f56}
.cru-logo img{padding:0;object-fit:cover}
.experience-combined-row .arena-logo{width:62px;height:62px;border-radius:18px}
@media(max-width:760px){.experience-logo-frame,.experience-logo-frame-tall,.experience-combined-row .arena-logo{width:52px;height:52px;border-radius:15px}.block-blast-logo img{padding:3px}.china-mobile-logo img{padding:6px;transform:translateY(-2px)}.experience-logo-frame-tall img{padding:4px}}

/* Remove side page-number marks and tighten the next section entrance */
.stage:after,.sheet-stage:after{display:none}
#overview.sheet-stage{padding-top:2vh}
#overview .data-sheet{padding-top:10px}
#overview .section-kicker{margin-top:12px}