/* YESON final design: architectural spacing, emerald brand and real project photography. */
:root{--green:#103d32;--ink:#173329;--muted:#607268;--paper:#fafbf8;--line:#d9e3da}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#d4e3a7;color:#103d32}
.wrap{max-width:1400px}.header-inner{gap:24px}.brand-mark{background:transparent;border:1px solid #103d32;color:#103d32;border-radius:0;font-size:28px}.brand b{font-size:22px;letter-spacing:-.055em}.brand small{font-size:12px;letter-spacing:.13em}.nav{font-size:14px;gap:28px}.header-phone{border:0;padding:10px 18px;border-radius:30px;background:#e8efe5;font-variant-numeric:tabular-nums}.header-phone:hover{background:#dce8d5}
.hero-copy{max-width:690px}.hero .eyebrow{letter-spacing:.22em;border-left:2px solid #dcebb5;padding-left:15px}.hero h1{font-weight:500;line-height:1.19;letter-spacing:-.06em}.hero .btn-light{background:#e3edc7;border:1px solid #e3edc7}.hero .btn-outline:hover{background:#ffffff20;color:white}.hero-caption{border-right:2px solid #dcebb5;padding-right:20px;right:5vw}.hero-caption span{font-size:12px}.hero-caption small{font-size:13px}.slide-pause{font-size:13px;border-radius:24px;padding:8px 15px}.hero-bottom{padding-top:24px;padding-bottom:24px;background:#103d32}.hero-bottom span{font-size:14px}.hero-bottom strong{font-size:12px}
.section{padding:112px 0}.section-title{align-items:flex-end;gap:30px}.section-title .eyebrow{margin-bottom:15px}.section-title h2{font-size:clamp(2.4rem,4vw,3.8rem);letter-spacing:-.055em}.section-title .text-link{white-space:nowrap}.eyebrow{font-size:12px;letter-spacing:.16em}.text-link{border-bottom:1px solid #79947b;padding:10px 0}.btn{border-radius:2px;font-weight:500}.btn-outline{border-color:#aebfb0}.btn-outline:hover{background:#e7eee2}.btn:focus-visible{outline-offset:5px}
.projects-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:60px 32px}.project-card{grid-column:span 4;min-width:0;position:relative}.project-card:first-child{grid-column:span 7}.project-card:nth-child(2){grid-column:span 5;padding-top:74px}.project-card .photo{border-radius:2px;aspect-ratio:1.15}.project-card:first-child .photo{aspect-ratio:1.5}.project-card:nth-child(2) .photo{aspect-ratio:1.1}.project-card .tag{top:auto;bottom:18px;left:18px;padding:6px 12px;border:1px solid #ffffff70;font-size:12px;background:#fafbf8e8}.project-card .photo:after{right:18px;bottom:18px;padding:8px 13px}.project-card h3,.project-card:first-child h3{font-size:clamp(1.15rem,1.6vw,1.5rem);font-weight:550;line-height:1.55;margin-top:8px;overflow-wrap:anywhere}.card-meta{margin-top:19px;color:#667568;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums}.project-card .card-meta>span{color:#234d3d}.project-card h3:after{content:'';display:block;height:1px;background:#a2b895;margin-top:18px;transform:scaleX(0);transform-origin:left;transition:transform .4s}.project-card:hover h3:after,.project-card:focus-visible h3:after{transform:scaleX(1)}
.service-section{background:#edf2e9;border-top:1px solid #dce5d6;border-bottom:1px solid #dce5d6}.service-layout{grid-template-columns:.85fr 1.15fr;gap:96px}.service-layout h2{font-weight:500;font-size:clamp(2.25rem,3.5vw,3.3rem)}.service-layout>div:first-child>p{margin-top:24px;font-size:16px;color:#607260}.service-row{gap:20px;padding:30px 0;border-bottom-color:#ccd9c7}.service-row small{font-family:Georgia,serif;font-size:20px;font-weight:400;color:#7d9270}.service-row h3{font-size:1.3rem;font-weight:550}.service-row p{font-size:16px;margin-top:10px;line-height:1.8}.service-row a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid #94a985}.service-row:hover h3{color:#446331}
.intro{gap:80px;align-items:center}.intro-photo{border-radius:2px;aspect-ratio:.94;object-fit:cover}.intro h2{font-weight:500;line-height:1.3}.intro p{font-size:16px;line-height:2}.intro-list{margin-top:28px}.intro-list li{padding:17px 0;border-bottom:1px solid var(--line);font-size:15px}.intro-list span{font-size:13px;color:#56724f}.intro .btn-outline{min-width:155px}
.contact-band{position:relative;padding:90px 0;background:linear-gradient(120deg,#0b3027,#184b3b)}.contact-band h2{font-weight:500;line-height:1.3}.contact-band p:not(.eyebrow){margin-top:20px;font-size:16px;color:#d5e3d7}.contact-band .phone-big{font-size:clamp(2.1rem,3.8vw,3.7rem);font-weight:400;letter-spacing:-.045em;white-space:nowrap;font-variant-numeric:tabular-nums}.contact-band .wrap>div:last-child{border-left:1px solid #ffffff30;padding-left:50px}.contact-band .actions{margin-top:20px}.footer{background:#f0f4ec;border-top:1px solid #dce5d6}.footer p{font-size:14px;line-height:1.9}.footer-links{font-size:14px}.copyright{font-size:12px;color:#68786b}
.page-head{padding-top:76px;padding-bottom:45px;border-bottom:1px solid var(--line)}.page-head h1{font-weight:500;line-height:1.25;letter-spacing:-.055em}.page-head p{font-size:16px;line-height:1.85}.archive-toolbar{border-top:0;gap:25px}.filter-btn{font-size:14px;min-height:44px;padding:9px 15px;border-radius:24px}.filter-btn.active{box-shadow:0 3px 10px #17332912}.searchbox input{font-size:16px;background:#fff;border-radius:3px 0 0 3px}.searchbox button{min-height:46px;border-radius:0 3px 3px 0}.archive-row{padding:27px 14px}.archive-row h3{font-size:1.1rem;line-height:1.7;overflow-wrap:anywhere}.archive-row .row-category{font-size:12px;border-radius:24px;padding:6px 12px}.archive-row time{font-size:13px;color:#647768}.archive-count{font-size:14px}.pagination button{min-height:44px;min-width:44px}.article-head{padding-bottom:30px}.article h1{font-weight:500;line-height:1.4}.article-meta{font-size:14px}.article-cover{border-radius:2px}.article-summary{border-left:3px solid #a5bc89;line-height:1.9}.info-grid{margin:34px 0}.gallery figure{margin:0}.gallery button{overflow:hidden;border-radius:2px}.gallery img{border-radius:2px}.original-box{border:1px solid #ccd9c8;box-shadow:none;border-radius:3px}.original-box h2{letter-spacing:-.05em}.original-box .notice{font-size:14px;line-height:1.8}.original-box .btn{min-height:46px}.contact-phone{border-radius:3px;background:#123d32}.contact-phone>a{font-weight:400;font-variant-numeric:tabular-nums}.contact-tips h2{font-weight:500}.draft-form{background:#f0f4eb;border:1px solid #d8e2d0;padding:28px;border-radius:3px}.draft-form textarea{background:#fff;font-size:16px;line-height:1.8;min-height:205px}.about-wide{gap:60px}.about-wide img{border-radius:2px}.about-statements{gap:32px}.about-statements>div{border-top:1px solid #95aa8b;padding-top:25px}.about-statements h3{font-size:1.3rem;font-weight:550}.about-statements p{font-size:16px;line-height:1.9}
@media(max-width:1100px){.projects-grid{gap:44px 24px}.hero-copy{max-width:570px}.intro{gap:45px}.service-layout{gap:45px}.contact-band .wrap>div:last-child{padding-left:28px}.about-wide{gap:35px}}
@media(max-width:760px){.header-inner{gap:12px}.brand b{font-size:20px}.brand small{font-size:12px;letter-spacing:.08em}.brand-mark{width:32px;height:38px;font-size:24px}.menu-toggle{border-radius:2px;min-height:44px;font-size:14px}.nav a{font-size:16px;min-height:44px;display:flex;align-items:center}.hero-copy{max-width:none;padding:52px 24px 225px}.hero .eyebrow{font-size:12px;padding-left:12px;letter-spacing:.13em}.hero h1{font-size:clamp(2.5rem,8.7vw,3.8rem);line-height:1.25}.hero .actions{gap:10px}.hero .btn{padding:12px 19px}.hero-caption{border-right:0;border-left:2px solid #dcebb5;padding:0 0 0 14px;left:24px;right:24px;bottom:100px;max-width:none}.hero-caption strong{font-size:16px;line-height:1.6}.hero-caption span{font-size:12px}.hero-caption small{font-size:12px}.hero-controls{bottom:28px}.hero-bottom{padding:23px 24px}.hero-bottom span{font-size:13px}.hero-bottom strong{font-size:12px}.section{padding:72px 0}.section-title{align-items:flex-start;gap:20px;margin-bottom:34px}.section-title h2{font-size:2.2rem;line-height:1.32}.projects-grid{grid-template-columns:1fr;gap:34px}.project-card,.project-card:first-child,.project-card:nth-child(2){grid-column:auto;padding-top:0}.project-card .photo,.project-card:first-child .photo,.project-card:nth-child(2) .photo{aspect-ratio:1.35}.project-card h3,.project-card:first-child h3{font-size:1.25rem}.project-card .tag{bottom:14px;left:14px;font-size:12px}.card-meta{font-size:13px}.service-layout{grid-template-columns:1fr;gap:25px}.service-layout h2{font-size:2.2rem}.service-row{gap:13px}.service-row h3{font-size:1.2rem}.service-row p{font-size:16px}.intro{gap:32px}.intro-photo{aspect-ratio:1.15}.intro-list li{font-size:14px}.contact-band{padding:60px 0}.contact-band h2{font-size:2rem}.contact-band .wrap>div:last-child{border-left:0;border-top:1px solid #ffffff30;padding:25px 0 0;width:100%}.contact-band .phone-big{font-size:2.35rem}.contact-band .actions{margin-top:18px}.page-head{padding-top:45px;padding-bottom:34px}.page-head h1{font-size:2.35rem;line-height:1.35}.filter-btn{font-size:14px;padding:8px 13px}.archive-row{padding:23px 0}.archive-row h3{font-size:1.05rem}.archive-row>div{grid-column:1/-1;grid-row:2}.archive-row .row-category{font-size:12px;padding:4px 10px}.article h1{font-size:1.9rem}.article-summary{font-size:16px}.original-box{padding:24px 17px}.original-box p{font-size:16px}.original-box .notice{font-size:14px}.contact-layout{gap:32px}.draft-form{padding:22px 18px}.contact-phone{padding:30px 24px}.contact-phone>a{font-size:2rem}.about-statements{gap:30px}.footer-links{gap:20px}.mobile-contact a{font-size:15px;padding:16px 10px}.copyright{line-height:1.9}}
@media(prefers-reduced-motion:reduce){.project-card h3:after{transition:none}}