:root{--green:#2FA344;--deep:#167A2F;--mint:#F1FAF2;--paper:#FFFDF8;--ink:#26323F;--muted:#667085;--line:#e6ece5;--sidebar:222px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f7f9f6;font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--green)}button{color:inherit}button:disabled{opacity:.5}img{display:block;width:100%;object-fit:cover}button,a{touch-action:manipulation}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:white;padding:14px}.skip:focus{top:15px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:32px 18px 22px;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:27px;padding:0 9px 35px}.ai{color:var(--green);margin-left:4px}.brand small{display:block;font-size:11px;color:#627269;font-weight:500;margin-top:4px}.brand-mark{display:grid;place-items:center;width:43px;height:47px;font-size:26px;border-radius:13px;background:var(--green);color:white;position:relative}.brand-mark span{position:absolute;right:-5px;top:-10px;color:#80ca64;font-size:19px}.nav-caption{color:#718078;font-size:11px;padding:0 15px;margin:0 0 13px}.nav-link{display:flex;gap:11px;align-items:center;padding:13px 14px;border-radius:9px;margin-bottom:6px;font-weight:600;font-size:14px;color:#59665e}.nav-link .icon{font-size:20px;width:23px;text-align:center;font-weight:400}.nav-link small{margin-left:auto;font-weight:400;font-size:11px}.nav-link.active{background:var(--green);color:white;box-shadow:0 6px 14px #2fa34420}.nav-link:hover:not(.active){background:var(--mint);color:var(--deep)}.nav-subtitle{font-size:11px;color:#768477;padding:21px 15px 10px}.nav-sub{display:flex;align-items:center;gap:10px;color:#53655a;padding:11px 17px;font-size:13px;border-radius:7px;margin:3px 0}.nav-sub:before{content:'';width:6px;height:6px;border-radius:50%;background:#bed3b9}.nav-sub.active{color:var(--deep);background:var(--mint);font-weight:700}.nav-sub.active:before{background:var(--green)}.sidebar-bottom{margin-top:auto;padding-top:24px}.sidebar-bottom>a{display:flex;justify-content:space-between;padding:12px 14px;font-size:12px;color:#52634e}.sidebar-note{padding:20px 15px;background:var(--mint);border:1px solid #e1efde;border-radius:12px;margin-top:18px;position:relative}.sidebar-note b{font-size:14px;line-height:1.8;font-weight:650;color:#295d32}.sidebar-note small{display:block;font-size:11px;color:#657b5e;margin-top:10px}.leaf{position:absolute;right:16px;top:14px;color:var(--green);font-size:28px}.workspace{margin-left:var(--sidebar)}header{height:83px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;gap:22px;background:#ffffffd9}.crumb{font-size:12px;color:#6d7971;white-space:nowrap}.crumb span{margin:0 14px;color:#aeb7b0}.crumb b{color:#2d4033;font-weight:600}.search{margin-left:auto;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:9px;background:#f3f6f2;border:1px solid #e5ebe2;width:300px}.search input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:12px;color:#334236}.search:focus-within{border-color:var(--green)}.search>span{font-size:20px;color:#5d735c;line-height:1}.search kbd{font-size:11px;color:#859280}.demo-pill{font-size:10px;padding:5px 8px;color:#596e54;border:1px solid #dce7d7;border-radius:6px;white-space:nowrap}.mobile-menu{display:none}main{max-width:1400px;margin:auto;padding:32px 38px 48px}.heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--deep);font-weight:700;display:flex;align-items:center;gap:7px}.eyebrow:before{content:'';width:6px;height:6px;background:var(--green);border-radius:50%}h1{font-size:32px;line-height:1.35;margin:10px 0 8px;letter-spacing:0;font-weight:800}.heading p{margin:0;font-size:13px;color:#647066;line-height:1.8}.edition{font-size:11px;color:#64765b;background:#edf5e8;padding:8px 13px;border-radius:30px}.featured-row{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px}.feature{position:relative;min-height:330px;border-radius:17px;overflow:hidden;background:#243a30}.feature>img{position:absolute;inset:0;width:100%;height:100%;object-position:center 41%;transition:transform .5s}.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10271ef0 0%,#12261ebd 36%,#14302710 80%)}.feature:hover>img{transform:scale(1.03)}.feature-copy{position:relative;z-index:1;padding:30px;color:white;max-width:390px}.feature-kicker{display:inline-block;padding:6px 9px;background:#ffffff1f;border:1px solid #ffffff45;border-radius:6px;font-size:10px;color:#f7f9ef}.feature h2{font-size:29px;line-height:1.5;margin:16px 0 9px;font-weight:750;text-wrap:balance}.feature p{font-size:12px;line-height:1.9;color:#f1f4ed;margin:0 0 22px;max-width:250px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:var(--deep);color:white;padding:11px 15px;font-size:13px;font-weight:650}.feature .button{background:#fff;color:#235831}.feature-note{position:absolute;right:18px;bottom:17px;z-index:2;color:#fff;font-size:10px;display:flex;gap:10px;align-items:center}.feature-note .play-small{width:34px;height:34px;border:1px solid #ffffff88;border-radius:50%;display:grid;place-items:center;background:#ffffff20}.welcome-card{border-radius:17px;background:linear-gradient(150deg,#f2fbef,#e5f3da);border:1px solid #d9ebd0;padding:25px 23px;position:relative;overflow:hidden}.welcome-card:after{content:'✳';position:absolute;right:-20px;bottom:-45px;font-size:185px;color:#cce5bd88;z-index:0}.portrait{width:43px;height:43px;border-radius:50%;background:#fff;color:var(--green);display:grid;place-items:center;font-family:serif;font-size:22px;border:1px solid #d5e8ca}.welcome-card h3{font-size:19px;margin:18px 0 10px}.welcome-card p{color:#426041;font-size:12px;line-height:1.9;margin:0;position:relative;z-index:1}.welcome-card>a{font-size:12px;color:#185d28;font-weight:700;display:inline-block;margin-top:20px;position:relative;z-index:1}.section-head{display:flex;justify-content:space-between;align-items:center;margin:31px 0 18px;gap:10px}.section-head h2{font-size:21px;margin:0;font-weight:750}.section-head h2 small{font-size:12px;font-weight:400;color:#6f7a70;margin-left:10px}.section-head .sub{color:#596f55;font-size:11px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:21px}.filters button{border:1px solid #e1e8de;border-radius:7px;padding:8px 14px;background:white;color:#586553;font-size:12px}.filters button.active{border-color:#b9dfac;color:var(--deep);background:#eaf7e5;font-weight:650}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.case-card{background:white;border:1px solid #e1e7df;border-radius:12px;overflow:hidden;transition:.2s;min-width:0}.case-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #253d2510;border-color:#a5d494}.thumbnail{position:relative;height:173px;overflow:hidden;display:block;background:#dee7d8}.thumbnail img{height:100%;object-position:center 40%;transition:transform .35s}.case-card:hover .thumbnail img{transform:scale(1.04)}.time{position:absolute;bottom:10px;right:10px;background:#10261ece;color:white;padding:3px 6px;border-radius:4px;font-size:10px}.save{position:absolute;right:10px;top:10px;background:#fffffff2;border:0;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:#52634c;font-size:17px;z-index:2}.save.saved{color:var(--deep);background:#e8f9dd}.card-body{padding:16px}.track{color:var(--deep);font-size:10px;font-weight:700;display:inline-block;background:#f0f8eb;padding:4px 7px;border-radius:4px}.card-body h3{font-size:16px;line-height:1.55;margin:10px 0 9px;font-weight:700}.card-body p{font-size:12px;color:#627060;line-height:1.7;margin:0;min-height:40px}.elements{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid #edf1ea;margin-top:16px;padding-top:12px;font-size:10px;color:#406444}.elements .missing{color:#778276}.section-foot{display:flex;justify-content:space-between;gap:15px;margin-top:22px;background:#fff;border:1px solid #e4eadf;border-radius:10px;padding:18px 21px;align-items:center;font-size:12px;line-height:1.8;color:#64755a}.section-foot strong{color:#315c33}.section-foot a{color:var(--deep);white-space:nowrap;font-weight:650}.empty{grid-column:1/-1;background:white;padding:50px;text-align:center;border:1px solid var(--line);border-radius:12px;color:#5f7257}.empty button{border:0;background:var(--mint);color:var(--deep);padding:10px 16px;border-radius:7px}footer{border-top:1px solid var(--line);max-width:1324px;margin:0 38px;padding:22px 0;display:flex;justify-content:space-between;color:#637260;font-size:10px;gap:20px}.back{display:inline-block;color:#5c7358;font-size:12px;margin-bottom:20px}.detail-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.detail-title h1{font-size:30px;margin:10px 0}.detail-title p{font-size:13px;color:#657164;margin:0;line-height:1.8}.outline-button{border:1px solid #cce1c3;background:white;border-radius:7px;color:var(--deep);padding:10px 14px;white-space:nowrap;font-size:13px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:25px;align-items:start}.player{background:#12251e;border-radius:14px;padding:15px;position:relative;overflow:hidden}.player:before{content:'';position:absolute;inset:0;background:radial-gradient(at 80% 20%,#345a39,transparent 70%);pointer-events:none}.player video{position:relative;width:100%;height:440px;display:block;object-fit:contain;border-radius:6px;max-height:65vh}.player-caption{display:flex;justify-content:space-between;position:relative;color:#ddecd8;font-size:11px;padding:12px 3px 0}.lesson-rail{background:white;border:1px solid var(--line);border-radius:13px;padding:23px;position:sticky;top:24px}.lesson-rail h3{font-size:18px;margin:0 0 10px}.lesson-rail>p{font-size:12px;line-height:1.8;color:#63745c;margin-bottom:22px}.lesson-step{display:flex;gap:12px;padding:17px 0;border-top:1px solid #edf1e9}.step-no{border-radius:8px;background:var(--mint);color:var(--deep);width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:700}.lesson-step strong{font-size:13px;display:block;line-height:1.8}.lesson-step small{font-size:11px;color:#71806b}.lesson-rail .button{width:100%;margin:15px 0 3px}.rail-note{border-top:1px solid var(--line);padding-top:18px;font-size:11px;color:#63705e;line-height:1.9;margin-top:20px}.tabs{display:flex;gap:27px;border-bottom:1px solid #dfe7db;margin:24px 0 20px}.tabs button{border:0;background:transparent;color:#64765c;padding:0 0 13px;font-size:14px;position:relative}.tabs button.active{color:var(--deep);font-weight:750}.tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--green);border-radius:2px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:26px}.panel h2{font-size:20px;margin:0 0 15px}.panel p{font-size:14px;color:#4d5e50;line-height:1.9}.article-link{display:flex;align-items:center;gap:15px;background:var(--mint);border:1px solid #ddecda;border-radius:10px;padding:20px;margin:20px 0}.article-link .article-icon{font-size:27px;color:var(--green)}.article-link strong{font-size:15px;display:block;margin-bottom:7px}.article-link small{color:#64705e;font-size:12px}.article-link>span:last-child{margin-left:auto;color:var(--deep)}.prompt-card{background:var(--mint);border:1px solid #dcefd8;border-left:4px solid var(--green);border-radius:10px;padding:20px;margin-bottom:16px}.prompt-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.prompt-top b{font-size:12px;color:var(--deep)}.prompt-card h3{font-size:17px;margin:13px 0 10px}.prompt-card pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.9;margin:0;color:#263d2b}.copy{font-size:12px;padding:7px 11px;background:white;border:1px solid #b9d7ae;border-radius:6px;color:var(--deep)}.prompt-note{font-size:12px!important;color:#63745c!important}.inline-link{color:var(--deep);text-decoration:underline;text-underline-offset:3px}.about{background:white;max-width:850px;border:1px solid var(--line);border-radius:16px;padding:40px}.about p{font-size:16px;line-height:2}.about .portrait{width:66px;height:66px;font-size:32px;background:var(--mint)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;color:#fff;background:#224f2a;border-radius:9px;box-shadow:0 6px 24px #0002;z-index:99;display:none;font-size:13px}.scrim{position:fixed;inset:0;background:#182c2455;border:0;z-index:25}.mobile-menu{border:0;background:transparent;font-size:22px}.saved-title{display:flex;align-items:center;gap:10px}.muted{color:#667085}body:has(.scrim:not([hidden])){overflow:hidden}
@media(min-width:1600px){:root{--sidebar:246px}main{padding-top:40px}.feature{min-height:370px}.feature-copy{padding:37px}.feature h2{font-size:35px}.thumbnail{height:205px}}
@media(max-width:1180px){:root{--sidebar:200px}header{padding:0 25px}main{padding:28px 25px 40px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-row{grid-template-columns:minmax(0,1fr) 215px}.feature-copy{padding:25px}.feature h2{font-size:26px}.feature>img{object-position:66% 40%}.feature-note{display:none}.welcome-card{padding:22px 19px}.search{width:260px}.demo-pill{display:none}.detail-layout{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.lesson-rail{padding:18px}.thumbnail{height:190px}}
@media(max-width:900px){.featured-row{grid-template-columns:1fr}.welcome-card{display:none}.feature>img{object-position:center 43%}.detail-layout{grid-template-columns:1fr}.lesson-rail{position:static;display:none}.player video{height:430px}.search{width:220px}.crumb{font-size:11px}}
@media(max-width:680px){.sidebar{transform:translateX(-100%);transition:.2s;width:230px}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.mobile-menu{display:block}header{height:70px;padding:0 18px;gap:12px}.crumb{display:none}.search{width:auto;flex:1}main{padding:24px 18px 35px}.heading{align-items:start}h1{font-size:28px}.heading p{font-size:12px;max-width:270px}.edition{display:none}.feature{min-height:310px}.feature h2{font-size:28px;max-width:235px}.feature-copy{padding:26px 24px}.feature p{max-width:195px}.feature:after{background:linear-gradient(90deg,#10271ef0,#10271e75 70%,#10271e10)}.feature>img{object-position:65% 40%}.section-head h2{font-size:20px}.section-head .sub{display:none}.filters{gap:6px}.filters button{font-size:12px;padding:8px 11px}.grid{gap:12px}.thumbnail{height:172px}.card-body{padding:12px}.card-body h3{font-size:15px}.card-body p{display:none}.elements{font-size:10px;gap:5px;line-height:1.6;margin-top:12px;padding-top:10px}.section-foot{display:block;padding:17px}.section-foot a{display:inline-block;margin-top:8px}footer{display:block;margin:0 18px;font-size:10px;line-height:1.9}footer span{display:block}.detail-title{display:block}.detail-title h1{font-size:26px}.detail-title button{margin-top:14px}.player{padding:10px}.player video{height:410px}.tabs{gap:22px}.panel{padding:20px}.prompt-card{padding:16px}.prompt-card pre{font-size:14px}.about{padding:25px}.about p{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.step-button{background:none;border:0;border-top:1px solid #edf1e9;width:100%;text-align:left}.lesson-step:hover strong{color:var(--deep)}.tabs{scroll-margin-top:24px}
.section-intro{font-size:15px;line-height:1.9;color:#526052;max-width:780px;margin:-4px 0 24px}.knowledge-cards{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.knowledge-cards article{padding:25px;border:1px solid #dfe9d9;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}.knowledge-cards .knowledge-open{background:var(--mint)}.knowledge-cards .knowledge-community{background:var(--paper);border-top:4px solid var(--green)}.knowledge-cards h3{font-size:21px;line-height:1.5;margin:16px 0 8px}.knowledge-cards p{font-size:14px;line-height:1.95;color:#4f604a;margin:10px 0}.knowledge-cards .button,.knowledge-cards>.knowledge-community>.button{margin-top:18px}.knowledge-cards article>.text-button{margin-top:auto;padding-top:20px}.knowledge-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.knowledge-tags span{padding:5px 8px;border:1px solid #d6e7cd;border-radius:5px;background:#f6faf2;color:#3e673b;font-size:12px}.community-price{font-size:29px;color:var(--deep);font-weight:750;margin:8px 0}.community-price span{display:block;font-size:12px;font-weight:500;color:#52674b;margin-top:7px}.knowledge-cards .community-contact{font-size:12px;margin-top:12px}.practice-note{padding:20px 23px;border:1px solid #dfe9d9;background:white;border-radius:10px;display:flex;gap:18px;line-height:1.8;font-size:14px;margin-top:18px}.practice-note strong{white-space:nowrap;color:var(--deep)}.practice-note span{color:#526052}.creator-story{display:grid;grid-template-columns:1fr 1.8fr;gap:35px;padding:35px;border:1px solid #e1e9da;border-radius:16px;margin:38px 0;background:var(--paper)}.story-label .portrait{margin-bottom:20px}.story-label h2{font-size:26px;line-height:1.6;margin:14px 0}.story-label>span{font-size:12px;color:#63715c}.story-content p{font-size:15px;line-height:2;margin:0 0 17px}.story-links{display:flex;flex-direction:column;gap:14px;font-size:14px;margin-top:22px}.story-content .knowledge-tags{margin-bottom:0}.knowledge-section{margin-bottom:32px}@media(max-width:1100px){.knowledge-cards{grid-template-columns:1fr 1fr}.knowledge-cards .knowledge-open{grid-column:1/-1}.creator-story{grid-template-columns:1fr 1.6fr;gap:25px;padding:26px}.story-label h2{font-size:23px}}@media(max-width:680px){.knowledge-cards{grid-template-columns:1fr}.knowledge-cards article{padding:22px}.creator-story{grid-template-columns:1fr;gap:22px;padding:23px}.story-label h2 br{display:none}.practice-note{display:block;padding:20px}.practice-note strong{display:block;margin-bottom:8px}.identity-line{font-size:11px}.identity-avatar{flex-shrink:0}.personal-signature{flex-wrap:wrap}.knowledge-section .section-head h2{font-size:22px;line-height:1.6}}
.text-cover{height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px;background:linear-gradient(135deg,#e5f1dc,#f9f7e9);color:#24592e}.text-cover small{font-size:10px;font-weight:500}.text-cover b{font-size:18px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-cover em{font-style:normal;font-size:11px;color:#526f4d}.no-video{position:relative;min-height:260px}.no-video>img{max-height:400px;object-fit:contain}.no-video .text-cover{min-height:240px;border-radius:8px}.no-video>p{color:#e5f0df;padding:15px;font-size:14px;line-height:1.8}.thumbnail>.text-cover{width:100%}
.personal-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center;background:var(--paper);border:1px solid #e5ecdf;border-radius:20px;padding:40px 34px;overflow:hidden}.identity-line{display:flex;align-items:center;gap:10px;color:#526348;font-size:13px;margin:25px 0 16px}.identity-avatar{width:35px;height:35px;display:grid;place-items:center;background:var(--green);border-radius:50%;color:white;font-family:serif;font-size:22px}.personal-intro h1{font-size:clamp(40px,4.1vw,64px);line-height:1.2;letter-spacing:0;margin:0 0 24px}.personal-intro h1>span{color:var(--deep);position:relative}.personal-intro h1 i{font-style:normal;font-size:30px;position:absolute;right:-28px;top:-20px;color:var(--green);transform:rotate(15deg)}.personal-lead{font-size:22px;line-height:1.6;font-weight:650;margin:0 0 15px}.personal-bio{font-size:15px;line-height:1.95;color:#526052;max-width:400px}.personal-actions{display:flex;align-items:center;gap:22px;margin-top:25px;flex-wrap:wrap}.personal-actions .button{background:var(--green);padding:14px 19px;font-size:14px}.text-button{font-size:13px;font-weight:650;color:var(--deep)}.personal-signature{display:flex;gap:18px;margin-top:29px;font-size:12px;color:#596d52}.personal-signature span+span:before{content:'/';margin-right:18px;color:#b0c1a7}.creative-wall{height:470px;position:relative;min-width:0;background:radial-gradient(ellipse,#e6f2df 0,transparent 67%)}.wall-caption{position:absolute;top:6px;left:12%;font-size:13px;color:#587050;transform:rotate(-5deg);border-bottom:1px solid #bed4b1;padding-bottom:7px}.wall-shot{position:absolute;border:7px solid white;box-shadow:0 12px 25px #20361f1d;overflow:hidden;border-radius:5px;transition:transform .25s}.wall-shot img{height:100%}.wall-shot>span{position:absolute;bottom:0;left:0;right:0;color:white;background:linear-gradient(transparent,#10271edb);padding:34px 13px 13px;font-size:13px;font-weight:600}.wall-shot small{display:block;font-size:10px;margin-bottom:6px;font-weight:400}.wall-shot b{float:right}.wall-main{width:68%;height:315px;left:3%;top:60px;transform:rotate(-7deg);z-index:2}.wall-main img{object-position:60% center}.wall-pet{width:42%;height:217px;right:-1%;top:51px;transform:rotate(9deg);z-index:3}.wall-history{width:47%;height:230px;right:1%;bottom:7px;transform:rotate(5deg);z-index:4}.wall-history img{object-position:center 25%}.wall-shot:hover{transform:rotate(0deg) translateY(-5px);z-index:5}.wall-sticker{position:absolute;left:4%;bottom:15px;z-index:6;background:#e6f5d8;border:1px solid #c2dfa9;padding:16px 20px;transform:rotate(-7deg);font-size:21px;color:#27632f;line-height:1.3;font-weight:800;box-shadow:3px 4px 0 #c4d8b588}.wall-sticker span{position:absolute;right:-21px;top:-14px;font-size:42px;color:var(--green)}.wall-foot{position:absolute;right:0;bottom:-22px;font-size:10px;color:#64715a}.personal-note{display:flex;align-items:center;gap:23px;margin:25px 0 38px;padding:23px 8px;border-bottom:1px solid #dce7d5}.note-symbol{font-size:44px;color:var(--green)}.personal-note h2{font-size:19px;margin:0 0 8px}.personal-note p{font-size:14px;line-height:1.8;margin:0;color:#556352;max-width:650px}.note-sign{font-family:KaiTi,STKaiti,serif;font-size:30px;white-space:nowrap;color:var(--deep);margin-left:auto;transform:rotate(-8deg);padding:0 15px}.personal-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:39px}.personal-paths>a{background:white;border:1px solid #e2e9dd;border-radius:12px;padding:23px;transition:border-color .2s}.personal-paths>a:hover{border-color:var(--green)}.path-number{font-size:12px;color:var(--deep)}.personal-paths h3{font-size:17px;line-height:1.7;margin:15px 0 9px}.personal-paths h3 span{color:var(--green)}.personal-paths p{font-size:14px;line-height:1.9;margin:0;color:#556352}.personal-selected{grid-template-columns:repeat(3,minmax(0,1fr))}.personal-selected .thumbnail{height:220px}.personal-connect{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:36px;padding:30px;background:var(--mint);border:1px solid #daebd3;border-radius:14px}.personal-connect h2{font-size:24px;line-height:1.5;margin:12px 0}.personal-connect p{font-size:14px;line-height:1.9;color:#52634c;margin:0}.connect-links{display:flex;flex-direction:column;align-items:center;gap:18px;flex-shrink:0}.contact-card{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.contact-card h3{font-size:20px}.contact-card p{font-size:15px}.contact-card strong{color:var(--deep)}
@media(max-width:1100px){.personal-hero{padding:30px 25px;gap:16px}.personal-intro h1{font-size:44px}.personal-lead{font-size:20px}.creative-wall{height:420px}.wall-main{height:275px;top:65px}.wall-pet{height:185px;top:57px}.wall-history{height:200px}.personal-paths>a{padding:18px}.personal-paths h3{font-size:16px}.personal-connect{align-items:flex-start;flex-direction:column}.connect-links{flex-direction:row;flex-wrap:wrap}.personal-selected .thumbnail{height:190px}}
@media(max-width:850px){.personal-hero{grid-template-columns:1fr}.personal-intro h1 br{display:none}.personal-bio{max-width:none}.creative-wall{height:360px;max-width:440px;width:100%;margin:7px auto 25px}.wall-caption{top:0}.wall-main{height:260px;top:40px}.wall-pet{top:30px;height:180px}.wall-history{height:170px}.personal-paths{grid-template-columns:1fr;gap:12px}.personal-paths>a{padding:20px}.personal-paths p br{display:none}.personal-selected{grid-template-columns:repeat(2,minmax(0,1fr))}.note-sign{display:none}}
@media(max-width:680px){.personal-hero{padding:26px 22px}.personal-intro h1{font-size:42px}.personal-intro h1 br{display:block}.personal-intro h1 i{font-size:25px;right:-24px}.personal-lead{font-size:20px}.personal-bio{font-size:15px}.personal-signature{gap:10px;font-size:11px}.personal-signature span+span:before{margin-right:10px}.personal-actions{gap:17px}.personal-actions .button{padding:12px}.creative-wall{height:330px}.wall-main{height:235px}.wall-pet{height:150px}.wall-history{height:157px}.wall-shot{border-width:5px}.wall-shot>span{font-size:11px;padding:28px 7px 9px}.wall-sticker{font-size:18px;left:0;padding:13px;bottom:12px}.wall-caption{font-size:11px}.personal-note{gap:14px;padding:22px 0}.note-symbol{font-size:30px}.personal-note h2{font-size:17px}.personal-selected{grid-template-columns:1fr}.personal-selected .thumbnail{height:245px}.personal-selected .card-body p{display:block}.personal-connect{padding:23px}.personal-connect h2{font-size:22px}.personal-selected .card-body h3{font-size:19px}}
.heading p,.detail-title p{font-size:15px;color:#536052}.welcome-card p,.feature p{font-size:14px}.search input,.filters button,.nav-sub{font-size:14px}.card-body p{font-size:14px;color:#536052}.card-body h3{font-size:18px}.elements,.track,.feature-kicker{font-size:12px}.nav-caption,.nav-subtitle,.sidebar-bottom>a,.sidebar-note small,.section-head .sub{font-size:12px}.lesson-rail>p{font-size:14px}.lesson-step strong{font-size:14px}.lesson-step small{font-size:12px}.sidebar{scrollbar-width:thin}.brand{padding-bottom:26px}.nav-subtitle{padding-top:15px}.sidebar-note{padding-top:15px;padding-bottom:15px}
@media(max-width:680px){.heading p{font-size:14px}.card-body h3{font-size:16px}.elements{font-size:11px}.feature p{font-size:13px}.sidebar:not(.open){visibility:hidden}.search input{font-size:13px}}
/* WUAN studio: IP-led identity, ink and signature green. */
:root{--ink:#182721;--line:#dce4df;--paper:#fafbf8;--sidebar:208px}
body{background:#f1f4f0}main{padding:26px 30px 48px}header{height:72px;background:#f1f4f0;border-bottom:1px solid #dce4df;padding:0 30px}.demo-pill{border:0;color:#167a2f}.demo-pill:before{content:'●';margin-right:7px;font-size:8px}.sidebar{background:#111e19;border-right:0;padding:25px 14px;color:#fff}.brand{padding:0 4px 28px;gap:10px;font-size:24px}.brand-logo{width:54px;height:54px;border-radius:14px;object-fit:cover}.brand small{color:#adbbb1}.brand .ai{color:#7ed991}.nav-caption,.nav-subtitle{color:#99ada0}.nav-link,.nav-sub,.sidebar-bottom>a{color:#c4d1c8}.nav-link.active{background:#2fa344;box-shadow:none}.nav-link:hover:not(.active),.nav-sub.active{background:#253a2d;color:#b9f0c3}.nav-sub:before{background:#50705b}.sidebar-note{background:#1c3024;border-color:#334a3a}.sidebar-note b{color:#d3e6d2}.sidebar-note small{color:#a8b9a9}.search{background:#fff;border-color:#dce4df}.studio-hero{display:grid;grid-template-columns:1.1fr 1fr;position:relative;isolation:isolate;min-height:620px;border-radius:24px;background:#101f18;color:#f4f8f1;overflow:hidden;border:1px solid #2f4637}.studio-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 88% 35%,#43784b60,transparent 50%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.studio-copy{padding:44px 0 34px 38px;position:relative;z-index:3}.studio-kicker{font-size:10px;letter-spacing:2px;color:#add6b5;display:flex;align-items:center;gap:9px}.studio-kicker>span,.live-dot{width:6px;height:6px;background:#84e494;border-radius:50%;display:inline-block;box-shadow:0 0 12px #79e18f55}.studio-hello{margin:32px 0 13px;font-size:18px;color:#c3d6c7}.studio-copy h1{font-size:clamp(46px,4.6vw,74px);font-weight:850;letter-spacing:-3px;line-height:1.18;margin:0 0 24px}.studio-copy h1 span{color:#87df95}.studio-lead{font-size:19px;line-height:1.8;color:#edf2e9;margin:0 0 14px}.studio-bio{font-size:14px;line-height:1.9;color:#acbeb1;max-width:340px;margin:0}.studio-actions{display:flex;gap:22px;align-items:center;margin:27px 0 32px;flex-wrap:wrap}.studio-actions .button{background:#79d78b;color:#102619;font-size:14px;padding:14px 20px;border-radius:9px;gap:30px}.studio-secondary{color:#e0ebe1;font-size:13px;border-bottom:1px solid #7b9982;padding-bottom:5px}.studio-metrics{display:flex;gap:28px;border-top:1px solid #ffffff23;padding-top:22px}.studio-metrics b{font-family:'Segoe UI',sans-serif;font-size:30px;font-weight:550;letter-spacing:-1px;display:block}.studio-metrics b span{font-size:18px;color:#86d798}.studio-metrics small{display:block;font-size:10px;color:#afc1b3;margin-top:5px}.studio-visual{position:relative;min-width:0;align-self:stretch}.studio-avatar{position:absolute;width:123%;max-width:none;bottom:0;left:-10%;z-index:2;filter:drop-shadow(0 15px 30px #071d2380)}.studio-orbit{position:absolute;border:1px solid #81b98b55;width:95%;aspect-ratio:1;border-radius:50%;top:15%;left:0;box-shadow:0 0 0 30px #8ed7a008,0 0 0 60px #8ed7a005}.studio-orbit:after{content:'✳';position:absolute;right:15%;top:0;color:#94df90;font-size:50px}.studio-watermark{position:absolute;top:8%;left:-2%;font-size:clamp(75px,9vw,155px);font-weight:900;letter-spacing:-8px;color:#d3ead50c;line-height:1}.studio-id{position:absolute;top:26%;right:6%;z-index:3;border:1px solid #92bb9d55;background:#10251dd9;border-radius:10px;padding:12px 15px;font-size:13px;transform:rotate(5deg)}.studio-id small{display:block;font-size:8px;letter-spacing:1px;color:#b4caba;margin-top:7px}.studio-id .live-dot{margin-right:5px}.studio-float{position:absolute;right:6%;bottom:25px;z-index:4;background:#f7fbf4ed;border:1px solid #fff;border-radius:12px;padding:7px;display:flex;align-items:center;gap:12px;width:245px;color:#203b29;box-shadow:0 12px 30px #07170e35;transform:rotate(-4deg);transition:transform .25s}.studio-float:hover{transform:rotate(0)}.studio-float img{width:72px;height:66px;border-radius:7px}.studio-float span{font-size:12px;font-weight:650}.studio-float small{display:block;font-size:10px;color:#536d5b;font-weight:400;margin-bottom:8px}.studio-float b{margin-left:7px}.studio-coordinate{position:absolute;top:29px;right:22px;text-align:right;font-size:9px;letter-spacing:1px;line-height:1.8;color:#9ebba4}.personal-note{margin:0 0 36px;padding:26px 8px}.personal-note h2{font-size:18px}.personal-note p{font-size:13px}.note-sign{font-size:24px}.section-head h2{font-size:26px;letter-spacing:-.5px}.eyebrow{font-size:11px;letter-spacing:1px}.personal-selected{margin-bottom:46px;gap:20px}.case-card{border-radius:16px;border-color:#dce4de;box-shadow:0 4px 14px #10251904}.personal-selected .thumbnail{height:205px}.case-card:hover{box-shadow:0 12px 28px #123e1d12}.knowledge-cards article{border-radius:18px;padding:25px}.knowledge-cards .knowledge-open{background:#e3f0e3}.knowledge-cards .knowledge-community{background:#152c20;color:#f0f7ef;border-color:#2f5239}.knowledge-community h3,.knowledge-community .community-price{color:#9aeba7}.knowledge-community p,.knowledge-community .community-price span,.knowledge-community .path-number{color:#c4d8c8}.knowledge-community .button{background:#78d58a;color:#102719}.creator-story{border-radius:20px;background:#fff}.ip-portrait{overflow:hidden!important;background:#dcecdf!important;border-radius:16px!important;width:80px!important;height:80px!important}.ip-portrait img{height:100%;object-fit:cover;object-position:center 15%;transform:scale(1.25);transform-origin:top}.personal-connect{background:#dfeee0;border-radius:20px}.story-content p{color:#41594a}.story-label h2{font-size:25px}.brand:focus-visible{outline-color:#99e0a8}
@media(min-width:1500px){.studio-copy{padding:52px 0 44px 50px}.studio-hero{min-height:680px}.studio-avatar{width:110%;left:-4%}}
@media(max-width:1100px){:root{--sidebar:190px}main{padding:22px}.studio-copy{padding:32px 0 30px 28px}.studio-copy h1{font-size:50px}.studio-hero{min-height:610px}.studio-metrics{gap:18px}.studio-avatar{width:145%;left:-26%}.studio-id{right:3%;top:22%}.studio-float{width:207px;right:5%;bottom:25px}.studio-float img{width:54px;height:58px}.studio-actions{gap:15px}.studio-kicker{font-size:9px;letter-spacing:1px}.studio-lead{font-size:17px}}
@media(max-width:850px){.studio-hero{grid-template-columns:1fr}.studio-copy{padding:32px}.studio-copy h1{font-size:60px}.studio-bio{max-width:440px}.studio-visual{height:410px;overflow:hidden}.studio-avatar{width:440px;left:50%;transform:translateX(-50%);bottom:-70px}.studio-orbit{width:330px;left:50%;transform:translateX(-50%);top:20px}.studio-watermark{top:0;left:12%;font-size:100px}.studio-id{right:8%;top:20%}.studio-float{right:8%}.studio-coordinate{top:0}.studio-metrics{gap:36px}}
@media(max-width:680px){:root{--sidebar:208px}main{padding:16px}.studio-hero{border-radius:18px}.studio-copy{padding:28px 24px 10px}.studio-copy h1{font-size:54px;letter-spacing:-2px}.studio-hello{margin-top:25px}.studio-lead{font-size:17px}.studio-bio{font-size:14px}.studio-metrics{gap:23px;margin-bottom:15px}.studio-metrics b{font-size:28px}.studio-metrics small{font-size:9px}.studio-actions{margin:23px 0}.studio-actions .button{padding:13px 15px;gap:12px}.studio-secondary{font-size:12px}.studio-visual{height:350px}.studio-avatar{width:370px;bottom:-62px}.studio-id{right:5%;top:17%}.studio-watermark{font-size:83px;left:9%}.studio-float{bottom:17px;right:5%;width:210px}.studio-coordinate{right:17px;font-size:8px}.personal-note{padding:22px 0;margin-bottom:27px;gap:12px}.personal-note h2{font-size:16px}.personal-note p{font-size:12px}.personal-note .note-symbol{font-size:26px}.section-head h2{font-size:22px}.personal-selected .thumbnail{height:235px}.brand{padding-bottom:24px}.knowledge-section .section-head h2{font-size:23px}header{padding:0 16px}.personal-selected{margin-bottom:32px}}
/* Portrait video gallery */
.grid,.personal-selected{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.thumbnail,.personal-selected .thumbnail{height:auto;aspect-ratio:9/16}
.thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:1000px){.grid,.personal-selected{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:680px){.grid,.personal-selected{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thumbnail,.personal-selected .thumbnail{height:auto;aspect-ratio:9/16}.personal-selected .card-body p{display:none}.personal-selected .card-body h3{font-size:16px}}
@media(max-width:380px){.grid,.personal-selected{grid-template-columns:1fr}}
/* Editorial homepage and top-level navigation, September 2026. */
body{background:#f8faf7;color:#23382d}.workspace{margin-left:0}.sidebar{display:none}.site-header{height:92px;padding:0 max(36px,calc((100vw - 1280px)/2));background:#f8faf7eb;display:flex;position:relative;z-index:20;border-bottom:1px solid #dfe7df;gap:30px}.top-brand{padding:0;font-size:23px;flex-shrink:0;gap:12px}.top-brand .brand-logo{width:44px;height:44px;border-radius:50%}.top-brand small{font-size:7px;letter-spacing:1.4px;color:#6f8074;margin-top:4px}.top-brand .ai{color:#2fa344}#top-nav{margin-left:auto;display:flex;gap:26px;align-items:center}#top-nav .nav-link{padding:9px 0;margin:0;color:#4c6051;font-size:13px;font-weight:500;border-radius:0;position:relative;gap:5px}#top-nav .nav-link.active{background:none;color:#167a2f;box-shadow:none}#top-nav .nav-link.active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#2fa344}#top-nav .nav-link:hover{background:none;color:#167a2f}.page-tools{max-width:1192px;margin:25px auto 0;padding:0 36px;display:flex;align-items:center;gap:20px}.page-tools .search{width:330px}.page-tools .crumb{font-size:12px}main{max-width:1192px;padding:34px 36px 70px;margin:auto}.is-home .page-tools{display:none}.is-home .site-header{position:absolute;inset:0 0 auto;background:transparent;border:0}.is-home main{max-width:none;padding:0 0 80px}.is-home main>section:not(.editorial-hero){max-width:1120px;margin-left:auto;margin-right:auto}.editorial-hero{position:relative;isolation:isolate;min-height:780px;height:100svh;max-height:1000px;overflow:hidden;background:#e9f0e8}.hero-atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 68% 39%,#fafff8 0,#e3efdf 40%,#edf3eae0 66%,#f9fbf6 100%)}.hero-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#e4ecdfaa)}.ambient-ring{position:absolute;width:570px;height:570px;top:17%;left:54%;border:1px solid #a6bf9d55;border-radius:50%;box-shadow:0 0 0 30px #a6bf9d0b,0 0 0 100px #a6bf9d07;transform:translateX(-20%)}.ambient-word{position:absolute;font-size:clamp(120px,21vw,330px);font-weight:800;letter-spacing:-.08em;line-height:1;top:16%;left:37%;color:#70956e0d}.editorial-copy{position:absolute;left:max(5%,calc((100vw - 1120px)/2));top:25%;z-index:3;max-width:450px}.editorial-kicker{font-size:10px;letter-spacing:2.3px;color:#55745a;margin:0 0 28px}.editorial-copy h1{font-size:clamp(56px,6.2vw,88px);line-height:1.18;letter-spacing:-3px;font-weight:750;margin:0 0 26px;color:#203e2b}.editorial-copy h1 span{color:#2fa344}.editorial-description{font-size:16px;line-height:1.9;color:#536b59;margin:0 0 26px}.editorial-cta{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid #648969;padding:0 0 9px;font-size:13px;color:#264f32}.editorial-cta span{font-size:22px;transition:transform .2s}.editorial-cta:hover span{transform:translate(3px,-3px)}.editorial-avatar{position:absolute;width:min(64vw,880px);height:auto;bottom:-13%;right:3%;z-index:0;filter:drop-shadow(0 20px 25px #36513210);pointer-events:none}.hero-side-note{position:absolute;right:4%;top:32%;writing-mode:vertical-rl;display:flex;gap:14px;color:#607963;font-size:11px;letter-spacing:3px}.hero-side-note small{font-size:9px;color:#81907e}.hero-entry-grid{position:absolute;bottom:38px;left:max(5%,calc((100vw - 1120px)/2));right:max(5%,calc((100vw - 1120px)/2));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;z-index:4}.hero-entry-grid>a{background:#ffffff64;backdrop-filter:blur(16px);border:1px solid #ffffffbd;border-top-color:#becfba;border-radius:3px;padding:20px 23px;box-shadow:0 5px 25px #2b47290a;transition:background .25s,transform .25s}.hero-entry-grid>a:hover{background:#ffffffe0;transform:translateY(-5px)}.entry-index{font-size:8px;letter-spacing:1.5px;color:#657d68}.hero-entry-grid strong{display:block;font-size:20px;font-weight:600;margin:10px 0;color:#254730}.hero-entry-grid i{font-style:normal;float:right;font-size:19px;font-weight:400}.hero-entry-grid p{font-size:11px;color:#59705e;margin:0;line-height:1.8}.is-home .personal-note{margin-top:0;margin-bottom:70px;padding:34px 0}.is-home .selected-section{margin-bottom:90px}.is-home .section-head{margin-bottom:30px;align-items:end}.is-home .section-head h2{font-size:30px;font-weight:600}.is-home .personal-selected{margin-bottom:0;gap:30px}.case-card{border:0;border-radius:0;background:transparent;box-shadow:none}.case-card:hover{box-shadow:none;transform:translateY(-4px)}.thumbnail{border-radius:12px}.card-body{padding:18px 0 12px}.card-body h3{font-weight:600}.card-body p{font-size:13px}.elements{border-top-color:#dce5d9}.is-home .knowledge-section{margin-bottom:80px}.knowledge-cards article{border-radius:8px;box-shadow:none}.is-home .creator-story{margin-bottom:70px;background:transparent;border-left:0;border-right:0;border-radius:0;padding:40px 0}.is-home .personal-connect{background:#e8f1e4;border:0;border-radius:8px;padding:40px}.personal-note .note-symbol{font-size:34px}.note-sign{font-size:24px}footer{max-width:1120px;margin:auto;padding:24px 0;font-size:11px}.grid,.personal-selected{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1600px){.editorial-avatar{right:calc((100vw - 1400px)/2);width:920px;bottom:-17%}}
@media(max-width:1200px){.is-home main>section:not(.editorial-hero){margin-left:5%;margin-right:5%}.editorial-avatar{width:72vw;right:-4%;bottom:-6%}.editorial-copy h1{font-size:66px}.editorial-copy{left:5%}.hero-entry-grid{left:5%;right:5%}.site-header{padding:0 5%}#top-nav{gap:22px}footer{margin-left:5%;margin-right:5%}}
@media(max-width:900px){#top-nav{gap:16px}#top-nav .nav-link{font-size:12px}.top-brand small{display:none}.editorial-hero{min-height:780px}.editorial-copy{top:21%}.editorial-copy h1{font-size:58px}.editorial-avatar{width:83vw;right:-15%;bottom:2%}.hero-side-note{display:none}.hero-entry-grid{gap:12px;bottom:28px}.hero-entry-grid>a{padding:16px}.hero-entry-grid strong{font-size:17px}.hero-entry-grid p{font-size:10px}.editorial-description{font-size:14px}.grid,.personal-selected{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){.site-header{height:78px;padding:0 22px}.top-brand{font-size:21px}.top-brand .brand-logo{width:38px;height:38px}#top-nav{display:none}.site-header .mobile-menu{display:block;margin-left:auto;color:#254c33;font-size:25px;padding:6px}.sidebar{display:flex}.sidebar.open{width:min(300px,85vw)}.page-tools{margin:20px 0 0;padding:0 20px}.page-tools .search{width:100%}.page-tools .crumb{display:none}main{padding:24px 20px 45px}.editorial-hero{height:auto;min-height:970px;max-height:none}.editorial-copy{top:116px;left:7%;max-width:90%}.editorial-kicker{font-size:9px;margin-bottom:20px;letter-spacing:1.5px}.editorial-copy h1{font-size:55px;letter-spacing:-2px;margin-bottom:20px}.editorial-description{font-size:14px;margin-bottom:20px}.editorial-cta{font-size:12px;gap:22px}.editorial-avatar{width:510px;max-width:none;right:-145px;bottom:205px;opacity:1}.ambient-word{font-size:130px;top:49%;left:0}.ambient-ring{width:390px;height:390px;top:37%;left:34%}.hero-entry-grid{bottom:24px;left:6%;right:6%;grid-template-columns:1fr;gap:8px}.hero-entry-grid>a{padding:12px 17px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;background:#ffffffad}.entry-index{grid-column:1/-1;font-size:7px}.hero-entry-grid strong{font-size:16px;margin:2px 0}.hero-entry-grid i{margin-left:15px}.hero-entry-grid p{font-size:9px;text-align:right;max-width:140px}.is-home .personal-note{margin-bottom:42px;padding:25px 0}.is-home .section-head{gap:15px;margin-bottom:24px}.is-home .section-head h2{font-size:23px;line-height:1.5;max-width:250px}.is-home .section-head>a{white-space:nowrap;font-size:12px}.is-home .personal-selected{gap:14px}.is-home .selected-section,.is-home .knowledge-section{margin-bottom:50px}.grid,.personal-selected{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-body{padding:13px 0}.card-body h3,.personal-selected .card-body h3{font-size:15px}.is-home .creator-story{padding:28px 0;margin-bottom:45px}.is-home .personal-connect{padding:25px}.is-home .personal-note p{font-size:12px}.is-home .personal-note h2{font-size:16px}.thumbnail{border-radius:8px}footer{padding:22px 0}.scrim{z-index:25}.sidebar{z-index:30}}
@media(prefers-reduced-motion:reduce){.hero-entry-grid>a,.editorial-cta span{transition:none}}
@media(max-width:680px){.editorial-avatar{width:390px;right:-62px;bottom:195px}.hero-entry-grid>a{grid-template-columns:1fr}.hero-entry-grid p{text-align:left;max-width:none}.hero-entry-grid strong{font-size:16px}.hero-entry-grid{gap:8px}.hero-entry-grid>a{padding:11px 17px}}
/* Chinese agency-inspired home. */
.is-home{--accent:#b2f56b;background:#fafbf7}.is-home .site-header{height:100px;padding:0 max(5%,calc((100vw - 1120px)/2));color:#f6f8ef}.is-home .top-brand small{color:#a9b5a0;font-size:9px;letter-spacing:2px}.is-home .top-brand .ai{color:var(--accent)}.is-home #top-nav .nav-link{color:#c6cfbd;font-size:13px}.is-home #top-nav .nav-link.active,.is-home #top-nav .nav-link:hover{color:var(--accent)}.is-home #top-nav .nav-link.active:after{background:var(--accent)}.is-home #top-nav .nav-link:last-child{border:1px solid #81906b;padding:10px 15px;border-radius:5px}.is-home main{padding:0 0 65px}.is-home main>section{max-width:none!important;margin:0!important}.agency-intro{background:#10190e;color:#f7faef;overflow:hidden;position:relative}.agency-hero{position:relative;max-width:1120px;margin:auto;text-align:center;padding:175px 24px 0;background:radial-gradient(ellipse at 50% 30%,#3f602136,transparent 62%)}.agency-kicker{font-size:11px;letter-spacing:2px;color:#91b966;margin:0 0 20px;line-height:1.6}.agency-kicker>span{display:inline-block;width:6px;height:6px;background:#b2f56b;border-radius:50%;margin-right:8px}.agency-hero h1{position:relative;font-size:clamp(44px,5.4vw,72px);font-weight:800;line-height:1.3;letter-spacing:-2px;margin:0;z-index:1}.lime-word{color:#b2f56b;display:inline-block;position:relative}.lime-word:after{content:'';height:2px;background:#b2f56b;position:absolute;bottom:2px;left:0;right:0;transform:rotate(-2deg);opacity:.65}.agency-sub{color:#b8c4ad;font-size:15px;line-height:1.9;margin:25px auto 26px;position:relative;z-index:1}.agency-actions{display:flex;justify-content:center;align-items:center;gap:25px;position:relative;z-index:2}.agency-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:#b2f56b;color:#15240d;padding:14px 23px;border:1px solid #b2f56b;border-radius:5px;font-size:14px;font-weight:650;transition:transform .2s,background .2s}.agency-button:hover{background:#c9ff8c;transform:translateY(-2px)}.agency-quiet{font-size:13px;color:#dce8d1}.agency-spark{position:absolute;color:#b2f56b;line-height:1;user-select:none}.spark-one{right:8%;top:195px;font-size:80px;transform:rotate(15deg);color:#49682c}.spark-two{left:10%;top:330px;font-size:34px}.agency-person{position:relative;display:flex;align-items:center;text-align:left;gap:12px;width:214px;margin:34px auto 0;transform:rotate(-4deg);padding:9px 14px 9px 9px;border:1px solid #607447;background:#24321d;border-radius:8px;box-shadow:6px 6px 0 #080e06}.agency-person>div{width:49px;height:49px;background:#d5e9c4;border-radius:5px;overflow:hidden;flex-shrink:0}.agency-person img{width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1.3);transform-origin:top}.agency-person>span{font-size:14px;font-weight:650;color:#edf5e5}.agency-person small{display:block;margin-top:5px;font-size:10px;font-weight:400;color:#b6c7a7}.agency-person>b{margin-left:auto;color:#b2f56b}.agency-strip{margin:49px auto 0;max-width:860px}.agency-strip>span{font-size:10px;letter-spacing:2px;color:#869477}.agency-strip>div{background:#242c20;border:1px solid #394331;display:flex;justify-content:space-around;gap:18px;border-radius:8px;margin-top:14px;padding:22px;color:#dce4d4;font-size:16px;font-weight:600}.agency-process{max-width:1000px;margin:auto;padding:85px 24px 90px}.process-heading{display:flex;justify-content:space-between;gap:45px;align-items:center}.process-heading h2{font-size:32px;font-weight:650;line-height:1.5;letter-spacing:-.7px;margin:0}.process-heading>p{font-size:14px;line-height:1.9;color:#aebca2;max-width:360px}.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:50px}.process-steps>a{position:relative}.process-steps>a:not(:last-child):after{content:'→';position:absolute;top:20px;left:66px;right:-25px;border-top:1px solid #5f7a3c;color:#88a95c;text-align:right;line-height:0}.process-icon{display:grid;place-items:center;width:47px;height:47px;font-size:25px;border-radius:50%;background:#b2f56b;color:#203412}.process-steps small{position:absolute;right:0;top:14px;font-size:10px;color:#809368;background:#10190e;padding-left:8px;z-index:1}.process-steps h3{font-size:17px;font-weight:600;margin:22px 0 10px}.process-steps p{font-size:13px;line-height:1.85;color:#aebca2;margin:0}.is-home main>.agency-works{max-width:1120px!important;margin:0 auto!important;padding:85px 24px 90px}.agency-section-title{text-align:center;margin-bottom:38px}.agency-section-title .agency-kicker{color:#568536;margin-bottom:13px}.agency-section-title h2{font-size:34px;letter-spacing:-1px;margin:0 0 15px;font-weight:750;line-height:1.4}.agency-section-title>p:last-child{font-size:14px;color:#65745b;line-height:1.8;margin:0}.is-home .agency-works .personal-selected{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.agency-works .thumbnail{border-radius:8px}.agency-works .card-body{padding-top:19px}.agency-center{text-align:center;margin-top:40px}.agency-outline{display:inline-flex;gap:40px;border:1px solid #8e9d82;border-radius:5px;padding:13px 22px;font-size:13px;color:#344b27}.agency-outline:hover{background:#eaf3e1}.agency-resources{padding:75px 5%;background:#111b0e;color:#f0f6e8}.agency-resources>.knowledge-section{max-width:1072px;margin:0 auto!important}.agency-resources .eyebrow{color:#a6d775}.agency-resources .section-intro{color:#b3c1a7;font-size:14px}.is-home .agency-resources .section-head h2{font-size:31px}.agency-resources .knowledge-cards article{background:#1b2815;border:1px solid #3d4d30;border-radius:8px;padding:27px}.agency-resources .knowledge-cards h3{color:#f1f8e8;font-size:21px}.agency-resources .knowledge-cards p{color:#b6c4ab;font-size:13px}.agency-resources .path-number{color:#a5d272}.agency-resources .knowledge-tags span{background:#2a3a20;border-color:#4b6039;color:#cfdfa9}.agency-resources .button{background:#b2f56b;color:#19290e}.agency-resources .text-button{color:#b2f56b}.agency-resources .knowledge-community{border-top:3px solid #b2f56b!important}.agency-resources .community-price{color:#b2f56b}.agency-resources .community-price span{color:#b6c4ab}.agency-resources .practice-note{background:transparent;border:0;border-top:1px solid #3d4d30;border-radius:0;padding:24px 0 0}.agency-resources .practice-note strong{color:#d8edc2}.agency-resources .practice-note span{color:#b6c4ab}.is-home main>.agency-about{max-width:1072px!important;margin:auto!important;padding:65px 24px 0}.is-home .agency-about .creator-story{margin:0;padding:0 0 55px;border-top:0;border-bottom:1px solid #dce6d3;background:transparent}.agency-about .story-label h2{font-size:25px}.agency-about .story-content p{font-size:14px}.agency-faq{padding:75px 24px 90px}.faq-list{max-width:740px;margin:auto;display:grid;gap:12px}.faq-list details{background:#15200f;color:#eff5e8;border:1px solid #2f4120;border-radius:7px;padding:0 23px}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font-size:14px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;background:#b2f56b;color:#17300c;font-size:19px;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.9;color:#bacbb0;margin:0 0 22px}.faq-list details>a{display:inline-block;font-size:13px;color:#b2f56b;margin:0 0 23px}.is-home main>.agency-invite{position:relative;max-width:1072px!important;margin:0 auto!important;background:radial-gradient(ellipse at 80% 30%,#45652a55,transparent 60%),#15200f;border-radius:12px;text-align:center;color:#f3f8ed;padding:57px 25px 62px;overflow:hidden}.agency-invite h2{font-size:39px;letter-spacing:-1px;line-height:1.4;margin:0 0 17px}.agency-invite>p:not(.agency-kicker){font-size:14px;color:#bbc9af;margin-bottom:28px}.agency-invite>span{position:absolute;left:6%;top:42px;font-size:95px;color:#526f35;transform:rotate(14deg)}.is-home footer{max-width:none;padding:30px max(5%,calc((100vw - 1072px)/2));margin:0;background:#10190e;color:#a9baa0;border:0;font-size:11px}.is-home .site-header .mobile-menu{color:#c5ef9e}.agency-button:focus-visible,.faq-list summary:focus-visible{outline:3px solid #2fa344;outline-offset:5px}
@media(max-width:900px){.agency-hero{padding-top:155px}.agency-hero h1{font-size:50px}.spark-one{right:3%;top:175px;font-size:55px}.spark-two{left:3%;top:310px}.process-steps{gap:30px}.agency-strip>div{font-size:14px}.is-home .agency-works .personal-selected{gap:18px}.agency-resources .knowledge-cards{grid-template-columns:1fr 1fr}.agency-resources .knowledge-open{grid-column:1/-1}.agency-invite{width:90%}.agency-invite>span{font-size:65px;left:3%}}
@media(max-width:680px){.is-home .site-header{height:80px;padding:0 22px}.agency-hero{padding:130px 20px 0}.agency-hero h1{font-size:clamp(28px,7.6vw,44px);letter-spacing:-1px;line-height:1.5}.agency-kicker{font-size:10px;letter-spacing:1.5px}.agency-sub{font-size:13px;line-height:1.9;margin-top:20px;max-width:315px}.agency-sub br{display:none}.agency-spark.spark-one{top:94px;right:9%;font-size:28px}.spark-two{display:none}.agency-actions{gap:18px}.agency-button{padding:12px 17px;font-size:13px;gap:20px}.agency-quiet{font-size:12px}.agency-person{margin-top:27px;width:200px}.agency-strip{margin-top:35px}.agency-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:20px;font-size:13px;text-align:left}.agency-process{padding:52px 25px 55px}.process-heading{display:block}.process-heading h2{font-size:28px}.process-heading>p{font-size:13px;margin-top:20px}.process-steps{grid-template-columns:1fr;gap:30px;margin-top:30px}.process-steps>a{padding-left:66px;min-height:70px}.process-icon{position:absolute;left:0;top:0;width:42px;height:42px;font-size:23px}.process-steps>a:not(:last-child):after{left:20px;right:auto;top:51px;height:40px;border-top:0;border-left:1px solid #5f7a3c;content:''}.process-steps h3{font-size:16px;margin:0 0 8px}.process-steps p{font-size:12px}.process-steps small{top:2px;font-size:9px}.is-home main>.agency-works{padding:50px 20px 55px}.agency-section-title h2{font-size:26px;letter-spacing:-.6px}.agency-section-title>p:last-child{font-size:13px}.is-home .agency-works .personal-selected{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.agency-resources{padding:50px 22px}.agency-resources .knowledge-cards{grid-template-columns:1fr}.agency-resources .knowledge-cards article{padding:23px}.is-home .agency-resources .section-head h2{font-size:25px}.agency-resources .practice-note span{font-size:13px}.is-home main>.agency-about{padding:43px 24px 0}.is-home .agency-about .creator-story{padding-bottom:35px}.agency-faq{padding:48px 20px 50px}.faq-list details{padding:0 17px}.faq-list summary{font-size:13px;padding:18px 0;gap:12px}.faq-list details p{font-size:13px}.is-home main>.agency-invite{width:calc(100% - 40px);padding:42px 20px}.agency-invite h2{font-size:29px}.agency-invite>span{font-size:32px;top:13px;left:14px}.is-home main{padding-bottom:40px}.is-home footer{padding:25px 22px;line-height:1.9}}
@media(prefers-reduced-motion:reduce){.agency-button,.faq-list summary>span{transition:none}}
/* Professional light glass hero */
.is-home{--accent:#8bdc68;background:#f5f8f1;color:#183322}.is-home .site-header{background:#f5f8f1d9;color:#173421;border-bottom:1px solid #dce8d8}.is-home .top-brand small{color:#65816a}.is-home #top-nav .nav-link{color:#41604a}.is-home #top-nav .nav-link.active,.is-home #top-nav .nav-link:hover{color:#167a2f}.is-home #top-nav .nav-link:last-child{border-color:#9fc8a1}.is-home .mobile-menu{color:#167a2f}.is-home main{background:#f5f8f1}.is-home main>section:not(.agency-works):not(.agency-resources):not(.agency-about):not(.agency-faq):not(.agency-invite){max-width:none!important;margin:0!important}.pro-intro{min-height:780px;position:relative;overflow:hidden;background:linear-gradient(120deg,#f5faf1,#e5f1e6 55%,#f9fbf6);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px max(6%,calc((100vw - 1160px)/2)) 115px;isolation:isolate}.pro-intro:before{content:'';position:absolute;inset:0;opacity:.43;background-image:linear-gradient(#aacbaa32 1px,transparent 1px),linear-gradient(90deg,#aacbaa32 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.pro-glow{position:absolute;width:610px;height:610px;right:12%;top:8%;border-radius:50%;background:#bce4bb66;filter:blur(35px);z-index:-1}.pro-glow:after{content:'';position:absolute;inset:22px;border:1px solid #83b88a70;border-radius:50%;box-shadow:0 0 0 30px #8fbd9250,0 0 0 80px #8fbd9230}.pro-copy{position:relative;z-index:3;padding-bottom:35px}.pro-copy .agency-kicker{color:#3d7750}.pro-copy h1{font-size:clamp(45px,5.1vw,74px);line-height:1.25;letter-spacing:-2px;color:#173c25;margin:0 0 24px;font-weight:800}.pro-copy h1 span{color:#20933d}.pro-sub{font-size:17px;line-height:2;color:#4c6c54;margin:0 0 28px}.pro-copy .agency-actions{justify-content:flex-start;margin:0 0 31px}.pro-copy .agency-button{background:#2fa344;color:#fff;border-color:#2fa344}.pro-stats{display:grid;grid-template-columns:repeat(4,auto);gap:25px;border-top:1px solid #a8c6a9;padding-top:20px;max-width:520px}.pro-stats b{display:block;font-size:32px;line-height:1;font-weight:750;color:#194c2b}.pro-stats b i{font-size:18px;color:#2fa344;font-style:normal}.pro-stats span{display:block;font-size:11px;color:#66806b;margin-top:8px;white-space:nowrap}.pro-portrait{height:590px;position:relative;align-self:end}.portrait-halo{position:absolute;width:520px;height:520px;right:3%;top:4%;border:1px solid #8ab99280;border-radius:50%;box-shadow:0 0 0 20px #b7d7b83c,0 0 0 58px #b7d7b822}.portrait-word{position:absolute;right:0;top:4%;font-size:105px;line-height:.8;font-weight:900;color:#27723b16;letter-spacing:-6px;z-index:-1}.portrait-word small{font-size:11px;letter-spacing:4px;display:block;text-align:right;color:#48835a55}.pro-portrait>img{position:absolute;height:690px;width:auto;max-width:none;right:3%;bottom:-120px;filter:drop-shadow(0 18px 22px #42644322);z-index:1}.pro-badge{position:absolute;right:1%;bottom:75px;z-index:3;background:#ffffffdb;border:1px solid #b7d2bb;backdrop-filter:blur(10px);border-radius:10px;padding:13px 17px;width:173px;transform:rotate(4deg);box-shadow:0 13px 30px #537c5522}.pro-badge span{display:block;font-size:14px;font-weight:750;color:#1e6033}.pro-badge small{display:block;font-size:10px;color:#65806b;margin-top:5px}.pro-badge b{position:absolute;right:15px;top:20px;color:#2fa344}.pro-bottom{position:absolute;bottom:0;left:max(6%,calc((100vw - 1160px)/2));right:max(6%,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b7ceb7;padding-top:16px;color:#5a7860;font-size:11px;z-index:3}.pro-route{background:#17341f;color:#f1f7ed;padding:68px max(6%,calc((100vw - 1050px)/2));display:grid;grid-template-columns:1fr 1.35fr;gap:55px;align-items:center}.pro-route .agency-kicker{color:#95d576}.pro-route h2{font-size:33px;margin:0 0 15px}.pro-route>div>p:last-child{font-size:14px;line-height:1.9;color:#b7cbb8}.pro-route-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pro-route-points>a{border-left:1px solid #658b61;padding-left:16px;color:#eef6e8}.pro-route-points b{display:block;color:#95d576;font-size:12px;margin-bottom:28px}.pro-route-points strong{display:block;font-size:15px;margin-bottom:8px}.pro-route-points span{font-size:11px;color:#b4c9b4;line-height:1.7}.is-home .agency-works{background:#f5f8f1;padding-top:90px!important}.is-home .agency-resources{background:#eef6eb}.is-home .agency-resources .knowledge-cards article{background:#fff;border-color:#d8e9d5}.is-home .agency-invite{box-shadow:0 10px 35px #305b361c}
.pro-intro .agency-button,.pro-route-points>a,.pro-badge,.agency-works .case-card{transition:transform .25s ease,box-shadow .25s ease}.pro-intro .agency-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #2fa34435}.pro-route-points>a:hover{transform:translateX(5px)}
@media(max-width:1000px){.pro-intro{padding-left:5%;padding-right:5%;grid-template-columns:1fr 1fr}.pro-portrait>img{height:590px;right:-8%;bottom:-70px}.portrait-halo{width:430px;height:430px;right:-4%}.pro-stats{gap:16px}.pro-route{grid-template-columns:1fr;gap:35px}}
@media(max-width:680px){.pro-intro{display:block;min-height:830px;padding:118px 24px 125px}.pro-copy{text-align:center}.pro-copy h1{font-size:42px;letter-spacing:-1px}.pro-sub{font-size:14px;line-height:1.9}.pro-sub br{display:none}.pro-copy .agency-actions{justify-content:center;gap:15px}.pro-stats{gap:12px;justify-content:center;max-width:none}.pro-stats b{font-size:24px}.pro-stats span{font-size:9px}.pro-portrait{height:365px;margin-top:20px}.portrait-halo{width:330px;height:330px;right:50%;transform:translateX(50%);top:4%}.pro-portrait>img{height:410px;right:50%;transform:translateX(50%);bottom:-72px}.portrait-word{font-size:75px;right:4%;top:6%}.pro-badge{right:2%;bottom:20px;width:145px;padding:10px}.pro-badge span{font-size:12px}.pro-bottom{left:24px;right:24px;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:9px}.pro-bottom span:last-child{grid-column:1/-1}.pro-route{padding:52px 24px;display:block}.pro-route h2{font-size:28px}.pro-route>div>p:last-child{font-size:13px}.pro-route-points{grid-template-columns:1fr;gap:23px;margin-top:30px}.pro-route-points>a{border-left:0;border-top:1px solid #658b61;padding:15px 0 0;display:grid;grid-template-columns:42px 1fr}.pro-route-points b{grid-row:span 2;margin:0}.pro-route-points strong{margin:0}.pro-route-points span{grid-column:2}.is-home .agency-works{padding:58px 20px 55px!important}}
@media(prefers-reduced-motion:reduce){.pro-intro .agency-button,.pro-route-points>a{transition:none}}
.pointer-glow{position:fixed;left:var(--pointer-x,-100px);top:var(--pointer-y,-100px);width:260px;height:260px;transform:translate(-50%,-50%);pointer-events:none;z-index:1;background:radial-gradient(circle,#7ee88b22 0,transparent 68%);mix-blend-mode:multiply;transition:left .12s ease-out,top .12s ease-out}.is-home .pointer-glow{z-index:2}.agency-works,.agency-resources,.agency-about,.agency-faq,.agency-invite{position:relative;z-index:3}
/* Readability, light resource panels, and accessible pointer effects. */
.pro-stats span{font-size:14px}.pro-bottom{font-size:13px;padding-bottom:19px}.pro-copy .agency-quiet{color:#216637}.pro-badge small{font-size:13px}.pro-badge{width:190px}.pro-route-points span{font-size:14px}.pro-route-points b{font-size:14px}.pro-route-points strong{font-size:17px}.pro-copy .agency-kicker{font-size:13px}.is-home .agency-resources{color:#1b3e27}.is-home .agency-resources .eyebrow,.is-home .agency-resources .path-number{color:#216e37}.is-home .agency-resources .section-intro,.is-home .agency-resources .knowledge-cards p,.is-home .agency-resources .community-price span,.is-home .agency-resources .practice-note span{color:#47624c;font-size:15px}.is-home .agency-resources .knowledge-cards h3{color:#173e25}.is-home .agency-resources .community-price,.is-home .agency-resources .text-button,.is-home .agency-resources .practice-note strong{color:#167a2f}.is-home .agency-resources .knowledge-tags span{background:#edf6e8;border-color:#cfdfc8;color:#375e33;font-size:13px}.is-home .agency-resources .knowledge-community{background:#e1f1d8;border-top-color:#2fa344!important}.agency-section-title>p:last-child,.agency-about .story-content p,.faq-list details p{font-size:16px}.agency-works .card-body p{font-size:15px}.agency-works .elements,.agency-works .track{font-size:13px}.faq-list summary{font-size:16px}.is-home .agency-works .personal-selected{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:680px){.pro-intro{padding-top:115px}.pro-copy h1{font-size:clamp(31px,8.4vw,42px)}.pro-sub{font-size:16px}.pro-stats{grid-template-columns:repeat(2,1fr);gap:22px}.pro-stats b{font-size:30px}.pro-stats span{font-size:14px}.pro-bottom{font-size:12px;line-height:1.6}.pro-badge{width:170px}.pro-badge span{font-size:15px}.pro-badge small{font-size:12px}.pro-route>div>p:last-child,.pro-route-points span{font-size:15px}.agency-works .card-body h3{font-size:17px}.agency-works .elements{font-size:12px}.agency-section-title>p:last-child,.agency-about .story-content p,.faq-list details p{font-size:15px}.is-home .agency-works .personal-selected{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-list summary{font-size:15px}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.pointer-glow{display:none}}
.pro-stats{background:#ffffff66;border:1px solid #ffffffbd;backdrop-filter:blur(16px);border-radius:14px;padding:22px;box-shadow:0 12px 32px #37673c0b}.pro-portrait{z-index:1}.pro-copy{z-index:3}.is-home .site-header .mobile-menu{color:#216637}.is-home .top-brand .ai{color:#2fa344}
@media(max-width:680px){.pro-stats{padding:20px 16px}.pro-copy .agency-actions{gap:12px}.pro-bottom{padding-bottom:15px}}
/* Consistent light surfaces below the homepage hero. */
.pro-route{background:#edf5e9;color:#1b3e27;border-top:1px solid #d7e5d2;border-bottom:1px solid #d7e5d2}.pro-route .agency-kicker{color:#397447}.pro-route>div>p:last-child{color:#506c55}.pro-route-points>a{border-color:#bdd4b7;color:#20472d}.pro-route-points b{color:#27863d}.pro-route-points span{color:#506c55}
.is-home .agency-resources{background:#f0f6ec;border-top:1px solid #dfe9d9;border-bottom:1px solid #dfe9d9}.is-home .agency-resources .knowledge-cards article{background:#ffffffba;border-color:#d5e4ce;box-shadow:0 6px 22px #315b3505}.is-home .agency-resources .knowledge-community{background:#e6f2df;border-top:3px solid #72b268!important}.is-home .agency-resources .button{background:#2fa344;border-color:#2fa344;color:#fff}.is-home .agency-resources .knowledge-tags span{background:#f3f8ee;color:#41613a;border-color:#d5e4ca}.is-home .agency-resources .practice-note{border-top-color:#ccddc5}
.faq-list details{background:#fff;color:#24452e;border-color:#d8e5d2;box-shadow:0 3px 14px #24452e03}.faq-list summary>span{background:#e1f0d7;color:#257338}.faq-list details p{color:#4c6651}.faq-list details>a{color:#167a2f}
.is-home main>.agency-invite{background:radial-gradient(ellipse at 85% 20%,#d5ecc866,transparent 65%),linear-gradient(120deg,#edf6e5,#f6faf1);color:#20472d;border:1px solid #d3e4ca;box-shadow:none}.agency-invite .agency-kicker{color:#42814c}.agency-invite>p:not(.agency-kicker){color:#526f56}.agency-invite>span{color:#a8cca0}.agency-invite .agency-button{background:#2fa344;border-color:#2fa344;color:#fff}.agency-invite .agency-button:hover{background:#258b38}
.is-home footer{background:#edf4e8;color:#5b705b;border-top:1px solid #d9e4d3}
.is-home .agency-resources .knowledge-cards article.knowledge-community{background:#e6f2df;color:#24452e}
/* Personal portfolio composition and author-supplied copy. */
:root{--green:#00b85c;--deep:#087b43;--ink:#1a2720}
body,.is-home,.is-home main{background:#fff;color:#1a2720}
.is-home .site-header{background:#ffffffc9;color:#1a2720;backdrop-filter:blur(16px);border-color:#e7eee7;height:96px}
.top-brand small{font-size:11px!important;letter-spacing:0!important}
#top-nav{gap:22px}.is-home #top-nav .nav-link{font-size:15px;color:#303f35}.is-home #top-nav .nav-link:last-child{border:0;padding:9px 0}
.nav-library{background:#087b43;color:white;border-radius:6px;padding:12px 17px;font-size:14px;font-weight:600;white-space:nowrap}
.pro-intro{background:#f0faf4;padding-top:150px;padding-bottom:95px;min-height:740px;grid-template-columns:1.12fr 1fr;gap:20px}
.pro-intro:before{opacity:.2}.pro-copy{padding-bottom:0}.pro-copy h1{font-size:68px;letter-spacing:0;line-height:1.22;margin-bottom:25px}.pro-copy h1 span{color:#00a955}.pro-copy .agency-kicker{font-size:14px;letter-spacing:0;color:#36704b}
.pro-sub{font-size:17px;line-height:1.95;color:#4d6054;margin:0 0 17px;max-width:560px}.pro-copy .agency-actions{margin:28px 0 0}.pro-copy .agency-button,.author-method .agency-button{background:#087b43;color:white;border-color:#087b43}
.pro-portrait{height:510px}.pro-portrait>img{height:610px;right:-2%;bottom:-94px}.portrait-word{letter-spacing:0;font-size:90px;top:20px;color:#21805010}.pro-badge{right:0;bottom:15px;background:#ffffffdd}.pro-bottom{font-size:13px;line-height:1.8;border-color:#d5e7d7;bottom:0;padding-bottom:18px}
.is-home main>.author-stats{max-width:1060px!important;margin:auto!important;display:grid;grid-template-columns:repeat(3,1fr);padding:58px 20px;text-align:center;background:white}.author-stats>div+div{border-left:1px solid #e3eae4}.author-stats b{font-size:50px;font-weight:800;color:#00a955;line-height:1}.author-stats b span{font-size:30px}.author-stats p{font-size:18px;font-weight:600;margin:14px 0 0}
.author-heading{margin-bottom:36px}.author-heading .eyebrow{color:#087b43;font-size:14px;letter-spacing:0;margin:0 0 14px}.author-heading h2{font-size:38px;letter-spacing:0;line-height:1.4;margin:0 0 16px}.author-heading h2 span{color:#00a955}.author-heading>p:last-child{font-size:16px;line-height:1.9;color:#607066;max-width:700px}
.is-home main>.author-knowledge,.is-home main>.author-reviews,.is-home main>.author-contact{max-width:none!important;margin:0!important;padding:75px max(24px,calc((100vw - 1072px)/2))}
.author-knowledge{background:#fff}.author-knowledge-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}.author-method p{font-size:17px;line-height:2;color:#55635a;margin:0 0 24px}.author-method strong{color:#20372a}.author-method .agency-button{margin-top:8px}.author-offerings{display:grid;gap:14px}.author-offerings article{position:relative;background:#f8faf8;border:1px solid #e0e9e1;border-radius:8px;padding:22px 25px}.author-offerings article>span{font-size:12px;color:#087b43}.author-offerings h3{font-size:21px;margin:8px 0}.author-offerings p{font-size:15px;line-height:1.85;color:#59695e;margin:0}.author-offerings .offering-community{background:#edfbf2;border-color:#b7e6ca}.offering-community .inline-link{display:inline-block;margin-top:14px;font-size:14px}
.is-home main>.agency-works{max-width:none!important;padding:72px max(24px,calc((100vw - 1072px)/2))!important;background:#f7f9f7}.agency-works .personal-selected{gap:25px}.agency-works .case-card{background:#fff;border:1px solid #e1e8e2;border-radius:8px;overflow:hidden}.agency-works .thumbnail{border-radius:0}.agency-works .card-body{padding:20px}.agency-works .card-body h3{font-size:20px}.agency-works .card-body p{font-size:15px;line-height:1.8}.agency-center{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap}.author-saved{font-size:14px;color:#087b43}
.showcase-carousel{overflow:hidden;margin:0 -2px;padding:0 2px}.showcase-carousel .personal-selected{display:flex;grid-template-columns:none;gap:16px;width:max-content;animation:showcase-loop 42s linear infinite}.showcase-carousel:hover .personal-selected{animation-play-state:paused}.showcase-carousel .showcase-item{width:clamp(132px,10.5vw,168px);flex:0 0 auto}.showcase-carousel .showcase-caption h3{font-size:14px}.showcase-carousel .showcase-materials{font-size:10px}@keyframes showcase-loop{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}
.author-reviews{background:#fff}.author-reviews .author-heading,.author-contact .author-heading{text-align:center}.author-reviews .author-heading>p:last-child,.author-contact .author-heading>p:last-child{margin-left:auto;margin-right:auto}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.review-item{margin:0;padding:28px;border:1px solid #e1e8e1;border-radius:8px;display:flex;flex-direction:column;background:#fff}.review-stars{color:#b47a0a;font-size:19px;letter-spacing:0}.review-item blockquote{font-size:16px;line-height:1.95;color:#506056;margin:18px 0 26px;flex:1}.review-item figcaption{display:flex;gap:12px;align-items:center}.review-avatar{width:42px;height:42px;border-radius:50%;background:#e3f8eb;color:#087b43;display:grid;place-items:center;font-weight:700}.review-item figcaption strong{font-size:16px}.review-item figcaption small{display:block;font-size:13px;color:#68796e;margin-top:4px}
.author-contact{background:#f7f9f7}.contact-methods{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:20px}.contact-methods>div,.contact-methods>a{padding:25px;background:#fff;border:1px solid #dfe8e0;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0}.contact-methods small{font-size:14px;color:#64796b}.contact-methods strong{font-size:21px;overflow-wrap:anywhere;line-height:1.5}.contact-methods span{font-size:14px;color:#567260}.contact-methods .copy{font-size:14px;border-color:#bddac7;color:#087b43}.is-home footer{background:#fff;border-top:1px solid #e1e9e2;color:#65776b;font-size:13px;flex-wrap:wrap}.is-home main{padding-bottom:0}.author-reviews,.author-contact,.author-knowledge{scroll-margin-top:25px}
@media(max-width:1000px){#top-nav{gap:13px}.top-brand{font-size:20px}.is-home #top-nav .nav-link{font-size:13px}.nav-library{font-size:12px;padding:10px}.pro-copy h1{font-size:56px}.pro-portrait>img{height:550px;right:-18%;bottom:-80px}.author-knowledge-layout{gap:30px}.review-item{padding:20px}.contact-methods{grid-template-columns:1fr 1fr}.contact-methods>a{grid-column:1/-1}}
@media(max-width:680px){.is-home .site-header{height:78px}.pro-intro{display:block;padding:110px 24px 95px;min-height:0}.pro-copy{text-align:left}.pro-copy h1{font-size:48px;letter-spacing:0}.pro-sub{font-size:16px;line-height:1.9}.pro-copy .agency-actions{justify-content:flex-start;gap:18px}.pro-portrait{height:350px;margin-top:28px}.pro-portrait>img{height:410px;right:50%;bottom:-55px}.portrait-word{font-size:64px;right:5%}.pro-badge{bottom:18px;right:0}.pro-bottom{font-size:12px;left:24px;right:24px}.is-home main>.author-stats{padding:38px 16px}.author-stats b{font-size:32px}.author-stats b span{font-size:20px}.author-stats p{font-size:14px}.author-heading h2{font-size:29px}.author-heading>p:last-child{font-size:15px}.is-home main>.author-knowledge,.is-home main>.author-reviews,.is-home main>.author-contact{padding:48px 22px}.author-knowledge-layout{grid-template-columns:1fr;gap:30px}.author-method p{font-size:16px}.review-grid{grid-template-columns:1fr;gap:16px}.review-item{padding:25px}.contact-methods{grid-template-columns:1fr}.contact-methods strong{font-size:21px}.agency-works .card-body{padding:14px}.agency-works .card-body h3{font-size:17px}.is-home main>.agency-works{padding:48px 20px!important}.is-home .agency-works .personal-selected{gap:13px}.agency-works .card-body p{display:none}.agency-works .elements{font-size:12px}.author-heading{margin-bottom:26px}}
/* Compact homepage gallery; full case library keeps its own layout. */
.showcase-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:30px}
.showcase-heading .author-heading{margin:0;max-width:720px}
.showcase-heading .author-heading h2{margin-top:0}
.showcase-heading .author-heading>p:last-child{margin-bottom:0;font-size:16px;line-height:1.8}
.showcase-links{display:flex;flex-direction:column;align-items:flex-end;gap:15px;padding-top:33px;flex-shrink:0}
.showcase-links .agency-outline{gap:20px;background:white;border-color:#c9dbcf}
.showcase-hit-link{color:#087b43;font-weight:700}
.story-review-link{display:flex;align-items:center;gap:8px;text-decoration:none}
.story-review-link>span:last-child{text-decoration:underline;text-underline-offset:3px}
.story-link-context{padding:3px 7px;border:1px solid #c9dfcd;border-radius:4px;background:#f1f8f1;color:#426c4c;font-size:11px;white-space:nowrap}
.is-home .compact-showcase .personal-selected{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 20px}
.compact-showcase .case-card{border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.compact-showcase .thumbnail{aspect-ratio:9/16;height:auto;border-radius:8px;overflow:hidden;background:#e8eee9}
.compact-showcase .card-body{padding:14px 0 0}
.compact-showcase .card-body h3{font-size:17px;line-height:1.6;margin:8px 0;min-height:54px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.compact-showcase .card-body p{font-size:14px;line-height:1.7;min-height:48px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.compact-showcase .track{padding:0;background:none;color:#248248;font-size:12px}
.compact-showcase .elements{margin-top:12px;padding-top:10px;gap:5px 9px;font-size:11px;line-height:1.6;min-height:47px;border-color:#dce5de}
.compact-showcase .save{width:30px;height:30px;right:9px;top:9px;box-shadow:0 2px 8px #152b1612}
.compact-showcase .case-card:hover{transform:translateY(-3px);box-shadow:none}
@media(max-width:1000px){.showcase-heading{gap:22px}.showcase-heading .author-heading>p:last-child{font-size:15px}.compact-showcase .card-body h3{font-size:16px}.is-home .compact-showcase .personal-selected{gap:23px 16px}}
@media(max-width:680px){.showcase-heading{display:block;margin-bottom:24px}.showcase-links{padding-top:18px;flex-direction:row;justify-content:space-between;align-items:center}.showcase-links .agency-outline{padding:10px 14px;font-size:13px}.is-home .compact-showcase .personal-selected{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.compact-showcase .card-body{padding:11px 0 0}.compact-showcase .card-body h3{font-size:16px;min-height:51px}.compact-showcase .card-body p{display:none}.compact-showcase .elements{font-size:11px;min-height:47px}.showcase-heading .author-heading>p:last-child br{display:none}}
/* Single-row compact homepage showcase. */
.is-home .compact-showcase .personal-selected{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;align-items:start}
.compact-showcase .card-body h3{font-size:14px;line-height:1.6;min-height:45px;margin:7px 0}
.compact-showcase .card-body p{display:none}
.compact-showcase .track{font-size:11px}
.compact-showcase .card-body{padding:10px 0 0}
.compact-showcase .elements{font-size:11px;display:grid;gap:3px;padding-top:8px;margin-top:8px;min-height:65px}
.compact-showcase .save{width:25px;height:25px;font-size:15px;top:6px;right:6px}
.compact-showcase .time{font-size:9px;right:5px;bottom:6px;padding:3px 4px}
@media(max-width:1000px){.is-home .compact-showcase .personal-selected{grid-template-columns:repeat(8,132px);gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:15px}.compact-showcase .case-card{scroll-snap-align:start}}
@media(max-width:680px){.is-home .compact-showcase .personal-selected{grid-template-columns:repeat(8,140px);gap:13px}.compact-showcase .card-body h3{font-size:14px;min-height:45px}.compact-showcase .elements{font-size:11px;min-height:65px}}
/* Balanced introduction followed by three comparable offerings. */
.author-knowledge .author-heading{margin-bottom:24px}
.author-knowledge .author-heading>p:last-child{max-width:850px;text-wrap:pretty}
.author-knowledge .author-knowledge-layout{display:block}
.author-knowledge .author-method{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:46px;align-items:start;margin-bottom:34px}
.author-knowledge .author-method p{font-size:16px;line-height:1.9;margin:0 0 13px;max-width:780px;text-wrap:pretty}
.author-knowledge .author-method p:nth-child(2){grid-column:1;margin-bottom:0}
.author-knowledge .author-method .agency-button{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0;white-space:nowrap}
.author-knowledge .author-offerings{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.author-knowledge .author-offerings article{padding:26px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.author-knowledge .author-offerings h3{margin:15px 0 12px;font-size:22px}
.author-knowledge .author-offerings p{font-size:15px;line-height:1.9}
.author-knowledge .offering-community .inline-link{margin-top:auto;padding-top:20px}
@media(max-width:800px){.author-knowledge .author-method{grid-template-columns:1fr}.author-knowledge .author-method .agency-button{grid-column:1;grid-row:auto;justify-self:start;margin-top:20px}.author-knowledge .author-offerings{gap:14px}.author-knowledge .author-offerings article{padding:20px}}
@media(max-width:680px){.author-knowledge .author-offerings{grid-template-columns:1fr}.author-knowledge .author-method{margin-bottom:28px}.author-knowledge .author-offerings article{padding:23px}.author-knowledge .author-offerings h3{margin-top:10px}}

/* Final browsing pass: navigation, compact gallery, readable supporting text. */
.site-header,.is-home .site-header{position:sticky;inset:0 auto auto;height:82px;z-index:24;background:#ffffffeb;backdrop-filter:blur(18px);border-bottom:1px solid #e2eae3}
.is-home .pro-intro{padding-top:58px;min-height:630px;padding-bottom:72px}
[id^="home-"]{scroll-margin-top:104px}
.author-heading .eyebrow{display:block}
.author-reviews .author-heading .eyebrow,.author-contact .author-heading .eyebrow{text-align:center}
.is-home .compact-showcase .personal-selected{gap:16px;scrollbar-width:thin;scrollbar-color:#adc9b5 #edf3ee}
.showcase-item{min-width:0}
.showcase-cover{display:block;position:relative;border-radius:8px;overflow:hidden;isolation:isolate;background:#eaf0e9}
.showcase-cover .thumbnail{display:block;aspect-ratio:9/16;height:auto;border-radius:8px;overflow:hidden}
.showcase-cover img{height:100%;object-fit:cover;transition:transform .25s}
.showcase-open{position:absolute;inset:auto 0 0;background:#153823eb;color:#fff;padding:12px 4px;font-size:12px;text-align:center;transform:translateY(100%);transition:transform .2s}
.showcase-cover:hover .showcase-open,.showcase-cover:focus-visible .showcase-open{transform:translateY(0)}
.showcase-cover:hover img{transform:scale(1.035)}
.showcase-caption{padding:13px 1px 0}
.showcase-track{font-size:12px;color:#477757}
.showcase-caption h3{font-size:14px;line-height:1.65;font-weight:650;height:47px;margin:6px 0 10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.showcase-materials{display:block;font-size:11px;line-height:1.7;color:#64786a;border-top:1px solid #dce6df;padding-top:8px;white-space:nowrap}
.showcase-materials.complete{color:#087b43}
.author-knowledge .author-offerings article>span{font-size:13px}
.author-heading h2{font-weight:750}.author-method p{line-height:1.9}
.review-item{box-shadow:0 5px 22px #233d2805}.review-item blockquote{line-height:1.85}
.author-heading .eyebrow:before{margin-right:7px}
.pro-copy .agency-kicker,.pro-bottom,.pro-badge small{letter-spacing:0}
.showcase-links .agency-outline:hover,.nav-library:hover{background:#e8f5eb;color:#087b43}
.showcase-cover:focus-visible{outline:3px solid #00a955;outline-offset:4px}
.is-home .author-stats{border-bottom:1px solid #edf1ed}
.lesson-rail{top:105px}.tabs{scroll-margin-top:105px}
@media(max-width:1000px){.site-header,.is-home .site-header{padding-left:24px;padding-right:24px}.showcase-materials{font-size:12px}}
@media(max-width:680px){.site-header,.is-home .site-header{height:72px;padding:0 20px}.is-home .pro-intro{padding-top:35px;padding-bottom:88px;min-height:0}[id^="home-"]{scroll-margin-top:90px}.showcase-caption h3{font-size:15px;height:50px}.showcase-materials{font-size:11px}.showcase-heading .author-heading h2{font-size:29px}.pro-bottom{font-size:12px}.site-header .mobile-menu{min-width:44px;min-height:44px}.copy{min-height:42px}.showcase-item{scroll-snap-align:start}.showcase-open{display:none}.is-home main>.author-stats{padding-top:40px;padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.showcase-open,.showcase-cover img{transition:none}}

/* Curated window and two-level content navigation. */
.album-section{margin-top:36px;padding-top:10px;border-top:1px solid #dce5df}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.album-card{display:block;background:#fff;border:1px solid #dce8df;border-radius:12px;padding:24px;transition:border-color .2s}.album-card:hover{border-color:#087b43}.album-count{font-size:13px;color:#47765a}.album-card h4{font-size:22px;margin:15px 0 12px;display:flex;justify-content:space-between}.album-card h4 span{color:#087b43}.album-card p{font-size:15px;line-height:1.8;color:#586c60;margin-bottom:20px}.album-action{font-size:14px;color:#087b43}.album-card:focus-visible{outline:3px solid #087b43;outline-offset:3px}@media(max-width:680px){.album-grid{grid-template-columns:1fr}.album-card{padding:22px}}
.is-home main>.compact-showcase{background:#f7f9f8!important}
.showcase-edition{display:flex;justify-content:space-between;border-top:1px solid #d7e2dc;padding:18px 0;color:#52675a;font-size:13px}
.showcase-cover{box-shadow:0 6px 16px #213b2910}
.showcase-caption h3{font-weight:600}
.showcase-edition+.personal-selected{padding-bottom:26px;border-bottom:1px solid #d7e2dc}
.direction-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 20px}
.direction-heading h3{font-size:20px;margin:0}.direction-heading>span{font-size:13px;color:#627568}
.showcase-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.showcase-categories>a{padding:4px 18px 4px 0;min-width:0;display:flex;flex-direction:column;gap:10px}
.showcase-categories>a+a{border-left:1px solid #dce5df;padding-left:18px}
.category-index{font-size:12px;color:#78887e}.showcase-categories strong{font-size:17px;display:flex;justify-content:space-between;gap:5px}.showcase-categories strong span{color:#16834d}
.showcase-categories small{font-size:13px;line-height:1.8;color:#5e7065;min-height:47px}.category-count{font-size:12px;color:#34764e}
.showcase-categories a:hover strong{color:#087b43}.showcase-categories a:focus-visible{outline:2px solid #087b43;outline-offset:4px}
.category-tabs{display:flex;flex-wrap:wrap;gap:12px 24px;border-bottom:1px solid #dae5dd;margin:22px 0;padding:0 0 16px}
.category-tabs a{font-size:16px;padding:8px 0;color:#5e7065}.category-tabs a[aria-current]{color:#087b43;box-shadow:0 2px #087b43;font-weight:700}.filters>span{font-size:14px;color:#67796d;align-self:center}
@media(max-width:1000px){.showcase-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.showcase-categories>a,.showcase-categories>a+a{padding:0;border:0}}
@media(max-width:680px){.showcase-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.showcase-categories strong{font-size:17px}.direction-heading{align-items:flex-start;flex-direction:column;gap:8px}.showcase-categories small{font-size:14px}.category-tabs{gap:8px 20px}.showcase-edition+.personal-selected{padding-bottom:20px}.showcase-caption h3{font-size:15px}}

/* Homepage knowledge link and compact feedback rows. */
.feishu-library{margin-top:22px}.feishu-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px 22px;background:#edf8f0;border:1px solid #b9dfc5;border-radius:10px;color:#20372a;transition:transform .2s,box-shadow .2s,border-color .2s}.feishu-link:hover{transform:translateY(-2px);border-color:#087b43;box-shadow:0 10px 26px #1f633014}.feishu-link .feishu-kicker{font-size:12px;color:#47765a}.feishu-link strong{font-size:20px}.feishu-link strong b{color:#087b43;font-weight:500}.feishu-link>span:last-child{font-size:14px;color:#5e7065;justify-self:end}
.author-reviews .review-grid{display:grid;grid-template-columns:1fr;gap:10px}.author-reviews .review-item{display:grid;grid-template-columns:78px minmax(0,1fr) 180px auto;align-items:center;gap:20px;margin:0;padding:15px 20px;border:1px solid #e1e8e1;border-radius:10px;background:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.author-reviews .review-item:hover,.author-reviews .review-item:focus-visible{transform:translateX(5px);border-color:#9bd1ad;box-shadow:0 8px 22px #1f633018;outline:none}.author-reviews .review-stars{font-size:14px;white-space:nowrap}.author-reviews .review-item blockquote{font-size:14px;line-height:1.65;color:#506056;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.author-reviews .review-item figcaption{gap:10px;min-width:0}.author-reviews .review-avatar{width:34px;height:34px;font-size:14px;flex:0 0 auto}.author-reviews .review-item figcaption strong{font-size:14px}.author-reviews .review-item figcaption small{font-size:12px;margin-top:2px;white-space:nowrap}.review-tap{font-size:12px;color:#087b43;opacity:0;transform:translateX(-5px);transition:opacity .2s,transform .2s;white-space:nowrap}.review-item:hover .review-tap,.review-item:focus-visible .review-tap{opacity:1;transform:none}
@media(max-width:800px){.feishu-link{grid-template-columns:1fr auto}.feishu-link .feishu-kicker{grid-column:1/-1}.feishu-link>span:last-child{grid-column:1/-1;justify-self:start}.author-reviews .review-item{grid-template-columns:65px minmax(0,1fr) auto;gap:12px}.author-reviews .review-item figcaption{grid-column:2}.review-tap{grid-column:3;grid-row:1 / span 2}}
@media(max-width:680px){.feishu-link{padding:16px}.feishu-link strong{font-size:18px}.author-reviews .review-item{grid-template-columns:1fr auto;padding:14px 16px}.author-reviews .review-stars{grid-column:1}.author-reviews .review-item blockquote{grid-column:1/-1;grid-row:2;font-size:14px}.author-reviews .review-item figcaption{grid-column:1;grid-row:3}.review-tap{grid-column:2;grid-row:3}.author-reviews .review-item:hover,.author-reviews .review-item:focus-visible{transform:translateY(-2px)}}

/* Local visual refinement pass: keep the wordmark behind the portrait and tighten the contact rhythm. */
.is-home .portrait-word{right:-10%;top:-7%;font-size:78px;letter-spacing:1px;color:#27723b0c;z-index:0;pointer-events:none;transform:rotate(-2deg)}
.is-home .pro-portrait>img{z-index:1}.is-home .pro-portrait{isolation:isolate}.is-home .pro-portrait:after{content:'';position:absolute;right:4%;top:4%;width:210px;height:130px;border:1px solid #8ab99236;border-radius:50%;transform:rotate(-12deg);pointer-events:none;z-index:0}
.is-home main>.author-reviews{padding-top:38px;padding-bottom:38px}.is-home main>.author-contact{padding-top:30px;padding-bottom:34px}.author-reviews .author-heading,.author-contact .author-heading{margin-bottom:22px}.contact-methods>div,.contact-methods>a{padding:20px 22px;gap:9px}
.is-home main>section{animation:section-arrive .55s cubic-bezier(.2,.75,.25,1) both}.is-home .home-works{animation-delay:.06s}.is-home .home-reviews{animation-delay:.12s}.is-home .home-contact{animation-delay:.18s}
.is-home .pro-portrait>img{animation:portrait-drift 7s ease-in-out infinite}.is-home .pro-badge{animation:badge-drift 5s ease-in-out infinite}
@keyframes section-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes portrait-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes badge-drift{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.is-home main>section,.is-home .pro-portrait>img,.is-home .pro-badge{animation:none}.is-home .portrait-word{transform:none}}

/* Keep the hero focused on the portrait and make feedback informational rather than interactive. */
.is-home .pro-portrait:after{display:none}.is-home .pro-portrait>img{animation:none}.is-home .pro-badge{display:none}.is-home .portrait-word{right:-16%;top:-3%;font-size:74px;opacity:.65}
 .author-reviews .review-item{cursor:default;transform:none!important}.author-reviews .review-item:hover,.author-reviews .review-item:focus-visible{transform:translateY(-2px)!important;box-shadow:0 8px 22px #1f633018}.author-reviews .review-tap{display:none}.author-reviews .review-item.is-tapped{animation:none}.author-reviews .review-item.is-tapped:after{display:none}


 .review-item{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;position:relative;overflow:hidden}.review-item:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#e7f8edaa,transparent 42%);opacity:0;transition:opacity .28s;pointer-events:none}.review-item:hover:before{opacity:1}.review-item>*{position:relative}.review-avatar{overflow:hidden}.review-avatar img{width:100%;height:100%;object-fit:cover}

/* Final interaction cleanup: keep decorative elements quiet and remove unused affordances. */
.is-home .pro-portrait:after,.is-home .portrait-halo,.is-home .pro-badge{display:none!important}
.is-home .pro-portrait>img{animation:none!important;transform:none}
.is-home .portrait-word{pointer-events:none;z-index:0}
.author-reviews .review-item,.author-reviews .review-item:hover,.author-reviews .review-item:focus-visible{cursor:default;transform:none!important}

/* Dynamic case stage: device-like framing, restrained tilt and play pulse. */
.motion-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:42px;align-items:center;margin:26px 0 34px;padding:28px;border:1px solid #d7e4da;border-radius:18px;background:linear-gradient(135deg,#edf6ef,#f8fbf6 70%);overflow:hidden;position:relative}
.motion-stage:before{content:'';position:absolute;width:330px;height:330px;right:-90px;top:-120px;border-radius:50%;background:#b8e0c355;filter:blur(12px);pointer-events:none}
.motion-stage-screen{display:block;position:relative;aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#0c1711;box-shadow:0 20px 42px #1b463025;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s;isolation:isolate}
.motion-stage-screen:hover{box-shadow:0 28px 55px #1b46303b}.motion-stage-video,.motion-stage-video video,.motion-stage-video img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.motion-stage-video video{opacity:.9;filter:saturate(.92) contrast(1.04)}
.motion-stage-video:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#07120bd5 0%,#07120b30 48%,#07120b88 100%);pointer-events:none}.motion-stage-sheen{position:absolute;inset:-30%;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#ffffff35,transparent 25%);mix-blend-mode:screen;opacity:0;transition:opacity .35s;pointer-events:none;z-index:2}.motion-stage-screen:hover .motion-stage-sheen{opacity:1}
.motion-stage-play{position:absolute;right:22px;top:20px;width:40px;height:40px;border:1px solid #ffffff85;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff1c;font-size:13px;z-index:3;animation:play-breathe 3s ease-in-out infinite}.motion-stage-meta{position:absolute;left:25px;bottom:22px;display:flex;flex-direction:column;gap:5px;color:#fff;z-index:3}.motion-stage-meta small{font-size:11px;color:#b8d7bd}.motion-stage-meta strong{font-size:25px;line-height:1.25}.motion-stage-meta em{font-size:11px;color:#d9eee0;font-style:normal}
.motion-stage-copy{position:relative;z-index:1}.motion-stage-copy h3{font-size:28px;line-height:1.4;margin:12px 0;color:#1d452a}.motion-stage-copy p{font-size:14px;line-height:1.95;color:#587060;margin:0 0 20px;max-width:360px}.motion-stage-copy .text-button{font-size:13px;color:#087b43;font-weight:700}@keyframes play-breathe{0%,100%{box-shadow:0 0 0 0 #a8e9bd55}50%{box-shadow:0 0 0 8px #a8e9bd00}}
@media(max-width:800px){.motion-stage{grid-template-columns:1fr;gap:22px;padding:18px}.motion-stage-copy{padding:0 4px 6px}.motion-stage-copy h3{font-size:24px}}@media(max-width:680px){.motion-stage{margin-top:16px}.motion-stage-screen{aspect-ratio:4/3;transform:none!important}.motion-stage-play{right:15px;top:14px}.motion-stage-meta{left:17px;bottom:16px}.motion-stage-meta strong{font-size:19px}.motion-stage-meta em{font-size:10px}}
@media(prefers-reduced-motion:reduce){.motion-stage-screen{transform:none!important;transition:none}.motion-stage-play{animation:none!important}}
@media(max-width:680px){.showcase-carousel{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.showcase-carousel .personal-selected{animation:none;width:max-content}.showcase-carousel .showcase-item{width:140px}.is-home main>.author-reviews{padding-top:32px;padding-bottom:30px}.is-home main>.author-contact{padding-top:28px;padding-bottom:30px}}

/* Motion direction: editorial, slow and useful. Nothing moves the portrait itself. */
@keyframes grid-drift{0%{background-position:0 0,0 0}100%{background-position:46px 28px,28px 46px}}
@keyframes hero-glow{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.58;transform:scale(1.045)}}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes line-in{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
.is-home .pro-intro:before{animation:grid-drift 22s linear infinite}
.is-home .pro-intro:after{content:'';position:absolute;width:440px;height:440px;right:12%;top:8%;border-radius:50%;background:radial-gradient(circle,#9ad7a733 0,transparent 68%);filter:blur(18px);pointer-events:none;z-index:0;animation:hero-glow 9s ease-in-out infinite}
.is-home .pro-copy>*{animation:hero-copy-in .72s cubic-bezier(.2,.7,.2,1) both}
.is-home .pro-copy .agency-kicker{animation-delay:.08s}.is-home .pro-copy h1{animation-delay:.16s}.is-home .pro-copy .pro-sub:nth-of-type(1){animation-delay:.24s}.is-home .pro-copy .pro-sub:nth-of-type(2){animation-delay:.32s}.is-home .pro-copy .agency-actions{animation-delay:.4s}
.is-home .pro-bottom{animation:hero-copy-in .72s .52s both}.is-home .pro-portrait:before{content:'';position:absolute;inset:10% 4% 5% 20%;border-radius:46% 54% 50% 50%;background:linear-gradient(140deg,#ffffff70,transparent 62%);opacity:.35;pointer-events:none;animation:hero-glow 11s ease-in-out infinite}
.is-home .pro-intro{isolation:isolate}.is-home .pro-portrait,.is-home .pro-copy,.is-home .pro-bottom{z-index:1}
.page-scrolled .site-header{box-shadow:0 8px 24px #24463212}
.motion-reveal{opacity:0;transform:translateY(24px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1)}
.motion-reveal.is-visible{opacity:1;transform:none}
.motion-reveal:nth-child(n){transition-delay:calc(var(--motion-index,0) * 55ms)}
.is-home .agency-works .case-card,.is-home .album-card,.is-home .review-item,.is-home .contact-methods>*{transition-property:opacity,transform,box-shadow,border-color}
.is-home .case-card:hover{transform:translateY(-7px)!important;box-shadow:0 18px 36px #234b3018}
.is-home .case-card:hover .thumbnail img{transform:scale(1.07)}
.is-home .album-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #234b3012}
.is-home .contact-methods>*:hover{transform:translateY(-4px);box-shadow:0 12px 26px #234b3010}
.is-home .review-item:hover:after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #7fc59a;opacity:.65;pointer-events:none;animation:line-in .35s ease both}
@media(prefers-reduced-motion:reduce){.is-home .pro-intro:before,.is-home .pro-intro:after,.is-home .pro-copy>*,.is-home .pro-bottom,.is-home .pro-portrait:before,.motion-reveal{animation:none!important;transition:none!important}.motion-reveal{opacity:1;transform:none}.page-scrolled .site-header{box-shadow:none}}

/* Final homepage rhythm: keep section changes visible without empty transition bands. */
.is-home main>.compact-showcase{padding-bottom:34px!important}
.is-home main>.author-reviews{padding-top:28px;padding-bottom:30px}
.is-home main>.author-contact{padding-top:26px;padding-bottom:30px}
.author-reviews .author-heading,.author-contact .author-heading{margin-bottom:18px}
@media(max-width:680px){
  .is-home main>.compact-showcase{padding-bottom:28px!important}
  .is-home main>.author-reviews{padding-top:26px;padding-bottom:26px}
  .is-home main>.author-contact{padding-top:24px;padding-bottom:26px}
  .author-reviews .author-heading,.author-contact .author-heading{margin-bottom:17px}
  .is-home .pro-portrait>img{right:50%;transform:translateX(50%)!important}
}

/* One continuous landscape canvas keeps the lower homepage visually coherent. */
.is-home main{
  background-color:#eef5ef;
  background-image:linear-gradient(rgba(245,249,246,.66),rgba(245,249,246,.74)),url('assets/home-atmosphere.webp');
  background-position:center top,center center;
  background-size:auto,cover;
  background-repeat:no-repeat;
  background-attachment:scroll,fixed;
}
.is-home main>.compact-showcase,
.is-home main>.author-reviews,
.is-home main>.author-contact{
  background:rgba(247,250,248,.68)!important;
  border-top:1px solid rgba(190,211,197,.52);
}
.is-home main>.compact-showcase{border-top:0}
.is-home .motion-stage,
.is-home .album-card,
.is-home .feishu-link,
.is-home .review-item,
.is-home .contact-methods>div,
.is-home .contact-methods>a{
  background-color:rgba(255,255,255,.88);
  border-color:rgba(198,216,203,.88);
  box-shadow:0 10px 32px rgba(32,69,45,.06);
  backdrop-filter:blur(10px);
}
.is-home .motion-stage{background:linear-gradient(135deg,rgba(238,247,240,.92),rgba(255,255,255,.86) 72%)}
@media(max-width:680px){
  .is-home main{background-attachment:scroll;background-position:center top;background-size:auto 100vh}
  .is-home main>.compact-showcase,
  .is-home main>.author-reviews,
  .is-home main>.author-contact{background:rgba(247,250,248,.76)!important}
}

/* Hero composition: the landscape now begins on the first screen. */
.is-home .pro-intro{
  min-height:690px;
  padding:108px max(6%,calc((100vw - 1160px)/2)) 78px;
  grid-template-columns:minmax(430px,.95fr) minmax(420px,1.05fr);
  background-color:#eaf3eb;
  background-image:linear-gradient(90deg,rgba(239,248,241,.97) 0%,rgba(239,248,241,.91) 35%,rgba(239,248,241,.42) 68%,rgba(239,248,241,.2) 100%),url('assets/home-atmosphere.webp');
  background-size:cover;
  background-position:center;
  border-bottom:1px solid rgba(148,183,158,.55);
}
.is-home .pro-intro:before{opacity:.18;mask-image:linear-gradient(90deg,#000 0%,transparent 58%)}
.is-home .pro-intro:after{width:520px;height:520px;right:7%;top:12%;background:radial-gradient(circle,rgba(255,255,255,.64),rgba(206,234,211,.23) 50%,transparent 72%);filter:blur(22px)}
.hero-overline{display:flex;align-items:center;gap:11px;margin:0 0 20px;color:#27663a;font-size:11px;font-weight:700;letter-spacing:1.4px}
.hero-overline span{display:block;width:34px;height:1px;background:#2fa344}
.is-home .pro-copy{max-width:570px;padding:0 0 34px}
.is-home .pro-copy h1{font-size:clamp(58px,5.3vw,78px);line-height:1.08;margin-bottom:24px;text-shadow:0 2px 20px rgba(255,255,255,.36)}
.is-home .pro-copy .pro-sub{max-width:540px;margin:0 0 26px;font-size:17px;line-height:1.9;color:#405f49}
.hero-proof{display:flex;align-items:stretch;width:min(100%,500px);margin:0 0 25px;border-top:1px solid rgba(71,123,82,.25);border-bottom:1px solid rgba(71,123,82,.25);background:rgba(255,255,255,.2);backdrop-filter:blur(4px)}
.hero-proof>span{flex:1;padding:14px 18px 13px 0}
.hero-proof>span+span{padding-left:20px;border-left:1px solid rgba(71,123,82,.2)}
.hero-proof b{display:block;color:#174d29;font-size:25px;line-height:1.1}
.hero-proof small{display:block;margin-top:7px;color:#58705f;font-size:12px}
.is-home .pro-copy .agency-actions{margin:0;justify-content:flex-start}
.is-home .pro-copy .agency-quiet{display:inline-flex;align-items:center;gap:18px;padding-bottom:5px;border-bottom:1px solid rgba(33,102,55,.45);font-size:14px;font-weight:700}
.is-home .pro-portrait{height:540px;align-self:end}
.is-home .pro-portrait>img{height:625px;right:-1%;bottom:-82px;filter:drop-shadow(0 26px 32px rgba(29,73,43,.14))}
.is-home .portrait-word{right:-4%;top:8%;font-size:84px;color:rgba(25,92,44,.1);opacity:1}
.is-home .pro-bottom{left:max(6%,calc((100vw - 1160px)/2));right:max(6%,calc((100vw - 1160px)/2));border-color:rgba(73,126,84,.28);color:#45664e}

/* Keep the same landscape visible through the rest of the homepage. */
.is-home main{
  background-image:linear-gradient(rgba(245,249,246,.48),rgba(245,249,246,.58)),url('assets/home-atmosphere.webp');
}
.is-home main>.compact-showcase,
.is-home main>.author-reviews,
.is-home main>.author-contact{background:rgba(247,250,248,.54)!important}

@media(max-width:800px){
  .is-home .pro-intro{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)}
  .is-home .pro-copy h1{font-size:56px}
  .is-home .pro-portrait>img{right:-18%;height:570px}
}
@media(max-width:680px){
  .is-home .pro-intro{
    display:block;
    min-height:620px;
    padding:42px 22px 34px;
    background-image:linear-gradient(180deg,rgba(241,249,242,.91) 0%,rgba(241,249,242,.76) 54%,rgba(241,249,242,.4) 100%),url('assets/home-atmosphere.webp');
    background-position:58% center;
  }
  .hero-overline{font-size:9px;letter-spacing:1px;margin-bottom:14px}
  .hero-overline span{width:25px}
  .is-home .pro-copy{max-width:none;padding:0;position:relative;z-index:3}
  .is-home .pro-copy h1{font-size:43px;line-height:1.1;margin-bottom:17px}
  .is-home .pro-copy .pro-sub{max-width:330px;font-size:14px;line-height:1.75;margin-bottom:17px}
  .hero-proof{width:100%;margin-bottom:17px;background:rgba(255,255,255,.38)}
  .hero-proof>span{padding:10px 8px 9px 0}
  .hero-proof>span+span{padding-left:10px}
  .hero-proof b{font-size:20px}
  .hero-proof small{font-size:10px;margin-top:5px}
  .is-home .pro-copy .agency-quiet{font-size:13px;gap:12px}
  .is-home .pro-portrait{position:absolute;right:0;bottom:0;width:54%;height:260px;z-index:2;overflow:visible}
  .is-home .pro-portrait>img{height:305px;right:-18px;bottom:-18px;transform:none!important}
  .is-home .portrait-word{font-size:48px;right:-5%;top:14%;opacity:.72}
  .is-home .pro-bottom{display:none}
  .is-home .pro-intro:after{width:300px;height:300px;right:-80px;top:auto;bottom:-40px}
  .is-home main{background-image:linear-gradient(rgba(245,249,246,.56),rgba(245,249,246,.64)),url('assets/home-atmosphere.webp')}
  .is-home main>.compact-showcase,
  .is-home main>.author-reviews,
  .is-home main>.author-contact{background:rgba(247,250,248,.62)!important}
}

/* Editorial portfolio layout, using Wuan's established green palette. */
.is-home main{background:#edf3ee;background-image:none}
.is-home .pro-intro{
  display:grid;
  grid-template-columns:minmax(430px,1.03fr) minmax(390px,.97fr);
  align-items:center;
  min-height:700px;
  padding:74px max(6%,calc((100vw - 1160px)/2)) 126px;
  background:#f5f8f3;
  background-image:linear-gradient(rgba(52,108,67,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(52,108,67,.055) 1px,transparent 1px);
  background-size:54px 54px;
  border-bottom:1px solid #cbdccf;
}
.is-home .pro-intro:before{content:'';position:absolute;inset:0 0 0 auto;width:43%;opacity:1;background:#0d4b3b;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);mask-image:none;animation:none}
.is-home .pro-intro:after{content:'';position:absolute;width:90px;height:90px;right:5%;top:32px;border:1px solid rgba(195,240,203,.45);border-radius:0;background:transparent;filter:none;transform:rotate(45deg);animation:none;z-index:0}
.hero-index{position:absolute;top:28px;right:max(6%,calc((100vw - 1160px)/2));z-index:3;color:#caead2;font-size:10px;font-weight:700;letter-spacing:1.3px}
.is-home .pro-copy{max-width:610px;padding:0 38px 0 0;position:relative;z-index:3}
.hero-overline{margin-bottom:18px;color:#287643;font-size:10px;letter-spacing:1.5px}
.hero-overline span{width:32px;background:#29a455}
.is-home .pro-copy h1{margin:0 0 20px;font-size:clamp(56px,5.1vw,76px);line-height:1.06;letter-spacing:0;color:#113b2b;text-shadow:none}
.is-home .pro-copy h1 span{color:#17a554}
.hero-story{max-width:570px}
.hero-story p{margin:0 0 10px;color:#476153;font-size:15px;line-height:1.78}
.is-home .pro-copy .agency-actions{display:flex;justify-content:flex-start;gap:12px;margin:20px 0 0}
.hero-primary,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:5px;font-size:13px;font-weight:700}
.hero-primary{gap:24px;background:#0d4b3b;color:#fff;box-shadow:0 8px 22px rgba(13,75,59,.18)}
.hero-primary:hover{background:#116249;transform:translateY(-2px)}
.hero-secondary{border:1px solid #b7cdbd;color:#245638;background:rgba(255,255,255,.6)}
.hero-secondary:hover{border-color:#2c8f4e;background:#fff}
.is-home .pro-portrait{position:relative;height:535px;align-self:end;z-index:2;isolation:isolate}
.is-home .pro-portrait:before{content:'';position:absolute;inset:24px 1% 20px 9%;border-radius:210px 210px 7px 7px;background:linear-gradient(rgba(224,244,229,.18),rgba(13,75,59,.14)),url('assets/home-atmosphere.webp') center/cover no-repeat;border:1px solid rgba(205,238,212,.72);box-shadow:0 28px 55px rgba(3,36,27,.28);opacity:1;animation:none;z-index:0}
.is-home .pro-portrait>img{height:610px;right:2%;bottom:-58px;z-index:2;filter:drop-shadow(0 22px 25px rgba(3,36,27,.24));transform:none!important}
.is-home .portrait-word{right:-3%;top:6%;z-index:1;color:rgba(216,244,221,.18);font-size:88px;letter-spacing:0;opacity:1}
.portrait-label{position:absolute;right:0;bottom:30px;z-index:4;padding:10px 13px;background:#b9ef70;color:#103828;border:1px solid #dfffb8;font-size:11px;font-weight:750;letter-spacing:.4px;transform:rotate(-3deg);box-shadow:7px 7px 0 rgba(6,48,36,.25)}
.hero-proof{position:absolute;left:max(6%,calc((100vw - 1160px)/2));bottom:24px;z-index:5;display:flex;width:min(520px,47%);margin:0;border:0;background:#d9efdc;box-shadow:none;backdrop-filter:none}
.hero-proof>span{padding:15px 20px;flex:1}
.hero-proof>span+span{padding-left:20px;border-left:1px solid #afceb6}
.hero-proof b{font-size:25px;color:#0d4b3b}
.hero-proof small{margin-top:6px;color:#526f5b;font-size:11px}
.is-home .pro-bottom{display:none}

/* A quiet continuous canvas replaces the wallpaper treatment below the hero. */
.is-home main>.compact-showcase,
.is-home main>.author-reviews,
.is-home main>.author-contact{background:#edf3ee!important;border-top:1px solid #d2dfd5}
.is-home main>.compact-showcase{border-top:0}
.is-home .motion-stage,
.is-home .album-card,
.is-home .feishu-link,
.is-home .review-item,
.is-home .contact-methods>div,
.is-home .contact-methods>a{background:#fff;border-color:#d5e1d8;backdrop-filter:none;box-shadow:0 8px 24px rgba(22,58,35,.055)}

/* Compact article collections: one scan, three destinations. */
.album-section{margin-top:27px;padding-top:0}
.album-section .direction-heading{margin:24px 0 14px}
.album-section .direction-heading h3{font-size:18px}
.album-grid{gap:10px}
.album-card{padding:16px 18px;border-radius:7px}
.album-count{font-size:11px}
.album-card h4{font-size:18px;margin:9px 0 7px}
.album-card p{font-size:13px;line-height:1.65;margin:0 0 11px}
.album-action{font-size:12px}
.feishu-library{margin-top:10px}
.feishu-link{padding:14px 18px;border-radius:7px}
.feishu-link strong{font-size:17px}
.feishu-link>span:last-child{font-size:12px}

@media(max-width:800px){
  .is-home .pro-intro{grid-template-columns:minmax(0,1fr) minmax(315px,.8fr)}
  .is-home .pro-copy h1{font-size:54px}
  .is-home .pro-portrait>img{height:560px;right:-12%}
}
@media(max-width:680px){
  .is-home .pro-intro{display:block;min-height:700px;padding:38px 20px 270px;background-color:#f5f8f3;background-image:linear-gradient(rgba(52,108,67,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(52,108,67,.045) 1px,transparent 1px);background-size:42px 42px}
  .is-home .pro-intro:before{left:0;right:0;top:auto;bottom:0;width:100%;height:255px;clip-path:polygon(0 26%,100% 0,100% 100%,0 100%)}
  .is-home .pro-intro:after{width:52px;height:52px;right:7%;top:auto;bottom:184px}
  .hero-index{top:auto;right:18px;bottom:18px;font-size:8px}
  .is-home .pro-copy{max-width:none;padding:0;z-index:4}
  .hero-overline{margin-bottom:12px;font-size:8px}
  .is-home .pro-copy h1{font-size:42px;line-height:1.05;margin-bottom:15px}
  .hero-story p{font-size:12.5px;line-height:1.62;margin-bottom:7px}
  .is-home .pro-copy .agency-actions{gap:8px;margin-top:14px}
  .hero-primary,.hero-secondary{min-height:38px;padding:0 12px;font-size:11px}
  .hero-primary{gap:12px}
  .hero-proof{left:20px;right:20px;bottom:226px;width:auto;background:#d9efdc}
  .hero-proof>span{padding:10px 9px}
  .hero-proof>span+span{padding-left:9px}
  .hero-proof b{font-size:19px}
  .hero-proof small{font-size:9px;margin-top:4px}
  .is-home .pro-portrait{position:absolute;right:0;bottom:0;width:57%;height:225px;overflow:visible;z-index:3}
  .is-home .pro-portrait:before{inset:13px 4px 8px 7%;border-radius:105px 105px 5px 5px}
  .is-home .pro-portrait>img{height:250px;right:-6px;bottom:-8px;transform:none!important}
  .is-home .portrait-word{font-size:43px;right:-5%;top:12%}
  .portrait-label{display:none}
  .album-section .direction-heading{display:flex;align-items:flex-end;gap:8px;margin:20px 0 10px}
  .album-section .direction-heading h3{font-size:16px}
  .album-section .direction-heading>span{font-size:10px;white-space:nowrap}
  .album-grid{display:block;border:1px solid #d5e1d8;border-radius:7px;overflow:hidden;background:#fff}
  .album-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:13px 14px;border:0;border-radius:0;box-shadow:none!important}
  .album-card+.album-card{border-top:1px solid #dce6df}
  .album-count{grid-column:1;font-size:10px}
  .album-card h4{grid-column:1/-1;font-size:16px;margin:3px 0}
  .album-card p{grid-column:1;font-size:11px;line-height:1.5;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .album-action{display:none}
  .feishu-link{grid-template-columns:1fr auto;gap:4px 12px;padding:12px 14px}
  .feishu-link .feishu-kicker{grid-column:1;font-size:9px}
  .feishu-link strong{grid-column:1;font-size:15px}
  .feishu-link>span:last-child{grid-column:1/-1;font-size:10px}
}

/* Mobile refinement: balanced hero, moving showcase, and shorter reviews. */
.author-reviews .review-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.author-reviews .review-item{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:9px;
  min-height:0;
  padding:14px 17px;
}
.author-reviews .review-item figcaption{
  order:0;
  display:flex;
  align-items:center;
  gap:9px;
}
.author-reviews .review-item blockquote{
  order:1;
  margin:0;
  font-size:13px;
  line-height:1.65;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.author-reviews .review-avatar{
  width:30px;
  height:30px;
  flex:0 0 30px;
  font-size:12px;
}
.author-reviews .review-item figcaption strong{font-size:13px}
.author-reviews .review-item figcaption small{margin-top:1px;font-size:10.5px}

@media(max-width:680px){
  .is-home .pro-portrait{
    right:-1%;
    width:70%;
    height:225px;
  }
  .is-home .pro-portrait:before{
    inset:13px 0 8px 10%;
  }
  .is-home .pro-portrait>img{
    height:258px;
    right:0;
    bottom:-8px;
  }
  .is-home .portrait-word{
    right:-2%;
    top:13%;
    font-size:41px;
  }
  .portrait-label{
    display:block;
    left:-35%;
    right:auto;
    bottom:38px;
    max-width:112px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    color:#d9efde;
    font-size:10px;
    font-weight:650;
    line-height:1.75;
    letter-spacing:.3px;
    transform:none;
  }
  .portrait-label:before{
    content:'';
    display:block;
    width:26px;
    height:1px;
    margin-bottom:8px;
    background:#9ed5ad;
  }

  .showcase-carousel{
    overflow:hidden;
    padding-bottom:0;
    scroll-snap-type:none;
  }
  .showcase-carousel .personal-selected{
    width:max-content;
    animation:showcase-loop 34s linear infinite;
    overflow:visible;
    scrollbar-width:none;
  }
  .showcase-carousel .personal-selected::-webkit-scrollbar{display:none}

  .author-reviews .review-grid{
    grid-template-columns:1fr;
    gap:8px;
  }
  .author-reviews .review-item{
    display:flex;
    padding:12px 14px;
    gap:8px;
  }
  .author-reviews .review-item figcaption,
  .author-reviews .review-item blockquote{
    grid-column:auto;
    grid-row:auto;
  }
  .author-reviews .review-item blockquote{
    font-size:12px;
    line-height:1.55;
  }
  .author-reviews .review-avatar{
    width:27px;
    height:27px;
    flex-basis:27px;
    font-size:11px;
  }
  .author-reviews .review-item figcaption strong{font-size:12px}
  .author-reviews .review-item figcaption small{font-size:9.5px}
}

/* Decorative signature sits in the existing empty band, outside the portrait. */
.is-home .pro-intro>.portrait-word{left:18%;right:auto;top:22px;font-size:clamp(62px,7.4vw,108px);line-height:1;font-weight:900;letter-spacing:.13em;color:rgba(22,91,60,.065);opacity:1;transform:none;z-index:1;pointer-events:none;user-select:none}
.pointer-scene{--scene-x:0;--scene-y:0}
.is-home .pointer-scene .pro-portrait:before{transform:translate(calc(var(--scene-x) * 1px),calc(var(--scene-y) * 1px))}
.pointer-depth.motion-stage-screen{transition:box-shadow .35s;--shine-x:50;--shine-y:50}
.pointer-depth .motion-stage-sheen{background:radial-gradient(ellipse at calc(var(--shine-x) * 1%) calc(var(--shine-y) * 1%),#ffffff4a,transparent 42%)}
@media(max-width:800px){.is-home .pro-intro>.portrait-word{display:none}}

/* Functional floating labels occupy the hero's two existing quiet areas. */
.hero-shortcuts{
  position:absolute;
  inset:0;
  z-index:7;
  pointer-events:none;
}
.hero-shortcut{
  --shortcut-rotate:0deg;
  position:absolute;
  color:#123d2d;
  text-decoration:none;
  pointer-events:auto;
  transform:rotate(var(--shortcut-rotate));
  will-change:transform;
}
.hero-shortcut-inner{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:124px;
  height:43px;
  padding:0 13px;
  border:1px solid rgba(12,75,58,.2);
  border-radius:5px;
  font-size:12px;
  font-weight:750;
  letter-spacing:0;
  box-shadow:7px 8px 0 rgba(10,57,43,.13),0 12px 28px rgba(13,75,59,.12);
  transition:box-shadow .25s ease,border-color .25s ease;
  will-change:transform;
}
.hero-shortcut:hover .hero-shortcut-inner,
.hero-shortcut:focus-visible .hero-shortcut-inner{
  border-color:rgba(13,75,59,.48);
  box-shadow:4px 5px 0 rgba(10,57,43,.16),0 16px 32px rgba(13,75,59,.18);
}
.hero-shortcut:focus-visible{outline:2px solid #1ba555;outline-offset:5px}
.hero-shortcut-index{font-size:9px;font-weight:800;opacity:.55}
.hero-shortcut-arrow{margin-left:auto;font-size:15px;line-height:1}
.hero-shortcut--knowledge{left:31%;bottom:154px;--shortcut-rotate:-3deg}
.hero-shortcut--knowledge .hero-shortcut-inner{background:#b9ef70}
.hero-shortcut--reviews{left:41%;bottom:125px;--shortcut-rotate:2.5deg}
.hero-shortcut--reviews .hero-shortcut-inner{background:#fff;color:#174632}
.hero-shortcut--community{left:61%;bottom:14px;--shortcut-rotate:2deg}
.hero-shortcut--community .hero-shortcut-inner{background:#d9efdc;color:#123d2d}
.hero-shortcut--contact{right:5.2%;bottom:14px;--shortcut-rotate:-2deg}
.hero-shortcut--contact .hero-shortcut-inner{border-color:#ccebd3;background:#f8fbf7;color:#0d4b3b}

@media(max-width:1050px){
  .hero-shortcut-inner{min-width:108px;height:39px;padding:0 10px;gap:7px;font-size:11px}
  .hero-shortcut--knowledge{left:28%}
  .hero-shortcut--reviews{left:41%}
  .hero-shortcut--community{left:59%;bottom:14px}
  .hero-shortcut--contact{right:3%}
}
@media(max-width:800px){
  .hero-shortcuts{inset:auto 6% 105px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .hero-shortcut{position:relative;inset:auto;transform:none!important;will-change:auto}
  .hero-shortcut-inner{justify-content:center;min-width:0;width:100%;height:36px;padding:0 8px;box-shadow:3px 4px 0 rgba(10,57,43,.12)}
  .hero-shortcut-index,.hero-shortcut-arrow{display:none}
}
@media(max-width:680px){
  .hero-shortcuts{left:20px;right:20px;bottom:288px;gap:5px}
  .hero-shortcut-inner{height:32px;padding:0 5px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .hero-shortcut,.hero-shortcut-inner{will-change:auto}
  .hero-shortcut-inner{transition:none}
}
/* GSAP is progressive enhancement: content remains visible if scripts fail. */
html.gsap-ready .motion-reveal{opacity:1;visibility:visible;transform:none;transition-property:box-shadow,border-color}
html.gsap-ready .is-home .pro-copy>*,html.gsap-ready .is-home .pro-bottom,html.gsap-ready .is-home .pro-portrait:before{animation:none!important}
html.gsap-ready .motion-reveal,html.gsap-ready .pro-copy>*,html.gsap-ready .hero-proof>span,html.gsap-ready .pro-portrait img,html.gsap-ready .portrait-label{will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){html.gsap-ready .motion-reveal,html.gsap-ready .pro-copy>*,html.gsap-ready .hero-proof>span,html.gsap-ready .pro-portrait img,html.gsap-ready .portrait-label{will-change:auto}}