:root{--paper:#f7f8f5;--ink:#29332e;--muted:#747f76;--line:#dce1d9;--accent:#56659e;--serif:Georgia,'Songti SC','STSong',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#dde2f3}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:default}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 100px));margin-inline:auto}.skip{position:fixed;top:-70px;left:15px;z-index:30;padding:12px;background:var(--ink);color:white}.skip:focus{top:15px}.site-header{position:sticky;top:0;z-index:10;background:#f7f8f5f5;backdrop-filter:blur(12px)}.header-inner{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:17px;letter-spacing:-.2px;font-weight:600}.brand-symbol{font-size:28px;color:var(--accent);font-weight:400;line-height:1}nav{display:flex;align-items:center;gap:32px;font-size:12px}nav a,nav button{padding:13px 0;min-height:44px}nav button{display:flex;gap:16px}nav a:hover,nav button:hover{color:var(--accent)}.menu-toggle{display:none}.hero{padding-top:62px;padding-bottom:69px}.hero-kicker{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.8px;color:#6e7a70}.small-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.kicker-en{font-size:9px;letter-spacing:1.1px;color:#91998f;margin-left:auto}h1{font-size:clamp(40px,4.9vw,68px);line-height:1.45;font-weight:450;letter-spacing:-2.9px;margin:33px 0 33px}.accent-word{color:var(--accent);font-family:var(--serif);font-weight:500}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.hero-intro{font-size:14px;line-height:1.95;color:#768074;margin:0}.hero-intro strong{color:var(--ink);font-weight:500}.explore{font-size:12px;display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #9ca8b8;padding:11px 0;margin-top:21px;color:var(--accent)}.explore>span{font-size:17px}.hero-side{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 17px;align-items:center;font-size:10px;letter-spacing:.6px;color:#838c80;padding-bottom:2px}.side-line{height:1px;background:var(--line);grid-column:1/3}.hero-signature{font:italic 29px var(--serif);color:var(--accent);text-align:right;letter-spacing:-2px}.section-heading{border-top:1px solid var(--line);padding-top:24px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2{margin:0;font-size:16px;font-weight:500;letter-spacing:.2px}.section-heading h2>span{font:italic 14px var(--serif);color:#8d9588;margin-left:15px}.section-count{font-size:10px;letter-spacing:1.5px;color:#7f8b7e}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.project{min-width:0}.project-cover{display:block;position:relative;width:100%;aspect-ratio:1.68;border-radius:3px;overflow:hidden;text-align:left;padding:25px;transition:filter .25s}.project-cover:hover{filter:brightness(.975)}.cover-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.25px}.cover-arrow{font-size:21px;line-height:1;transition:transform .25s}.project-cover:hover .cover-arrow{transform:translate(2px,-2px)}.cover-bottom{position:absolute;bottom:22px;left:25px;font-size:10px;letter-spacing:.3px}.cover-radar{background:#e0e6ee;color:#485d7f}.radar-word{display:block;font:43px/1.08 var(--serif);letter-spacing:-1.8px;margin-top:32px;position:relative;z-index:1}.radar-word em{font-weight:400}.radar-orbits{position:absolute;right:0;top:17%;width:52%;aspect-ratio:1}.radar-orbits>i{position:absolute;border:1px solid #a8b6cb;border-radius:50%;inset:0}.radar-orbits>i:nth-child(2){inset:17%}.radar-orbits>i:nth-child(3){inset:34%}.radar-orbits>b{position:absolute;left:47%;top:14%;width:8px;height:8px;border-radius:50%;background:#6176a0;box-shadow:0 0 0 6px #e0e6ee}.cover-salon{background:#e9e9df;color:#626c4b}.salon-word,.flow-word{display:block;font-size:29px;font-weight:450;letter-spacing:-1px;line-height:1.65;margin-top:29px;position:relative;z-index:1}.salon-word em,.flow-word em{font-family:var(--serif);font-style:normal}.salon-circles{position:absolute;right:18px;bottom:-20px;width:215px;height:180px;transform:rotate(-24deg)}.salon-circles>i{position:absolute;width:100px;height:100px;border:1px solid #acb596;border-radius:50%}.salon-circles>i:first-child{left:0;top:0}.salon-circles>i:nth-child(2){left:78px;top:0}.salon-circles>i:last-child{left:39px;top:68px}.cover-flow{background:#dfe8df;color:#456b55}.flow-word{font-size:28px;margin-top:27px}.flow-diagram{position:absolute;right:24px;bottom:73px;display:flex;align-items:center;opacity:.85}.flow-diagram>i{display:grid;place-items:center;width:29px;height:29px;border:1px solid #829c88;border-radius:5px;font-style:normal;font-size:22px}.flow-diagram>span{width:23px;height:1px;background:#829c88}.flow-diagram>i:nth-of-type(2){width:42px;height:42px;background:#c2d3c1;border:0}.cover-web{background:#e9e3e7;color:#786276}.web-word{display:block;font:38px/1.25 var(--serif);letter-spacing:-1.2px;margin-top:37px;position:relative;z-index:1}.web-word em{font-weight:400}.web-cursor{position:absolute;right:39px;bottom:34px;font-size:67px;font-family:var(--serif);font-weight:400;color:#b29cb1}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.project-caption h3{font-size:15px;font-weight:500;margin:0;line-height:1.7}.project-caption h3 button{padding:0;text-align:left;min-height:30px}.project-caption h3 button:hover{color:var(--accent)}.project-caption>span{font-size:9px;color:var(--muted);white-space:nowrap}.project>p{margin:5px 0 0;font-size:12px;line-height:1.9;color:var(--muted)}.about{margin-top:95px;border-top:1px solid var(--line);padding:50px 0 64px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.section-small{font-size:9px;color:#838d80;letter-spacing:1.5px}.about h2{font-size:30px;font-weight:450;line-height:1.75;letter-spacing:-1px;margin-top:22px}.about-copy p{font-size:13px;color:var(--muted);line-height:2.15;margin:0 0 19px}.about-copy .about-lead{color:var(--ink);font-size:14px;margin-bottom:17px}.about-note{display:flex;align-items:center;gap:9px;padding-top:10px;font-size:10px;color:var(--accent)}.optional-portrait{width:140px;height:170px;margin-top:20px;border-radius:3px;overflow:hidden}.optional-portrait img{width:100%;height:100%;object-fit:cover}.contact-section{border-top:1px solid var(--line);padding-block:53px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-section h2{font-size:32px;font-weight:450;letter-spacing:-1px;line-height:1.65;margin:20px 0 15px}.contact-section p{font-size:12px;color:var(--muted);line-height:1.9}.contact-circle{border:1px solid #b5bfcd;border-radius:50%;width:126px;height:126px;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--accent);transition:background .2s;flex-shrink:0}.contact-circle:hover{background:#e0e6ee}.contact-circle>span:first-child{font-size:12px}.contact-circle>span:last-child{font-size:28px}footer{border-top:1px solid var(--line);padding-block:28px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:13px}footer .brand-symbol{font-size:23px}footer>span,footer>a:last-child{font-size:10px;color:#8b9387}.site-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;padding:29px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #202c3126}.site-dialog::backdrop{background:#23313680;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.eyebrow{font-size:10px;letter-spacing:1px}.muted{color:var(--muted)}.close-dialog{width:44px;height:44px;border-radius:50%;background:#e8ece6;font-size:25px}.site-dialog h2{font-size:25px;font-weight:500;line-height:1.5;margin-top:22px}.dialog-lead,#contact-context{font-size:14px;line-height:1.9;color:#6c786c}.site-dialog ul{padding-left:19px;margin-block:25px}.site-dialog li{font-size:13px;line-height:1.9;margin-bottom:13px}.dialog-note{font-size:11px;color:var(--muted);line-height:1.9}.dialog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:12px;min-height:46px;padding:13px 19px;border-radius:3px}.primary{background:var(--accent);color:white}.primary:hover{background:#46568e}.text-button{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--accent);padding-block:12px}.qr-area{padding:25px;border:1px solid var(--line);text-align:center;margin-top:23px;border-radius:3px;background:#eef0eb}.contact-monogram{height:70px;width:70px;margin:auto;background:#dce3ee;color:var(--accent);display:grid;place-items:center;font:40px var(--serif);border-radius:50%}.qr-area>p{font-size:14px}.qr-area>span{display:block;font-size:11px;line-height:1.8;color:var(--muted)}.qr-area>img{display:block;width:100%;max-width:220px;margin:auto;height:auto}.wechat-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;overflow-wrap:anywhere;font-size:13px}.contact-dialog>.text-button{display:flex}.copy-status{font-size:12px;color:#486947;min-height:20px}body.dialog-open{overflow:hidden}
@media(min-width:1450px){.hero{padding-top:80px;padding-bottom:82px}h1{font-size:72px}.project-cover{aspect-ratio:1.72}}
@media(max-width:1050px){.wrap{width:calc(100% - 72px)}.hero{padding-top:45px}h1{font-size:54px;letter-spacing:-2px}.project-cover{padding:21px;aspect-ratio:1.5}.cover-bottom{left:21px;bottom:20px;font-size:9px}.radar-word{font-size:38px;margin-top:31px}.salon-word,.flow-word{font-size:25px;margin-top:30px}.web-word{font-size:31px;margin-top:37px}.salon-circles{right:-55px}.flow-diagram{right:15px;bottom:65px;transform:scale(.8);transform-origin:right}.project-caption{gap:8px}.project-caption h3{font-size:14px}.project-caption>span{font-size:8px}.project-grid{gap:33px 23px}.hero-side{font-size:9px;gap:8px 11px}.about{gap:35px}}
@media(max-width:700px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.header-inner{height:80px}.brand{font-size:16px;gap:9px}.brand-symbol{font-size:26px}.menu-toggle{display:flex;align-items:center;gap:18px;padding:12px 0;min-height:44px;font-size:11px}.menu-toggle>span{font-size:21px}nav{display:none;position:absolute;top:80px;left:0;right:0;padding:15px 20px 22px;background:var(--paper);border-bottom:1px solid var(--line);gap:8px}nav.open{display:flex;flex-direction:column;align-items:stretch}nav a,nav button{padding:13px 0}.hero{padding-top:37px;padding-bottom:45px}.hero-kicker{font-size:10px;letter-spacing:.3px}.kicker-en{font-size:7px;letter-spacing:.5px}h1{font-size:clamp(34px,6.7vw,46px);line-height:1.6;letter-spacing:-1.4px;margin:25px 0 24px}.hero-bottom{gap:25px;align-items:start}.hero-intro{font-size:12px;line-height:2}.hero-side{display:none}.explore{font-size:11px;margin-top:15px;padding-block:10px;gap:25px}.section-heading{padding-top:21px;margin-bottom:22px}.section-heading h2{font-size:14px}.section-heading h2>span{font-size:12px;margin-left:10px}.section-count{font-size:9px}.project-grid{grid-template-columns:1fr;gap:30px}.project-cover{aspect-ratio:1.65;padding:23px}.cover-top{font-size:8px}.cover-bottom{left:23px;bottom:20px;font-size:10px}.radar-word{font-size:41px;margin-top:25px}.salon-word,.flow-word{font-size:27px;margin-top:24px}.web-word{font-size:34px;margin-top:28px}.salon-circles{right:-12px;width:185px;height:150px;transform:scale(.85) rotate(-24deg);transform-origin:bottom right}.flow-diagram{bottom:65px;right:20px;transform:scale(.85)}.project-caption{margin-top:13px}.project-caption h3{font-size:15px}.project-caption>span{font-size:9px}.project>p{font-size:11px;margin-top:3px}.about{margin-top:55px;padding-top:35px;padding-bottom:40px;grid-template-columns:1fr;gap:18px}.about h2{font-size:28px;margin-top:16px;margin-bottom:0;line-height:1.65}.about h2 br{display:none}.about-copy p{font-size:12px}.about-copy .about-lead{font-size:13px}.about-note{font-size:10px}.contact-section{padding-block:38px 40px;gap:15px}.contact-section h2{font-size:26px;margin-top:16px;letter-spacing:-.7px}.contact-section p{font-size:11px;max-width:240px}.contact-circle{width:80px;height:80px;gap:6px}.contact-circle>span:first-child{font-size:10px}.contact-circle>span:last-child{font-size:22px}.section-small{font-size:8px;letter-spacing:1px}footer{flex-wrap:wrap;padding-block:24px;gap:18px}footer .brand{font-size:12px}footer>span{order:3;width:100%;font-size:9px}footer>a:last-child{font-size:9px}.site-dialog{padding:22px}.site-dialog h2{font-size:23px}.wechat-row{gap:12px}.dialog-top .eyebrow{font-size:9px}}
@media(max-width:370px){.wrap{width:calc(100% - 36px)}h1{font-size:31px;letter-spacing:-1px}.kicker-en{display:none}.project-cover{aspect-ratio:1.4}.cover-bottom{font-size:9px}.flow-diagram{right:11px;transform:scale(.75)}.contact-section h2{font-size:23px}.contact-circle{width:66px;height:66px;gap:3px}.project-caption>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:700px){.accent-word{display:block}}
/* 蓝野个人品牌版：以参考包的信息层级重新设计，保持无运行依赖。 */
:root{--paper:#f4f8fc;--ink:#20294b;--muted:#717e97;--line:#dbe5f1;--accent:#3987cc}
body{background:linear-gradient(180deg,#f4f8fc 0%,#f7faff 46%,#fff 80%)}.wrap{width:min(1120px,calc(100% - 80px))}.site-header{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 48px));background:#ffffffb8;border:1px solid #ffffff;box-shadow:0 5px 30px #263d6810;backdrop-filter:blur(18px);border-radius:24px;z-index:10}.header-inner{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{font-size:16px;font-weight:550}.brand-symbol{color:#528bb9;font-size:27px}nav{gap:27px;color:#596782;font-size:12px}nav a,nav button{min-height:44px;display:inline-flex;align-items:center;gap:10px}nav button{color:var(--accent)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;min-height:800px;min-height:max(750px,100svh);padding:145px 30px 100px;overflow:hidden;text-align:center}.hero-content{position:relative;z-index:1}.hero-kicker{font-size:9px;letter-spacing:2.5px;color:#6e93b0;display:block;margin:0 0 29px}.hero h1{font-size:clamp(48px,5.5vw,79px);line-height:1.35;letter-spacing:-2.3px;font-weight:550;margin:0}.hero .accent-word{font-family:inherit;font-weight:550;color:#3c9cd2;background:linear-gradient(105deg,#4184d8,#3fb7c2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-name{font-size:18px;font-weight:450;color:#627491;letter-spacing:3px;margin:28px 0 19px}.hero-intro{font-size:13px;line-height:1.95;color:#6f819a;margin:0}.hero-actions{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:29px}.button{min-height:46px;padding:13px 21px;font-size:12px;border-radius:50px;gap:22px}.primary{background:#283654;color:#fff;box-shadow:0 5px 15px #314d7212}.primary:hover{background:#3c547c}.secondary{background:#ffffffa6;border:1px solid #cfdeee;color:#5d7493}.secondary:hover{background:#fff}.scroll-cue{position:absolute;bottom:29px;display:flex;flex-direction:column;gap:10px;align-items:center;font-size:9px;letter-spacing:1px;color:#8599b1;min-width:80px;min-height:44px}.scroll-cue>span{font-size:17px}.paths{padding-top:50px;padding-bottom:90px}.center-heading{text-align:center;margin-bottom:46px}.section-small{font-size:9px;letter-spacing:2px;color:#6b9ac0}.center-heading h2{font-size:32px;letter-spacing:-.8px;font-weight:550;margin:16px 0 11px}.center-heading p{font-size:12px;color:var(--muted);line-height:1.8}.path-grid{display:grid;grid-template-columns:1fr 1fr;position:relative;max-width:1000px;margin:auto}.path-card{display:block;text-align:left;padding:35px 48px 39px;min-height:188px;transition:background .2s;position:relative}.path-card:hover{background:#eaf2fb88}.path-card:nth-child(1),.path-card:nth-child(2){border-bottom:1px solid var(--line)}.path-card:nth-child(odd){border-right:1px solid var(--line)}.path-number{font-size:8px;letter-spacing:1.2px;color:#88a0b8}.path-card h3{display:flex;align-items:center;justify-content:space-between;font-size:21px;font-weight:500;letter-spacing:-.3px;margin:14px 0 11px;gap:15px}.path-card h3>span{font-size:18px;color:#80a4c6}.path-card p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.path-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#f5f9fe;border:1px solid #dbe7f4;box-shadow:0 5px 20px #6189bd10;font:italic 22px var(--serif);color:#7d9bbb;pointer-events:none}.projects{padding-top:30px}.section-heading{border-top:0;margin-bottom:30px}.section-heading h2{font-size:22px;font-weight:500}.section-heading h2>span{font:10px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;letter-spacing:.5px;color:#8797ac}.section-count{color:#91a5ba}.project-grid{gap:42px 28px}.project-cover{border-radius:16px;border:1px solid #e2eaf3;padding:25px;box-shadow:0 9px 25px #3c609207;aspect-ratio:1.7}.cover-radar{background:#e8f0fb;color:#386596}.cover-salon{background:#edf3f5;color:#52798c}.cover-flow{background:#e9f2f0;color:#4f7d79}.cover-web{background:#edf0f9;color:#6677a1}.cover-top{font-size:8px;letter-spacing:1.3px}.cover-arrow{color:#7e9dbc}.radar-orbits>i{border-color:#b5cce5}.radar-orbits>b{background:#7ba8d7;box-shadow:0 0 0 6px #e8f0fb}.salon-circles>i{border-color:#b1cbd6}.flow-diagram>i{border-color:#a8c8c3}.flow-diagram>span{background:#a8c8c3}.flow-diagram>i:nth-of-type(2){background:#cfe2de}.web-cursor{color:#b0bedc}.project-caption h3{font-size:15px}.project-caption>span{color:#8595a6}.project>p{color:#7b8ba2}.about{border-color:var(--line);margin-top:100px;padding-top:60px;padding-bottom:70px}.about h2{font-weight:500;color:#2b3f60}.about-copy p{color:#72839b}.about-note{color:#6c95b8}.contact-section{border-color:var(--line);padding-block:60px 75px}.contact-section h2{font-size:34px;font-weight:500;color:#2b3f60}.contact-section p{color:#7b8ba2}.contact-circle{width:120px;height:120px;border:1px solid #d3e1f0;color:#4d8bb9;background:#f4f9ff}.contact-circle:hover{background:#e7f2fc}.site-dialog{background:#fff;border-color:#e1eaf4;border-radius:18px;box-shadow:0 30px 100px #223c621c}.site-dialog::backdrop{background:#24365455;backdrop-filter:blur(7px)}.close-dialog{background:#f0f5fa;color:#667d9d}.dialog-lead,#contact-context{color:#74869f}.dialog-note{color:#7b8da4}.qr-area{background:#f5f9ff;border-color:#deebf7;border-radius:13px}.contact-monogram{background:#e1edf9;color:#598fb5}.text-button{color:#498ac0}.site-dialog li{color:#60738e}footer{border-color:var(--line)}footer>span,footer>a:last-child{color:#8b9ab0}
@media(min-width:1450px){.hero{padding-top:150px;padding-bottom:110px}.hero h1{font-size:82px}}
@media(max-width:1000px){nav{gap:21px}.header-inner{padding-inline:22px}.hero h1{font-size:65px}.hero{min-height:780px}.path-card{padding-inline:32px}}
@media(max-width:700px){html{scroll-padding-top:110px}.wrap{width:calc(100% - 40px)}.site-header{top:12px;width:calc(100% - 24px);border-radius:20px}.header-inner{height:62px;padding-inline:20px}.brand{font-size:14px;gap:8px}.brand-symbol{font-size:24px}.menu-toggle{font-size:11px;gap:14px}.site-header nav{top:74px;left:-1px;right:-1px;padding:12px 21px 19px;background:#fcfefff5;border:1px solid #e1eaf3;box-shadow:0 12px 25px #31517a0c;border-radius:17px;backdrop-filter:blur(18px)}nav a,nav button{font-size:13px;padding:12px 0;display:flex;align-items:center;min-height:44px}.hero{min-height:740px;min-height:max(700px,100svh);padding:130px 19px 100px}.hero-kicker{font-size:7px;letter-spacing:1.5px;margin:0 0 25px}.hero h1{font-size:clamp(34px,8.8vw,49px);line-height:1.45;letter-spacing:-1.2px;margin:0}.hero .accent-word{display:inline}.hero-name{font-size:16px;letter-spacing:2px;margin:27px 0 18px}.hero-intro{font-size:11px;line-height:2}.hero-actions{gap:10px;margin-top:25px}.hero .button{min-height:44px;padding:12px 17px;font-size:11px;gap:17px}.scroll-cue{bottom:29px;font-size:8px}.paths{padding-top:38px;padding-bottom:50px}.center-heading{margin-bottom:26px}.center-heading h2{font-size:25px;margin:14px 0 9px}.center-heading p{font-size:11px}.section-small{font-size:8px;letter-spacing:1.7px}.path-grid{grid-template-columns:1fr;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#ffffff50}.path-card{padding:23px 24px;min-height:141px;border:0!important}.path-card+.path-card{border-top:1px solid var(--line)!important}.path-card h3{font-size:18px;margin:11px 0 8px}.path-number{font-size:7px;letter-spacing:1px}.path-card p{font-size:10px}.path-center{display:none}.projects{padding-top:17px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:18px}.section-heading h2>span{display:block;margin:7px 0 0;font-size:9px}.section-count{font-size:9px}.project-grid{gap:29px}.project-cover{border-radius:13px;aspect-ratio:1.55;padding:23px}.cover-top{font-size:7px}.project-caption h3{font-size:14px}.project>p{font-size:11px}.about{margin-top:57px;padding-top:38px;padding-bottom:38px;gap:21px}.about h2{font-size:25px;margin-top:17px}.about-copy .about-lead{font-size:13px}.contact-section{padding-block:40px 47px;gap:18px}.contact-section h2{font-size:26px;line-height:1.65;letter-spacing:-.6px}.contact-circle{width:80px;height:80px;gap:9px}.contact-circle>span:first-child{font-size:10px}.contact-circle>span:last-child{font-size:21px}.site-dialog{padding:23px;border-radius:17px}.site-dialog h2{font-size:23px}footer{padding-block:24px}footer .brand{font-size:12px}footer>span{font-size:9px}}
@media(max-width:370px){.hero h1{font-size:31px;letter-spacing:-1px}.hero-kicker{font-size:6px}.hero .button{padding-inline:14px;gap:12px}.contact-section h2{font-size:23px}.contact-circle{width:66px;height:66px;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hero .hero-content{animation:hero-appear .9s ease-out both}@keyframes hero-appear{from{opacity:.15;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}.motion-paused .hero-content{animation:none}.site-header{transition:box-shadow .3s,background .3s}.site-header.is-scrolled{background:#ffffffeb;box-shadow:0 8px 28px #263d6814}nav a[aria-current="location"]{color:#2e83c8}.reading-progress{position:absolute;bottom:-1px;left:22px;right:22px;height:2px;overflow:hidden}.reading-progress:after{content:"";display:block;width:100%;height:100%;transform:scaleX(var(--read-progress,0));transform-origin:left;background:#8bbcdf}.reveal-item{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal-pending{opacity:0;transform:translateY(22px)}.motion-paused .reveal-item{transition:none;opacity:1;transform:none}.project-cover{transition:transform .35s,box-shadow .35s,filter .25s}.project-cover:hover{transform:translateY(-4px);box-shadow:0 16px 35px #31598412}.project-cover .radar-orbits,.project-cover .salon-circles,.project-cover .flow-diagram,.project-cover .web-cursor{transition:transform .5s ease}.cover-radar:hover .radar-orbits{transform:rotate(12deg)}.cover-web:hover .web-cursor{transform:translate(-6px,-6px)}.path-card h3>span{transition:transform .25s}.path-card:hover h3>span{transform:translate(3px,-3px)}.site-dialog[open]{animation:dialog-appear .22s ease-out}@keyframes dialog-appear{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.journey{padding-top:90px}.journey .center-heading h2{font-size:29px}.journey-workspace{border:1px solid #dfe9f4;border-radius:22px;background:#ffffffa6;box-shadow:0 15px 50px #305b8a07;padding:35px 40px 20px}.journey-tabs{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:28px}.journey-tabs>button{padding:14px 20px;border-radius:12px;min-height:48px;font-size:14px;color:#788ca7;display:flex;align-items:center;gap:14px;transition:background .25s,color .25s}.journey-tabs>button>span{font-size:9px;letter-spacing:1px;color:#8cacc8}.journey-tabs>button[aria-selected="true"]{background:#e7f2ff;color:#2b70ac}.journey-tabs>i{font-style:normal;color:#b2c7d9}.journey-panel{min-height:265px;display:grid;grid-template-columns:1.4fr 1fr;gap:45px;align-items:center;padding-block:36px}.stage-kicker{font-size:9px;letter-spacing:1.5px;color:#7398bb}.journey-panel h3{font-size:23px;line-height:1.5;font-weight:500;margin:18px 0 15px;letter-spacing:-.5px}.journey-panel p{font-size:13px;line-height:2;color:#72839b;max-width:520px;margin-bottom:23px}.stage-output{display:inline-block;font-size:10px;background:#eef5fa;border:1px solid #e2ecf4;padding:8px 12px;border-radius:6px;color:#7595af}.stage-visual{position:relative;height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#759fc3}.stage-visual b{font-size:65px;font-weight:400;z-index:1;line-height:1.3}.stage-visual>span:last-child{font-size:8px;letter-spacing:2px;margin-top:10px;z-index:1}.stage-orbit{position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid #d7e5f4}.stage-orbit:nth-child(2){width:135px;height:135px;background:#edf5fd;border:1px solid #e1ecf7}.journey-panel[data-stage="1"] .stage-orbit{border-radius:23%;transform:rotate(15deg)}.journey-panel[data-stage="2"] .stage-orbit{border-color:#cce2da;background:#edf6f244}.journey-panel[data-stage="3"] .stage-orbit{border-color:#d7dff2;background:#f0f2f944}.journey-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e6edf6;padding-top:12px}.journey-footer>span{font-size:9px;color:#8b9cb0}.journey-footer .text-button{font-size:11px}.motion-toggle{position:fixed;right:21px;bottom:18px;z-index:8;font-size:9px;color:#7189a2;background:#ffffffd9;border:1px solid #dfebf5;border-radius:50px;padding:12px 15px;min-height:42px;box-shadow:0 3px 16px #395d8009;backdrop-filter:blur(10px)}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused .project-cover:hover{transform:none}
@media(max-width:700px){.journey{padding-top:60px}.journey .center-heading h2{font-size:23px;line-height:1.6;max-width:300px;margin-inline:auto}.journey-workspace{padding:20px 18px 12px;border-radius:17px}.journey-tabs{gap:2px;padding-bottom:18px}.journey-tabs>button{padding:10px 9px;min-height:46px;font-size:12px;gap:5px;flex-direction:column}.journey-tabs>button>span{font-size:7px}.journey-tabs>i{font-size:10px}.journey-panel{grid-template-columns:1fr;gap:0;padding-block:25px 15px;min-height:350px}.journey-panel h3{font-size:20px;line-height:1.6;margin-top:14px}.journey-panel p{font-size:12px;line-height:2;margin-bottom:18px}.stage-visual{height:135px}.stage-visual b{font-size:40px}.stage-visual>span:last-child{font-size:7px}.stage-orbit{height:120px;width:120px}.stage-orbit:nth-child(2){width:85px;height:85px}.journey-footer{flex-direction:column;gap:2px;align-items:start;padding-top:15px}.journey-footer>span{font-size:8px}.journey-footer .text-button{min-height:44px}.motion-toggle{font-size:8px;right:12px;bottom:12px;padding:10px 12px}.hero .hero-content{animation-duration:.65s}.reveal-pending{transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){.hero-content,.site-dialog{animation:none!important}.reveal-item{opacity:1;transform:none;transition:none!important}.project-cover:hover{transform:none}}
/* 蓝野的灵感生长图：开放的曲线路径、纸张说明和暖色种子。 */
.lan-mark{width:30px;height:32px;display:inline-flex}.lan-mark svg{width:100%;height:100%;fill:none;stroke:#507d99;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.field-eyebrow{color:#7a91a5}.journey .center-heading h2{font-weight:450;font-size:31px;letter-spacing:-.9px}.growth-workspace{padding:26px 32px 15px;background:#fdfdfbf2;border:1px solid #e0e6e8;border-radius:20px;box-shadow:0 15px 50px #536b8208;overflow:hidden}.growth-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid #e7ebec}.growth-heading>span:first-child{display:flex;align-items:center;gap:10px;font-size:12px;color:#5f7687}.growth-heading>span:last-child{font-size:8px;color:#94a3aa;letter-spacing:1.7px}.seed-mark{display:inline-block;width:7px;height:10px;border-radius:70% 30% 65% 35%;background:#d4a67c;transform:rotate(30deg)}.growth-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:42px;align-items:center;padding-block:27px 18px}.growth-workspace .journey-panel{display:block;min-height:355px;padding:25px 25px 20px;background:#f2f5f4;border:1px solid #e4e9e7;border-radius:4px 18px 18px 18px;position:relative;align-self:center}.growth-workspace .journey-panel h3{font-size:24px;line-height:1.6;margin:22px 0 14px;letter-spacing:-.7px}.growth-workspace .journey-panel p{font-size:12px;line-height:2.15;margin-bottom:24px;color:#72818b}.stage-label{display:flex;align-items:center;gap:11px;color:#7e96a8;margin-bottom:24px}.stage-label>b{font-size:25px;font-weight:400;line-height:1}.stage-label>span{font-size:7px;letter-spacing:2px}.growth-workspace .stage-kicker{font-size:8px;letter-spacing:1px;color:#94a2a7}.growth-workspace .stage-output{font-size:9px;color:#687f83;background:#e8efed;border-color:#dce5e1;margin-bottom:35px;line-height:1.8}.stage-page{position:absolute;bottom:20px;right:24px;color:#a1adb1;font-size:8px;letter-spacing:2px}.stage-page>b{font-weight:450;color:#778e9f}.growth-map{position:relative;aspect-ratio:600/440;width:100%;isolation:isolate;background-image:radial-gradient(#c4d5da88 .75px,transparent .75px);background-size:22px 22px;border-radius:12px}.map-coordinate{position:absolute;left:12px;top:10px;font-size:6px;letter-spacing:1.5px;color:#9aafb5;white-space:nowrap}.growth-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1}.growth-baseline{fill:none;stroke:url(#growth-ink);stroke-width:1.5;opacity:.7}.growth-traveler{fill:none;stroke:#d6a274;stroke-width:5;stroke-linecap:round;stroke-dasharray:.7 99.3;animation:seed-travel 14s linear infinite}.growth-return{fill:none;stroke:#b8c5bb;stroke-width:1;stroke-dasharray:3 6;opacity:.65}.map-star{fill:#a9c7cd;opacity:.6}.journey-tabs.map-tabs{position:absolute;inset:0;display:block;border:0;padding:0;margin:0;gap:0}.map-tabs .growth-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:0;justify-content:start;transform:translate(-50%,-34px);padding:0;width:148px;min-height:0;color:#7891a0;border-radius:12px;background:transparent}.map-tabs .growth-node:focus-visible{outline-offset:9px}.map-tabs .node-icon{display:grid;place-items:center;position:relative;width:68px;height:68px;border:1px solid #d8e3e6;border-radius:17px;background:#fdfefd;box-shadow:0 5px 12px #46617608;color:#718e9d;transition:transform .35s,background .35s,box-shadow .35s}.map-tabs .node-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.map-tabs .node-caption{display:flex;flex-direction:column;gap:5px;align-items:center;margin-top:12px;letter-spacing:0;white-space:nowrap}.node-caption small{font-size:7px;font-weight:400;color:#8da0aa;letter-spacing:.6px}.node-caption b{font-size:11px;font-weight:450;color:#687e8b;line-height:1.4}.map-tabs .growth-node:hover .node-icon{transform:translateY(-4px);box-shadow:0 10px 20px #4661760d}.map-tabs .growth-node[aria-selected="true"]{color:#fff;background:transparent}.map-tabs .growth-node[aria-selected="true"] .node-icon{background:#527d98;color:#fff;border-color:#527d98;box-shadow:0 7px 20px #4b76972b}.map-tabs .growth-node[aria-selected="true"] .node-icon:after{content:"";position:absolute;inset:-7px;border:1px solid #b8cfd9;border-radius:23px;animation:node-breathe 3s ease-in-out infinite}.map-tabs .growth-node[aria-selected="true"] .node-caption b{color:#466d86}.map-tabs .growth-node[aria-selected="true"] .node-caption small{color:#a17d59}.node-observe{left:15%;top:64.09%}.node-understand{left:38%;top:24.09%}.node-express{left:70%;top:42.05%}.node-keep{left:84%;top:77.95%}.map-signature{position:absolute;left:35%;top:63%;font:italic 31px var(--serif);letter-spacing:-1.5px;color:#b3bfc0;pointer-events:none}.map-signature small{display:block;font:5px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:1.1px;color:#9fafb2;margin-top:9px}.growth-workspace[data-active-stage="1"] .journey-panel{background:#eff4f7;border-color:#e0e8ed}.growth-workspace[data-active-stage="2"] .journey-panel{background:#f7f3ed;border-color:#eae2d6}.growth-workspace[data-active-stage="3"] .journey-panel{background:#eff4ed;border-color:#dfe8da}.growth-workspace[data-active-stage="2"] .growth-node[aria-selected="true"] .node-icon{background:#ab8664;border-color:#ab8664}.growth-workspace[data-active-stage="3"] .growth-node[aria-selected="true"] .node-icon{background:#728c6d;border-color:#728c6d}.growth-workspace .journey-footer{border-color:#e7ebec}.growth-workspace .journey-footer>span{color:#8b9da5}.growth-workspace .text-button{color:#69899c}.map-outside .growth-traveler,.map-outside .node-icon:after,.motion-paused .growth-traveler,.motion-paused .node-icon:after{animation-play-state:paused!important}@keyframes seed-travel{to{stroke-dashoffset:-100}}@keyframes node-breathe{0%,100%{opacity:.35;transform:scale(.98)}50%{opacity:.8;transform:scale(1.025)}}
@media(max-width:1000px){.growth-layout{gap:23px;grid-template-columns:.85fr 1.15fr}.growth-workspace{padding-inline:23px}.growth-workspace .journey-panel{padding-inline:21px}.growth-workspace .journey-panel h3{font-size:21px}.map-tabs .growth-node{width:122px;transform:translate(-50%,-28px)}.map-tabs .node-icon{width:56px;height:56px;border-radius:14px}.map-tabs .growth-node[aria-selected="true"] .node-icon:after{border-radius:20px}.node-caption b{font-size:10px}.map-coordinate{font-size:5px;letter-spacing:.8px}.map-signature small{font-size:4px}}
@media(max-width:700px){.journey .center-heading h2{font-size:25px;line-height:1.6;max-width:310px}.journey .center-heading p{font-size:11px;line-height:1.9;max-width:305px;margin-inline:auto}.growth-workspace{padding:21px 18px 13px;border-radius:17px}.growth-heading{padding-bottom:17px;gap:10px}.growth-heading>span:first-child{font-size:11px}.growth-heading>span:last-child{font-size:6px;letter-spacing:1.1px}.growth-layout{display:flex;flex-direction:column-reverse;gap:24px;padding-block:19px}.growth-map{width:100%;margin-top:5px;aspect-ratio:600/465}.map-coordinate{left:4px;top:5px;font-size:4px}.map-tabs .growth-node{width:100px;transform:translate(-50%,-24px)}.map-tabs .node-icon{width:48px;height:48px;border-radius:13px}.map-tabs .node-icon svg{width:23px;height:23px}.map-tabs .node-caption{margin-top:10px;gap:3px}.node-caption small{font-size:6px}.node-caption b{font-size:9px}.map-tabs .growth-node[aria-selected="true"] .node-icon:after{inset:-5px;border-radius:18px}.map-signature{font-size:23px;left:33%;top:64%}.map-signature small{font-size:4px;letter-spacing:.6px}.growth-workspace .journey-panel{min-height:300px;width:100%;padding:21px 22px 25px;align-self:auto}.growth-workspace .journey-panel h3{font-size:22px;margin-top:19px}.growth-workspace .journey-panel p{font-size:12px;line-height:2;margin-bottom:20px}.stage-label{margin-bottom:19px}.growth-workspace .stage-output{font-size:9px;margin-bottom:30px}.stage-page{bottom:18px;font-size:7px}.growth-workspace .journey-footer{gap:3px}.growth-workspace .journey-footer>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.growth-traveler,.node-icon:after{animation:none!important}.map-tabs .growth-node:hover .node-icon{transform:none}}
.motion-paused{scroll-behavior:auto}
/* 首屏重新设计为开放的田野等高线，撤掉变形球及其立体渲染。 */
.hero-field{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.hero-field>svg{width:100%;height:100%;display:block}.field-lines path{fill:none;stroke:url(#field-line);stroke-width:.9;vector-effect:non-scaling-stroke}.field-seeds circle{fill:#c7a27e;opacity:.8}.field-seeds circle:nth-child(2){fill:#84a6a4;opacity:.65}.field-seeds circle:nth-child(3){fill:#6c91af;opacity:.6}.field-annotation{stroke:#a8becb;stroke-width:.7;fill:none}.field-annotation text{fill:#8ea4b2;stroke:none;font:7px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:1.8px}.hero .hero-content{padding-bottom:35px}.hero-name{color:#657e91}.hero .accent-word{background:none;-webkit-text-fill-color:initial;color:#527e98}.hero-kicker{color:#8a9b9d}.hero .primary{background:#42677e}.hero .primary:hover{background:#35576d}.hero .secondary{background:#ffffffc9;border-color:#dce5e7;color:#718b98}
@media(max-width:700px){.hero-field>svg{width:160%;max-width:none;margin-left:-30%}.field-lines path{stroke-width:.8;opacity:.75}.field-annotation{display:none}.hero .hero-content{padding-bottom:15px}.hero .hero-intro{background:#f4f8fc88;border-radius:8px}}

/* Approved A+B: terrain below, constellations at the sides, mist behind the copy. */
.hero{background:linear-gradient(130deg,#f1f6f8,#eaf1f7 65%,#f0f5f3)}.hero-fusion{display:none;position:absolute;inset:0;width:100%;height:100%}.fusion-ready .hero-fusion{display:block}.fusion-ready .hero-field>svg{display:none}.hero .hero-content{isolation:isolate}.hero-content:before{content:"";position:absolute;z-index:-1;left:50%;top:46%;width:850px;height:610px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at 42% 40%,#ffffffed 0%,#e1edf5cc 38%,#d7e6f280 58%,#eaf3f200 73%);filter:blur(20px);pointer-events:none}.hero h1{color:#2d465b;text-shadow:0 2px 24px #faffffb3}.hero .accent-word{color:#2d465b}.hero .hero-intro{background:none}.hero-kicker{color:#748c9a}.hero-name{color:#6b8595}
@media(max-width:700px){.hero-content:before{width:410px;height:490px;top:44%;filter:blur(15px)}}

/* One fixed viewport scene remains behind all sections while content scrolls. */
body{isolation:isolate;background:#eef4f7}.site-backdrop{position:fixed;inset:0;z-index:0;background:linear-gradient(130deg,#f1f6f8,#eaf1f7 65%,#f0f5f3)}.site-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#f7fafb85,transparent 65%);pointer-events:none}body>main,body>footer{position:relative;z-index:1}.hero{background:transparent}.path-grid{background:#f8fbfc78;border-radius:17px}.growth-workspace{background:#fdfdfbe8}.about-copy,.contact-section p{color:#607587}.project>p{color:#657c8e}.center-heading p{color:#657c8e}

/* Personal story and the four confirmed service directions. */
.hero h1 .accent-word{display:inline-block;font-weight:700;letter-spacing:2px;color:#355a73}.hero h1{font-size:clamp(48px,5.5vw,78px);font-weight:450}.hero-intro{max-width:540px;margin-inline:auto}.personal-about{margin-top:18px;padding:45px 0 54px;grid-template-columns:1.03fr 1fr;align-items:center;gap:65px}.profile-heading{display:flex;align-items:center;gap:25px;margin-top:23px}.personal-about .optional-portrait{flex-shrink:0;width:142px;height:142px;border-radius:50%;margin:0;background:#fff;border:5px solid #ffffffb3;box-shadow:0 8px 30px #53778e12}.personal-about .optional-portrait img{object-fit:contain;display:block}.personal-about h2{font-size:24px;line-height:1.65;letter-spacing:-.5px;margin:0}.personal-about h2 strong{font-weight:650;color:#416b85}.portrait-caption{font-size:9px;color:#8095a2;margin:13px 0 0;line-height:1.9}.personal-about .about-copy strong{font-weight:550;color:#44657b}.profile-links{margin:10px 0 15px}.profile-links .text-button{font-size:11px}.profile-links>span{font-size:10px;color:#7891a0;line-height:1.9}.profile-links small{display:block;color:#98a7ae;font-size:9px;margin-top:4px}.story{padding:34px 0 48px;border-top:1px solid var(--line)}.story .section-heading{padding-top:0;margin-bottom:30px}.story .section-heading h2{font-size:23px;line-height:1.6}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #cddce3;padding-top:24px}.story-grid article{position:relative;padding:0 24px 0 0;min-width:0}.story-grid article+article{padding-left:24px;border-left:1px solid #dae5e9}.story-index{font-size:8px;letter-spacing:1px;color:#859eab}.story-grid h3{font-size:16px;font-weight:500;color:#3d6077;margin:16px 0 10px}.story-grid p{font-size:11px;line-height:1.95;color:#748997;margin:0;max-width:230px}.service-shortcuts{display:flex;align-items:center;gap:25px;padding-top:12px;padding-bottom:48px}.service-shortcuts>.section-small{flex-shrink:0}.shortcut-links{display:flex;gap:12px;flex-wrap:wrap}.shortcut-links a{display:inline-flex;align-items:center;min-height:42px;border:1px solid #d8e4e9;background:#f8fbfbb3;border-radius:50px;font-size:10px;padding:10px 17px;color:#5c798c;transition:background .2s}.shortcut-links a:hover{background:#fff}.projects .section-heading h2{font-size:23px;line-height:1.6;font-weight:450}.projects .section-heading strong{font-weight:650;color:#416b85}.cover-consulting{background:#f1ece4;color:#8c7458}.consulting-word{display:block;position:relative;z-index:1;font-size:29px;font-weight:450;letter-spacing:-1px;line-height:1.65;margin-top:38px}.consulting-word em{font-style:normal}.consulting-lines{position:absolute;right:40px;top:75px;display:flex;flex-direction:column;gap:17px;transform:rotate(-23deg);opacity:.5}.consulting-lines i{display:block;width:95px;height:1px;background:#b9a58d}.consulting-lines i:nth-child(2){width:65px}.consulting-lines i:nth-child(3){width:35px}.project-media-note{display:block;font-size:9px;color:#8ea1ad;margin-top:10px;line-height:1.8}.project-media-placeholder{display:grid;place-items:center;min-height:120px;border:1px dashed #d6e2e8;background:#f5f9fb;border-radius:12px;margin:21px 0;color:#8aa0ad;font-size:11px;line-height:1.8;text-align:center;padding:18px}.project-media-placeholder.has-image{padding:0;border-style:solid;overflow:hidden}.project-media-placeholder img{display:block;width:100%;height:auto}.contact-dialog{width:min(540px,calc(100% - 32px))}.qr-area{background:white;padding:12px}.qr-area>img{max-width:300px}.contact-dialog #save-qr{justify-content:center;font-size:11px}.contact-dialog #qr-tip{margin-bottom:3px;text-align:center}.contact-dialog #contact-context{font-size:12px}.contact-dialog h2{margin-top:14px;margin-bottom:12px}
@media(max-width:1000px){.personal-about{gap:30px;grid-template-columns:1fr 1fr}.profile-heading{gap:18px}.personal-about .optional-portrait{width:110px;height:110px}.personal-about h2{font-size:20px}.service-shortcuts{align-items:start;flex-direction:column;gap:14px}.consulting-word{font-size:26px}.story-grid article{padding-right:17px}.story-grid article+article{padding-left:17px}}
@media(max-width:700px){.hero h1{font-size:clamp(40px,10vw,55px);line-height:1.4;letter-spacing:-1.2px}.hero h1 .accent-word{letter-spacing:2px;font-size:1.2em}.hero-intro{max-width:310px}.hero-kicker{font-size:8px}.personal-about{margin-top:0;padding-top:34px;padding-bottom:35px;grid-template-columns:1fr;gap:26px}.profile-heading{gap:19px;margin-top:20px}.personal-about .optional-portrait{width:108px;height:108px;border-width:4px}.personal-about h2{font-size:21px;line-height:1.7}.personal-about h2 br{display:initial}.portrait-caption{font-size:8px;margin-top:8px}.personal-about .about-copy p{font-size:12px}.story{padding:27px 0 34px}.story .section-heading{display:block;margin-bottom:24px}.story .section-heading h2{font-size:21px;max-width:290px}.story .section-count{display:block;margin-top:12px;font-size:8px}.story-grid{grid-template-columns:1fr 1fr;gap:25px 19px;padding-top:21px}.story-grid article,.story-grid article+article{padding:0;border:0}.story-grid h3{font-size:15px;line-height:1.6;margin-top:12px}.story-grid p{font-size:10px;line-height:1.95}.story-index{font-size:7px;letter-spacing:.5px}.service-shortcuts{padding-top:0;padding-bottom:31px;gap:12px}.shortcut-links{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}.shortcut-links a{font-size:9px;padding-inline:14px;justify-content:space-between}.projects .section-heading{align-items:start}.projects .section-heading h2{font-size:22px;max-width:245px}.projects .section-heading h2>span{font-size:8px}.projects .section-count{font-size:8px;margin-top:7px}.consulting-word{font-size:26px;margin-top:27px}.consulting-lines{right:20px;top:80px;opacity:.4}.project-media-note{font-size:8px;margin-top:7px}.qr-area{padding:8px}.qr-area>img{max-width:260px}.contact-section p{max-width:245px}}
@media(max-width:370px){.personal-about .optional-portrait{width:88px;height:88px}.profile-heading{gap:15px}.personal-about h2{font-size:19px}.portrait-caption{font-size:7px}.hero-intro{font-size:10px}.shortcut-links a{font-size:8px;padding-inline:12px}}

.story-grid{background:#f8fbfc70;border-radius:0 0 14px 14px;padding-bottom:23px}.story-grid article:first-child{padding-left:20px}.story-grid article:last-child{padding-right:20px}@media(max-width:700px){.story-grid{padding:21px 16px}.story-grid article:first-child,.story-grid article:last-child{padding:0}}

/* Keep the person visible; let visitors choose how deeply to read. */
.solo-statement{font-size:14px;line-height:1.9;letter-spacing:.6px;color:#6f8899;margin:0 0 18px}.solo-statement strong{font-weight:650;color:#385e76}.intro-fold{border-top:1px solid #d7e3e8;border-bottom:1px solid #d7e3e8;margin:17px 0 20px}.intro-fold summary,.history-fold summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px}.intro-fold summary::-webkit-details-marker,.history-fold summary::-webkit-details-marker{display:none}.intro-fold summary{padding:18px 0;font-size:15px;color:#43657b;font-weight:500}.intro-fold summary:focus-visible,.history-fold summary:focus-visible{outline:2px solid #648da6;outline-offset:6px;border-radius:6px}.fold-hint{display:flex;align-items:center;gap:16px;font-size:9px;color:#8197a5;font-weight:400;white-space:nowrap}.fold-hint i{position:relative;width:16px;height:16px;flex-shrink:0}.fold-hint i:before,.fold-hint i:after{content:"";position:absolute;background:#7290a3;left:3px;right:3px;top:7px;height:1px}.fold-hint i:after{transform:rotate(90deg);transition:transform .2s}.intro-fold[open] .fold-hint i:after,.history-fold[open] .fold-hint i:after{transform:rotate(0)}.intro-fold-body{padding:4px 0 8px}.personal-about .intro-fold-body p{font-size:12px;line-height:2.1}.story{padding-top:0;padding-bottom:35px;border-top:0}.history-fold{border:1px solid #d9e5e9;border-radius:15px;background:#f8fbfc8c;overflow:hidden}.history-fold summary{padding:23px 28px}.history-title h2{font-size:20px;color:#3c5d74;font-weight:500;line-height:1.5;margin:0}.history-title p{font-size:10px;color:#8297a4;margin:8px 0 0;line-height:1.8}.history-fold .story-grid{margin:0 28px 24px;padding-top:24px;border-radius:0 0 10px 10px;background:#ffffff6b}.when-open{display:none}.history-fold[open] .when-closed{display:none}.history-fold[open] .when-open{display:inline}
@media(max-width:700px){.solo-statement{font-size:11px;max-width:290px;margin:0 auto 17px;letter-spacing:.2px;line-height:1.95}.solo-statement strong{display:inline}.intro-fold summary{font-size:14px;padding:17px 0}.fold-hint{font-size:8px;gap:12px}.story{padding:0 0 28px}.history-fold summary{padding:20px 18px;gap:12px}.history-title h2{font-size:18px}.history-title p{font-size:9px}.history-fold .story-grid{margin:0 15px 18px;padding:20px 12px}.intro-fold{margin-bottom:16px}}

/* One personal navigation group, with two lightweight destinations. */
.nav-about{position:relative}.nav-about>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:13px 0;list-style:none;cursor:pointer;color:inherit;font-size:inherit}.nav-about>summary::-webkit-details-marker{display:none}.nav-about>summary>span{font-size:13px;color:#8ba1b1;transition:transform .2s}.nav-about[open]>summary>span{transform:rotate(180deg)}.nav-about>summary:focus-visible{outline:2px solid #648da6;outline-offset:5px;border-radius:4px}.nav-about[open]>summary,.nav-about:has(a[aria-current])>summary{color:#466f8d}.nav-about-menu{position:absolute;top:calc(100% + 10px);left:-18px;min-width:170px;padding:8px;border:1px solid #e0e9ee;border-radius:13px;background:#fafdfcf5;backdrop-filter:blur(16px);box-shadow:0 12px 30px #2d506018}.nav-about-menu a{display:flex;justify-content:space-between;gap:25px;padding:12px 13px;border-radius:8px;font-size:11px;min-height:44px;white-space:nowrap}.nav-about-menu a:hover{background:#eaf1f5}.nav-about-menu a>span{color:#9aadb8}
@media(max-width:700px){.nav-about{width:100%}.nav-about>summary{font-size:13px;justify-content:space-between;padding:12px 0}.nav-about-menu{position:static;min-width:0;margin:1px 0 8px;padding:5px 9px;background:#eff5f8b3;border-radius:10px;box-shadow:none;backdrop-filter:none}.nav-about-menu a{padding:12px 10px;font-size:12px}}

.project-caption h3>a{display:inline-flex;align-items:center;min-height:30px}.project-caption h3>a:hover{color:var(--accent)}.journey-footer>a{font-size:11px}.about-more{font-size:11px}.nav-about-menu a{font-size:11px}

/* Public site registration, shared by the homepage and detail pages. */
footer.wrap{flex-wrap:wrap}.site-registration{flex-basis:100%;text-align:center;padding:12px 0 4px;font-size:12px;color:#65778a}.site-registration a{color:inherit}.site-registration a:hover{text-decoration:underline}