@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#152b34;--cream:#f6f5f0;--copper:#cba280;--ink:#24373e;--muted:#657177}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b0784d;outline-offset:5px}.skip{position:fixed;top:-60px;background:white;padding:14px;z-index:20}.skip:focus{top:10px}.header{height:104px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:var(--cream)}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-family:Manrope,Arial,sans-serif;font-size:31px;letter-spacing:5px;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:1.75px;margin-top:7px}.header nav{display:flex;gap:32px;font-size:13px}.header nav a:hover{color:#9a6743}.header-cta{font-size:13px;border-bottom:1px solid var(--navy);padding:11px 0;display:flex;gap:38px}.hero{min-height:670px;position:relative;background:var(--navy);overflow:hidden;color:white}.hero-image{position:absolute;inset:0 0 0 39%;background:url('construction.jpg') center/cover;opacity:.7}.hero:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#152b34 5%,#152b34ed 29%,#152b3490 58%,#152b3405 100%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:70px 6% 30px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;margin:0 0 30px}.light{color:#d8dad7}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--copper);margin-right:10px;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-2.6px}h1{font-size:clamp(44px,5.25vw,76px);line-height:1.12;margin-bottom:26px}em{font-family:Georgia,serif;font-weight:400;color:var(--copper)}.hero-intro{max-width:420px;color:#d1d7d8;font-size:16px;line-height:1.8;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:34px;padding:19px 24px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.copper{background:var(--copper);color:var(--navy)}.copper:hover{background:#dfb998}.hero-foot{display:flex;gap:33px;font-size:9px;letter-spacing:1.8px;margin-top:53px;color:#b7c3c6}.image-note{position:absolute;z-index:1;right:4%;bottom:30px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#e5e6e1}.credentials{padding:30px 6%;display:grid;grid-template-columns:1fr 1.3fr 1fr;border-bottom:1px solid #d9ddd8}.credentials>div{display:flex;flex-direction:column;gap:6px;padding-left:40px;border-left:1px solid #d9ddd8}.credentials>div:first-child{padding-left:0;border:0}.credentials strong{font-family:Manrope,sans-serif;font-size:21px;font-weight:500}.credentials span{font-size:12px;color:var(--muted)}.section{padding:100px 8%}.about{display:grid;grid-template-columns:1fr 1.5fr;gap:10%}.section-label>span{font-size:10px;letter-spacing:1.8px}.monogram{height:300px;margin-top:55px;border:1px solid #d8dbd4;background:linear-gradient(135deg,#e4e7df,#f0f0e8);font:110px Georgia,serif;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a7b2aa;position:relative}.monogram:before{content:'';position:absolute;inset:17px;border:1px solid #cfd5cc}.monogram span{font:8px/1.8 'DM Sans',Arial,sans-serif;letter-spacing:2px;color:#5c6e66;text-align:center;margin-top:16px}h2{font-size:46px;line-height:1.18;margin-bottom:30px}h2 em{color:#9c7051}.lead{font-size:18px!important;line-height:1.75!important;color:var(--ink)!important}.about-copy>p{font-size:14px;line-height:1.85;color:var(--muted)}.signature{border-top:1px solid #d9ddd8;margin-top:30px;padding-top:25px;display:flex;align-items:center;gap:24px}.signature>span{font:italic 28px Georgia,serif}.signature small{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.expertise{background:var(--navy);color:#f5f5ee}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.expertise h2 em{color:var(--copper)}.section-top>p{font-size:13px;line-height:1.8;color:#bac5c8;max-width:300px;margin-bottom:34px}.roles{display:grid;grid-template-columns:repeat(2,1fr);margin-top:20px}.roles>div{padding:30px 30px 28px 0;border-top:1px solid #405159;position:relative}.roles>div:nth-child(even){padding-left:35px;border-left:1px solid #405159}.roles>div>span{display:block;font-size:10px;color:var(--copper);margin-bottom:18px}h3{font-size:18px;font-weight:500;margin-bottom:10px}.roles p{font-size:13px;color:#aebfc3;line-height:1.6;margin-bottom:0}.roles .roles-end{display:flex;flex-direction:column;justify-content:space-between;background:#1b333c}.roles-end p{font:italic 23px/1.4 Georgia,serif;color:var(--copper)}.roles-end a{font-size:12px;margin-top:20px}.roles-end a span{margin-left:20px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:10%}.approach h2{font-size:43px}.approach .lead{font-size:16px!important}.text-link{font-size:12px;display:inline-flex;gap:35px;border-bottom:1px solid #76878b;padding:15px 0}.principles article{display:flex;gap:26px;padding:25px 0;border-bottom:1px solid #d9ddd8}.principles article:first-child{padding-top:0}.principles article>span{font-size:10px;color:#9c7051;padding-top:5px}.principles h3{font-size:17px}.principles p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:0}.sectors{background:#273f45;color:var(--cream);padding:65px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%;background-image:linear-gradient(110deg,#223c43fa,#223c43e8),url('construction.jpg');background-position:center;background-size:cover}.sectors h2{margin-bottom:0;font-size:42px}.sectors em{color:var(--copper)}.sectors ul{list-style:none;padding:0;margin:0;align-self:center}.sectors li{font-size:22px;padding:18px 0;border-bottom:1px solid #6a7c7c;display:flex;justify-content:space-between}.sectors li span{font-size:10px;align-self:center;color:var(--copper)}.contact{text-align:center;padding-top:90px;padding-bottom:90px}.contact h2{font-size:48px}.contact>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.dark{background:var(--navy);color:white;margin-top:17px}.linkedin{font-size:21px}.contact-note{display:block;color:var(--muted);font-size:10px;margin-top:17px}footer{border-top:1px solid #d9ddd8;padding:30px 6%;display:flex;align-items:center;gap:35px;justify-content:space-between}footer p{font-size:11px;color:var(--muted);margin:0}footer>small,footer>a:last-child{font-size:10px;color:var(--muted)}footer .brand strong{font-size:25px}footer .brand small{font-size:6px}
@media(min-width:1600px){.hero-content,.section,.sectors{padding-left:max(8%,calc((100vw - 1400px)/2));padding-right:max(8%,calc((100vw - 1400px)/2))}.hero{min-height:760px}h1{font-size:84px}}@media(max-width:900px){.header{height:88px;padding:0 5%}.header nav{gap:16px;font-size:11px}.header-cta{gap:15px}.section{padding:70px 6%}.about{gap:7%;grid-template-columns:.8fr 1.3fr}.section-top{gap:25px}h2{font-size:36px}.approach{gap:7%}.approach h2{font-size:34px}.contact h2{font-size:40px}footer{flex-wrap:wrap;gap:25px}footer p{display:none}.hero-image{inset:0 0 0 20%}}@media(max-width:600px){html{scroll-padding-top:20px}.header{height:84px}.brand img{width:38px;height:38px}.brand strong{font-size:26px}.brand small{font-size:6px}.header nav{display:none}.header-cta{font-size:11px;gap:15px}.hero{min-height:640px}.hero-content{padding:58px 6% 28px}.hero-image{inset:0;opacity:.45;background-position:58%}.hero:after{background:linear-gradient(90deg,#152b34eb,#152b3455)}h1{font-size:46px;letter-spacing:-2px;line-height:1.16}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero-intro{font-size:14px;max-width:310px}.hero-foot{font-size:7px;gap:22px;letter-spacing:1.2px}.image-note{display:none}.credentials{padding:24px 6%;grid-template-columns:1fr 1.25fr .65fr;gap:10px}.credentials>div{padding-left:12px}.credentials strong{font-size:14px}.credentials span{font-size:9px;line-height:1.5}.section{padding:58px 6%}.about{display:flex;flex-direction:column;gap:30px}.monogram{display:none}.section-label>span{font-size:9px}.about h2{font-size:39px}.lead{font-size:17px!important}.signature{gap:20px}.section-top{display:block}.section-top>p{max-width:none}.roles{grid-template-columns:1fr}.roles>div{padding:24px 0}.roles>div:nth-child(even){padding-left:0;border-left:0}.roles .roles-end{padding:24px 20px}.approach{grid-template-columns:1fr;gap:40px}.sectors{grid-template-columns:1fr;padding:50px 6%;gap:25px}.sectors h2{font-size:36px}.sectors li{font-size:20px}.contact h2{font-size:35px;letter-spacing:-1.8px}.contact p br{display:none}.contact .button{gap:22px}.contact-note{font-size:9px}footer{padding:28px 6%;gap:25px}footer .brand{width:100%}footer>small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.gardens{background:#e6e9df;display:grid;grid-template-columns:1fr 1.5fr;gap:10%;align-items:center}.gardens h2 em{color:#657a55}.gardens>div>p:not(.eyebrow){color:#5b685b;font-size:14px;line-height:1.85}.garden-art{color:#657a55;text-align:center}.garden-art svg{width:100%;max-width:300px;display:block;margin:auto}.garden-art>span{font-size:8px;letter-spacing:2px}.garden-details{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;list-style:none;margin:24px 0}.garden-details li{font-size:11px;color:#354c35}.garden-details li:before{content:'✓';margin-right:7px}.garden-button{background:#354e3d;color:#fff;gap:22px}.header nav{gap:22px}@media(max-width:900px){.header nav{gap:12px}.gardens{gap:6%}.header nav a{font-size:10px}}@media(max-width:600px){.gardens{grid-template-columns:1fr;gap:30px}.garden-art svg{height:150px}.garden-art>span{font-size:7px}.gardens h2{font-size:39px}.garden-button{font-size:11px;padding:18px}}
/* Chay's personal showcase */
:root{--navy:#172824;--cream:#f4f2e9;--copper:#d6e89a;--ink:#20312b;--muted:#68716a}.header{height:94px}.brand strong{font-size:18px;letter-spacing:-.6px;font-weight:800}.brand small{font-size:7px;letter-spacing:1.5px}.brand-dot{color:#7c9250}.header nav a:hover{color:#718540}.header .brand img{width:38px;height:38px}.personal-hero{background:var(--navy);color:var(--cream);padding:35px 6% 0;overflow:hidden}.hero-kicker{display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:1.5px;color:#bfcbc0}.status-dot{width:6px;height:6px;background:var(--copper);border-radius:50%}.hero-location{margin-left:auto;font-size:8px}.name-row{display:flex;align-items:center;justify-content:space-between;margin:34px 0 40px}.name-row h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(80px,10vw,160px);font-weight:600;letter-spacing:-8px;line-height:1;margin:0}.name-row h1 em{color:var(--copper);font-weight:400}.credential-stamp{border:1px solid #89977a;border-radius:50%;width:108px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:9px;line-height:1.6;letter-spacing:1px;transform:rotate(12deg);color:var(--copper)}.credential-stamp b{font-size:8px;font-weight:400}.personal-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:8%;padding-bottom:45px}.intro-title{font-family:Manrope,sans-serif;font-size:30px;line-height:1.3;letter-spacing:-1px;margin-bottom:18px}.personal-intro>p:not(.intro-title){font-size:13px;line-height:1.85;color:#c2cdc4;max-width:330px}.personal-intro .button{margin-top:7px}.handwritten{font:italic 20px Georgia,serif;color:#a5b78e;transform:rotate(-5deg);margin:30px 0 0 30px}.work-visual{height:335px;position:relative;overflow:hidden;border-radius:2px 60px 2px 2px}.work-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.55);transition:transform .7s}.work-visual:hover img{transform:scale(1.04)}.work-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#10271edb)}.visual-caption{position:absolute;bottom:25px;left:25px;right:25px;z-index:1;display:flex;align-items:center;justify-content:space-between}.visual-caption>span{font-size:9px;line-height:1.7;letter-spacing:1.6px}.visual-caption>a{display:grid;place-items:center;border:1px solid #c3ccbc;border-radius:50%;width:45px;height:45px;font-size:22px}.choose-path{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #55645a}.choose-path>a{display:flex;align-items:center;gap:20px;padding:27px 0;transition:background .2s}.choose-path>a:hover{background:#233c2e}.choose-path>a+ a{padding-left:35px;border-left:1px solid #55645a}.path-icon{font-size:32px;color:var(--copper)}.choose-path small{font-size:8px;letter-spacing:1.7px;color:#a5b5a7}.choose-path h2{font:500 19px Manrope,Arial,sans-serif;letter-spacing:-.5px;margin:7px 0 0}.path-arrow{margin-left:auto;margin-right:25px;color:var(--copper)}.credentials{background:#e8ecdd}.credentials strong{font-size:19px}h2 em{color:#70814c}.monogram{background:#e3e8d9;border-radius:140px 140px 2px 2px;color:#829375;border-color:#ccd4c0;font-size:120px;overflow:hidden}.monogram:before{border-radius:130px 130px 2px 2px}.about-copy .signature{border-color:#bfc9b6}.expertise{background:#e5e9dd;color:var(--ink)}.expertise h2 em{color:#70814c}.expertise .section-top>p{color:#60705f}.roles>div{border-color:#bec8b7}.roles>div:nth-child(even){border-color:#bec8b7}.roles>div>span{color:#667d50}.roles p{color:#62705d}.roles .roles-end{background:#d7dfcb}.roles-end p{color:#536e42}.principles article>span{color:#718540}.sectors{background-color:#172824;background-image:linear-gradient(110deg,#172824fa,#172824db),url('construction.jpg')}.gardens{background:#d6e89a}.garden-art{color:#3d5b34}.gardens h2 em{color:#476039}.garden-details li{font-size:12px}.garden-button{background:#203b29}.gardens .garden-art svg{max-width:330px}.contact{background:#f4f2e9}.contact .nextdoor-contact{border:1px solid #263e2c;margin:17px 0 0 12px;min-height:65px}.contact .dark{min-height:65px}.contact-note{margin-top:22px}.button{border-radius:2px}.copper:hover{background:#e2f3af}.signature>span{color:#46623c}footer .brand strong{font-size:16px}footer{background:#e8ecdd}.roles h3{transition:transform .2s}.roles>div:hover h3{transform:translateX(6px)}
@media(min-width:1600px){.personal-hero{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}}@media(max-width:900px){.name-row h1{font-size:11vw;letter-spacing:-5px}.credential-stamp{width:85px;height:85px;font-size:7px}.personal-grid{gap:6%;grid-template-columns:1fr 1.1fr}.intro-title{font-size:27px}.choose-path h2{font-size:16px}.choose-path>a{gap:14px}.header nav{gap:13px}.header .brand strong{font-size:16px}.header .brand small{font-size:6px}}@media(max-width:600px){.header{height:80px}.header .brand strong{font-size:17px}.personal-hero{padding:26px 6% 0}.hero-kicker{font-size:7px;letter-spacing:1px}.hero-location{display:none}.name-row{margin:28px 0 30px}.name-row h1{font-size:17vw;letter-spacing:-4px}.credential-stamp{display:none}.personal-grid{grid-template-columns:1fr;gap:30px;padding-bottom:25px}.personal-intro>p:not(.intro-title){max-width:100%}.intro-title{font-size:28px}.personal-intro .button{padding:15px 22px}.handwritten{font-size:17px;margin:24px 0 10px 15px}.work-visual{height:230px;border-top-right-radius:45px}.choose-path{grid-template-columns:1fr}.choose-path>a{padding:22px 0}.choose-path>a+a{border-left:0;border-top:1px solid #55645a;padding:22px 0}.choose-path h2{font-size:18px}.credentials strong{font-size:13px}.contact .nextdoor-contact{margin:12px 0 0}.contact .button{display:flex;justify-content:center}.gardens .garden-art svg{height:170px}.roles>div:nth-child(even){border-left:0}.brand strong{font-size:16px}}@media(prefers-reduced-motion:reduce){.work-visual img,.roles h3,.choose-path>a{transition:none}}
.work-visual{height:390px}.work-visual .chay-portrait{object-position:center 30%;filter:none}.personal-grid{grid-template-columns:1fr 1fr;gap:12%}.choose-path{grid-template-columns:repeat(3,1fr)}.choose-path>a{gap:12px}.choose-path>a+a{padding-left:22px}.choose-path h2{font-size:16px}.choose-path small{font-size:7px}.path-arrow{margin-right:15px}.path-icon{font-size:27px}.project-context{grid-column:1/-1;border-top:1px solid #60716a;margin:25px 0 0;padding-top:22px;color:#b9c8bb;font-size:12px;line-height:1.8}.property{background:#ece7dc}.property .section-top>p{color:#667166}.property-types{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:25px}.property-types article{border-top:1px solid #bac1ae;padding-top:22px}.property-types span{font-size:8px;letter-spacing:1.6px;color:#697653}.property-types h3{font-size:22px;margin:22px 0 12px;font-family:Manrope,sans-serif;letter-spacing:-.7px}.property-types p,.property-services p{font-size:13px;line-height:1.85;color:#65705f}.property-services{margin:35px 0 15px}.property-services details{border-top:1px solid #c2c7b8;padding:19px 0}.property-services details:last-child{border-bottom:1px solid #c2c7b8}.property-services summary{font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.property-services summary::-webkit-details-marker{display:none}.property-services details[open] summary span{transform:rotate(45deg)}.property-services summary:focus-visible{outline:2px solid #5e7447;outline-offset:5px}.property-services p{max-width:710px;margin:15px 0 0}.email-contact{display:block;width:fit-content;margin:30px auto 20px;font-size:clamp(19px,3vw,32px);letter-spacing:-1px;border-bottom:1px solid #abb69b;padding-bottom:10px}.email-contact span{padding-left:20px;color:#718540}@media(max-width:900px){.choose-path h2{font-size:13px}.choose-path>a{gap:8px}.choose-path>a+a{padding-left:14px}.choose-path small{font-size:6px}.path-arrow{margin-right:8px}.personal-grid{gap:6%}.property-types{gap:20px}.property-types h3{font-size:19px}}@media(max-width:600px){.personal-grid{grid-template-columns:1fr}.work-visual{height:350px}.work-visual .chay-portrait{object-position:center 25%}.choose-path{grid-template-columns:1fr}.choose-path>a+a{padding-left:0}.choose-path h2{font-size:18px}.choose-path small{font-size:8px}.choose-path>a{gap:16px}.property-types{grid-template-columns:1fr;gap:15px}.property-types h3{font-size:23px;margin-top:15px}.email-contact{letter-spacing:-.5px}.project-context{margin-top:10px}}

.header .brand img,footer .brand img{width:64px;height:64px;object-fit:contain;flex-shrink:0}@media(max-width:600px){.header .brand img,footer .brand img{width:48px;height:48px}.header .brand{gap:8px}.header .brand strong{font-size:15px}}
/* Preserve the portrait's original square proportions at every breakpoint. */
.work-visual{height:auto;align-self:start;overflow:visible;border-radius:0}
.work-visual .chay-portrait{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;object-position:center;border-radius:2px 48px 2px 2px;transform:none;filter:none}
.work-visual:hover .chay-portrait{transform:none}
.work-visual:after{display:none}
.work-visual .visual-caption{position:static;padding:18px 0 0;gap:16px}
@media(max-width:600px){.work-visual{height:auto}.work-visual .chay-portrait{height:auto;object-position:center;border-top-right-radius:36px}}
/* Keep the introduction balanced on large displays. */
.personal-hero{padding-left:max(6%,calc((100% - 1120px)/2));padding-right:max(6%,calc((100% - 1120px)/2))}
.personal-grid{grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(32px,4vw,64px);align-items:center}
.personal-intro .intro-title{font-size:clamp(30px,3vw,42px);line-height:1.24}
.personal-intro>p:not(.intro-title){max-width:520px;font-size:16px;line-height:1.8}
.personal-intro .handwritten{margin-top:28px}
.name-row h1{font-size:clamp(80px,9vw,128px)}
@media(max-width:900px){.personal-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.personal-intro>p:not(.intro-title){font-size:14px}}
@media(max-width:600px){.personal-grid{grid-template-columns:1fr;gap:30px}.name-row h1{font-size:17vw}.personal-intro .intro-title{font-size:28px}.personal-intro>p:not(.intro-title){font-size:14px}.work-visual{width:100%;max-width:460px;justify-self:center}}