:root{--green:#1c3027;--ink:#23342a;--gold:#b39a67;--paper:#f7f5f0;--dark:#191e1b;--muted:#788076}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:15px/1.8 'Microsoft YaHei','PingFang SC',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:'Songti SC','SimSun',Georgia,serif;font-weight:500;line-height:1.4}h2{font-size:clamp(28px,3.1vw,45px)}h3{font-weight:500}svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(1140px,86%);margin-inline:auto}.section{padding-block:100px}.eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:2.6px;margin-bottom:22px}.gold{color:var(--gold)}.muted{color:#b9b4a2}.header{height:88px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:space-between;padding-inline:6%;gap:25px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand svg{width:29px;height:39px;color:#d3c28d}.brand span{font:12px/1.2 Arial;letter-spacing:1.2px}.brand b{font-size:18px;font-weight:400;letter-spacing:3px}.brand i{width:1px;height:30px;background:#ffffff35;margin-inline:5px}.header nav{display:flex;gap:28px;align-items:center;font-size:12px;white-space:nowrap}.header nav a{transition:color .25s}.header nav a:hover{color:#dac899}.nav-contact{border-bottom:1px solid #c1ad7d;padding-block:8px}.hero{height:min(790px,82vh);min-height:550px;position:relative;color:#fff;overflow:hidden}.hero-images,.hero-image,.hero-shade,.project-backgrounds,.project-image,.project-shade{position:absolute;inset:0}.garden{background-image:url('/wp-content/themes/evergreen-20261014-01/assets/gardens.png');background-repeat:no-repeat;background-color:#354338}.hero-image,.project-image{opacity:0;transition:opacity 1.15s ease}.hero-image.active,.project-image.active{opacity:1}.hero-shade{background:linear-gradient(90deg,#0b201abd,transparent 90%),linear-gradient(0deg,#07130c88,transparent 50%)}.hero-copy{position:absolute;top:50%;transform:translateY(-48%);left:8%;max-width:80%;animation:hero-enter 1.1s both}.hero-copy h1{font-size:clamp(42px,5.2vw,76px);line-height:1.38;letter-spacing:2px;margin-bottom:20px}.hero-sub{font-size:18px;letter-spacing:4px;margin-bottom:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;border:1px solid var(--gold);padding:12px 23px;color:var(--ink);background:transparent;font-size:13px;transition:background .25s,color .25s}.button:hover{background:var(--green);color:white}.button.light{color:#fff;border-color:#ffffff99}.button.light:hover{background:#fff;color:var(--green)}.button span{font-size:19px}.hero-bottom{position:absolute;bottom:30px;left:8%;right:8%;display:flex;justify-content:space-between;gap:20px;align-items:center;font:10px/1.4 Arial;letter-spacing:1.5px}.slide-status{display:flex;gap:10px;align-items:center}.slide-status i{width:5px;height:5px;background:#ffffff66;border-radius:50%}.slide-status i.active{background:#d9c596}.slide-status span{margin-left:10px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-photo{height:460px;position:relative}.about-photo>.garden{width:100%;height:100%}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:15px 20px;background:#14231ac4;color:#fff;font:10px Arial;letter-spacing:2px}.about-copy>p:not(.eyebrow){font-size:14px;color:#7a8078;margin-top:25px}.about-copy .button{margin-top:32px}.services{background:var(--paper)}.section-heading{text-align:center;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:15px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.service{position:relative;isolation:isolate;background:#fff;padding:40px 28px;min-height:320px;overflow:hidden;transition:color .35s}.service .garden{position:absolute;inset:0;z-index:-2;opacity:0;transition:opacity .4s,transform .8s;transform:scale(1.06)}.service:after{content:'';position:absolute;inset:0;background:#071a10b3;z-index:-1;opacity:0;transition:opacity .4s}.service:hover,.service:focus-visible{color:#fff}.service:hover .garden,.service:focus-visible .garden,.service:hover:after,.service:focus-visible:after{opacity:1}.service:hover .garden{transform:scale(1)}.service-number{font:10px Arial;color:#9d9988;position:absolute;right:18px;top:17px}.service svg{width:44px;height:44px;color:var(--gold);margin-bottom:20px}.service h3{font-size:18px;margin-bottom:15px}.service p{font-size:13px;line-height:1.9;opacity:.75;min-height:78px}.read{display:block;font-size:11px;margin-top:24px}.projects{height:660px;position:relative;isolation:isolate;overflow:hidden;color:#fff}.project-image{transition:opacity .65s ease}.project-shade{background:linear-gradient(0deg,#08150cbf,transparent 65%),#07150a20}.project-columns{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);z-index:2}.project-column{border-right:1px solid #ffffff24;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding-bottom:55px}.project-column:last-child{border:0}.project-column:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(5,12,8,.32);opacity:0;transition:opacity .45s ease;pointer-events:none}.project-column.active:before{opacity:1}.project-label{padding:28px 18px;display:block;position:relative;isolation:isolate;overflow:hidden;transition:color .35s ease}.project-label:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper);transform:scaleY(0);transform-origin:top;transition:transform .48s cubic-bezier(.22,.7,.2,1);pointer-events:none}.project-column.active .project-label:before{transform:scaleY(1)}.project-label small,.project-label strong{position:relative;transform:translateY(-5px);transition:transform .48s cubic-bezier(.22,.7,.2,1)}.project-label strong{display:block}.project-column.active .project-label small,.project-column.active .project-label strong{transform:translateY(0)}.project-label small{font:9px/1.5 Arial;letter-spacing:2px;display:block;margin-bottom:8px}.project-label strong{font-size:15px;letter-spacing:2px;font-weight:500}.project-column.active .project-label{color:var(--ink)}.project-explore{font-size:11px;align-self:center;opacity:0;transform:translateY(8px);transition:.35s}.project-column.active .project-explore{opacity:1;transform:translateY(0)}.project-caption{position:absolute;left:6%;bottom:100px;z-index:3;pointer-events:none}.project-caption p{font:32px/1.5 'SimSun',serif}.project-caption span{font:12px Arial;letter-spacing:2px}.project-caption small{display:block;margin-top:14px;font-size:10px;color:#ffffffaa}.project-hint{position:absolute;bottom:22px;right:3%;font-size:10px;letter-spacing:1px;opacity:.6;pointer-events:none;z-index:3}.team{padding-bottom:85px}.sample-note{font-size:11px;color:#94968b;margin-top:15px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.portrait{background-image:url('/wp-content/themes/evergreen-20261014-01/assets/team.png');background-repeat:no-repeat;background-color:#64705b}.person{display:block}.person>.portrait{height:450px;position:relative;overflow:hidden}.person>.portrait{background-image:none;isolation:isolate}.person>.portrait:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url('/wp-content/themes/evergreen-20261014-01/assets/team.png');background-repeat:no-repeat;background-size:inherit;background-position:inherit;filter:grayscale(1);transform:scale(1);transition:transform .7s ease}.person:hover>.portrait:before,.person:focus-visible>.portrait:before{transform:scale(1.035)}.person>.portrait:after{content:"";position:absolute;right:12px;top:14px;width:66px;height:66px;border:1px solid var(--gold);border-radius:50%;opacity:0;transform:scale(.55) rotate(-35deg);transition:opacity .4s,transform .6s cubic-bezier(.22,.7,.2,1);pointer-events:none}.person:hover>.portrait:after,.person:focus-visible>.portrait:after{opacity:.85;transform:scale(1) rotate(0)}.person-overlay{position:absolute;inset:0;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;padding:28px 28px 26px 34px;background:linear-gradient(0deg,#07110dcc,transparent 48%);opacity:0;transition:opacity .45s ease}.person-overlay:before{content:"";position:absolute;bottom:25px;left:20px;width:2px;height:54px;background:var(--gold);transform:scaleY(0);transform-origin:bottom;transition:transform .5s ease}.person-overlay b{font:500 20px/1.5 Georgia,'Microsoft YaHei';letter-spacing:1px}.person-overlay small{font:11px/1.8 'Microsoft YaHei';color:#d2bd89;margin-top:4px}.person-overlay b,.person-overlay small{opacity:0;transform:translateY(18px);transition:opacity .4s,transform .5s cubic-bezier(.22,.7,.2,1)}.person-overlay small{transition-delay:.06s}.person:hover .person-overlay,.person:focus-visible .person-overlay{opacity:1}.person:hover .person-overlay:before,.person:focus-visible .person-overlay:before{transform:scaleY(1)}.person:hover .person-overlay b,.person:hover .person-overlay small,.person:focus-visible .person-overlay b,.person:focus-visible .person-overlay small{opacity:1;transform:translateY(0)}.person-info{padding:22px 4px}.person-info h3{font:23px Georgia,'SimSun',serif;margin-bottom:6px}.person-info>span{color:var(--gold);font-size:11px}.person-info p{font-size:13px;color:#7b8179;margin-top:14px;max-width:270px}.dark-journal{background:var(--dark);color:#e5e6de}.testimonials{padding-bottom:30px}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:36px}.quote blockquote{position:relative;border:1px solid #647064;margin:0;padding:38px 30px;font:clamp(17px,1.7vw,23px)/1.9 'SimSun',serif;min-height:220px}.quote blockquote>span{font:80px/.6 Georgia;color:var(--gold);position:absolute;right:24px;top:-10px;background:var(--dark);padding-inline:10px}.quote-author{display:flex;align-items:center;gap:15px;margin-top:22px}.avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.quote-author p{font:16px Georgia}.quote-author small{display:block;font:10px/1.5 'Microsoft YaHei';color:#8b968b;margin-top:6px}.journal{padding-top:60px}.journal-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.journal-heading .eyebrow{margin-bottom:12px}.journal-heading a{font-size:12px;border-bottom:1px solid #646c5e;padding-bottom:5px}.blog-status{font-size:11px;min-height:25px;color:#a6ad9d;margin-bottom:20px}.blog-window{overflow:hidden;position:relative}.blog-track{display:flex;gap:22px;will-change:transform;transition:transform .8s cubic-bezier(.2,.65,.2,1)}.blog-card{flex:0 0 calc((100% - 44px)/3);min-width:0;height:350px;position:relative;isolation:isolate;overflow:hidden;padding:30px;display:flex;flex-direction:column;border:1px solid #ffffff16;background:#272c27}.blog-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:.05;transition:opacity .65s,transform .9s;transform:scale(1.08)}.blog-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081b12d9,#0a211941);z-index:-2;opacity:0;transition:.6s}.blog-card.featured img,.blog-card:hover img,.blog-card:focus-visible img{opacity:1;transform:scale(1)}.blog-card.featured:before,.blog-card:hover:before,.blog-card:focus-visible:before{opacity:1}.blog-card small{font-size:10px;color:#bdc1b4}.blog-card h3{font:23px/1.5 'SimSun',serif;letter-spacing:1px;margin-block:28px 20px}.blog-card p{font-size:12px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#d1d3c9}.blog-card .read{margin-top:auto;padding-top:25px}.journal-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#8c988c;margin-top:25px}.contact{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;background:#fff}.contact p{color:#858c7f;font-size:14px;margin-block:22px}.contact-details{display:flex;flex-direction:column;gap:20px}.contact-details>div{border-bottom:1px solid #e4e6dc;padding-bottom:16px;display:flex;justify-content:space-between;gap:20px;align-items:center}.contact-details span{font-size:11px;color:#a79a79}.contact-details p{color:var(--ink);margin:0;font:16px Georgia,'Microsoft YaHei'}footer{background:var(--green);color:#d6dbce;padding:48px 0 25px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:22px}.footer-main p{font:italic 22px Georgia;color:#afbdab}.footer-main>a:last-child{font-size:12px}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:38px;padding-top:24px;display:flex;justify-content:space-between;font-size:10px;color:#9aa594}.reveal{opacity:0;transform:translateY(25px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}.service:nth-child(2),.person:nth-child(2),.quote:nth-child(2){transition-delay:.1s}.service:nth-child(3),.person:nth-child(3){transition-delay:.2s}.service:nth-child(4){transition-delay:.3s}.temporary{min-height:calc(100vh - 88px);padding:15vh 8%;background:var(--paper)}.temporary h1{font-size:clamp(32px,5vw,64px);margin-bottom:20px}.temporary p:not(.eyebrow){color:#7a8277;margin-bottom:35px}.temporary small{display:block;color:#999f92;margin-top:25px}[hidden]{display:none!important}@keyframes hero-enter{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@media(min-width:1700px){.wrap{width:1250px}.hero{height:850px}}@media(max-width:1050px){.header{padding-inline:4%;gap:20px;flex-wrap:wrap;height:auto;min-height:100px;padding-block:17px}.header nav{gap:20px}.brand b{font-size:16px}.about{gap:40px}.about-photo{height:400px}.service{padding:32px 18px}.person>.portrait{height:370px}.projects{height:580px}.section{padding-block:75px}.quote blockquote{padding:30px 20px;min-height:200px}.blog-card{padding:23px}.footer-main p{display:none}}@media(max-width:700px){.header{display:block;padding:18px 6% 10px}.brand svg{width:24px;height:32px}.brand span{font-size:10px}.brand b{font-size:15px}.header nav{gap:24px;overflow-x:auto;margin-top:16px;padding-bottom:10px;font-size:11px;scrollbar-width:none}.header nav a{flex-shrink:0}.hero{min-height:570px;height:75svh;max-height:750px}.hero-copy{left:7%;max-width:90%}.hero-copy h1{font-size:42px;letter-spacing:0}.hero-sub{font-size:13px;letter-spacing:2px}.hero .eyebrow{font-size:9px}.hero-bottom{left:7%;right:7%;font-size:8px}.hero-bottom>span{max-width:140px;font-size:8px}.section{padding-block:65px}.wrap{width:86%}.about{grid-template-columns:1fr;gap:35px}.about-photo{height:340px}.about-copy h2{font-size:32px}.service-grid{grid-template-columns:1fr 1fr;gap:2px}.service{min-height:300px;padding:30px 18px}.service h3{font-size:16px}.service p{font-size:12px;min-height:100px}.service svg{width:35px;height:35px}.section-heading h2{font-size:28px}.projects{height:540px}.project-label{padding:22px 8px;min-height:100px}.project-label small{font-size:7px;letter-spacing:.6px}.project-label strong{font-size:12px;letter-spacing:1px}.project-caption{bottom:115px;left:7%}.project-caption p{font-size:27px}.project-hint{font-size:9px}.project-explore{font-size:9px}.team-grid{gap:12px}.person>.portrait{height:220px}.person-info h3{font-size:16px}.person-info>span{font-size:9px}.person-info p{font-size:10px;line-height:1.8}.person-info{padding:14px 0}.person-overlay{font-size:15px}.person-overlay em{font-size:9px}.quote-grid{grid-template-columns:1fr;gap:40px}.quote blockquote{font-size:19px}.journal-heading h2{font-size:30px}.journal-heading a{font-size:10px}.journal{padding-top:10px}.blog-card{flex-basis:85%;height:345px}.blog-track{gap:16px}.journal-footer{font-size:9px;flex-wrap:wrap}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:32px}.footer-main{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px}.temporary{min-height:85vh}.temporary h1{overflow-wrap:anywhere}}@media(max-width:360px){.hero-copy h1{font-size:35px}.person>.portrait{height:190px}.service{padding-inline:12px}.team-grid{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Preserve portrait headroom and readable mobile team introductions. */
.blog-card:before{background:linear-gradient(0deg,#081b12e8,#0a2119a8)}
.blog-card img{object-position:center 20%}
@media(max-width:700px){.team-grid{grid-template-columns:1fr;gap:26px}.person{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.person>.portrait{height:260px}.person-info h3{font-size:22px}.person-info>span{font-size:11px}.person-info p{font-size:13px;line-height:1.9}.person-overlay{font-size:18px}.person-overlay em{font-size:10px}}
@media(max-width:360px){.person{gap:16px}.person>.portrait{height:235px}.person-info h3{font-size:20px}.person-info p{font-size:12px}}

@media(max-width:700px){.person-overlay{padding:20px 14px 20px 25px}.person-overlay:before{left:13px;bottom:20px;height:43px}.person-overlay b{font-size:16px}.person-overlay small{font-size:10px}.person>.portrait:after{width:42px;height:42px;right:8px;top:10px}}
/* 2026-10-07: browser annotation revision; local preview only. */
:root{--ink:#292a2d;--green:#25262c;--dark:#202125;--muted:#77777b}
.wrap{width:min(1480px,86%)}
.company-logo{width:45px;height:45px;object-fit:contain;background:white;padding:3px}
.header{position:absolute;inset:0 0 auto;z-index:10;background:transparent;height:94px;padding-inline:5.5%}
.hero{height:100svh;min-height:680px;max-height:1180px;background:repeating-linear-gradient(135deg,#252630 0px,#252630 27px,#282933 28px,#282933 48px)}
.hero-images{left:28%;overflow:hidden}.hero-shade{left:28%;background:linear-gradient(90deg,#18191e55,#15161b35)}
.hero-image{transition:opacity .8s,transform 1.25s cubic-bezier(.65,0,.25,1);transform:translateY(-100%)}
.hero-image.active{transform:translateY(0);animation:hero-image-enter 1.25s cubic-bezier(.65,0,.25,1) both}
@keyframes hero-image-enter{from{transform:translateY(100%)}to{transform:translateY(0)}}
.hero-copy{left:24%;max-width:65%;top:53%;z-index:2}.hero-copy h1{font-size:clamp(40px,4.2vw,72px);line-height:1.28;margin-bottom:24px}.hero-copy .eyebrow{color:#c9b68e;font-size:10px;letter-spacing:5px}.hero-sub{font-size:14px;letter-spacing:2px;max-width:430px;line-height:2}.hero-bottom{left:5.5%;right:5.5%;bottom:32px}.hero-bottom>span{max-width:150px;line-height:1.8;font-size:8px}
.projects{height:90svh;min-height:760px;max-height:1200px}.project-label{opacity:0;transform:translateY(-12px);transition:opacity .35s,transform .48s,color .35s}.project-column.active .project-label{opacity:1;transform:none}.project-caption{opacity:0;transform:translateY(10px);transition:opacity .4s,transform .5s}.projects.engaged .project-caption{opacity:1;transform:none}
.person>.portrait:before{filter:none}.person>.portrait:after{left:var(--pointer-x,calc(100% - 42px));top:var(--pointer-y,45px);right:auto;translate:-50% -50%;transition:opacity .35s,transform .5s;z-index:3}.person:hover>.portrait:before{transform:scale(1.045)}
.comparison-section{background:#f7f5f0}.comparison{position:relative;width:100%;aspect-ratio:3/1;overflow:hidden;isolation:isolate}.comparison-real,.comparison-sketch{position:absolute;inset:0;background-image:url('/wp-content/themes/evergreen-20261014-01/assets/sketch-garden.png');background-size:100% 200%;background-repeat:no-repeat}.comparison-real{background-position:center bottom}.comparison-sketch{background-position:center top;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:22px;background:#ffffffd9;color:#292a2d;padding:7px 13px;font-size:12px}.compare-label.before{left:20px}.compare-label.after{right:20px}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white;pointer-events:none}.compare-divider>span{position:absolute;top:50%;left:50%;translate:-50% -50%;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:white;border:1px solid #b39a67;color:#b39a67;font-size:23px;box-shadow:0 2px 20px #0003}.comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid var(--gold);outline-offset:5px}
.dark-journal{background:#fff;color:var(--ink)}.testimonials{padding-bottom:45px}.muted{color:#9a865f}.quote blockquote{border-color:#d9d5cb}.quote blockquote>span{background:#fff}.quote-author small{color:#777}.journal-heading a{border-color:#bfb6a4}.blog-status{color:#777}.blog-card{background:#f4f2ee;border-color:#e2ded6;color:var(--ink)}.blog-card img{opacity:0}.blog-card:before{background:linear-gradient(0deg,#17181ee8,#20212670)}.blog-card small,.blog-card p{color:#74716b}.blog-card.featured,.blog-card:hover,.blog-card:focus-visible{color:#fff}.blog-card.featured small,.blog-card.featured p,.blog-card:hover small,.blog-card:hover p,.blog-card:focus-visible small,.blog-card:focus-visible p{color:#eee}.journal-footer{color:#888}
.contact{display:block;background:#f5f3ee;padding-block:65px}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.contact h2{font-size:34px}.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.contact-details>div{display:flex;flex-direction:column;gap:10px;text-align:center;border-bottom:0;border-left:1px solid #dcd5c8;padding:8px 12px}.contact-details svg{width:36px;height:36px;color:#b39a67;margin-bottom:7px}.contact-details span{font-size:13px;color:#4e4c46}.contact-details p{font-size:13px}.contact p{font-size:13px}
.location-banner{height:235px;background:#e9e9e3;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.map-lines{position:absolute;inset:-20%;opacity:.5;transform:rotate(-14deg);background:repeating-linear-gradient(87deg,transparent 0 48px,#fff 49px 52px,transparent 53px 96px),repeating-linear-gradient(4deg,transparent 0 36px,#fff 37px 40px,transparent 41px 78px)}.map-lines:after{content:'';position:absolute;inset:15% 45% -40% -10%;background:#b8cfcd;border-radius:45% 70% 0 0;transform:rotate(23deg)}.location-marker{z-index:1;text-align:center;display:flex;flex-direction:column}.location-marker>span{font-size:40px;line-height:1.2;color:#b39a67}.location-marker strong{font:18px Georgia}.location-marker small{font-size:9px;color:#777;margin-top:4px}.location-banner>p{position:absolute;right:8%;font:italic 25px/1.5 Georgia;color:#7f8179;transform:rotate(-5deg)}footer{background:#25262c}.footer-main p{color:#c1b59c}.footer-bottom{color:#aaa}.temporary{padding-top:160px}.header:has(~ #temporary:not([hidden])){background:#25262c}
@media(min-width:1700px){.wrap{width:min(1520px,86%)}}
@media(max-width:1050px){.hero{min-height:680px}.header{height:auto;min-height:95px}.hero-copy{left:19%;max-width:75%}.hero-images,.hero-shade{left:24%}.projects{min-height:680px}.contact-layout{gap:30px}.contact-details>div{padding-inline:8px}.person>.portrait{height:400px}}
@media(max-width:700px){.header{padding:16px 6%;background:#25262c;height:120px}.company-logo{width:34px;height:34px}.hero{min-height:760px;max-height:980px;height:100svh}.hero-images,.hero-shade{left:17%;top:120px}.hero-copy{left:8%;top:55%;max-width:88%}.hero-copy h1{font-size:39px}.hero-copy .eyebrow{font-size:8px;letter-spacing:2px}.hero-sub{font-size:12px}.hero-bottom{bottom:25px}.projects{height:80svh;min-height:620px;max-height:850px}.project-label{padding:20px 8px}.person>.portrait{height:260px}.comparison{aspect-ratio:1.4}.comparison-real,.comparison-sketch{background-size:auto 200%;background-position-x:center}.compare-label{top:12px;font-size:10px;padding:5px 8px}.compare-label.before{left:10px}.compare-label.after{right:10px}.comparison-section h2{font-size:28px}.contact-layout{grid-template-columns:1fr}.contact h2{font-size:29px}.contact-details{margin-top:10px}.contact-details>div:first-child{border-left:0}.location-banner{height:190px}.location-banner>p{right:5%;font-size:14px}.location-marker{margin-right:70px}.blog-card{height:345px}.footer-main .brand b{font-size:14px}}
@media(max-width:360px){.hero-copy h1{font-size:34px}.header nav{gap:18px}.person>.portrait{height:235px}.contact-details p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-image{transform:none}.hero-image.active{animation:none}}
/* Role lettering rotates around the portrait; the photo rocks away from its backing. */
.person>.portrait{overflow:visible;background:#baad95}.person>.portrait:after{display:none}.person>.portrait:before{transform-origin:center 70%;transition:transform .65s cubic-bezier(.22,.7,.2,1)}
.person:hover>.portrait:before,.person:focus-visible>.portrait:before{animation:portrait-rock .85s both;transform:translate(-5px,-7px) rotate(-3deg) scale(.97)}
@keyframes portrait-rock{0%{transform:none}40%{transform:translate(-7px,-9px) rotate(-4deg) scale(.97)}70%{transform:translate(-3px,-5px) rotate(-2deg) scale(.97)}100%{transform:translate(-5px,-7px) rotate(-3deg) scale(.97)}}
.person-overlay{z-index:1;transition:opacity .45s,transform .65s}.person:hover .person-overlay,.person:focus-visible .person-overlay{transform:translate(-5px,-7px) rotate(-3deg) scale(.97)}
.role-wheel{position:absolute;right:-24px;top:-24px;width:110px;height:110px;z-index:4;opacity:0;scale:.75;transition:opacity .4s,scale .5s;pointer-events:none;color:#a58a56}.role-wheel svg{width:100%;height:100%;overflow:visible;animation:role-spin 13s linear infinite;animation-play-state:paused;stroke:none;fill:currentColor}.role-wheel text{font:12px 'Microsoft YaHei',sans-serif}.person:hover .role-wheel,.person:focus-visible .role-wheel{opacity:1;scale:1}.person:hover .role-wheel svg,.person:focus-visible .role-wheel svg{animation-play-state:running}@keyframes role-spin{to{transform:rotate(360deg)}}
.team-grid{padding-top:20px}.comparison-real,.comparison-sketch{background-size:auto 200%;background-position-x:center}
@media(max-width:700px){.role-wheel{width:84px;height:84px;right:-16px;top:-18px}.person>.portrait{margin:4px}.person-overlay{padding-right:10px}}
@media(prefers-reduced-motion:reduce){.role-wheel svg,.person:hover>.portrait:before,.person:focus-visible>.portrait:before{animation:none}.person:hover>.portrait:before,.person:focus-visible>.portrait:before,.person:hover .person-overlay,.person:focus-visible .person-overlay{transform:none}}
/* Newest annotation: layered upward image reveal, staggered copy and fixed garden. */
.hero-copy{animation:none!important}.hero-image{opacity:1;visibility:hidden;transform:none;transition:none;animation:none!important}.hero-image.active{visibility:visible;transform:none;animation:none!important}.hero-shade{z-index:3;pointer-events:none}.hero-copy,.hero-bottom{z-index:4}
.hero-copy h1{min-height:2.56em}.hero-sub{min-height:2em}
.team-grid{grid-template-columns:repeat(3,minmax(0,260px));justify-content:center;gap:65px;padding-top:40px}.person>.portrait{height:350px}.role-wheel{width:154px;height:154px;right:-45px;top:-40px;color:#9d7c3a}.person-info h3{font-size:20px}.person-info p{font-size:13px}
.comparison-section{position:relative;isolation:isolate;clip-path:inset(0);background:#242823;color:#fff;padding-block:95px}.comparison-section:before{content:'';position:fixed;inset:0;z-index:-2;background-image:url('/wp-content/themes/evergreen-20261014-01/assets/gardens.png');background-repeat:no-repeat;background-size:200% 200%;background-position:left top;pointer-events:none}.comparison-section:after{content:'';position:absolute;inset:0;background:#101611b5;z-index:-1;pointer-events:none}.comparison-section .gold{color:#dec692}.comparison-section .sample-note{color:#dfdfd6}.comparison{border:1px solid #e6dfcd;box-shadow:0 15px 50px #0003}.comparison-section>.wrap{width:min(1180px,82%)}
.footer-company{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;padding-top:40px;margin-top:35px;border-top:1px solid #ffffff1a}.footer-company h3{font-size:13px;color:#e5ddcb;margin-bottom:16px;letter-spacing:1px}.footer-company p,.footer-company a{font-size:12px;color:#b6b8bb;line-height:2.2}.footer-company a{display:block;overflow-wrap:anywhere}.footer-company a:hover{color:white}
@media(min-width:1700px){.team-grid{grid-template-columns:repeat(3,285px);gap:100px}.person>.portrait{height:390px}}
@media(max-width:1050px){.team-grid{gap:40px;grid-template-columns:repeat(3,minmax(0,230px))}.person>.portrait{height:320px}.role-wheel{width:130px;height:130px;right:-30px;top:-30px}}
@media(max-width:700px){.team-grid{grid-template-columns:1fr;gap:48px}.person{grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:30px}.person>.portrait{height:220px}.role-wheel{width:112px;height:112px;right:-23px;top:-27px}.person-info h3{font-size:19px}.person-info p{font-size:12px}.comparison-section{padding-block:65px}.comparison-section>.wrap{width:86%}.footer-company{grid-template-columns:1fr;gap:25px}.hero-copy h1{min-height:2.56em}.hero-sub{max-width:280px;min-height:4em}}
@media(max-width:360px){.person{grid-template-columns:125px minmax(0,1fr);gap:24px}.person>.portrait{height:190px}.role-wheel{width:104px;height:104px}}
/* Separate photo scaling from slide translation. */
.hero-image{overflow:hidden}.hero-photo{position:absolute;inset:0;transform:scale(1);transform-origin:center}.hero-image.settled .hero-photo{animation:hero-slow-zoom 6s linear both}@keyframes hero-slow-zoom{from{transform:scale(1)}to{transform:scale(1.065)}}
.project-image{transform:scale(1.085);transition:opacity .65s ease,transform 1.45s cubic-bezier(.2,.65,.2,1)}.project-image.active{transform:scale(1)}
.about-photo.reveal{transform:translateY(65px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.65,.2,1)}.about-photo.reveal.visible{transform:translateY(0)}
.footer-company h3 small{font-size:10px;font-weight:400;color:#a8a8a8;margin-left:6px}
@media(prefers-reduced-motion:reduce){.hero-image.settled .hero-photo{animation:none}.project-image,.project-image.active,.about-photo.reveal{transform:none}}
/* H1: softly graded charcoal texture rather than flat diagonal bands. */
.hero{background-color:#242832;background-image:radial-gradient(ellipse at 3% 4%,#5a63734d,transparent 62%),linear-gradient(155deg,#303744bb 0%,#25293355 42%,#161a23dd 100%),repeating-linear-gradient(135deg,#ffffff04 0px,#ffffff04 2px,transparent 2px,transparent 12px)}
/* User reference: broad, low-contrast diagonal shading, no fine stripes. */
.hero{background-color:#24252f;background-image:linear-gradient(150deg,#32344012 0%,transparent 45%,#11121b24 100%),repeating-linear-gradient(135deg,#14151e20 0px,#14151e20 24px,#282a3400 73px,#34364210 115px,#14151e20 166px)}
/* Mobile art direction: garden photography, warm paper, layered compact cards. Desktop unchanged. */
.mobile-menu,.mobile-highlights,.mobile-project-photo{display:none}
@media(max-width:700px){
 body{background:#f7f7f1;font-size:14px;color:#29392e}.wrap{width:calc(100% - 40px)}.section{padding-block:52px}h2{font-size:29px;line-height:1.35;letter-spacing:-.5px}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:13px}.button{min-height:44px;border-radius:24px;padding:10px 19px;gap:20px;font-size:12px;background:#485537;border-color:#485537;color:white}.button span{font-size:16px}
 .header{position:absolute;top:12px;left:12px;right:12px;height:64px;min-height:0;padding:10px 13px;display:flex;flex-wrap:nowrap;gap:8px;background:#20332942;backdrop-filter:blur(16px);border:1px solid #ffffff28;border-radius:18px;z-index:20}.header .brand{gap:7px}.header .company-logo{width:31px;height:31px;padding:2px;border-radius:7px}.header .brand span{font-size:8px;letter-spacing:.5px}.header .brand i{height:24px;margin-inline:2px}.header .brand b{font-size:13px;letter-spacing:1px}.mobile-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;flex-shrink:0;margin-left:auto;border:0;border-radius:50%;background:#f5f5eb;color:#344631}.mobile-menu span{display:block;width:17px;height:1px;background:currentColor;transition:transform .25s}.menu-open .mobile-menu span:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .mobile-menu span:last-child{transform:translateY(-3px) rotate(-45deg)}
 .header nav{display:none;position:absolute;top:73px;left:0;right:0;padding:12px;margin:0;border-radius:18px;background:#f7f7f0fa;color:#29392e;box-shadow:0 12px 35px #0003;overflow:visible;white-space:normal}.header.menu-open nav{display:grid;grid-template-columns:1fr 1fr;gap:5px}.header nav a{display:flex;align-items:center;min-height:46px;font-size:13px;padding:10px 14px;border-radius:10px;background:#e8eadf}.header .nav-contact{border:0;background:#485537;color:white}
 .hero{margin:8px 8px 0;border-radius:24px;height:660px;height:87svh;min-height:590px;max-height:760px;background:#283a2c}.hero-images,.hero-shade{inset:0}.hero-shade{background:linear-gradient(90deg,#12221876,transparent 90%),linear-gradient(0deg,#0c211abb,transparent 80%)}.hero-copy{top:44%;left:24px;right:20px;max-width:none;transform:translateY(-32%)}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.7px;color:#eee4c4;margin-bottom:18px}.hero-copy h1{font-size:clamp(32px,8.9vw,44px);line-height:1.35;letter-spacing:-1px;min-height:2.7em;margin-bottom:16px}.hero-sub{font-size:12px;letter-spacing:.4px;line-height:1.9;min-height:3.8em;max-width:260px;margin-bottom:23px}.hero .button.light{background:#f4f5e8e8;border:0;color:#344631;min-height:45px}.hero-bottom{left:24px;right:24px;bottom:90px;align-items:flex-end}.hero-bottom>span{font-size:7px;max-width:130px;line-height:1.7}.slide-status span{font-size:9px}
 .mobile-highlights{position:relative;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:-66px 22px 0}.mobile-highlights a{position:relative;isolation:isolate;height:142px;border:3px solid #f7f7f1;border-radius:18px;overflow:hidden;display:flex;align-items:flex-end;color:white;padding:12px}.mobile-highlights .garden{position:absolute;inset:0;z-index:-2}.mobile-highlights a:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#112319cc,transparent 80%);z-index:-1}.mobile-highlights span{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:13px}.mobile-highlights b{display:grid;place-items:center;background:#ffffffd9;color:#344631;border-radius:8px;width:29px;height:29px;font-size:20px;font-weight:400}
 .about{display:flex;flex-direction:column;gap:0;padding-top:42px;padding-bottom:45px}.about-photo{width:100%;height:235px;border-radius:20px;overflow:hidden}.image-caption{font-size:8px;background:#1d392655}.about-copy{position:relative;margin:-28px 12px 0;padding:26px 22px;background:#fffef7ed;backdrop-filter:blur(14px);border:1px solid #fff;border-radius:18px;box-shadow:0 9px 28px #3b4e2810}.about-copy h2{font-size:28px}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:14px;color:#687160}.about-copy .button{margin-top:21px}
 .services{background:#e9eddf;border-radius:26px;margin:0 8px;padding:35px 0}.services .wrap{width:calc(100% - 24px)}.section-heading{text-align:left;margin-bottom:24px}.section-heading h2{font-size:27px}.services .section-heading{padding-inline:8px}.service-grid{gap:10px;grid-template-columns:1fr 1fr}.service{min-height:235px;border-radius:16px;background:#ffffffaa;padding:24px 16px 18px}.service svg{width:31px;height:31px;margin-bottom:10px;color:#748452}.service h3{font-size:16px;margin-bottom:9px}.service p{font-size:11px;line-height:1.85;min-height:65px}.service .read{font-size:10px;margin-top:14px}.service-number{font-size:9px;right:12px;top:12px}
 .projects{height:auto;min-height:0;max-height:none;margin:42px 20px 0;overflow:visible;color:#fff}.projects:before{content:'SELECTED GARDENS / 花园作品';display:block;margin-bottom:18px;font-size:11px;letter-spacing:1.5px;color:#73805b}.project-backgrounds,.project-shade,.project-caption,.project-hint{display:none}.project-columns{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-column{height:235px;padding:0;border:0!important;border-radius:19px;overflow:hidden;justify-content:flex-end;background:#364534}.mobile-project-photo{display:block;position:absolute;inset:0;z-index:-2}.project-column:before{opacity:1;background:linear-gradient(0deg,#112316dd,transparent 85%)}.project-label,.project-column.active .project-label{opacity:1;transform:none;color:white;padding:16px 12px 6px}.project-label:before{display:none}.project-label small{font-size:7px;letter-spacing:.5px;margin-bottom:5px;transform:none}.project-label strong{font-size:17px;letter-spacing:0;transform:none}.project-explore,.project-column.active .project-explore{opacity:1;transform:none;align-self:flex-start;font-size:10px;padding:0 12px 17px}.project-column:nth-child(even){margin-top:22px}
 .team{padding-bottom:40px}.team .section-heading{text-align:left}.team-grid{display:flex;justify-content:flex-start;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#acb69a transparent;padding:25px 15px 12px 0;margin-right:-12px}.person{display:block;flex:0 0 224px;min-width:0;scroll-snap-align:start;background:#fffef8;border-radius:18px;padding:12px}.person>.portrait{height:265px;margin:0;border-radius:12px;background:#c9c4ad}.person>.portrait:before{border-radius:12px}.role-wheel{width:103px;height:103px;right:-13px;top:-21px}.person-info{padding:17px 4px 8px}.person-info h3{font-size:21px}.person-info>span{font-size:10px}.person-info p{font-size:12px;line-height:1.8;margin-top:9px}.sample-note{font-size:10px}.person-overlay{border-radius:12px}
 .comparison-section{padding-block:45px;border-radius:24px;margin:0 8px}.comparison-section>.wrap{width:calc(100% - 28px)}.comparison-section .section-heading{text-align:center;margin-bottom:24px}.comparison-section h2{font-size:25px}.comparison-section .eyebrow{font-size:8px}.comparison-section .sample-note{font-size:9px;line-height:1.9}.comparison{aspect-ratio:1.22;border-radius:16px}.compare-divider>span{width:42px;height:42px;font-size:20px}.compare-label{border-radius:8px;font-size:9px}
 .dark-journal{background:transparent}.testimonials{padding-top:44px;padding-bottom:22px}.quote-grid{grid-template-columns:1fr;gap:0;margin-top:22px}.quote:nth-child(2){display:none}.quote blockquote{border:0;background:#e9eddf;border-radius:20px;padding:30px 24px;font-size:20px;line-height:1.8;min-height:225px}.quote blockquote>span{background:transparent;font-size:66px;top:3px;right:20px;color:#9ba676}.quote-author{margin:16px 12px}.quote-author p{font-size:15px}.avatar{width:38px;height:38px}
 .journal{padding-top:25px;padding-bottom:38px}.journal-heading{margin-bottom:14px}.journal-heading h2{font-size:28px}.journal-heading a{font-size:10px;min-height:44px;display:flex;align-items:center;border-bottom:0}.blog-status{font-size:9px;margin-bottom:12px}.blog-window{border-radius:18px}.blog-card{flex-basis:88%;height:320px;border-radius:18px;padding:25px;background:#e9eddf}.blog-card h3{font-size:25px;margin-block:25px 15px}.blog-track{gap:12px}.journal-footer{font-size:8px;margin-top:16px}
 .contact{margin:0 8px 8px;border-radius:24px;background:#455137;color:#faf8ee;padding:34px 0}.contact-layout{width:calc(100% - 40px);gap:25px}.contact h2{font-size:29px}.contact .eyebrow{color:#d3d5b7}.contact p{color:#d7ddc8;font-size:12px;margin-block:15px}.contact .button{background:#f5f4df;color:#455137;border-color:#f5f4df}.contact-details{margin:0;gap:0}.contact-details>div{padding:5px 7px;border-color:#ffffff25;gap:6px}.contact-details svg{width:25px;height:25px;margin-bottom:3px;color:#cbd1a8}.contact-details span{font-size:10px;color:#e3e7d8}.contact-details p{font-size:10px;color:#fff;margin:0}
 footer{background:#f7f7f1;color:#344631;padding:32px 0 25px}.footer-main{gap:20px}.footer-main .brand{gap:8px}.footer-main .company-logo{width:32px;height:32px;border-radius:7px}.footer-main .brand span{font-size:9px}.footer-main .brand b{font-size:14px}.footer-main .brand i{background:#34463125}.footer-main>a:last-child{min-height:44px;display:flex;align-items:center;font-size:12px}.footer-company{border-color:#34463120;gap:20px;padding-top:24px;margin-top:15px}.footer-company h3{color:#3c4934;font-size:12px;margin-bottom:8px}.footer-company p,.footer-company a{color:#75806d;font-size:11px}.footer-company a{min-height:36px;display:flex;align-items:center}.footer-bottom{border-color:#34463120;color:#8d9585;margin-top:24px;font-size:9px}.footer-company h3 small{color:#858f7c}
 .temporary{padding:125px 24px 45px;background:#f7f7f1;min-height:100svh}.temporary h1{font-size:32px}.header:has(~ #temporary:not([hidden])){background:#334531}
}
@media(max-width:360px){.header .brand b{font-size:12px}.header .brand span{font-size:7px}.header .brand{gap:5px}.hero-copy{left:20px}.hero-copy h1{font-size:31px}.mobile-highlights{margin-inline:18px;gap:8px}.mobile-highlights a{height:128px;padding:9px}.project-column{height:208px}.project-label strong{font-size:15px}.service{padding-inline:12px}.contact-details span,.contact-details p{font-size:9px}}
@media(max-width:700px){.team-grid{overflow-y:hidden}.services .section-heading h2{max-width:280px;text-wrap:balance}.section-heading h2{text-wrap:balance}}
/* Latest phone annotations: four service image cards replace group 1. */
@media(max-width:700px){
.mobile-highlights{display:none}.services{position:relative;z-index:5;margin:-54px 20px 0;padding:0;background:transparent;border-radius:0}.services .wrap{width:100%}.services .section-heading{display:none}.service-grid{gap:10px}.service{min-height:190px;padding:25px 13px 14px;border:3px solid #f7f7f1;border-radius:18px;color:#fff;background:#263d2e}.service .garden{opacity:1;transform:none}.service:after{opacity:1;background:linear-gradient(0deg,#0e2519e8,#142b1c55)}.service svg{display:none}.service h3{font-size:16px;margin-top:12px}.service p{font-size:10px;min-height:60px;opacity:.85}.service-number{color:#eee5c9}.service .read{margin-top:10px}.about{padding-top:36px}
.projects{margin:20px 8px 0;height:560px;min-height:0;border-radius:22px;overflow:hidden;isolation:isolate}.projects:before{display:none}.project-backgrounds,.project-shade{display:block}.project-columns{position:absolute;inset:0;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:0}.project-column,.project-column:nth-child(even){height:auto;margin:0;border-radius:0;background:transparent;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff38!important}.mobile-project-photo{display:none}.project-column:before{background:#07150c55;opacity:0;transition:opacity .45s}.project-column.active:before{opacity:1}.project-label{padding:18px;min-height:0;flex:1;opacity:1;transform:none;color:#fff;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.project-label:before{display:block;transform:scaleX(0);transform-origin:left;background:#f7f5f0ed;transition:transform .5s}.project-column.active .project-label:before{transform:scaleX(1)}.project-column.active .project-label{color:#29392e;padding:18px}.project-label small{font-size:8px;letter-spacing:1px}.project-label strong{font-size:21px}.project-explore,.project-column.active .project-explore{align-self:center;padding:18px 13px;min-width:95px;min-height:44px;font-size:11px;opacity:1;transform:none}.project-column:last-child{border-bottom:0!important}
.blog-window{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.blog-track{transform:none!important;transition:none!important}.blog-card{scroll-snap-align:start}.blog-card[aria-hidden="true"]{display:none}
.footer-main>a:last-child:not(.brand),.footer-company>div:first-child>h3,.footer-company>div:last-child>p,.footer-company>div:last-child>a:last-child,.footer-bottom>span:last-child{display:none}.footer-main{padding-bottom:0}.footer-company{margin-top:20px}
}
@media(max-width:700px){
.service{background:#fffef6;color:#29392e;transition:color .35s}.service .garden{opacity:0;transform:scale(1.06);transition:opacity .4s,transform .8s}.service:after{opacity:0;transition:opacity .4s}.service-number{color:#8a927c}.service:hover,.service:focus-visible,.service.touch-preview{color:white}.service:hover .garden,.service:focus-visible .garden,.service.touch-preview .garden{opacity:1;transform:scale(1)}.service:hover:after,.service:focus-visible:after,.service.touch-preview:after{opacity:1}
.project-label,.project-column.active .project-label{flex:0 0 25vw;width:25vw;max-width:25vw;padding:14px 9px;overflow-wrap:anywhere}.project-label small{font-size:6px;letter-spacing:.2px}.project-label strong{font-size:15px;letter-spacing:0}
}
/* Per-line vertical masks; decoded images and compositor layers prevent initial layout jumps. */
.hero-title-line{display:block;overflow:hidden;line-height:1.35;padding-block:.02em}.hero-title-word{display:block;will-change:transform}.hero-image,.hero-photo{will-change:transform;backface-visibility:hidden}.hero-image{contain:paint}.hero-copy h1{clip-path:none}
@media(max-width:700px){
.hero{margin:0;border-radius:0}
.projects{margin-left:0;margin-right:0;border-radius:0}
.comparison-section{margin-left:0;margin-right:0;border-radius:0}
}

.person[role="button"]{cursor:pointer}.person.person-animate .role-wheel{opacity:1;scale:1}.person.person-animate .role-wheel svg{animation-play-state:running}.person.person-animate>.portrait:before{animation:portrait-click 1.5s ease-in-out both}.person.person-animate .person-overlay{opacity:1;transform:translateY(0)}@keyframes portrait-click{0%,100%{transform:rotate(0deg)}30%{transform:rotate(-3deg) translateY(-4px)}65%{transform:rotate(2deg)}}@media(prefers-reduced-motion:reduce){.person.person-animate>.portrait:before,.person.person-animate .role-wheel svg{animation:none}}

/* Review 12: project photo height follows width; every article reveals on contact. */
@media(min-width:701px){#H4.projects{height:auto;min-height:0;max-height:none;aspect-ratio:16/9}}
@media(max-width:700px){#H4.projects{height:auto;min-height:0;max-height:none;aspect-ratio:2/3}}
.blog-card{transition:color .45s,background-color .45s}.blog-card .read{transition:transform .45s}.blog-card:is(:hover,:focus-visible,:active) .read{transform:translateX(5px)}
.blog-card:active{color:#fff}.blog-card:active small,.blog-card:active p{color:#eee}.blog-card:active img{opacity:1;transform:scale(1)}.blog-card:active:before{opacity:1}

/* Review 13 mobile: desktop-like vertical project columns; two cards per view. */
@media(max-width:700px){
#H4 .project-columns{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr}
#H4 .project-column{flex-direction:column;align-items:stretch;justify-content:space-between;border-bottom:0!important;border-right:1px solid #ffffff38!important;padding:0 0 22px}
#H4 .project-label,#H4 .project-column.active .project-label{width:100%;max-width:none;flex:0 0 auto;padding:18px 7px;min-height:95px;justify-content:flex-start}
#H4 .project-label:before{transform:scaleY(0);transform-origin:top}#H4 .project-column.active .project-label:before{transform:scaleY(1)}
#H4 .project-label small{font-size:7px;letter-spacing:.2px}#H4 .project-label strong{font-size:14px;line-height:1.5}
#H4 .project-explore{min-width:0;padding:10px 4px;font-size:10px;white-space:nowrap}
#H5 .team-grid{gap:12px;padding-inline:0;margin-right:0}
#H5 .person{flex:0 0 calc((100% - 12px)/2);padding:8px;border-radius:12px}
#H5 .person>.portrait{height:auto;aspect-ratio:3/4;border-radius:8px}
#H5 .person h3{font-size:16px}#H5 .person p{font-size:11px;line-height:1.7}
#blog-track{gap:12px}#blog-track .blog-card{flex:0 0 calc((100% - 12px)/2);padding:16px 12px;height:310px;border-radius:12px}
#blog-track .blog-card h3{font-size:17px;line-height:1.6}#blog-track .blog-card p{font-size:11px;line-height:1.7}#blog-track .blog-card small{font-size:9px}
}

/* User-selected leaf backgrounds; original photos keep their own proportions. */
#H1{background:#070b10 url('/wp-content/themes/evergreen-20261014-01/assets/home-dark-leaves.jpg') left center/auto 100% no-repeat}
#H9{background:#090d14 url('/wp-content/themes/evergreen-20261014-01/assets/home-contact-leaves.jpg') center/cover no-repeat;color:#f4f3ed}
#H9 h2,#H9 p,#H9 .contact-details span{color:#f4f3ed}
#H9 .eyebrow{color:#d2c5a2}
#H9 .button{color:#f4f3ed;border-color:#c9b78e}
#H9 .contact-details>div{border-color:#ffffff35}
@media(max-width:700px){#H1 .hero-images{opacity:.7}#H9 .button{background:#eff1e7;color:#29372b}}

/* One continuous user-supplied image behind the contact section and footer. */
.home-contact-footer{background:#080b12 url('/wp-content/themes/evergreen-20261014-01/assets/home-footer-leaves.jpg') center/cover no-repeat;display:flow-root}
.home-contact-footer #H9,.home-contact-footer footer{background:transparent}
@media(max-width:700px){.home-contact-footer #H9{margin-bottom:0;border-radius:0}}

#blog-status:empty{display:none}
#H1 .hero-bottom>span{font-size:12px;line-height:1.7;max-width:210px}
.home-contact-footer .footer-main>p{font-style:normal}
@media(max-width:700px){#H1 .hero-bottom>span{font-size:10px;max-width:180px}}

/* Review22: preserve whole emblem in the left panel at any aspect ratio. */
#H1{background:#101015;isolation:isolate}#H1:before{content:'';position:absolute;inset:0 auto 0 0;width:28%;background:url('/wp-content/themes/evergreen-20261014-01/assets/home-dark-leaves.jpg') center/contain no-repeat;z-index:-1}
#H2 .about-photo{margin-top:-28px}#H2 .image-caption{padding-left:10px}#H2 .about-photo>.garden{background-position:center 42%}
@media(max-width:1050px) and (min-width:701px){#H1:before{width:24%}}@media(max-width:700px){#H1:before{width:100%;z-index:0;opacity:.45}#H2 .about-photo{margin-top:-14px}}

@media(min-width:701px){#H1:before{background-size:100% 100%}}
@media(max-width:700px){.project-columns:has(>a:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))}.project-columns:has(>a:nth-child(5)) .project-column{min-height:0;border-bottom:1px solid #ffffff55}.project-label strong{overflow-wrap:anywhere}}

@keyframes home-mobile-pan{0%{background-position:var(--pan-start) var(--pan-y);opacity:0}2%{background-position:var(--pan-start) var(--pan-y);opacity:1}95%{background-position:var(--pan-end) var(--pan-y);opacity:1}100%{background-position:var(--pan-end) var(--pan-y);opacity:0}}
@media(max-width:700px){#H1 .hero-images{background:white}#H1 .hero-image{transform:none!important;transition:none!important}#H1 .hero-image.active .hero-photo{animation:home-mobile-pan 40s linear infinite!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){#H1 .hero-image.active .hero-photo{animation:none!important}}