/* JOE / 2.0 — business-first editorial refinements. This layer intentionally
   retains the nine-page visual language while strengthening evidence, rhythm,
   responsive behavior and motion. */
:root{--page-pad:clamp(24px,5.2vw,94px);--bezier:cubic-bezier(.16,1,.3,1)}
body{background:#eeece9;font-feature-settings:'kern' 1,'liga' 1}
.content-section{padding:clamp(68px,7vw,112px) var(--page-pad);position:relative}
.content-section.alt{background:#eae9e8}
.content-section.dark{background:#141719}
.section-heading{margin-bottom:clamp(29px,3.5vw,56px)}
.section-heading h2{font-size:clamp(37px,4vw,69px);line-height:1.065;letter-spacing:-.065em}
.section-heading p{font-size:14px;line-height:1.65;color:#646464}
.section-kicker{font-size:10px;font-weight:650;letter-spacing:.16em;color:#727678;margin-bottom:16px}
.intro-grid{align-items:start;gap:clamp(28px,6vw,100px)}
.intro-grid .lead{font-size:clamp(25px,2.7vw,42px);line-height:1.35}
.intro-grid .desc,.desc{line-height:1.9}
.section-cta{margin-top:36px;padding-top:25px}
.five-cell{min-height:130px}
.work-card .media{background:#cbd0d3}
.work-card .media img,.mosaic-card img,.detail-cover{image-rendering:auto;filter:none}
.work-card img{transition:transform .9s var(--bezier)}
.work-card .caption{padding-top:17px}
.work-card .work-meta{display:block;margin-bottom:9px;color:#7c8589;font-size:10px;font-weight:650;letter-spacing:.095em}
.work-card .caption h3{font-size:clamp(19px,1.55vw,25px);line-height:1.2}
.work-card .caption p{margin-top:8px;font-size:11px}
.mosaic-card:after{background:linear-gradient(180deg,rgba(0,0,0,.03) 22%,rgba(0,0,0,.72))}
.mosaic-card .mosaic-info{bottom:24px;left:27px}
.mosaic-card .mosaic-info h2{font-size:clamp(22px,2.1vw,37px);line-height:1.05}
.mosaic-card .mosaic-info p{font-size:12px;margin-top:5px}
.work-mosaic{height:clamp(430px,52vh,620px);gap:12px}
.site-header{min-height:82px}
.nav-link{font-size:11px;font-weight:560}
.site-header .logo{font-weight:760}
.page-lead{font-weight:445}
.home-copy h1{letter-spacing:-.074em}
.home-cn{font-size:clamp(16px,1.3vw,22px);line-height:1.65;font-weight:490}
.full-photo{filter:none;background:#d7dce0}
.now-main img,.why-main>img,.contact-image{filter:none}
.tag,.black-button{transition:background .25s,transform .3s var(--bezier),border-color .25s,color .25s}
.tag:focus-visible,.black-button:focus-visible,.operating-step:focus-visible{outline:2px solid #4e6d85;outline-offset:3px}

/* proof-forward home */
.founder-intro{display:grid;grid-template-columns:1fr .85fr;gap:clamp(25px,8vw,130px);align-items:end}
.founder-intro h3{font-size:clamp(33px,3.65vw,59px);line-height:1.1;letter-spacing:-.065em;font-weight:455;max-width:730px}
.founder-intro p{color:#4c5358;font-size:clamp(14px,1.2vw,17px);line-height:1.9;max-width:560px}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid #c4c6c7;margin-top:60px;padding-top:24px}
.proof-metric{padding:10px 8px 11px 0;display:flex;flex-direction:column;gap:11px;min-width:0}
.proof-metric strong{font-size:clamp(28px,3.25vw,56px);line-height:1;letter-spacing:-.078em;font-weight:470;white-space:nowrap}
.proof-metric span{color:#444d52;font-size:13px;line-height:1.5}
.proof-metric small{font-size:10px;line-height:1.6;color:#92989a}

/* signature case feature / editorial product block */
.flagship{display:grid;grid-template-columns:1fr .95fr;gap:0;min-height:550px;border:1px solid rgba(20,30,38,.10);background:#f9f9f8;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(16,26,36,.045)}
.flagship-visual{min-height:520px;position:relative;overflow:hidden;background:#11181c}
.flagship-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform 1s var(--bezier)}
.flagship:hover .flagship-visual>img{transform:scale(1.045)}
.flagship-visual:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,rgba(7,10,13,.75),rgba(7,10,13,.03) 90%),linear-gradient(180deg,transparent 26%,rgba(7,10,13,.62))}
.flagship-visual-overlay{position:absolute;z-index:1;inset:0;padding:clamp(27px,3vw,49px);display:flex;align-items:flex-start;flex-direction:column;color:#f1f2f3}
.flagship-index,.flagship-tags{font-size:10px;letter-spacing:.17em;color:#b2bac2;font-weight:700}
.flagship-lockup{margin-top:auto;font-size:clamp(50px,6vw,112px);font-weight:650;letter-spacing:-.09em;line-height:1}
.flagship-lockup>span{color:#aabecb}
.flagship-visual-overlay p{font-size:clamp(13px,1.12vw,18px);margin-top:15px;line-height:1.55;color:#e0e4e7;max-width:490px}
.flagship-tags{margin-top:clamp(23px,3vw,48px);width:100%;display:flex;gap:15px;justify-content:space-between;padding-top:17px;border-top:1px solid #8a969e70}
.flagship-story{display:flex;align-items:flex-start;flex-direction:column;padding:clamp(28px,4vw,68px);min-width:0}
.flagship-story h3{font-size:clamp(32px,3.2vw,54px);font-weight:460;line-height:1.12;letter-spacing:-.066em;margin:5px 0 22px}
.flagship-story h3 em{font-style:normal;color:#75838c}
.flagship-intro{font-size:clamp(14px,1.15vw,17px);color:#545b60;line-height:1.82}
.flagship-proof{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:15px 25px;border-top:1px solid #d7d9d9;margin-top:29px;padding-top:16px}
.flagship-proof .proof-metric{gap:6px}
.flagship-proof .proof-metric strong{font-size:clamp(29px,2.75vw,43px)}
.flagship-proof .proof-metric span{font-size:11px}
.flagship-actions{margin-top:27px;display:flex;align-items:center;gap:21px;flex-wrap:wrap}
.flagship-actions a{white-space:nowrap}
.plain-external{display:inline-flex;align-items:center;gap:7px;font-size:12px;border-bottom:1px solid #b0b5b9;padding:10px 0}
.plain-external svg{width:14px;height:14px;transition:transform .24s}
.plain-external:hover svg{transform:translate(2px,-2px)}
.flagship-note{font-size:10px;color:#959b9f;margin-top:16px;line-height:1.5}

/* interactive playbook / decision system */
.operating-model{display:grid;grid-template-columns:1fr .94fr;border:1px solid #cbd0d3;background:#f2f2f1;border-radius:13px;overflow:hidden}
.operating-sidebar{padding:clamp(27px,4vw,67px);border-right:1px solid #cbd0d3}
.operating-sidebar .lead{font-size:clamp(30px,3.45vw,58px);font-weight:460;line-height:1.06;letter-spacing:-.065em}
.operating-sidebar>p:not(.lead){font-size:14px;color:#5f686b;margin:22px 0 33px;max-width:440px}
.operating-tablist{border-top:1px solid #bcc2c5}
.operating-step{height:65px;width:100%;padding:0 7px 0 0;display:flex;align-items:center;text-align:left;gap:22px;border:0;border-bottom:1px solid #ccd0d2;background:transparent;color:#696e71;transition:color .2s,padding-left .24s,background .24s}
.operating-step span:first-child{font-size:11px;color:#9ba3a7}
.operating-step strong{font-size:17px;letter-spacing:-.03em;font-weight:525;flex:1}
.operating-step .step-arrow{opacity:0;transition:opacity .2s}
.operating-step:hover,.operating-step.selected{padding-left:12px;background:#dfe3e5;color:#1a2227}
.operating-step.selected .step-arrow{opacity:1}
.operating-content{background:radial-gradient(circle at 85% 12%,#3d4b56 0%,#20272d 51%,#11171c 100%);color:#f6f6f5;padding:clamp(27px,4vw,67px);display:flex;flex-direction:column;min-height:540px;position:relative;overflow:hidden}
.operating-content:after{content:'';position:absolute;left:20%;top:4%;width:110%;height:95%;border:1px solid #b5c8d71c;border-radius:50%;transform:rotate(30deg);pointer-events:none}
.micro-label{font-size:10px;color:#adb8be;letter-spacing:.16em;font-weight:700}
.operating-number{font-size:clamp(100px,13vw,190px);letter-spacing:-.11em;font-weight:350;color:#a2aeb52a;line-height:1;margin:auto 0 0}
.operating-content h3{font-size:clamp(29px,3.3vw,59px);font-weight:440;letter-spacing:-.06em;margin-top:-7px}
.operating-content p{font-size:clamp(14px,1.16vw,18px);max-width:510px;color:#c5cdd1;line-height:1.82;margin-top:23px;position:relative;z-index:1;min-height:90px}
.operating-lines{display:flex;gap:9px;margin:34px 0 25px}
.operating-lines span{height:2px;background:#d3dade22;flex:1}
.operating-lines span:first-child{background:#d3dade}
.operating-bottom{border-top:1px solid #d3dade34;padding-top:16px;font-size:10px;letter-spacing:.14em;color:#a1b0b9;display:flex;justify-content:space-between}
.operating-bottom span{font-size:18px}

.capability-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.capability-panel{background:#f9f9f8;padding:clamp(17px,2.2vw,30px);border:1px solid #d5d7d7;border-radius:9px;min-height:270px;display:flex;flex-direction:column;transition:background .35s,transform .4s var(--bezier)}
.capability-panel:hover{background:#e1e5e7;transform:translateY(-6px)}
.capability-panel>span{font-size:10px;color:#778187;letter-spacing:.18em}
.capability-panel h3{font-size:clamp(19px,1.7vw,28px);font-weight:500;letter-spacing:-.055em;margin:34px 0 13px}
.capability-panel small{font-size:12px;color:#657178}
.capability-panel p{font-size:12px;color:#747c82;line-height:1.75;margin-top:auto;padding-top:18px}
.about-proof{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw}
.about-proof-quote h3{font-size:clamp(39px,4.5vw,76px);font-weight:450;letter-spacing:-.068em;line-height:1.04}
.about-proof-quote p{font-size:15px;color:#657079;max-width:640px;margin-top:30px}
.about-proof-items{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.about-proof-items>div{border-top:1px solid #c8ced1;padding-top:16px}
.about-proof-items .proof-metric strong{font-size:clamp(26px,3vw,47px)}
.roadmap-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.roadmap-list>div{min-height:315px;padding:clamp(25px,3vw,47px);border:1px solid #c9cdd0;background:#f3f4f4;border-radius:11px;display:flex;flex-direction:column}
.roadmap-list h3{font-size:clamp(24px,2.65vw,41px);font-weight:480;letter-spacing:-.06em;margin-bottom:23px}
.roadmap-list p{font-size:14px;color:#566269;line-height:1.82;margin-bottom:28px}
.roadmap-list .text-link{margin-top:auto;align-self:flex-start}

/* Flagship longform case-study */
.detail-main{background:#f2f1ef}
.detail-cover{height:clamp(320px,49vw,700px);background:#1b2024}
.detail-facts{border-bottom:1px solid #cacccd;padding-bottom:26px;margin-bottom:clamp(60px,7vw,116px)}
.case-declaration{max-width:1050px;padding:0 0 clamp(40px,5vw,90px)}
.case-declaration h2{font-size:clamp(35px,5.8vw,94px);line-height:1.04;letter-spacing:-.07em;font-weight:450}
.case-declaration p{font-size:clamp(16px,1.8vw,26px);line-height:1.65;color:#4f5b62;max-width:860px;margin-top:31px}
.case-declaration blockquote{font-size:clamp(19px,2.2vw,36px);margin:30px 0 0;padding:0 0 0 24px;border-left:2px solid #798891;font-weight:520;letter-spacing:-.045em;color:#263640}
.case-metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:#d4d8da;padding:10px;border-radius:11px;margin-bottom:clamp(65px,8vw,126px)}
.case-number{min-height:175px;background:#f3f4f4;padding:27px 19px;display:flex;flex-direction:column;align-items:start}
.case-number strong{font-size:clamp(30px,3.6vw,60px);font-weight:475;letter-spacing:-.08em;line-height:1}
.case-number span{font-size:13px;color:#343e44;margin-top:18px}
.case-number small{font-size:11px;color:#7d8a92;line-height:1.5;margin-top:8px}
.case-editorial{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(40px,7vw,125px);border-top:1px solid #bfc6ca;padding:clamp(35px,5vw,82px) 0 clamp(64px,7vw,110px)}
.case-editorial h2,.case-section-head h2{font-size:clamp(34px,4.6vw,73px);font-weight:460;letter-spacing:-.065em;line-height:1.07}
.case-editorial>div:last-child>p{font-size:clamp(15px,1.32vw,20px);color:#526168;line-height:1.95;margin-bottom:26px}
.case-section-head{border-top:1px solid #c4c8ca;padding-top:42px;max-width:1000px;margin-bottom:45px}
.case-section-head h2{margin-bottom:17px}
.case-section-head p{max-width:800px;font-size:15px;color:#66727a}
.case-pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:clamp(65px,7.5vw,110px)}
.case-stage{background:#e2e5e6;border:1px solid #cad0d3;border-radius:7px;min-height:340px;padding:clamp(17px,2.4vw,35px);transition:background .3s,transform .4s var(--bezier)}
.case-stage:hover{background:#d1d9de;transform:translateY(-5px)}
.stage-top{display:flex;justify-content:space-between;align-items:center;color:#798790;font-size:10px;font-weight:650;letter-spacing:.08em;border-bottom:1px solid #b9c0c4;padding-bottom:15px}
.stage-top span{font-size:17px}
.case-stage h3{font-size:clamp(26px,2.5vw,39px);letter-spacing:-.06em;font-weight:495;margin:45px 0 18px}
.case-stage>strong{font-size:13px;font-weight:620;line-height:1.5}
.case-stage p{font-size:13px;color:#647079;line-height:1.78;margin-top:16px}
.case-responsibilities{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:clamp(60px,8vw,130px)}
.case-responsibility{padding:clamp(25px,3.5vw,50px);min-height:240px;background:#fff;border:1px solid #dbdfe0;border-radius:10px;transition:transform .4s var(--bezier)}
.case-responsibility:hover{transform:translateY(-5px)}
.case-responsibility span{font-size:10px;font-weight:700;letter-spacing:.13em;color:#7a8b95}
.case-responsibility h3{font-size:clamp(25px,2.4vw,41px);font-weight:500;line-height:1.18;letter-spacing:-.055em;margin:33px 0 17px}
.case-responsibility p{font-size:14px;color:#6a747a;line-height:1.84}
.case-decisions{margin-bottom:50px}
.case-decision{border-top:1px solid #c9cdd0;padding:25px 0;display:grid;grid-template-columns:52px 1fr;gap:20px}
.case-decision>span{font-size:11px;color:#81909a}
.case-decision h3{font-size:23px;font-weight:510;letter-spacing:-.04em}
.case-decision p{font-size:14px;color:#68747a;margin-top:12px;line-height:1.84}
.case-roadmap{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.case-roadmap>div{border-radius:11px;padding:clamp(30px,4.5vw,62px);background:#17212a;color:#ebf0f1;min-height:300px}
.case-roadmap>div+div{background:#d9e0e4;color:#19262e}
.case-roadmap h3{font-size:clamp(27px,3.3vw,51px);font-weight:455;letter-spacing:-.055em;margin:17px 0 27px}
.case-roadmap p{max-width:610px;color:#bfcad1;font-size:15px;line-height:1.85}
.case-roadmap>div+div p{color:#52626d}
.case-linkline{margin:35px 0 clamp(45px,6vw,95px);display:flex;gap:30px;align-items:center;justify-content:space-between;border-top:1px solid #c5cbcf;padding-top:27px}
.case-linkline>span{font-size:11px;line-height:1.6;color:#849099;max-width:560px}
.case-linkline>div{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.case-text-link{font-size:12px;border-bottom:1px solid #90999f;padding:8px 0}
.detail-columns{border-top:1px solid #d0d5d7}
.detail-columns h3{letter-spacing:-.04em}
.detail-columns .desc{max-width:820px}

/* footer and accessibility */
.site-footer{background:#e4e5e4}
.site-footer a:hover{opacity:.65}
@media(hover:hover) and (pointer:fine){.flagship-visual,.capability-panel,.roadmap-list>div,.case-stage{will-change:transform}}
@media(max-width:1200px){.capability-matrix{grid-template-columns:repeat(3,1fr)}.case-pipeline{grid-template-columns:repeat(3,1fr)}.case-metric-grid{grid-template-columns:repeat(3,1fr)}.flagship{grid-template-columns:1fr 1fr}.flagship-story{padding:34px}}
@media(max-width:980px){.flagship,.operating-model,.founder-intro,.about-proof{grid-template-columns:1fr}.flagship-visual{min-height:440px}.flagship-proof{grid-template-columns:repeat(4,1fr)}.flagship-proof .proof-metric strong{font-size:32px}.operating-sidebar{border-right:0;border-bottom:1px solid #cbd0d3}.operating-content{min-height:450px}.proof-strip{grid-template-columns:repeat(2,1fr)}.roadmap-list{grid-template-columns:1fr}.roadmap-list>div{min-height:auto}.case-editorial{grid-template-columns:1fr}.case-pipeline{grid-template-columns:repeat(2,1fr)}.case-responsibilities{grid-template-columns:1fr 1fr}.about-proof-items{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.content-section{padding:67px 24px}.section-heading{align-items:start;flex-direction:column;gap:13px}.section-heading h2{font-size:clamp(37px,10vw,51px)}.founder-intro{gap:22px}.founder-intro h3{font-size:40px}.proof-strip{margin-top:35px;gap:10px}.proof-metric strong{font-size:34px}.proof-metric span{font-size:11px}.flagship{border-radius:12px}.flagship-visual{min-height:380px}.flagship-story{padding:25px}.flagship-story h3{font-size:38px}.flagship-proof{grid-template-columns:repeat(2,1fr)}.flagship-proof .proof-metric strong{font-size:36px}.flagship-actions .black-button{font-size:11px}.operating-sidebar{padding:25px}.operating-sidebar .lead{font-size:39px}.operating-content{padding:27px;min-height:370px}.operating-number{font-size:105px}.operating-content h3{font-size:40px}.capability-matrix{grid-template-columns:1fr 1fr}.capability-panel{padding:20px;min-height:250px}.capability-panel h3{font-size:23px}.about-proof-quote h3{font-size:44px}.about-proof-items{gap:13px}.about-proof-items .proof-metric strong{font-size:30px}.roadmap-list h3{font-size:32px}.case-declaration h2{font-size:43px}.case-declaration p{font-size:18px}.case-metric-grid{grid-template-columns:repeat(2,1fr)}.case-number{min-height:147px;padding:21px 15px}.case-number strong{font-size:36px}.case-pipeline{grid-template-columns:1fr}.case-stage{min-height:220px}.case-stage h3{margin:26px 0 14px}.case-responsibilities,.case-roadmap{grid-template-columns:1fr}.case-linkline{align-items:start;flex-direction:column}.detail-cover{height:300px}.work-mosaic{gap:8px}.work-card .media{height:250px}}
@media(max-width:430px){.capability-matrix{grid-template-columns:1fr}.capability-panel{min-height:185px}.case-metric-grid{grid-template-columns:repeat(2,1fr)}.flagship-visual{min-height:335px}.flagship-lockup{font-size:61px}.flagship-tags{font-size:9px}.proof-strip{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.flagship:hover .flagship-visual>img,.capability-panel:hover,.case-stage:hover,.case-responsibility:hover{transform:none}}

/* v3 typography, navigation clarity and interaction refinement */
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}
.site-header{position:fixed;z-index:70;isolation:isolate;transition:background-color .4s,backdrop-filter .4s,box-shadow .4s}
body.is-scrolled .site-header{background:rgba(248,247,246,.9);backdrop-filter:blur(19px) saturate(155%);-webkit-backdrop-filter:blur(19px) saturate(155%);box-shadow:0 1px 0 rgba(35,40,43,.085)}
.site-header .nav-link{font-size:12px;letter-spacing:-.016em}
.site-header .nav-main{gap:clamp(14px,1.5vw,29px)}
.global-progress{position:absolute;height:2px;width:0;background:#27313b;bottom:0;left:0;pointer-events:none;transform-origin:left;transition:width .1s linear}
.home-identity{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:-17px 0 25px;color:#646c70;font-size:11px;letter-spacing:.03em}
.home-identity>span+span:before{content:'';display:inline-block;width:3px;height:3px;border-radius:50%;background:#93999d;vertical-align:middle;margin-right:13px}
.home-cn{max-width:640px;line-height:1.7}
.screen-shell{isolation:isolate}
.content-section .section-heading h2{font-weight:540;letter-spacing:-.05em;line-height:1.16}
.content-section .section-kicker{letter-spacing:.18em}
.content-section .desc{font-size:clamp(14px,1.09vw,17px);line-height:2}
.section-cta a,.black-button{touch-action:manipulation}
section[id],.case-anchor-nav~div[id]{scroll-margin-top:100px}
.case-anchor-nav{position:relative;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 0;margin:-32px 0 48px;border-bottom:1px solid #c3cbd0}
.case-anchor-nav span{font-size:12px;color:#7b858d;margin-right:auto}
.case-anchor-nav a{font-size:12px;border:1px solid #c4ccd0;padding:9px 14px;border-radius:999px;transition:background .24s,color .24s,transform .24s}
.case-anchor-nav a:hover{background:#202c35;color:#fff;transform:translateY(-2px)}
.case-section-head,.case-declaration,.case-editorial{scroll-margin-top:105px}
.flagship-visual-overlay .flagship-tags{letter-spacing:.07em}
.flagship-index{letter-spacing:.11em}
.flagship-story h3,.founder-intro h3,.about-proof-quote h3{font-weight:565;line-height:1.18;letter-spacing:-.056em}
.flagship-story h3 em{font-weight:500}
.case-declaration h2,.case-editorial h2,.case-section-head h2{font-weight:555;letter-spacing:-.046em;line-height:1.16}
.case-pipeline h3{font-weight:550}
.case-roadmap h3{font-weight:540}
.proof-metric strong,.case-number strong{font-variant-numeric:tabular-nums}
.work-card .media img,.mosaic-card img{image-rendering:auto;object-position:center}
.work-card .media img[src$=".webp"]{object-fit:cover;filter:saturate(.35) contrast(1.04);transition:filter .45s,transform .8s}
.work-card:hover .media img[src$=".webp"]{filter:saturate(.8) contrast(1.02)}
.mosaic-card img[src$=".webp"]{filter:saturate(.32) contrast(1.07)}
.mosaic-card:hover img[src$=".webp"]{filter:saturate(.7) contrast(1.06)}
.note-tile img,.featured-note img,.note-row img{image-rendering:auto;object-fit:cover}
.note-tile img[src$=".svg"],.featured-note img[src$=".svg"],.note-row img[src$=".svg"]{filter:saturate(.65)}
.mobile-menu{z-index:65}
@media(min-width:1101px) and (max-width:1250px){.nav-main{gap:12px}.nav-link{font-size:11px}}
@media(max-width:760px){.site-header .logo{font-size:22px}.home-copy h1{font-size:clamp(42px,9.4vw,71px)}.home-copy{margin-top:2vh}.home-cn{font-size:15px}.home-identity{gap:9px;font-size:10px;margin:-7px 0 17px}.home-identity>span+span:before{margin-right:9px}.case-anchor-nav{margin:0 0 38px;gap:8px}.case-anchor-nav span{width:100%}.case-anchor-nav a{padding:8px 10px;font-size:11px}.flagship-story h3{font-size:32px}.content-section .section-heading h2{letter-spacing:-.035em}}
@media(max-width:390px){.home-copy h1{font-size:42px}.home-cn{font-size:14px}.home-identity{font-size:9px}}
@media(prefers-reduced-motion:reduce){.global-progress{transition:none}}

.resume-cover-wrap{position:relative;display:flex;justify-content:center;align-items:flex-start;width:100%;height:100%;overflow:hidden;padding:27px 20px 0;background:linear-gradient(145deg,#e2e3e5,#f4f4f3)}
.resume-cover-image{display:block;max-width:min(380px,86%);height:auto;object-fit:contain;object-position:top;box-shadow:0 22px 65px #252c3430;transform:rotate(-2deg);border:1px solid #b7c0c24d}
.resume-cover-caption{position:absolute;bottom:18px;left:20px;background:#111;color:#fff;border-radius:99px;padding:7px 12px;font-size:10px}
@media(max-width:760px){.resume-cover-wrap{padding:16px 15px 0}.resume-cover-image{max-width:min(260px,80%)}}

.detail-hero .subtitle .text-link{flex-shrink:0;white-space:nowrap;align-self:flex-start;font-size:12px}
@media(max-width:760px){
  .works-screen .screen-inner{padding-bottom:135px!important;min-height:920px}
  .work-mosaic{grid-template-rows:206px 151px 151px}
  .mosaic-card .mosaic-info{bottom:14px;left:15px;right:8px}
  .mosaic-card .mosaic-info h2{font-size:clamp(17px,4.6vw,24px);line-height:1.17;letter-spacing:-.04em}
  .mosaic-card .mosaic-info p{font-size:10px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .detail-hero .subtitle .text-link{margin-top:12px}
}

/* V4 — long-lived personal brand CMS + international product narrative */
:root { --editorial-ink:#172027; --editorial-soft:#d9dfe2; --v4-ease:cubic-bezier(.19,1,.22,1) }
html{scroll-padding-top:100px}
body{background:#eef0f0;color:var(--editorial-ink)}
.home-screen,.about-screen{isolation:isolate}
.home-photo,.about-photo{object-position:50% 25%;transition:transform 1.8s var(--v4-ease),filter 1.3s var(--v4-ease);filter:contrast(1.025) saturate(.83)}
.home-screen:hover .home-photo,.about-screen:hover .about-photo{transform:scale(1.02)}
.home-copy h1{font-weight:480;max-width:860px}
.home-copy{max-width:870px}
.home-cn{max-width:565px;text-wrap:pretty}
.home-identity{max-width:560px}
.section-kicker{text-transform:uppercase}
.section-heading h2{text-wrap:balance}
.content-section:target{scroll-margin-top:90px}
.product-duo{display:grid;grid-template-columns:1fr 1fr;min-height:520px;overflow:hidden;border:1px solid #cbd2d4;background:#fbfcfc;border-radius:14px}
.product-duo-visual{background:#112331;overflow:hidden}
.product-duo-visual img{height:100%;width:100%;object-fit:cover;transition:transform 1s var(--v4-ease)}
.product-duo:hover .product-duo-visual img{transform:scale(1.045)}
.product-duo-copy{padding:clamp(28px,4vw,70px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.product-duo-copy h3{font-size:clamp(33px,3.5vw,62px);letter-spacing:-.064em;font-weight:470;line-height:1.14;margin:15px 0 30px}
.product-duo-copy h3 em{font-style:normal;color:#899aa6}
.product-duo-copy>p{font-size:clamp(14px,1.18vw,18px);line-height:1.9;color:#64727a}
.product-duo-list{display:flex;flex-wrap:wrap;gap:7px;margin:26px 0 15px}
.product-duo-list span{font-size:11px;padding:8px 12px;border:1px solid #d6dddf;border-radius:30px;color:#485864}
.product-duo-copy .section-cta{align-self:stretch;margin-top:22px}
.founder-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.founder-manifesto h3{font-size:clamp(32px,3.45vw,60px);font-weight:480;letter-spacing:-.065em;line-height:1.14;margin-bottom:26px}
.founder-manifesto p{font-size:clamp(14px,1.18vw,19px);color:#5f6a72;line-height:1.86}
.founder-manifesto>div:first-child{padding:16px 0}
.manifesto-secondary{padding:clamp(25px,3vw,49px);background:#f9f9f8;border:1px solid #d7dcdc;border-radius:12px}
.manifesto-secondary h3{font-size:22px;margin:0 0 12px}
.manifesto-secondary p+h3{margin-top:32px}
.english-toggle{border-top:1px solid #d6dddf;padding-top:20px;margin-top:28px}
.english-toggle summary{font-size:12px;cursor:pointer;color:#475965;list-style-position:inside}
.english-toggle p{font-size:13px;margin-top:18px}
.now-focus-list{border-top:1px solid #c7d0d3}
.now-focus-item{display:grid;grid-template-columns:50px 1fr 28px;gap:20px;align-items:start;border-bottom:1px solid #c7d0d3;padding:clamp(22px,2.8vw,42px) 2px;text-decoration:none;color:inherit;transition:background .3s,padding .3s var(--v4-ease)}
.now-focus-item:hover{padding-left:16px;background:rgba(255,255,255,.45)}
.now-focus-item>.serial{font-size:11px;color:#84919b}
.now-focus-item h3{font-size:clamp(23px,2.7vw,45px);line-height:1.15;font-weight:470;letter-spacing:-.045em;margin:13px 0 14px}
.now-focus-item p{font-size:clamp(13px,1.15vw,17px);line-height:1.84;color:#68747c;max-width:890px}
.now-focus-arrow{font-size:19px;color:#879299}
/* user-created content modules: restrained editorial system */
.rich-blocks{display:flex;flex-direction:column;gap:clamp(40px,6vw,95px);margin:clamp(45px,7vw,110px) 0}
.rich-block{min-width:0;scroll-margin-top:120px}
.rich-copy{max-width:930px}
.rich-copy h3,.rich-steps h3,.rich-gallery-title{font-size:clamp(27px,3.6vw,56px);letter-spacing:-.055em;font-weight:490;line-height:1.1;margin-bottom:19px}
.rich-copy p{font-size:clamp(15px,1.35vw,20px);color:#5d6a72;line-height:1.95}
.rich-headline{padding:40px 0;border-top:1px solid #cbd3d7}
.rich-headline h2{font-size:clamp(40px,6vw,98px);font-weight:470;letter-spacing:-.075em;line-height:1.02;max-width:1100px}
.rich-headline p{margin-top:24px;line-height:1.8;color:#5d6b72;max-width:700px}
.rich-quote{padding:clamp(30px,5vw,80px);background:#1a2833;color:white;border-radius:12px}
.rich-quote>span{font-family:Georgia,serif;font-size:80px;line-height:0.8;color:#98aebb;display:block}
.rich-quote h3{font-size:clamp(18px,1.8vw,29px);font-weight:530;margin:18px 0 20px}
.rich-quote p{font-size:clamp(23px,2.8vw,45px);letter-spacing:-.04em;line-height:1.5;max-width:1100px}
.rich-figure img{width:100%;height:auto;max-height:850px;object-fit:contain;border-radius:11px;background:#dbe0e2}
.rich-figure figcaption{font-size:12px;color:#77838a;padding-top:14px}
.rich-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,80px);align-items:center}
.rich-split img{width:100%;max-height:640px;object-fit:cover;border-radius:11px}
.rich-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:20px;background:#e0e4e6;border-radius:12px;padding:28px}
.rich-steps .rich-copy{margin-bottom:35px}
.rich-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.rich-step-grid>div{min-height:205px;padding:27px;background:#e6e9e9;border:1px solid #ccd4d7;border-radius:9px}
.rich-step-grid span{font-size:11px;color:#75858d}
.rich-step-grid h4{margin:31px 0 13px;font-size:22px;letter-spacing:-.04em}
.rich-step-grid p{font-size:13px;color:#66757e;line-height:1.75}
.rich-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.rich-gallery img{width:100%;height:clamp(210px,27vw,450px);object-fit:cover;border-radius:10px}
.rich-video video,.rich-embed iframe{width:100%;border:0;background:#fff;border-radius:9px}
.rich-embed iframe{height:clamp(360px,65vh,850px);margin-top:24px;box-shadow:0 20px 45px #0001}
.rich-video video{max-height:70vh}
.rich-video>p{font-size:12px;color:#657179;margin-top:14px}
/* CMS — WYSIWYG text copy and rich block composition */
.admin-app .inner{max-width:1500px}
.admin-tabs{overflow-x:auto;scrollbar-width:thin;padding-bottom:7px;flex-wrap:wrap}
.admin-tabs .tag{white-space:nowrap}
.case-form-panel{margin:22px 0 0;padding:clamp(18px,3vw,33px)!important}
.case-form-panel>.admin-note{margin:8px 0 20px}
.rich-block-editor{background:#fafbfb;border:1px solid #d5dadd;border-radius:10px;padding:20px;margin:15px 0}
.block-editor-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:16px}
.block-editor-head>div{display:flex;gap:6px}
.block-editor-head .tag{padding:6px 11px}
.cms-visual-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:16px;margin-top:23px;min-height:700px}
.cms-visual-frame{background:#e1e5e7;border-radius:13px;min-width:0;display:flex;justify-content:center;padding:13px;overflow:hidden}
.cms-visual-frame iframe{border:1px solid #cdd2d5;border-radius:10px;width:100%;height:670px;background:#f3f3f3;box-shadow:0 12px 35px #0002;transition:width .5s ease;}
.cms-visual-frame.mobile iframe{max-width:390px;width:390px}
.cms-visual-editor{min-width:0;display:flex;flex-direction:column;gap:12px}
.cms-visual-editor>input{padding:13px 18px;min-height:44px;border:1px solid #ccd3d7;border-radius:10px;background:#fff;width:100%}
.cms-text-list{max-height:650px;overflow-y:auto;padding:4px 6px;display:flex;flex-direction:column;gap:8px;border-radius:10px;background:#f1f2f2}
.cms-text-row{display:block;background:#fff;border:1px solid #e2e5e7;padding:10px;border-radius:9px}
.cms-text-row[hidden]{display:none}
.cms-text-row span{font-size:10px;color:#78828a;letter-spacing:.06em;display:block;margin-bottom:7px}
.cms-text-row textarea{min-height:59px!important;width:100%;resize:vertical;border:1px solid #e3e7e9;background:#fafafa;padding:8px 10px;border-radius:7px;font:inherit;font-size:13px;line-height:1.6;color:#1a242c}
.cms-selected{outline:3px solid #287bc5!important;outline-offset:4px!important;border-radius:3px!important}
.wide-route{min-width:180px}
.cms-item{border:1px solid #d5dadd;margin:15px 0;padding:20px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cms-item .field:has(textarea){grid-column:span 2}
.cms-item legend{padding:0 7px;font-weight:600}
.cms-item .field{display:flex;flex-direction:column;gap:7px}
.cms-item .field input,.cms-item .field textarea{width:100%;padding:10px;border:1px solid #d4dadd;border-radius:6px}
@media(max-width:980px){.product-duo,.founder-manifesto,.rich-split,.cms-visual-layout{grid-template-columns:1fr}.product-duo-visual{max-height:430px}.cms-visual-frame iframe{height:550px}.cms-text-list{max-height:530px}}
@media(max-width:760px){.product-duo-copy{padding:30px 25px}.product-duo-visual{max-height:290px}.product-duo-copy h3{font-size:39px}.now-focus-item{grid-template-columns:30px 1fr 15px;gap:8px}.now-focus-item h3{font-size:25px}.rich-gallery{grid-template-columns:1fr}.rich-gallery img{height:auto}.rich-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rich-copy h3{font-size:31px}.cms-item{grid-template-columns:1fr}.cms-item .field:has(textarea){grid-column:auto}.case-form-panel{padding:17px!important}.admin-app{padding:35px 13px 70px}.cms-visual-frame{padding:6px}.cms-visual-frame iframe{height:510px}}
@media(prefers-reduced-motion:reduce){.home-photo,.about-photo,.product-duo-visual img{transition:none!important}}

@media(max-width:760px){.detail-cover[src$="heloe.svg"]{object-position:left center}}