:root{--black:#0b0b0b;--paper:#e9e8e5;--line:#333;--gray:#aaa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--black);color:#eee;font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;font-size:19.5px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #999;outline-offset:6px}::selection{background:#aaa;color:#0b0b0b}h1,h2,h3,h4,h5,p{margin:0}h1,h2{font-family:"Songti SC","Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-weight:500;letter-spacing:-.04em;line-height:1.28}h2{font-size:clamp(41.6px,4.68vw,72.8px)}p{color:#aaa}header{height:94px;padding:0 5.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;background:#0b0b0bF5;position:relative;z-index:20}.wordmark{font-family:Georgia,serif;font-size:32.5px;line-height:1.1;letter-spacing:-1px;display:block}.wordmark span{display:block;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:13px;letter-spacing:4px;margin-top:10px}nav{display:flex;gap:34px;align-items:center;font-size:15.6px}nav a{color:#b5b5b5;transition:color .2s}nav a:hover{color:#fff}.nav-contact{border-left:1px solid #444;padding-left:30px}.nav-contact span{margin-left:24px}.menu{display:none}.skip{position:absolute;top:-80px;background:white;color:black;padding:10px;z-index:100}.skip:focus{top:0}.hero{height:min(800px,calc(100svh - 94px));min-height:660px;position:relative;overflow:hidden;padding:72px 5.3% 0}.hero-copy{position:relative;z-index:3;width:58%}.eyebrow,.section-label{font-size:14.3px;letter-spacing:3px;display:flex;align-items:center;gap:12px}.eyebrow{color:#b4b4b4;margin-bottom:30px}.dot{display:inline-block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}h1{font-size:clamp(65px,7.15vw,109.2px);line-height:1.17;letter-spacing:-.025em}h1 span{color:#aeaeae}.hero-copy p{margin-top:26px;font-size:18.2px;line-height:2}.actions{display:flex;gap:30px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:15px 23px;font-size:15.6px;border:1px solid #ddd;min-height:52px;transition:background .25s,color .25s,transform .25s}.button:hover{transform:translateY(-3px)}.primary{background:#eaeaea;color:#141414}.primary:hover{background:white}.text-link{font-size:15.6px;display:inline-flex;gap:26px;align-items:center;border-bottom:1px solid #777;padding-bottom:8px}.text-link:hover{border-color:#fff}.hero-photo{position:absolute;z-index:2;right:-10%;bottom:0;width:77%;height:94%;object-fit:contain;object-position:right bottom;pointer-events:none}.hero-orbit{position:absolute;width:720px;height:300px;border:1px solid #555;border-radius:50%;right:-70px;top:160px;transform:rotate(-38deg);opacity:.5}.hero-orbit:before{content:"";position:absolute;inset:-38px 50px;border:1px solid #444;border-radius:50%;transform:rotate(65deg)}.hero-foot{position:absolute;z-index:4;left:5.3%;right:5.3%;bottom:26px;display:flex;justify-content:space-between;font-size:13px;letter-spacing:2px;color:#888}.hero-foot a{color:#ddd}.hero-foot a span{margin-left:30px}.brand-band{padding:35px 5.3%;border-top:1px solid #333;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand-name{font-family:Arial,sans-serif;font-size:clamp(58.5px,10.92vw,171.6px);line-height:1;font-weight:400;letter-spacing:-8px}.brand-name sup{font-size:.2em;vertical-align:top;position:relative;top:.3em;letter-spacing:0}.brand-band>div:last-child{border-left:1px solid #444;padding-left:40px;flex-shrink:0}.brand-band span{font-size:14.3px;color:#888;letter-spacing:3px}.brand-band p{font-size:19.5px;margin-top:9px;color:#eee}.section{padding:100px 7.5% 110px}.light{background:var(--paper);color:#181818}.light p{color:#666}.section-label{color:#888;margin-bottom:46px}.light .section-label{color:#6b6b6b}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:8%}.intro{align-items:end;margin-bottom:56px}.intro>p{font-size:18.2px;line-height:2}.muted{color:#858585}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b7b7b7}.problem{padding:26px 22px 30px;border-right:1px solid #b7b7b7;position:relative;min-height:200px}.problem:first-child{padding-left:0}.problem:last-child{border-right:0}.problem>span{font-size:14.3px;color:#777}.problem h3{font-size:26px;font-weight:500;margin-top:22px}.problem p{font-size:16.9px;margin-top:5px}.mini-mark{position:absolute;right:22px;top:22px;font-size:32.5px;font-weight:300;color:#777}.problem-end{border-top:1px solid #b7b7b7;padding-top:32px;display:flex;justify-content:space-between;gap:40px}.problem-end span{font-size:18.2px}.problem-end p{font-size:16.9px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr)}.value{border:1px solid #333;border-right:0;padding:28px 32px 24px;transition:background .3s}.value:last-child{border-right:1px solid #333}.value:hover{background:#181818}.big-number{font-size:98.8px;letter-spacing:-6px;font-weight:200;color:#777;line-height:1.2}.value h3{font-size:31.2px;font-weight:400;margin:26px 0 18px}.value p{font-size:16.9px;line-height:2;min-height:110px}.value-foot{display:flex;justify-content:space-between;border-top:1px solid #333;margin-top:32px;padding-top:18px;font-size:14.3px;color:#888}.value-foot span{color:#eee}.method{background:#161616;border-top:1px solid #333}.method-head{position:relative;padding-left:0}.latin{font-family:Arial,sans-serif;font-size:clamp(62.4px,9.75vw,143px);letter-spacing:-6px;line-height:1.1}.latin sup{font-size:.23em;vertical-align:top;position:relative;top:.5em;letter-spacing:0}.method-head h3{font-family:"Songti SC",SimSun,serif;font-weight:400;font-size:41.6px;line-height:1.6;margin-top:20px}.method-head>p{position:absolute;bottom:4px;right:0;font-size:15.6px;max-width:43%;line-height:2}.method-explorer{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;margin-top:70px;align-items:center}.orbit-map{height:470px;position:relative}.orbit-map svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#505050;stroke-width:.7}.orbit-map svg ellipse:nth-child(2){stroke:#333}.orbit-map svg circle{stroke:#777}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:160px;display:flex;flex-direction:column;line-height:1.7}.orbit-core>span{font-size:15.6px;color:#999}.orbit-core strong{font-size:26px;font-weight:400}.orbit-core small{font-size:13px;color:#777;margin-top:12px;letter-spacing:1px}.orbit-node{position:absolute;border:1px solid #777;background:#161616;color:#aaa;border-radius:50%;width:56px;height:56px;font-size:16.9px;transition:.3s}.orbit-node span{position:absolute;top:62px;left:0;right:0;color:#aaa;white-space:nowrap;font-size:15.6px;letter-spacing:2px}.orbit-node.active,.orbit-node:hover{background:#e5e5e5;color:#111;border-color:#e5e5e5}.orbit-node.active:before{content:"";position:absolute;inset:-7px;border:1px solid #666;border-radius:50%}.node-0{left:46%;top:3%}.node-1{right:0;top:29%}.node-2{right:12%;bottom:14%}.node-3{left:16%;bottom:9%}.node-4{left:0;top:34%}.map-caption{position:absolute;bottom:-20px;width:100%;text-align:center;color:#777;font-size:13px;letter-spacing:2px}.step{border-bottom:1px solid #3b3b3b}.step>button{width:100%;display:flex;align-items:center;gap:24px;border:0;color:#888;background:none;text-align:left;padding:20px 0}.step>button>span{font-size:15.6px}.step h4{font-size:29.9px;font-weight:400}.step i{font-style:normal;margin-left:auto;font-size:20.8px}.step.active>button{color:#eee}.step-body{display:none;padding:0 24px 26px 42px}.step.active .step-body{display:block;animation:appear .4s ease}.step-body h5{font-size:16.9px;font-weight:400;margin-bottom:10px}.step-body p{font-size:15.6px;line-height:2}.timeline{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px}.timeline article{padding:0 30px 0 0}.timeline article+article{padding-left:30px;border-left:1px solid #bbb}.timeline-top{border-top:1px solid #777;padding-top:20px;display:flex;justify-content:space-between;position:relative;align-items:center}.timeline-top:before{content:"";position:absolute;top:-4px;width:7px;height:7px;background:#222;border-radius:50%}.timeline-top span{font-size:15.6px}.timeline-top b{font-size:52px;font-weight:300;color:#888;letter-spacing:-2px}.timeline h3{font-size:33.8px;font-weight:400;margin:22px 0 16px}.timeline p{font-size:16.9px;line-height:2}.timeline small{display:block;font-size:13px;letter-spacing:2px;color:#777;margin-top:26px}.note{font-size:14.3px!important;line-height:1.9!important;color:#888!important}.timeline+.note{border-top:1px solid #c4c4c4;padding-top:22px;margin-top:40px}.roles{border-top:1px solid #aaa;padding-top:80px;margin-top:80px}.roles h2{font-size:46.8px}.roles-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:44px}.roles-grid h3{font-size:20.8px;font-weight:500;border-bottom:1px solid #bbb;padding-bottom:20px}.roles ul{list-style:none;padding:0;margin:20px 0 0}.roles li{font-size:16.9px;padding:8px 0;color:#666}.roles li:before{content:"↗";margin-right:20px;color:#222}dl{margin:22px 0 0}dt{font-size:16.9px;margin-top:17px}dd{margin:4px 0 0;color:#666;font-size:15.6px}.about{display:grid;grid-template-columns:1fr 1fr;background:#101010}.about-image{position:relative;overflow:hidden;min-height:850px;background:#000}.about-image img{height:100%;width:100%;object-fit:cover;object-position:50% 40%}.photo-caption{position:absolute;bottom:28px;left:12%;font-size:13px;letter-spacing:4px;color:#888}.about-copy{padding:85px 13% 70px 11%}.about-copy .section-label{margin-bottom:45px}.about h2{font-family:Georgia,serif;font-size:62.4px;letter-spacing:-2px}.about-role{font-size:15.6px;letter-spacing:2px;margin:15px 0 40px;color:#aaa}.about-copy p{font-size:15.6px;line-height:2.1;margin-bottom:18px}.about blockquote{font-family:"Songti SC",SimSun,serif;border-top:1px solid #444;margin:30px 0 0;padding-top:30px;font-size:29.9px;line-height:1.8;letter-spacing:-.5px}.fit{border-top:1px solid #333}.fit-list>div{display:flex;align-items:baseline;gap:24px;padding:20px 0;border-bottom:1px solid #333}.fit-list>div:first-child{padding-top:0}.fit-list span{font-size:13px;color:#777}.fit-list p{font-size:16.9px;color:#ccc}.partnership p{font-size:16.9px;line-height:2;margin-bottom:20px}.partnership .button{margin-top:12px}.dark{background:#171717;color:#eee;border-color:#171717}.dark:hover{background:#333}.contact-invite{padding-bottom:80px;border-bottom:1px solid #444}.contact-invite h2{font-size:clamp(41.6px,4.94vw,75.4px);line-height:1.55}.contact-invite h2>span{color:#888}.contact-invite .split{margin-top:35px;align-items:end}.contact-invite p{font-size:16.9px}.contact-invite .text-link{justify-self:end}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;padding-top:75px;scroll-margin-top:40px}.contact-grid h3{font-family:"Songti SC",SimSun,serif;font-size:44.2px;font-weight:400;margin-bottom:20px}.contact-grid>div>p{font-size:16.9px}.demo-label{font-size:14.3px;display:flex;gap:10px;align-items:center;margin:45px 0 12px;color:#ccc}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 24px}label{font-size:15.6px;display:block}label>span{font-size:11.7px;color:#777;margin-left:8px}.full{grid-column:1/-1}input,textarea{display:block;width:100%;background:none;color:#ddd;border:0;border-bottom:1px solid #555;border-radius:0;padding:12px 0;font-size:15.6px;resize:vertical;outline:none;transition:border-color .2s}input::placeholder,textarea::placeholder{color:#777}input:focus,textarea:focus{border-color:#ddd}input.invalid,textarea.invalid{border-color:#eee;border-bottom-style:dashed}.field-error{display:block;margin-top:6px;color:#ddd;font-size:13px}#form-status{font-size:15.6px;color:#ddd;margin-top:24px}#form-status:empty{display:none}.submit{width:100%;margin-top:28px}.form-foot{font-size:13px;margin-top:12px;color:#777}footer{padding:45px 7.5% 24px;border-top:1px solid #333;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}footer>p{font-family:"Songti SC",SimSun,serif;font-size:26px;color:#bbb}.back-top{font-size:14.3px}.footer-bottom{flex-basis:100%;display:flex;justify-content:space-between;border-top:1px solid #262626;padding-top:22px;margin-top:25px;font-size:11.7px;letter-spacing:1px;color:#777}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1600px){body{max-width:1920px;margin:auto}.hero-photo{right:-5%}.hero-copy{max-width:800px}}@media(max-width:1050px){nav{gap:20px}.hero-photo{width:87%;right:-20%;opacity:.8}.hero-copy{width:65%}.hero{min-height:650px}.brand-name{letter-spacing:-5px}.brand-band>div:last-child{padding-left:24px}.brand-band p{font-size:15.6px}.section{padding:80px 6%}.split{gap:6%}.value{padding:24px}.method-head>p{max-width:40%}.method-explorer{gap:5%}.orbit-map{height:390px}.about-copy{padding:70px 10%}.about-image{min-height:880px}.about h2{font-size:50.7px}.about blockquote{font-size:26px}.contact-grid{gap:8%}}
@media(max-width:700px){html{scroll-padding-top:75px}header{height:78px;padding:0 6%}.wordmark{font-size:29.9px}.wordmark span{font-size:10.4px;margin-top:7px}.menu{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:15px 0 15px 20px;color:#fff;z-index:22}.menu span{display:block;width:25px;height:1px;background:currentColor;transition:.3s}.menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}nav{display:none;position:absolute;left:0;top:77px;right:0;background:#111;padding:25px 6% 35px;border-bottom:1px solid #555;flex-direction:column;align-items:stretch;font-size:19.5px;gap:0}nav.open{display:flex}nav a{padding:13px 0}.nav-contact{border-left:0;border-top:1px solid #333;margin-top:12px}.hero{height:820px;min-height:0;max-height:none;padding:44px 6% 0}.hero-copy{width:100%;height:100%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:11.7px;letter-spacing:2px;margin-bottom:24px}h1{font-size:clamp(55.9px,13.78vw,84.5px);line-height:1.23}.hero-copy p{font-size:15.6px;margin-top:20px}.hero-photo{height:53%;width:126%;right:-24%;bottom:42px;opacity:1}.hero-orbit{width:450px;height:200px;right:-150px;top:440px}.actions{gap:20px;margin-top:25px;flex-wrap:wrap}.button{font-size:14.3px;padding:13px 18px;gap:24px;min-height:48px}.text-link{font-size:13px;gap:14px}.hero-foot{left:6%;right:6%;bottom:22px;font-size:10.4px;letter-spacing:1px}.hero-foot a span{margin-left:9px}.brand-band{padding:28px 6%;display:block}.brand-name{font-size:19.5vw;letter-spacing:-4px}.brand-band>div:last-child{display:flex;justify-content:space-between;gap:16px;border-left:0;padding:20px 0 0;align-items:center}.brand-band span{font-size:11.7px;letter-spacing:1px}.brand-band p{font-size:13px;margin:0}.section{padding:65px 6% 70px}.section-label{font-size:11.7px;letter-spacing:2px;margin-bottom:30px}h2{font-size:42.9px;line-height:1.4}.split{grid-template-columns:1fr;gap:25px}.intro{margin-bottom:35px}.intro>p{font-size:15.6px}.problem-grid{grid-template-columns:1fr 1fr}.problem{min-height:172px;border-bottom:1px solid #bbb;padding:22px 18px}.problem:nth-child(2){border-right:0}.problem:nth-child(3){padding-left:0}.problem h3{font-size:23.4px}.problem p{font-size:14.3px}.mini-mark{font-size:26px;right:18px}.problem-end{display:block;border-top:0;padding-top:25px}.problem-end span{font-size:16.9px}.problem-end p{margin-top:15px;font-size:14.3px}.value-grid{grid-template-columns:1fr}.value{border:1px solid #333;border-bottom:0;padding:26px;position:relative}.value:last-child{border-bottom:1px solid #333}.big-number{font-size:79.3px;position:absolute;right:26px;top:18px}.value h3{margin:10px 0 18px;font-size:31.2px}.value p{font-size:15.6px;min-height:0;max-width:88%}.value-foot{margin-top:24px}.latin{font-size:20.8vw;letter-spacing:-4px}.method-head h3{font-size:36.4px;margin-top:22px}.method-head>p{position:static;max-width:none;margin-top:20px;font-size:14.3px}.method-explorer{grid-template-columns:1fr;margin-top:35px;gap:48px}.orbit-map{height:350px;max-width:430px;width:100%;margin:auto}.orbit-node{width:44px;height:44px;font-size:13px}.orbit-node span{top:49px;font-size:13px}.orbit-core strong{font-size:22.1px}.orbit-core small{font-size:10.4px}.map-caption{font-size:11.7px}.step>button{padding:18px 0}.step h4{font-size:28.6px}.step-body p{font-size:15.6px}.timeline{grid-template-columns:1fr;margin-top:45px}.timeline article{padding:0 0 30px 25px;border-left:1px solid #aaa;position:relative}.timeline article+article{padding-left:25px}.timeline-top{border-top:0;padding:0}.timeline-top:before{left:-29px;top:17px}.timeline h3{font-size:31.2px;margin:12px 0}.timeline p{font-size:15.6px;max-width:92%}.timeline small{margin-top:15px}.timeline-top b{font-size:41.6px}.timeline+.note{margin-top:0}.roles{padding-top:50px;margin-top:50px}.roles h2{font-size:37.7px}.roles-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}.about{grid-template-columns:1fr}.about-image{min-height:0;height:540px;order:2}.about-image img{object-fit:contain;object-position:center bottom}.about-copy{padding:65px 6% 40px}.about h2{font-size:55.9px}.about-role{margin-bottom:28px}.about-copy p{font-size:15.6px}.about blockquote{font-size:28.6px}.about blockquote br{display:none}.photo-caption{left:6%;bottom:20px}.fit-list>div{padding:18px 0;gap:18px}.fit-list p{font-size:15.6px}.partnership p{font-size:15.6px}.contact-invite h2{font-size:39px}.contact-invite .split{gap:24px;margin-top:24px}.contact-invite .text-link{justify-self:start}.contact-invite{padding-bottom:45px}.contact-grid{grid-template-columns:1fr;gap:40px;padding-top:45px}.contact-grid h3{font-size:37.7px}.demo-label{margin-top:25px}.form-grid{gap:25px 20px}label{font-size:14.3px}input,textarea{font-size:20.8px}input::placeholder,textarea::placeholder{font-size:15.6px}footer{padding:35px 6% 22px;gap:25px}footer>p{font-size:20.8px;order:3;width:100%}.back-top{margin-left:auto}.footer-bottom{font-size:10.4px;gap:15px;margin-top:5px;letter-spacing:0}.reveal{transition-delay:0s!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
/* Personal symbol and open editorial portrait */
.wordmark{display:inline-flex;align-items:center;gap:18px}.wordmark .brand-symbol{width:60px;height:auto;display:block;flex:none}.wordmark .brand-lockup{font-family:Georgia,serif;font-size:29.9px;line-height:1.1;letter-spacing:-1px;margin:0}.wordmark .brand-lockup>span{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:10.4px;letter-spacing:4px;margin-top:9px}.brand-symbol{transition:transform .4s}.wordmark:hover .brand-symbol{transform:translateY(-3px)}
.about{display:block;position:relative;isolation:isolate;overflow:hidden;background:#0b0b0b;min-height:860px}.about-image{position:absolute;inset:0 auto 0 -3%;width:62%;height:100%;min-height:0;background:none;z-index:-1;overflow:visible}.about-image img{height:100%;width:100%;object-fit:contain;object-position:left bottom;mix-blend-mode:screen}.about-copy{margin-left:50%;padding:85px 13% 80px 4%;position:relative}.about-image .photo-caption{left:17%;bottom:30px}.about:after{content:"";position:absolute;left:48%;top:0;bottom:0;width:12%;background:linear-gradient(90deg,transparent,#0b0b0b);z-index:-1;pointer-events:none}
.orbit-map svg .orbit-ellipse{stroke:#656565;stroke-width:.8;transform-origin:300px 260px}.orbit-map svg .middle{stroke:#444}.orbit-map svg .inner{stroke:#3d3d3d}.orbit-map svg .traveler{stroke:none}.orbit-map svg .secondary{opacity:.75}.orbital-lines{animation:orbital-breathe 16s ease-in-out infinite;transform-origin:center}.orbit-node.active:before{animation:node-signal 3.5s ease-out infinite}.orbit-core strong{animation:core-breathe 6s ease-in-out infinite}.node-0{left:46%;top:16%}.node-1{right:1%;top:26%}.node-2{right:15%;bottom:26%}.node-3{left:16%;bottom:18%}.node-4{left:0;top:42%}
.hero-copy{animation:hero-enter 1s ease-out both}.hero-photo{animation:portrait-enter 1.6s ease-out both}.button span,.text-link span{display:inline-block;transition:transform .35s}.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}.problem:hover .mini-mark{transform:rotate(12deg) translateY(-3px)}.mini-mark{transition:transform .4s}.value:hover .big-number{color:#ddd;transform:translateY(-3px)}.big-number{display:block;transition:color .4s,transform .4s}.timeline article:hover .timeline-top:before{box-shadow:0 0 0 5px #aaa4;transition:box-shadow .3s}.about-image img{transform:translateY(var(--portrait-shift,0px));will-change:transform}.section.in-view .section-label:before{transform:scaleX(1)}.section-label:before{content:"";width:24px;height:1px;background:currentColor;transform:scaleX(.3);transform-origin:left;transition:transform 1s}.contact-invite .section-label:before{display:none}
@keyframes orbital-breathe{0%,100%{transform:rotate(-4deg) scale(.98)}50%{transform:rotate(5deg) scale(1.025)}}@keyframes node-signal{0%{opacity:.7;transform:scale(1)}80%,100%{opacity:0;transform:scale(1.45)}}@keyframes core-breathe{0%,100%{opacity:.8}50%{opacity:1}}@keyframes hero-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-enter{from{opacity:0;translate:20px 0}to{opacity:1;translate:0 0}}
@media(max-width:1050px){.wordmark{gap:12px}.wordmark .brand-symbol{width:47px}.wordmark .brand-lockup{font-size:27.3px}.about-copy{padding:70px 7% 70px 4%}.about-image{left:-7%;width:66%}.about{min-height:900px}}
@media(max-width:700px){.wordmark{gap:13px}.wordmark .brand-symbol{width:47px}.wordmark .brand-lockup{font-size:27.3px}.wordmark .brand-lockup>span{font-size:9.1px;letter-spacing:3px;margin-top:7px}.about{min-height:0;padding-bottom:510px}.about-copy{margin-left:0;padding:65px 6% 35px}.about-image{top:auto;bottom:0;left:0;width:100%;height:530px;z-index:-1}.about-image img{object-position:50% bottom}.about-image .photo-caption{left:6%;bottom:20px}.about:after{left:0;right:0;width:auto;top:auto;bottom:450px;height:80px;background:linear-gradient(#0b0b0b,transparent)}.orbit-map{height:320px}.orbit-node.active:before{inset:-5px}.section-label:before{width:18px}.hero-photo{animation:portrait-enter 1.6s ease-out both}}
@media(prefers-reduced-motion:reduce){.orbital-lines,.orbit-node.active:before,.orbit-core strong,.hero-copy,.hero-photo{animation:none!important}.traveler{display:none}.about-image img{transform:none!important}.section-label:before{transform:none}}
/* A centered composition that stays composed on wide desktop displays. */
@media(min-width:1100px){
 body{max-width:none}
 header{padding-left:max(5.3%,calc((100% - 1180px)/2));padding-right:max(5.3%,calc((100% - 1180px)/2))}
 .hero{max-width:1320px;margin-inline:auto;height:740px;min-height:690px;padding:64px 70px 0}
 .hero-copy{width:60%;max-width:660px}
 h1{font-size:93.6px}
 .hero-photo{right:-55px;width:950px;height:96%;max-width:none}
 .hero-orbit{right:0;top:175px;width:650px;height:270px}
 .hero-foot{left:70px;right:70px}
 .brand-band,.section,footer{padding-left:max(6%,calc((100% - 1180px)/2));padding-right:max(6%,calc((100% - 1180px)/2))}
 .brand-name{font-size:136.5px;letter-spacing:-6px}
 .brand-band{gap:40px}
 .brand-band>div:last-child{padding-left:34px}
 h2{font-size:59.8px}
 .split{gap:65px;grid-template-columns:1.05fr 1fr}
 .intro{align-items:center}
 .method-head .latin{font-size:130px}
 .method-explorer{grid-template-columns:1.1fr 1fr;gap:70px}
 .method-head>p{max-width:43%}
 .contact-invite h2{font-size:63.7px}
 .about{min-height:850px}
 .about-image{left:calc(50% - 650px);width:720px}
 .about-copy{margin-left:calc(50% + 25px);width:565px;padding:85px 15px 80px 35px}
 .about-image .photo-caption{left:90px}
 .contact-grid{gap:100px}
}
@media(min-width:1100px) and (max-width:1300px){.hero{padding-inline:6%}.hero-foot{left:6%;right:6%}.hero-photo{right:-90px;width:870px}.hero-copy{width:62%}h1{font-size:85.8px}.about-copy{width:46%;margin-left:51%;padding-left:25px;padding-right:6%}.brand-name{font-size:117px}.about-image{left:-3%;width:62%}}

@media(min-width:1100px){.hero{height:810px;min-height:780px;padding-top:64px}.hero-photo{height:94%}.hero-copy{max-width:710px}.hero-foot{bottom:24px}.about{min-height:1030px}.about-copy{width:565px}.value p{min-height:150px}.brand-band{gap:30px}.brand-band>div:last-child{padding-left:25px}.method-explorer{gap:55px}.about blockquote{font-size:29px}}
@media(min-width:701px) and (max-width:1099px){.hero{min-height:800px}.hero-copy{width:72%}.hero-photo{height:85%;right:-25%}.brand-band{flex-wrap:wrap}.brand-band>div:last-child{border-left:0;padding-left:0}.about{min-height:1100px}}
@media(max-width:700px){.hero{height:960px}.hero-photo{height:48%;bottom:40px}.hero-copy p{max-width:100%}.hero-foot{font-size:9px}.actions{gap:18px}.brand-band>div:last-child{flex-wrap:wrap;gap:8px}.form-grid{grid-template-columns:1fr}.about{padding-bottom:530px}.about-image{height:540px}.orbit-core{width:160px}.orbit-core strong{font-size:21px}.orbit-node{width:48px;height:48px}.orbit-node span{top:53px}.method-head h3{font-size:34px}.step-body{padding-left:25px}.contact-invite h2{font-size:36px}}
/* Editorial line endings and a connected monochrome orbital system. */
h1,h2,h3,h5,blockquote{text-wrap:balance;word-break:normal;line-break:strict}p,li,dd{text-wrap:pretty;word-break:normal;line-break:strict;overflow-wrap:break-word}.keep-phrase{white-space:nowrap;font:inherit;color:inherit;letter-spacing:inherit}.hero-copy h1 .keep-phrase{color:inherit}.section h2,.section h3,.section p,.split>*{min-width:0}.values .intro{grid-template-columns:1.4fr 1fr;gap:48px}.values .intro h2{font-size:clamp(36px,3.1vw,55px);line-height:1.4}.method-head>p{position:static;max-width:620px;margin-top:25px}.method-head h3{max-width:700px}.roles h2{max-width:800px}.about blockquote br{display:none}.about-copy blockquote{max-width:100%}
.method{position:relative;isolation:isolate;overflow:hidden;background:#08090a}.method:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 26% 65%,#ffffff0d,transparent 45%),radial-gradient(ellipse at 70% 30%,#ffffff05,transparent 50%),url('assets/starfield.svg') center/1400px 1000px;opacity:.7;animation:star-breathe 9s ease-in-out infinite alternate}.method:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:url('assets/starfield.svg') 100px 80px/1900px 1400px;opacity:.3;animation:star-breathe 13s ease-in-out infinite alternate-reverse}.orbit-map{width:100%;height:auto!important;aspect-ratio:600/520;max-width:620px;isolation:isolate}.orbit-map:before{content:"";position:absolute;inset:12% 4%;background:radial-gradient(ellipse,#ffffff0a,transparent 65%);filter:blur(20px);z-index:-1}.orbit-map svg{position:absolute;inset:0;width:100%;height:100%;animation:none!important}.orbit-map svg .orbit-ellipse.outer{stroke:#9b9b9b;stroke-width:.85}.orbit-map svg .middle{stroke:#676767;stroke-width:.65}.orbit-map svg .inner{stroke:#444;stroke-width:.6}.orbit-map .orbit-node{left:var(--node-x)!important;top:var(--node-y)!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%);background:radial-gradient(circle at 34% 26%,#717171,#333 35%,#131313 76%);border-color:#878787;box-shadow:inset -6px -8px 12px #0009,0 0 14px #ffffff08;color:#ddd;transition:box-shadow .35s,background .35s,border-color .35s;color-scheme:dark}.orbit-map .orbit-node.active,.orbit-map .orbit-node:hover{color:#fff;background:radial-gradient(circle at 32% 23%,#fff,#bcbcbc 16%,#595959 55%,#202020 85%);border-color:#eee;box-shadow:0 0 14px #ffffff77,0 0 36px #ffffff33,inset -7px -9px 15px #0007}.orbit-map .orbit-node span{color:#ccc;text-shadow:0 1px 8px #000;left:-18px;right:-18px}.orbit-map .orbit-node.active span{color:#fff}.orbit-node.ignited{animation:sphere-ignite 1s ease-out}.orbit-node.active:before{border-color:#ddd}.orbit-map svg .traveler{filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 10px #fff9)}.orbit-core{background:radial-gradient(ellipse,#08090a 25%,#08090acc 50%,transparent 72%);padding:24px 0;border-radius:50%}.step>button:hover{color:#fff}.step:not(.active) .step-body{display:none!important}.step.active .step-body{display:block}
@keyframes sphere-ignite{0%{box-shadow:0 0 0 #fff}35%{box-shadow:0 0 28px #fff,0 0 70px #ffffff77}100%{box-shadow:0 0 14px #ffffff77,0 0 36px #ffffff33}}@keyframes star-breathe{from{opacity:.3}to{opacity:.7}}
@media(min-width:1100px){.values .intro{grid-template-columns:1.5fr 1fr;gap:50px}.values .intro h2{font-size:55px}.about-copy{width:565px}.method-head h3{font-size:40px}.contact-invite h2{max-width:1100px}}
@media(max-width:1050px){.values .intro{grid-template-columns:1fr;gap:25px}.brand-band{flex-wrap:wrap}.brand-band>div:last-child{border-left:0;padding-left:0}.value p{max-width:100%}}
@media(max-width:700px){.values .intro{grid-template-columns:1fr}.values .intro h2{font-size:35px}.method-head h3{font-size:32px}.orbit-map{max-width:430px}.orbit-map .orbit-node{width:44px;height:44px;font-size:13px}.orbit-node span{font-size:12px;top:51px}.orbit-core{width:140px}.orbit-core strong{font-size:18px}.orbit-core small{font-size:9px}.orbit-core>span{font-size:12px}.step-body h5{font-size:16px}.about blockquote{font-size:25px}.contact-invite h2{font-size:34px}.roles h2{font-size:35px}.partnership h2{font-size:36px}.method-explorer{gap:32px}.method-head>p{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.method:before,.method:after,.orbit-node.ignited{animation:none!important}.orbit-node.active{box-shadow:0 0 12px #ffffff55}}
.footer-disclaimer{flex-basis:100%;border-top:1px solid #2c2c2c;padding-top:26px;margin-top:12px}.footer-disclaimer h3{font-family:inherit;font-size:13px;font-weight:400;color:#aaa;margin-bottom:9px}.footer-disclaimer p{font-size:12px;line-height:1.9;color:#888;max-width:1020px;text-wrap:pretty}.footer-disclaimer+.footer-bottom{margin-top:0}footer .footer-disclaimer{order:4}footer .footer-bottom{order:5}@media(max-width:700px){.footer-disclaimer p{font-size:12px}}
/* Focus keeps the form's underline language; errors explain the field in red. */
form input,form textarea{border-bottom-width:2px;border-bottom-color:#555;outline:none;box-shadow:none}form input:focus,form textarea:focus,form input:focus-visible,form textarea:focus-visible{outline:none;outline-offset:0;box-shadow:none;border-bottom-color:#eee;border-bottom-width:3px}form input.invalid,form textarea.invalid{border-bottom-style:solid;border-bottom-color:#ef8b8b}.field-error{color:#ef8b8b;font-size:12px;line-height:1.7;margin:8px 0 0}#form-status[data-state="error"]{color:#ef8b8b}#form-status[data-state="checked"]{color:#ddd}
/* Crop the portrait's lower fifth in layout, keeping its upper-body composition. */
.about-image{overflow:hidden}.about-image img{display:block;height:125%;width:100%;object-fit:cover;object-position:center top;transform:none!important;will-change:auto}.about-image .photo-caption{z-index:2;text-shadow:0 1px 10px #000}@media(max-width:700px){.about-image img{height:125%;object-fit:cover;object-position:center top}.about{padding-bottom:500px}.about-image{height:510px}}
/* Fit the entire supplied banner portrait inside the composition, including the right hand. */
.hero .hero-photo{right:0;width:74%;max-width:950px;object-fit:contain;object-position:right bottom}
@media(min-width:1100px){.hero .hero-photo{right:0;width:950px;height:94%;max-width:74%}}
@media(min-width:701px) and (max-width:1099px){.hero .hero-photo{right:0;width:90%;max-width:none;height:85%}}
@media(max-width:700px){.hero .hero-photo{right:0;bottom:40px;width:100%;max-width:100%;height:48%;object-fit:contain;object-position:center bottom}}
/* Source Han Sans for the main Chinese display type; retain the supporting typography. */
@font-face{font-family:"Jinks Source Han Sans";src:url("assets/source-han-sans-medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
main h1,main h2,main h3,main h4{font-family:"Jinks Source Han Sans","Source Han Sans SC","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;font-weight:500;letter-spacing:-.025em}
main .method-head .latin{font-family:Arial,sans-serif;font-weight:400;letter-spacing:-6px}main .about h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-2px}
@media(max-width:700px){main .method-head .latin{letter-spacing:-4px}}
/* Larger reading sizes for sections 04–08. */
#services .intro>p,#services .timeline p,#services .roles li,#services dd,.about-copy p,.fit-list p,.partnership p,.contact-invite p,.contact-grid>div>p{font-size:19px;line-height:1.95}
#services .timeline small,#services .timeline-top span{font-size:16px}#services .roles-grid h3{font-size:23px}#services dt{font-size:18px}#services .note,.partnership .note,.contact .note{font-size:15.5px!important;line-height:1.95!important}.about blockquote{font-size:32px;line-height:1.8}.contact form label{font-size:18px}.contact form label>span{font-size:12px}.contact form input,.contact form textarea{font-size:18px;padding-block:15px}.contact .field-error{font-size:14px}.contact .form-foot{font-size:14px}.contact .demo-label{font-size:16px}.contact #form-status{font-size:16px}.contact .submit{font-size:17px}.about-copy{padding-bottom:90px}.about{min-height:1120px}
@media(min-width:1100px){#services .intro h2,.fit h2,.partnership h2{font-size:64px}.contact-invite h2{font-size:66px}.roles h2{font-size:52px}.about{min-height:1170px}}
@media(max-width:700px){#services .intro>p,#services .timeline p,#services .roles li,#services dd,.about-copy p,.fit-list p,.partnership p,.contact-invite p,.contact-grid>div>p{font-size:17px;line-height:1.95}#services .note,.partnership .note,.contact .note{font-size:14px!important}.contact form label{font-size:16px}.contact form input,.contact form textarea{font-size:18px}.contact form label>span{font-size:11px}.about blockquote{font-size:28px}.about{min-height:0}.about-copy{padding-bottom:35px}#services .intro h2,.fit h2,.partnership h2{font-size:40px}.roles h2{font-size:38px}.contact-invite h2{font-size:38px}.contact .contact-grid h3{font-size:40px}}
/* FAQ lives within the long-term partnership section. */
.faq{border-top:1px solid #aaa;margin-top:75px;padding-top:60px;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq-intro .section-label{margin-bottom:24px;font-size:12px;letter-spacing:2px}.faq-intro h3{font-size:40px;line-height:1.4;margin-bottom:20px}.partnership .faq-intro p{font-size:17px}.faq-list{border-top:1px solid #aaa}.faq-item{border-bottom:1px solid #aaa}.faq-item summary{list-style:none;position:relative;cursor:pointer;padding:23px 44px 23px 0;font-family:"Jinks Source Han Sans","Microsoft YaHei",sans-serif;font-weight:500;font-size:19px;line-height:1.7;text-wrap:pretty;color:#252525}.faq-item summary::-webkit-details-marker{display:none}.faq-toggle{position:absolute;right:3px;top:33px;width:15px;height:15px}.faq-toggle:before,.faq-toggle:after{content:"";position:absolute;top:7px;left:0;width:15px;height:1px;background:#333;transition:transform .25s}.faq-toggle:after{transform:rotate(90deg)}.faq-item[open] .faq-toggle:after{transform:rotate(0)}.faq-item[open] summary{color:#000}.faq-item summary:hover{color:#666}.faq-item summary:focus-visible{outline:2px solid #666;outline-offset:5px}.faq-answer{padding:0 36px 25px 0}.partnership .faq-answer p{font-size:18px;line-height:1.95;margin:0;color:#606060;text-wrap:pretty}.faq-item[open] .faq-answer{animation:appear .3s ease}
@media(max-width:1050px){.faq{grid-template-columns:1fr;gap:28px}.faq-intro p br{display:none}}
@media(max-width:700px){.faq{margin-top:50px;padding-top:40px;gap:25px}.faq-intro h3{font-size:34px}.faq-intro .section-label{font-size:11px;margin-bottom:16px}.partnership .faq-intro p{font-size:16px}.faq-item summary{font-size:17px;padding-block:20px}.faq-toggle{top:29px}.faq-answer{padding-right:15px}.partnership .faq-answer p{font-size:16px;line-height:1.95}}
@media(prefers-reduced-motion:reduce){.faq-item[open] .faq-answer{animation:none}}
/* Persistent navigation with anchor clearance. */
header{position:sticky;top:0;z-index:50;background:#0b0b0bf5;box-shadow:0 8px 24px #0002}html{scroll-padding-top:114px}.contact-grid{scroll-margin-top:114px}@media(max-width:700px){html{scroll-padding-top:98px}.contact-grid{scroll-margin-top:98px}}
/* Show the full portrait width; the frame masks only its bottom 20 percent. */
.about .about-image{left:0;top:100px;bottom:auto;width:52%;max-width:640px;height:auto;aspect-ratio:1334/1440;overflow:hidden;transform:none}
.about .about-image img{display:block;position:static;width:100%;height:auto;max-width:none;object-fit:contain;object-position:center top;transform:none!important;aspect-ratio:1334/1800}
@media(min-width:1100px){.about .about-image{left:calc(50% - 640px);top:120px;width:640px;height:auto}}
@media(max-width:700px){.about{padding-bottom:calc(min(107.946vw,583px) + 35px)}.about .about-image{top:auto;bottom:0;left:50%;width:100%;max-width:540px;height:auto;transform:translateX(-50%)}.about .about-image img{height:auto;width:100%;object-fit:contain}}
/* Native dropdowns keep the same underline focus and error treatment. */
form select{display:block;width:100%;font:inherit;font-size:18px;line-height:1.8;min-height:58px;border:0;border-bottom:2px solid #555;border-radius:0;background:transparent;color:#ddd;padding:15px 26px 15px 0;outline:none;box-shadow:none;color-scheme:dark;cursor:pointer}
form select:has(option[value=""]:checked){color:#777}form select:focus,form select:focus-visible{outline:none;box-shadow:none;border-bottom-color:#eee;border-bottom-width:3px}form select.invalid{border-bottom-color:#ef8b8b}form select option{background:#181818;color:#eee}form select option:disabled{color:#888}
@media(max-width:700px){form select{font-size:17px}}
/* Rebalance section 05 around the portrait instead of stretching it with oversized copy. */
.about{min-height:920px}.about .about-copy{padding-top:70px;padding-bottom:65px}.about .about-copy .section-label{margin-bottom:30px}.about .about-copy h2{font-size:54px;line-height:1.2}.about .about-role{font-size:14px;line-height:1.8;margin:13px 0 28px;letter-spacing:2px}.about .about-copy p{font-size:16.5px;line-height:1.95;margin-bottom:15px}.about .about-copy blockquote{font-size:26px;line-height:1.75;margin-top:25px;padding-top:24px}.about .about-image{top:80px}
@media(min-width:1100px){.about{min-height:920px}.about .about-copy{width:565px;padding-right:20px;padding-left:35px}.about .about-image{top:80px}}
@media(min-width:701px) and (max-width:1099px){.about .about-copy{padding-left:4%;padding-right:6%}.about .about-copy h2{font-size:46px}.about .about-copy p{font-size:16px}.about .about-copy blockquote{font-size:24px}}
@media(max-width:700px){.about{min-height:0}.about .about-copy{padding:55px 6% 35px}.about .about-copy h2{font-size:43px}.about .about-copy p{font-size:16px;line-height:1.9;margin-bottom:16px}.about .about-role{font-size:13px;margin-bottom:25px}.about .about-copy blockquote{font-size:23px;line-height:1.8;margin-top:24px;padding-top:22px}.about .about-image{top:auto;bottom:0}}
/* Anchor the portrait rule to the cropped image, independent of the copy height. */
.about .about-image::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#d8d8d8;z-index:3;pointer-events:none}.about+.fit{border-top:0}
/* A fine, continuous rule spans the section at the portrait's visible lower edge. */
.about .about-image::after{display:none}.about-portrait-rule{position:absolute;left:0;right:0;top:var(--portrait-rule-y,770.855px);height:1px;background:rgba(255,255,255,.28);transform:scaleY(.5);transform-origin:center;z-index:4;pointer-events:none}@media(max-width:700px){.about-portrait-rule{top:auto;bottom:0}}
/* A slight rightward portrait nudge within the available desktop margin. */
@media(min-width:1100px){.hero{overflow:visible;clip-path:inset(0 -36px 0 0)}.hero .hero-photo{right:clamp(-32px,calc((1320px - 100vw)/2),0px)}}
/* Room for the revised brand promise and problem-led copy. */
.problem-end>span{line-height:1.95}.problem-grid .problem p{text-wrap:pretty;line-height:1.9}.brand-band>div:last-child{min-width:0}
@media(min-width:701px) and (max-width:1300px){.brand-band{flex-wrap:wrap}.brand-band>div:last-child{border-left:0;padding-left:0}}
/* Consistent promise lettering and a full-width, single-line desktop statement. */
.brand-band p .keep-phrase{font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
#problem .intro{display:flex;flex-direction:column;align-items:stretch;gap:24px}#problem .intro h2{font-size:clamp(32px,3.3vw,58px);white-space:nowrap;line-height:1.45;letter-spacing:-.025em}#problem .intro>p{align-self:flex-end;text-align:right;max-width:620px;margin:0}
@media(max-width:700px){#problem .intro h2{font-size:34px;white-space:normal;text-wrap:balance}#problem .intro>p{font-size:16px;line-height:1.95;max-width:100%}}
/* Two deliberate title lines and a prominent strategic conclusion. */
#problem .intro h2{white-space:normal;font-size:clamp(36px,3.9vw,62px);line-height:1.4}#problem .problem-title-line{white-space:nowrap;font:inherit;letter-spacing:inherit;color:inherit}
#problem .problem-end{display:block;padding-top:38px}#problem .problem-end p{max-width:1080px;font-family:"Jinks Source Han Sans","Microsoft YaHei",sans-serif;font-weight:500;line-height:1.7;text-wrap:pretty}#problem .problem-end .problem-takeaway{font-size:28px;color:#666;margin:0 0 20px}#problem .problem-end .problem-conclusion{font-size:34px;color:#171717;margin:0}#problem .problem-end .keep-phrase{font:inherit;letter-spacing:inherit;color:inherit}
@media(max-width:700px){#problem .intro h2{font-size:clamp(25px,6.5vw,42px);line-height:1.5}#problem .problem-end{padding-top:28px}#problem .problem-end .problem-takeaway{font-size:22px;margin-bottom:18px}#problem .problem-end .problem-conclusion{font-size:25px;line-height:1.75}}
/* Recompose the two-line problem statement and integrate identity with strategic value. */
#problem .intro{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:end}#problem .intro>p{justify-self:end;align-self:end;text-align:right;max-width:100%}#problem .problem-grid{margin-top:10px}#problem .problem-end{padding-top:40px}
.merged-values{padding:0}.merged-values .values-content{padding-top:65px}.merged-values .about{background:transparent}.merged-values .values-content>.section-label{margin-bottom:30px}.merged-values .values-content .intro{margin-bottom:45px}
@media(max-width:900px){#problem .intro{grid-template-columns:1fr;gap:28px}#problem .intro>p{max-width:620px;justify-self:end}.merged-values .values-content{padding-top:50px}}
@media(max-width:700px){#problem .intro{gap:24px}#problem .problem-grid{margin-top:0}#problem .problem-end{padding-top:28px}.merged-values .values-content{padding-top:40px}.merged-values .values-content>.section-label{margin-bottom:24px}}
/* Section 03: independent white interlude for the three strategic values. */
.values.values-content{background:#fff;color:#171717;padding-top:85px;padding-bottom:95px}.values.values-content .section-label{color:#707070;margin-bottom:35px}.values.values-content .intro>p{color:#666}.values.values-content .value{border-color:#ccc;background:transparent}.values.values-content .value:hover{background:#f5f5f5}.values.values-content .value h3{color:#171717}.values.values-content .value p{color:#606060}.values.values-content .big-number{color:#999}.values.values-content .value:hover .big-number{color:#555}.values.values-content .value-foot{border-color:#ccc;color:#666}.values.values-content .value-foot>span{color:#222}
@media(max-width:700px){.values.values-content{padding-top:60px;padding-bottom:65px}.values.values-content .section-label{margin-bottom:28px}}
/* Equal emphasis for the two conclusions; section 03 shares section 01's paper gray. */
#problem .problem-end .problem-takeaway,#problem .problem-end .problem-conclusion{font-size:34px;line-height:1.7}.values.values-content{background:var(--paper)}.values.values-content .value:hover{background:#dfdedb}
@media(max-width:700px){#problem .problem-end .problem-takeaway,#problem .problem-end .problem-conclusion{font-size:25px;line-height:1.75}}
/* End the portrait section on its fine rule, immediately followed by section 03. */
.about{min-height:0}.about .about-image{top:auto;bottom:0}.about .about-portrait-rule{top:auto!important;bottom:0}.about+.values.values-content{margin-top:0;border-top:0}
/* A standalone FAQ follows the method directly. */
.faq-section>.faq{border-top:0;margin-top:0;padding-top:0}.faq-section .faq-intro h2{font-size:40px;line-height:1.4;margin-bottom:20px}
@media(max-width:700px){.faq-section .faq-intro h2{font-size:34px}.faq-section>.faq{margin-top:0;padding-top:0}}
.values-cta{display:flex;justify-content:center;margin-top:42px}.values-cta .button{min-width:210px;font-size:16px;padding:16px 25px;border-color:#171717}.values-cta .button:focus-visible{outline-color:#555}@media(max-width:700px){.values-cta{margin-top:30px}.values-cta .button{min-width:210px;max-width:100%}}
/* Numbered primary navigation and a discreet right-hand panel index. */
#navigation{gap:22px;font-size:12.5px}#navigation a{display:flex;align-items:center;gap:7px;white-space:nowrap}#navigation .nav-index{font-size:9px;color:#777;letter-spacing:.5px}#navigation a[aria-current="location"]{color:#fff}#navigation a[aria-current="location"] .nav-index{color:#ddd}
.panel-nav{position:fixed;right:15px;top:50%;transform:translateY(-50%);z-index:45;display:flex;flex-direction:column;gap:5px;padding:9px 5px;background:#111c;border:1px solid #ffffff25;border-radius:24px;color:#aaa;backdrop-filter:blur(12px);transition:background .3s,color .3s,border-color .3s}.panel-nav>a{position:relative;width:29px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:50%;outline-offset:3px}.panel-number{font-size:10px;letter-spacing:.5px;line-height:1}.panel-nav>a:hover,.panel-nav>a[aria-current="location"]{background:#e5e5e5;color:#111}.panel-label{position:absolute;right:47px;white-space:nowrap;padding:7px 12px;border:1px solid #555;border-radius:3px;font-size:11px;line-height:1.5;background:#111;color:#eee;opacity:0;transform:translateX(5px);pointer-events:none;transition:opacity .2s,transform .2s}.panel-nav>a:hover .panel-label,.panel-nav>a:focus-visible .panel-label{opacity:1;transform:translateX(0)}.panel-nav.on-light{background:#fafafae6;border-color:#0002;color:#666}.panel-nav.on-light>a:hover,.panel-nav.on-light>a[aria-current="location"]{background:#222;color:#fff}
@media(min-width:1001px) and (max-width:1200px){#navigation{gap:13px;font-size:11px}#navigation .nav-index{font-size:8px}}
@media(max-width:1000px){header .menu{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:15px 0 15px 20px;color:#fff;z-index:52}header .menu span{display:block;width:25px;height:1px;background:currentColor;transition:.3s}header .menu[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}header .menu[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}header #navigation{display:none;position:absolute;left:0;right:0;top:93px;flex-direction:column;align-items:stretch;padding:22px 6% 28px;background:#111;border-bottom:1px solid #555;gap:0;font-size:16px}header #navigation.open{display:flex}header #navigation a{padding:12px 0;gap:17px}header #navigation .nav-index{font-size:11px}}
@media(max-width:700px){header #navigation{top:77px}.panel-nav{right:2px;padding:5px 2px;gap:3px;border-radius:18px;backdrop-filter:none}.panel-nav>a{width:18px;height:25px}.panel-number{font-size:8px}.panel-label{right:30px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.panel-nav,.panel-label{transition:none}}
/* Increase both navigation systems' lettering by 30 percent. */
#navigation{font-size:16.25px;gap:20px}#navigation .nav-index{font-size:11.7px}.panel-number{font-size:13px}.panel-label{font-size:14.3px;right:53px}.panel-nav>a{width:36px;height:38px}.panel-nav{padding:10px 6px;gap:6px}
@media(min-width:1001px) and (max-width:1200px){#navigation{font-size:14.3px;gap:13px}#navigation .nav-index{font-size:10.4px}}
@media(max-width:1000px){header #navigation{font-size:20.8px}header #navigation .nav-index{font-size:14.3px}header #navigation a{gap:18px;padding-block:13px}}
@media(max-width:700px){.panel-number{font-size:10.4px}.panel-label{font-size:13px;right:35px}.panel-nav>a{width:22px;height:30px}.panel-nav{padding:6px 3px;gap:3px}}
/* Reversible editorial title reveals, driven by viewport entry and exit. */
@media(prefers-reduced-motion:no-preference){main .headline-motion{opacity:.24;transform:translateY(14px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,.61,.36,1);transition-delay:0s;will-change:auto}main .headline-motion.headline-in-view{opacity:1;transform:translateY(0);transition-delay:var(--headline-delay,0ms)}}
@media(prefers-reduced-motion:reduce){main .headline-motion{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}}
/* A left-hand invitation balanced by the right-aligned consultation action. */
.values-cta{justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #bfbfbd;padding-top:30px;margin-top:38px}.values.values-content .values-cta-copy{font-family:"Jinks Source Han Sans","Microsoft YaHei",sans-serif;font-weight:500;font-size:27px;line-height:1.6;color:#262626;margin:0}.values-cta .button{flex-shrink:0;margin-left:auto}
@media(max-width:700px){.values-cta{flex-direction:column;align-items:stretch;gap:22px;padding-top:25px;margin-top:30px}.values.values-content .values-cta-copy{font-size:23px}.values-cta .button{align-self:flex-end;margin-left:auto}}
/* Let the strategic explanation flow naturally across two desktop lines. */
@media(min-width:1100px){.values.values-content .intro{grid-template-columns:1fr 1.1fr;gap:45px}.values.values-content .intro>.values-explanation{font-size:17px;line-height:1.95;text-wrap:pretty;max-width:100%}}
.values.values-content .values-cta-copy{font-size:25px;line-height:1.7;max-width:790px}
@media(max-width:700px){.values.values-content .values-cta-copy{font-size:21px}.values.values-content .intro>.values-explanation{font-size:16px;line-height:1.95;text-wrap:pretty}}
/* Original vector autograph replaces the portrait caption. */
.about .photo-caption .signature{display:block;width:91px;height:120px;max-width:none;aspect-ratio:68.14404/90.06601;object-fit:contain;object-position:center;mix-blend-mode:normal;transform:none!important}.about .photo-caption{bottom:25px}
@media(max-width:700px){.about .photo-caption .signature{width:68px;height:90px}.about .photo-caption{bottom:20px}}
@media(prefers-reduced-motion:no-preference){main .paragraph-motion{opacity:.3;transform:translateY(8px);transition:opacity .65s ease,transform .75s cubic-bezier(.22,.61,.36,1)}main .paragraph-motion.paragraph-in-view{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){main .paragraph-motion{opacity:1!important;transform:none!important;transition:none!important}}
@media(min-width:1100px){.values-explanation-line{white-space:nowrap}}@media(max-width:1099px){.values-explanation-line{white-space:normal}}
/* Larger FAQ statement and a centered, uninterrupted consultation form. */
.faq-section .faq-intro h2{font-size:clamp(28px,2.4vw,34px);line-height:1.65;letter-spacing:-.035em}.contact-invite{border-bottom:0;padding-bottom:0}.contact .contact-future{font-size:21px;line-height:1.95;margin-top:28px;color:#aaa}.contact .contact-grid{display:block;max-width:880px;width:100%;margin-inline:auto;padding-top:55px;border:0}.contact .contact-grid form{width:100%;margin:0 auto}.contact .form-foot{text-align:center}
@media(max-width:700px){.faq-section .faq-intro h2{font-size:28px;line-height:1.6}.contact .contact-future{font-size:18px;margin-top:24px}.contact .contact-grid{padding-top:40px}}
/* Clear acknowledgement before consultation, with field-specific validation. */
.consent-block{margin-top:30px}.contact form .consent-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.contact form .consent-copy{display:block;margin:0;font-size:15px;line-height:1.9;color:#bbb}.consent-copy a{text-decoration:underline;text-underline-offset:3px;color:#eee}.contact form input[type="checkbox"]{appearance:auto;display:block;width:18px;height:18px;min-height:0;flex:none;margin:5px 0 0;padding:0;border:0;border-radius:0;box-shadow:none;accent-color:#ddd;cursor:pointer}.contact form input[type="checkbox"]:focus-visible{outline:1px solid #bbb;outline-offset:3px;border:0}.consent-block .field-error{margin-top:8px;color:#ef8b8b}
.footer-disclaimer{scroll-margin-top:120px}.footer-disclaimer h3{font-size:18px;color:#ccc;margin-bottom:14px}.footer-disclaimer .disclaimer-intro{font-size:14px;max-width:100%;margin-bottom:24px}.disclaimer-clauses{display:grid;grid-template-columns:1fr 1fr;gap:24px 45px}.disclaimer-clauses h4{font-family:inherit;font-size:14px;font-weight:500;color:#bbb;line-height:1.8;margin:0 0 8px}.footer-disclaimer .disclaimer-clauses p{font-size:13px;line-height:1.95;max-width:100%;color:#999;margin:0}
@media(max-width:700px){.contact form .consent-copy{font-size:14px}.disclaimer-clauses{grid-template-columns:1fr;gap:22px}.footer-disclaimer{scroll-margin-top:98px}.footer-disclaimer .disclaimer-clauses p{font-size:13px}}
/* Align the consultation form with both edges of the main page content. */
.contact .contact-grid{max-width:none;width:100%;margin-left:0;margin-right:0}.contact .contact-grid form{max-width:none;width:100%}
/* Client logo gallery stays within section 04; grayscale display preserves the source asset. */
.clients-block{margin-top:95px;padding-top:55px;border-top:1px solid #ffffff25}.clients-block>h3{font-size:38px;line-height:1.5;font-weight:500;margin:0 0 34px}.client-logo-grid{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:0;border-top:1px solid #ffffff16;border-left:1px solid #ffffff16}.client-logo-tile{display:flex;align-items:center;justify-content:center;min-height:180px;padding:22px;border-right:1px solid #ffffff16;border-bottom:1px solid #ffffff16;transition:background .3s}.client-logo-tile img{display:block;width:140px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.58;transition:opacity .3s,transform .4s}.client-logo-tile:hover{background:#ffffff04}.client-logo-tile:hover img{opacity:.72;transform:translateY(-3px)}
@media(max-width:1000px){.client-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.client-logo-tile{min-height:160px;padding:20px}}
@media(max-width:700px){.clients-block{margin-top:65px;padding-top:35px}.clients-block>h3{font-size:30px;margin-bottom:26px}.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-logo-tile{min-height:112px;padding:12px}.client-logo-tile img{width:112px}}
@media(prefers-reduced-motion:reduce){.client-logo-tile img{transition:none!important;transform:none!important}}
/* Custom dropdowns follow the same fine underline and monochrome language as the form. */
.custom-select{position:relative;margin-top:4px}.custom-select>select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none}.select-trigger{width:100%;display:block;text-align:left;border:0;border-bottom:2px solid #555;background:transparent;color:#eee;font-size:18px;line-height:1.8;padding:14px 40px 14px 0;min-height:63px;position:relative;outline:none;border-radius:0}.select-trigger::after{content:"";position:absolute;right:8px;top:26px;width:8px;height:8px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;transform:rotate(45deg);transition:transform .2s}.select-trigger.is-placeholder{color:#777}.select-trigger:hover{border-color:#aaa}.select-trigger:focus-visible,.custom-select.is-open .select-trigger{outline:none;border-bottom:3px solid #eee}.custom-select.is-open .select-trigger::after{transform:rotate(225deg)}.select-trigger[aria-invalid="true"]{border-color:#ef8b8b}.select-options{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:70;background:#191919;border:1px solid #555;box-shadow:0 18px 45px #0008;padding:7px;max-height:300px;overflow-y:auto}.select-options[hidden]{display:none}.select-option{display:block;width:100%;border:0;background:transparent;text-align:left;color:#bbb;font-size:17px;padding:12px 15px;line-height:1.6}.select-option:hover,.select-option.is-active{background:#303030;color:#fff}.select-option[aria-selected="true"]{background:#dedede;color:#111}.custom-select .field-error{position:static}.custom-select:has(.field-error) .select-options{top:66px}.submit:disabled{opacity:.65;cursor:wait;transform:none}
/* Confirmation is shown only after the email service accepts the submission. */
.submission-dialog{position:fixed;max-width:520px;width:calc(100% - 40px);padding:54px 40px 38px;border:1px solid #555;background:#131313;color:#eee;text-align:center;box-shadow:0 30px 100px #0009}.submission-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:17px;top:10px;border:0;background:none;color:#aaa;font-size:30px;padding:5px 10px}.thanks-mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid #666;border-radius:50%;margin:0 auto 25px;font-size:22px}.submission-dialog h2{font-family:"Jinks Source Han Sans",sans-serif;font-size:31px;font-weight:500;line-height:1.5;margin:0 0 20px}.submission-dialog p{font-size:16px;line-height:1.9;margin-bottom:30px;color:#aaa}.submission-dialog .dialog-confirm{margin:auto;min-width:230px;font-size:15px}
@media(max-width:700px){.select-trigger{font-size:17px}.select-option{font-size:16px;padding:12px}.submission-dialog{padding:45px 24px 30px}.submission-dialog h2{font-size:27px}.submission-dialog p{font-size:15px}}
/* Open, bright grayscale client marks without boxes. */
.clients-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:34px}.clients-heading h3{font-size:38px;line-height:1.5;font-weight:500;margin:0}.clients-heading>p{font-size:16px;line-height:1.9;text-align:right;color:#aaa;margin:0}.client-logo-grid{border:0;gap:20px 24px}.client-logo-tile{border:0;padding:16px;background:none;min-height:165px}.client-logo-tile:hover{background:none}.client-logo-tile img{filter:grayscale(1) invert(1) brightness(2.6);opacity:.93;width:150px}.client-logo-tile:hover img{opacity:1}
@media(max-width:700px){.clients-heading{display:block;margin-bottom:25px}.clients-heading h3{font-size:30px}.clients-heading>p{font-size:14px;text-align:right;margin-top:16px}.client-logo-grid{gap:12px 16px}.client-logo-tile{min-height:100px;padding:4px}.client-logo-tile img{width:115px}}
@media(min-width:701px){.method-explorer .step-list{transform:translateY(var(--steps-offset,0px))}}@media(max-width:700px){.method-explorer .step-list{transform:none}}
@media(min-width:1100px){.method-explorer .step>button{padding:12px 0;gap:20px}.method-explorer .step h4{font-size:26px;line-height:1.45}.method-explorer .step-body{padding-bottom:20px}.method-explorer .step-body h5{font-size:16px;line-height:1.8}.method-explorer .step-body p{font-size:15px;line-height:1.9}}
@media(max-width:1099px){.method-explorer .step-list{transform:none}}
/* A restrained, unified star field across the dark page surfaces. */
body{background-color:#08090a;background-image:url('assets/starfield.svg');background-position:center top;background-size:1400px 1000px}
.space-surface,header.space-surface,.about.space-surface{background-color:#08090a;background-image:radial-gradient(ellipse at 26% 65%,#ffffff0d,transparent 45%),radial-gradient(ellipse at 70% 30%,#ffffff05,transparent 50%),url('assets/starfield.svg');background-size:auto,auto,1400px 1000px;background-position:center,center,center top;background-repeat:no-repeat,no-repeat,repeat;animation:none}
header.space-surface{background-color:#08090af5;background-size:auto,auto,1400px 1000px;background-position:center,center,center 25%}.hero .hero-photo{mix-blend-mode:normal}.about.space-surface::after{display:none}
@keyframes cosmic-drift{from{background-position:center,center,center 0px}to{background-position:center,center,center 25px}}
@media(prefers-reduced-motion:reduce){.space-surface,header.space-surface,.about.space-surface{animation:none!important}}

/* Keep the original portrait tones and transparent edges over the star field. */
.hero{isolation:isolate}.hero .hero-photo{mix-blend-mode:normal;background:none;filter:none}
.client-logo-tile img{filter:none;mix-blend-mode:normal;opacity:1;aspect-ratio:auto;width:150px;height:150px;object-fit:contain}
.client-logo-reserved[hidden]{display:none}.client-logo-tile:hover img{opacity:1}
@media(max-width:700px){.client-logo-tile img{width:115px;height:115px}}

@media(min-width:1001px){.client-logo-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}.client-logo-tile{padding:6px;min-height:145px}.client-logo-tile img{width:140px;height:140px;max-width:100%}}

/* One continuous canvas avoids a rectangular seam around the centered hero. */
body{background-image:radial-gradient(ellipse at 26% 65%,#ffffff0d,transparent 45%),radial-gradient(ellipse at 70% 30%,#ffffff05,transparent 50%),url('assets/starfield.svg');background-size:1400px 1000px;background-repeat:repeat}
.hero.space-surface{background:transparent;animation:none}

.client-logo-tile img.client-logo-compact{width:115px;height:115px}
@media(max-width:700px){.client-logo-tile img.client-logo-compact{width:92px;height:92px}}

.client-logo-tile img.client-logo-world-gourmet{transform:scale(1.15)}
.client-logo-tile:hover img.client-logo-world-gourmet{transform:translateY(-3px) scale(1.15)}
@media(prefers-reduced-motion:reduce){.client-logo-tile img.client-logo-world-gourmet,.client-logo-tile:hover img.client-logo-world-gourmet{transform:scale(1.15)!important}}

/* Full viewport hero background; only the composition is centered. */
body{background-size:100vw 100vh,100vw 100vh,1400px 1000px;background-repeat:no-repeat,no-repeat,repeat;background-attachment:fixed}
.hero.space-surface{max-width:none;width:100%;margin-inline:0;clip-path:none;background:transparent;overflow:hidden}
@media(min-width:1100px){
.hero{padding-left:max(6%,calc((100% - 1180px)/2));padding-right:max(6%,calc((100% - 1180px)/2))}
.hero .hero-photo{right:max(0px,calc((100% - 1320px)/2 - 32px));max-width:min(950px,74%)}
.hero-foot{left:max(6%,calc((100% - 1180px)/2));right:max(6%,calc((100% - 1180px)/2))}
}

.contact .submit{position:relative;font-size:22px;justify-content:center;text-align:center;min-height:64px;padding-inline:60px}
.contact .submit>span{position:absolute;right:25px;top:50%;transform:translateY(-50%)}
.contact .submit:hover>span{transform:translate(3px,calc(-50% - 3px))}

.about .photo-caption .signature{width:162px;height:144px;aspect-ratio:108/96}
.values.values-content .intro>.values-explanation{text-align:right;justify-self:end}
@media(min-width:1100px){.values.values-content .intro>.values-explanation{width:100%}}
@media(max-width:700px){.about .photo-caption .signature{width:135px;height:120px}}
/* Signature lockup: reduce the complete original arrangement by one fifth. */
.about .photo-caption .signature{width:129.6px;height:115.2px}

/* Compact screens use document flow instead of the desktop portrait overlays. */
@media(max-width:1000px){
  header{height:76px;padding-inline:24px}
  header #navigation{top:75px;max-height:calc(100dvh - 76px);overflow-y:auto;padding:20px 24px 28px}
  header .wordmark{gap:12px;min-width:0}
  header .wordmark .brand-symbol{width:44px}
  header .wordmark .brand-lockup{font-size:26px;letter-spacing:-.8px}
  header .menu{padding:12px;min-height:44px;min-width:44px;margin-right:-12px}
  html{scroll-padding-top:94px}
  body{background-attachment:scroll}
  .hero.space-surface{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding:44px 24px 22px;gap:0}
  .hero .hero-copy{order:1;width:100%;max-width:620px;height:auto;margin-inline:auto;pointer-events:auto}
  .hero .hero-photo{order:2;position:relative;inset:auto;width:100%;max-width:570px;height:auto;aspect-ratio:1600/1206;object-fit:contain;object-position:center bottom;margin:22px auto 0;opacity:1;flex:none}
  .hero .hero-foot{order:3;position:static;width:100%;max-width:620px;margin:18px auto 0;gap:12px;letter-spacing:.5px;font-size:11px;align-items:center}
  .hero .hero-foot a{white-space:nowrap}
  .hero .hero-copy h1{font-size:clamp(48px,9vw,76px);line-height:1.22}
  .hero .hero-copy p{font-size:16px;line-height:1.9}
  .hero .eyebrow{margin-bottom:22px;font-size:12px}
  .hero .actions{gap:22px;flex-wrap:wrap;margin-top:28px}
  .section,.brand-band,footer{padding-inline:24px}
  .brand-band{display:block;padding-block:32px}
  .brand-band .brand-name{font-size:clamp(48px,13vw,92px);letter-spacing:-3px;white-space:nowrap}
  .brand-band>div:last-child{display:block;border:0;padding:20px 0 0;min-width:0}
  .brand-band span{font-size:13px;letter-spacing:2px}
  .brand-band p{font-size:18px;line-height:1.7;margin-top:8px}
  .split,.values.values-content .intro{grid-template-columns:minmax(0,1fr);gap:24px}
  .about.space-surface{display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden}
  .about .about-copy{order:1;position:relative;margin:0;width:100%;max-width:none;padding:60px 24px 30px}
  .about .about-copy h2{font-size:46px;line-height:1.2}
  .about .about-copy p{font-size:16px;line-height:1.95}
  .about .about-copy blockquote{font-size:24px;line-height:1.8}
  .about .about-image{order:2;position:relative;inset:auto;width:100%;max-width:600px;margin:0 auto;height:auto;min-height:0;aspect-ratio:1334/1440;transform:none;z-index:0;overflow:hidden}
  .about .about-image>img{width:100%;height:auto;aspect-ratio:1334/1800;object-fit:contain;object-position:center top}
  .about .photo-caption{left:24px;bottom:20px}
  .about .photo-caption .signature{width:108px;height:96px}
  .values.values-content .intro>.values-explanation{width:100%;max-width:100%;font-size:16px;line-height:1.9;text-align:right}
  .values-explanation-line{white-space:normal}
  .method-explorer{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:34px}
  .orbit-map{max-width:520px;margin-inline:auto}
  .method-explorer .step-list{transform:none;min-width:0}
  .faq-section>.faq{grid-template-columns:minmax(0,1fr);gap:24px}
  .contact .contact-grid{padding-top:34px}
}

@media(max-width:700px){
  .section{padding-top:58px;padding-bottom:62px}
  .section-label{font-size:12px;line-height:1.7;letter-spacing:1.5px;margin-bottom:26px}
  main h2{font-size:32px;line-height:1.45}
  main .keep-phrase{max-width:100%}
  .hero .hero-copy h1{font-size:clamp(43px,12vw,66px)}
  .hero .actions .button{font-size:15px;min-height:52px;padding:14px 18px;gap:18px}
  .hero .actions .text-link{font-size:14px;gap:12px}
  .hero .hero-photo{margin-top:26px}
  #problem .intro h2{font-size:clamp(25px,7.1vw,34px);line-height:1.5;text-wrap:pretty;white-space:normal}
  #problem .intro>p{font-size:16px;line-height:1.9}
  .problem-grid{grid-template-columns:minmax(0,1fr)}
  .problem-grid .problem{min-height:0;padding:22px 0;border-right:0;border-bottom:1px solid #b7b7b7}
  .problem-grid .problem>span{font-size:12px}
  .problem-grid .problem h3{font-size:24px;margin-top:12px}
  .problem-grid .problem p{font-size:16px;line-height:1.85;margin-top:6px}
  .problem-grid .mini-mark{right:2px;top:20px;font-size:25px}
  #problem .problem-end .problem-takeaway,#problem .problem-end .problem-conclusion{font-size:22px;line-height:1.8}
  .about .about-copy h2{font-size:41px}
  .about .about-copy .about-role{font-size:14px;margin-bottom:26px}
  .about .about-copy blockquote{font-size:22px}
  .values.values-content .intro h2{font-size:30px;line-height:1.5}
  .value-grid{grid-template-columns:minmax(0,1fr)}
  .value-grid .value{border:1px solid #bfbfbd;border-bottom:0;padding:26px 22px}
  .value-grid .value:last-child{border-bottom:1px solid #bfbfbd}
  .value .big-number{font-size:60px;right:22px;top:17px;line-height:1.1}
  .value h3{font-size:27px;margin:4px 75px 24px 0;line-height:1.5}
  .value p{font-size:16px;line-height:1.9;min-height:0;max-width:100%}
  .value-foot{font-size:14px;gap:12px;margin-top:22px;padding-top:16px}
  .values.values-content .values-cta-copy{font-size:21px;line-height:1.8}
  .values-cta{align-items:stretch;gap:24px}
  .values-cta .button{width:100%;max-width:100%;justify-content:space-between;align-self:stretch;margin:0}
  main .method-head .latin{font-size:clamp(46px,13.5vw,72px);letter-spacing:-3px}
  .method-head h3{font-size:clamp(25px,7vw,32px);line-height:1.6;margin-top:24px}
  .method-head>p{font-size:16px;line-height:1.9;max-width:100%}
  .orbit-map{width:100%;max-width:430px;aspect-ratio:600/520}
  .orbit-map .orbit-node{width:38px;height:38px;font-size:12px}
  .orbit-map .orbit-node span{top:43px;font-size:12px;letter-spacing:1px}
  .orbit-core{width:120px;padding:14px 0}
  .orbit-core strong{font-size:17px;white-space:nowrap}
  .orbit-core>span{font-size:12px}.orbit-core small{font-size:9px;letter-spacing:.5px;margin-top:5px}
  .method-explorer .step>button{min-height:64px;padding:16px 0;gap:18px}
  .method-explorer .step h4{font-size:25px;line-height:1.5}
  .method-explorer .step-body{padding:0 0 24px 34px}
  .method-explorer .step-body h5{font-size:16px;line-height:1.8}
  .method-explorer .step-body p{font-size:16px;line-height:1.95}
  .faq-section .faq-intro h2{font-size:27px;line-height:1.65}
  .faq-item summary{font-size:17px;line-height:1.8;padding:20px 30px 20px 0}
  .faq-answer{padding:0 0 22px}
  .faq-answer p{font-size:16px;line-height:1.95}
  .contact-invite h2{font-size:clamp(25px,7vw,33px);line-height:1.65}
  .contact .contact-future{font-size:17px;line-height:1.9;margin-top:22px}
  .contact .form-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .contact form label{font-size:16px;line-height:1.8;min-width:0}
  .contact form input,.contact form textarea,.select-trigger{font-size:16px;line-height:1.8;min-width:0}
  .contact form input::placeholder,.contact form textarea::placeholder{font-size:15px}
  .contact .select-trigger{min-height:58px;padding-block:13px}
  .select-options{max-height:min(280px,45dvh)}
  .contact .consent-copy{font-size:14px;line-height:1.9}
  .contact .submit{font-size:22px;min-height:62px}
  .panel-nav{right:3px;padding:4px 2px;gap:2px}
  .panel-nav>a{width:18px;height:30px}
  .panel-number{font-size:9px}
  .panel-label{right:28px;font-size:12px}
  footer{padding-top:32px;padding-bottom:22px;gap:22px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:7px;font-size:11px;line-height:1.7}
  .disclaimer-clauses{grid-template-columns:minmax(0,1fr);gap:24px}
  .submission-dialog{width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}
}
@media(max-width:380px){
  header,.section,.brand-band,footer{padding-left:20px;padding-right:20px}
  .hero.space-surface{padding-left:20px;padding-right:20px}
  .hero .actions{flex-direction:column;align-items:stretch;gap:20px}
  .hero .actions .button{justify-content:space-between;width:100%}
  .hero .actions .text-link{align-self:flex-start}
  .hero .hero-foot{font-size:10px;gap:6px}
  .about .about-copy{padding-left:20px;padding-right:20px}
  .about .about-copy h2{font-size:37px}
  .values.values-content .intro h2{font-size:28px}
  .orbit-map .orbit-node{width:34px;height:34px}
  .orbit-map .orbit-node span{top:39px}
}
@media(max-width:700px){.panel-nav{right:0}}
@media(max-width:380px){.hero .hero-foot{flex-wrap:wrap}.hero .hero-foot a{margin-left:auto}}

/* Lift the complete signature lockup slightly above the portrait baseline. */
.about .photo-caption{bottom:45px}
@media(max-width:1000px){.about .photo-caption{bottom:40px}}

/* Phone-only refinements. Desktop selectors and measurements stay intact. */
@media(max-width:700px){
  /* The portrait ends at the banner baseline; its caption sits in front. */
  .hero.space-surface{position:relative;padding-bottom:0}
  .hero .hero-photo{width:calc(100% + 96px);max-width:640px;margin:20px -48px 0;align-self:center;flex:none;object-fit:contain;aspect-ratio:1600/1206}
  .hero .hero-foot{position:absolute;left:24px;right:24px;bottom:18px;width:auto;max-width:none;margin:0;z-index:4;color:#ccc;text-shadow:0 1px 6px #000,0 0 12px #000}
  .hero .hero-foot>span{font-size:11px;letter-spacing:.3px}
  .hero .hero-foot a{font-size:10px}
  /* Keep the about portrait's fine rule on the actual crop edge. */
  .about .about-image{width:100%;max-width:none;aspect-ratio:1334/1440;margin-bottom:0;padding-bottom:0;overflow:hidden}
  .about .about-image>img{display:block;width:100%;height:auto;max-width:none;vertical-align:bottom}
  .about .about-image::after{display:block;content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#ffffff47;transform:scaleY(.5);z-index:3}
  .about .about-portrait-rule{display:none}
  /* Let compact paragraphs use their full column, without desktop line breaks. */
  #problem .intro>p,.values.values-content .intro>.values-explanation{width:100%;max-width:none;margin-left:0;margin-right:0;text-align:right;justify-self:stretch;align-self:stretch;text-wrap:pretty;line-height:1.95}
  #problem .intro>p br,.values-explanation br{display:none}
  #problem .intro>p .keep-phrase,.values-explanation-line{white-space:normal}
  /* Draw the arrow with CSS strokes so iOS never substitutes an emoji glyph. */
  .cta-direction{display:inline-block!important;position:relative;width:16px;height:16px;min-width:16px;font-size:0!important;line-height:0;flex:none;vertical-align:middle}
  .cta-direction::before{content:"";position:absolute;left:0;top:8px;width:17px;height:1px;background:currentColor;transform:rotate(-45deg);transform-origin:center}
  .cta-direction::after{content:"";position:absolute;top:2px;right:2px;width:9px;height:9px;border-top:1px solid currentColor;border-right:1px solid currentColor}
}
@media(max-width:380px){.hero .hero-foot{left:20px;right:20px;bottom:16px}.hero .hero-foot>span{font-size:10px}}

/* Phone reading alignment, stroke arrow and circular panel buttons only. */
@media(max-width:700px){
  #problem .intro>p,.values.values-content .intro>.values-explanation,.clients-heading>p{text-align:left;justify-self:start;align-self:stretch}
  .mini-mark.cta-direction{width:25px;height:25px;min-width:25px}
  .mini-mark.cta-direction::before{width:25px;top:12px}
  .mini-mark.cta-direction::after{width:13px;height:13px;top:3px;right:3px}
  .panel-nav{right:0;padding:4px 2px;gap:5px;border-radius:20px}
  .panel-nav>a{width:24px;height:24px;min-width:24px;min-height:24px;aspect-ratio:1;border-radius:50%;flex:none;padding:0;box-sizing:border-box}
  .panel-number{font-size:10px;line-height:1}
}

/* Disclosure is closed by default on every screen size. */
.footer-disclaimer>summary{display:block;list-style:none;width:fit-content;cursor:pointer;color:#ccc;font-size:18px;line-height:1.8;padding:6px 0}
.footer-disclaimer>summary::-webkit-details-marker{display:none}
.footer-disclaimer>summary::marker{content:""}
.footer-disclaimer>summary:hover{color:#fff}
.footer-disclaimer>summary:focus-visible{outline:1px solid #aaa;outline-offset:5px}
.footer-disclaimer[open]>summary{margin-bottom:18px}
@media(max-width:700px){.problem .mini-mark.cta-direction{position:absolute;right:2px;top:20px}}

.footer-disclaimer>summary{display:flex;align-items:center;flex-wrap:wrap;gap:12px;max-width:100%;width:fit-content;min-height:44px}
.disclaimer-label{font-size:18px;line-height:1.8;color:#ccc}
.disclaimer-brief{font-size:14px;line-height:1.8;color:#888}
.disclaimer-toggle{position:relative;display:inline-block;width:16px;height:16px;flex:none;color:#bbb}
.disclaimer-toggle::before,.disclaimer-toggle::after{content:"";position:absolute;left:1px;top:7.5px;width:14px;height:1px;background:currentColor}
.disclaimer-toggle::after{transform:rotate(90deg);transition:transform .2s}
.footer-disclaimer[open] .disclaimer-toggle::after{transform:rotate(0)}
footer .back-top{font-size:19px;line-height:1.8;min-height:44px;display:inline-flex;align-items:center;color:#ddd}
@media(max-width:700px){.disclaimer-brief{font-size:12px}.footer-disclaimer>summary{gap:10px}footer .back-top{font-size:18px}}
@media(prefers-reduced-motion:reduce){.disclaimer-toggle::after{transition:none}}

/* A readable public overview spans the same full width as the footer row. */
.footer-disclaimer>summary{display:grid;grid-template-columns:max-content 16px minmax(0,1fr);align-items:center;column-gap:12px;row-gap:16px;width:100%;max-width:none}
.footer-disclaimer>summary>.disclaimer-brief{grid-column:1/-1;display:block;width:100%;font-size:15px;line-height:1.95;color:#999;cursor:pointer}
.disclaimer-preview-paragraph{display:block;margin-top:12px;text-wrap:pretty;overflow-wrap:break-word}
.disclaimer-preview-paragraph:first-child{margin-top:0}
@media(max-width:700px){.footer-disclaimer>summary{row-gap:14px}.footer-disclaimer>summary>.disclaimer-brief{font-size:14px;line-height:1.95}}

/* Tighter leading and paragraph spacing for the visible disclaimer overview. */
.footer-disclaimer>summary>.disclaimer-brief{line-height:1.65}
.disclaimer-preview-paragraph{margin-top:6px}
.disclaimer-preview-paragraph:first-child{margin-top:0}

/* Keep the two strategic conclusions together at their existing type sizes. */
#problem .problem-end .problem-takeaway,#problem .problem-end .problem-conclusion{line-height:1.5}
#problem .problem-end .problem-takeaway{margin-bottom:8px}
#problem .problem-end .problem-conclusion{margin-top:0}
@media(max-width:700px){#problem .problem-end .problem-takeaway,#problem .problem-end .problem-conclusion{line-height:1.6}#problem .problem-end .problem-takeaway{margin-bottom:8px}}

/* Compact spacing and justified disclaimer copy, with a continuous contract sentence. */
.footer-disclaimer>summary>.disclaimer-brief{line-height:1.5;text-align:justify;text-justify:inter-ideograph;text-align-last:left}
.disclaimer-preview-paragraph{margin-top:3px;text-wrap:wrap;text-align:justify;text-justify:inter-ideograph;text-align-last:left}
#problem .problem-end .problem-takeaway,#problem .problem-end .problem-conclusion{line-height:1.4}
#problem .problem-end .problem-takeaway{margin-bottom:4px}
@media(max-width:700px){#problem .problem-end .problem-takeaway,#problem .problem-end .problem-conclusion{line-height:1.5}#problem .problem-end .problem-takeaway{margin-bottom:4px}}

.footer-disclaimer>summary,.footer-disclaimer>summary>.disclaimer-brief{cursor:default}
.footer-disclaimer .disclaimer-toggle{cursor:pointer}

/* Client brands belong with the three strategic values, on the paper background. */
.brand-partners{border-top:1px solid #bfbfbd;margin-top:42px;padding-top:38px}
.partners-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px}
.partners-heading h3{font-size:32px;line-height:1.5;color:#222}
.partners-heading>p{font-size:16px;line-height:1.9;color:#707070;text-align:right;margin:0}
.partner-logo-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:20px;list-style:none;padding:0;margin:30px 0 0}
.partner-logo{display:flex;align-items:center;justify-content:center;min-width:0;height:142px;padding:4px;border:0;background:none}
.partner-logo img{display:block;width:100%;height:130px;max-width:145px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}
.partner-logo-compact img{width:82%;height:108px}
.partner-logo-large img{transform:scale(1.15)}
@media(min-width:701px) and (max-width:1000px){.partner-logo-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px}}
@media(max-width:700px){
.brand-partners{margin-top:32px;padding-top:30px}
.partners-heading{display:block}.partners-heading h3{font-size:27px}
.partners-heading>p{font-size:15px;text-align:left;margin-top:12px}
.partner-logo-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px;margin-top:24px}
.partner-logo{height:108px;padding:0}.partner-logo img{height:100px;max-width:125px}
.partner-logo-compact img{height:82px}.partner-logo:last-child:nth-child(3n + 1){grid-column:2}
}

/* Six balanced client marks; match the two lighter marks to the darker grayscale. */
.partner-logo-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}
.partner-logo img[src$="partner-world-gourmet.svg"],.partner-logo img[src$="partner-aplusboss.svg"]{filter:grayscale(1) brightness(.42) contrast(1.08)}
@media(min-width:701px) and (max-width:1000px){.partner-logo-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 35px}}
@media(max-width:700px){.partner-logo-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px}.partner-logo:last-child:nth-child(3n + 1){grid-column:auto}}

/* All four problem marks share one exact frame and one stroke language. */
.problem-grid .problem .mini-mark{position:absolute;top:22px;right:22px;width:28px;height:28px;display:grid!important;place-items:center;line-height:1;transform:none;color:#777}
.problem-grid .mini-mark svg{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.problem-grid .problem .mini-mark{top:22px;right:2px}}

/* Match the personal wordmark to ORBITEGY's Latin typography. */
.wordmark .brand-lockup{font-family:Arial,sans-serif;font-weight:400}

.partner-art{display:contents}
@media(max-width:700px){
.partner-logo img{image-rendering:auto;transform:none;will-change:auto;backface-visibility:visible}
.partner-logo-large img{width:115%;max-width:none;transform:none}
}

@media(max-width:700px){.partner-logo-large img{flex-shrink:0}}

/* Compact, stronger lettering; preserve every existing symbol size. */
.wordmark .brand-lockup{font-size:26px;font-weight:700;white-space:nowrap;flex-shrink:0;letter-spacing:-.6px}
@media(max-width:1050px){.wordmark .brand-lockup{font-size:24px}}
@media(max-width:700px){header .wordmark .brand-lockup,footer .wordmark .brand-lockup{font-size:22px;letter-spacing:-.4px}}

/* Read the ten disclosure clauses down the left column, then the right. */
@media(min-width:701px){
 .disclaimer-clauses{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column}
}

/* Retain the star field and orbital appearance while suspending off-screen work. */
.method:not(.motion-active)::before,.method:not(.motion-active)::after,.method:not(.motion-active) .orbit-node.active::before,.method:not(.motion-active) .orbit-core strong{animation-play-state:paused!important}
html.motion-suspended *,html.motion-suspended *::before,html.motion-suspended *::after{animation-play-state:paused!important}