:root{--ink:#171717;--muted:#686868;--paper:#fff;--soft:#f4f4f2;--line:#dededb;--accent:#b59a5a;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7;font-size:16px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.site{overflow:hidden}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;color:#777;margin:0 0 14px}.section-title{font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-.035em;margin:0;font-weight:500}.btn{display:inline-flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid currentColor;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.btn:after{content:'→';font-size:17px;transition:.25s}.btn:hover:after{transform:translateX(5px)}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;color:#fff}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:15px;letter-spacing:.28em;text-transform:uppercase;font-weight:700}.brand span{font-weight:400}.primary-nav ul{display:flex;gap:32px;list-style:none;margin:0;padding:0}.primary-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#fff;position:relative;padding:10px 0}.primary-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:3px;height:1px;background:#fff;transition:.25s}.primary-nav a:hover:after{right:0}.menu-toggle{display:none;background:0 0;border:0;color:#fff;font-size:25px}.hero{min-height:760px;height:92vh;position:relative;display:flex;align-items:center;color:#fff;background:#202020}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.2) 100%),url(//www.yellowpillardesigns.com/wp-content/themes/yellow-pillar-designs-v3/../images/hero-architecture.svg) center/cover no-repeat}.hero-inner{position:relative;z-index:2;padding-top:90px}.hero-copy{max-width:680px}.hero .eyebrow{color:#ddd}.hero h1{font-size:clamp(56px,8vw,105px);line-height:.94;letter-spacing:-.055em;font-weight:500;margin:0 0 28px}.hero p{max-width:510px;color:#ddd;font-size:18px;margin:0 0 34px}.hero .btn{color:#fff}.about{padding:130px 0 145px}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:95px;align-items:start}.about-copy{padding-top:10px}.about-copy p{max-width:570px;color:var(--muted);font-size:17px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:52px}.team-card img{width:100%;aspect-ratio:1/1.12;object-fit:cover;filter:grayscale(100%)}.team-card:has(img[style*="display:none"]){min-height:520px;background:linear-gradient(135deg,#ecebe7,#d8d6cf);display:flex;align-items:center;justify-content:center;position:relative}.team-card:has(img[style*="display:none"]):before{content:"ADD IMAGE IN APPEARANCE → CUSTOMIZE → YELLOW PILLAR IMAGES";position:absolute;inset:auto 30px 30px;font-size:10px;letter-spacing:.14em;color:#777;text-align:center}.team-card h3{font-size:16px;margin:18px 0 3px;font-weight:600}.team-card p{margin:0;color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.services{background:var(--soft);padding:125px 0}.services-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;margin-bottom:75px}.services-intro{max-width:610px;color:var(--muted);font-size:17px}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:90px 1fr 1.25fr 40px;gap:30px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}.service-no{font-size:12px;color:#999;letter-spacing:.12em}.service h3{font-size:22px;font-weight:500;margin:0}.service p{margin:0;color:#777;font-size:15px}.service-arrow{font-size:24px;text-align:right}.services{position:relative;overflow:hidden;background:var(--soft)}.services-has-bg{background:var(--soft)}.services-bg{position:absolute;top:-18%;right:0;bottom:-18%;left:0;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:var(--soft);transform:translate3d(0,var(--yp-parallax-y,0px),0) scale(1.1);transform-origin:center center;will-change:transform;z-index:0;pointer-events:none}.services-bg.is-active:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,var(--yp-services-overlay,.55));z-index:0;pointer-events:none}.services-content{position:relative;z-index:1}.services-has-bg .service-list{background:rgba(255,255,255,.8);padding:0 28px;backdrop-filter:blur(1px)}.services-has-bg .service{border-color:rgba(34,34,34,.18)}.services-has-bg .services-head .section-title,.services-has-bg .services-head .eyebrow{position:relative}@media(max-width:850px){.services-bg{top:-8%;bottom:-8%;transform:none!important}.services-has-bg .service-list{padding:0 16px}}@media (prefers-reduced-motion:reduce){.services-bg{transform:none!important;transition:none!important}}.testimonials{padding:135px 0;background:#1b1b1b;color:#fff}.quote-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;margin-bottom:70px}.quote-head .eyebrow{color:#aaa}.quote{border-top:1px solid #4b4b4b;padding-top:34px}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.quote p{font-family:Georgia,serif;font-size:22px;line-height:1.5;margin:0 0 30px;color:#eee}.quote cite{font-style:normal;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#aaa}.clients{padding:70px 0;border-bottom:1px solid var(--line);overflow:hidden}.client-logo-track-wrap{width:100%;overflow:hidden}.client-logo-track{display:flex;width:max-content;animation:ypClientLogoScroll var(--yp-logo-speed,35s) linear infinite;will-change:transform}.client-logo-set{display:flex;align-items:center;flex-shrink:0}.client-logo{width:180px;height:80px;display:flex;align-items:center;justify-content:center;flex:0 0 180px;padding:10px 28px;border:0;font-size:12px;letter-spacing:.2em;color:#777;text-transform:uppercase}.client-logo img{display:block;max-width:125px;max-height:58px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.72;transition:opacity .25s ease,transform .25s ease}.client-logo:hover img{opacity:1;transform:scale(1.04)}.client-logo-track-wrap:hover .client-logo-track{animation-play-state:paused}@keyframes ypClientLogoScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.site-footer{background:#111;color:#fff;padding:80px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:50px;padding-bottom:75px}.footer-title{font-size:14px;text-transform:uppercase;letter-spacing:.2em;margin:0 0 20px}.site-footer p,.site-footer a{color:#999;font-size:14px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:7px 0}.footer-bottom{border-top:1px solid #333;padding-top:20px;display:flex;justify-content:space-between;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.page-hero{background:#181818;color:#fff;padding:170px 0 90px}.page-hero h1{font-size:clamp(50px,7vw,90px);font-weight:500;letter-spacing:-.05em;line-height:.95;margin:0}.content-area{padding:90px 0}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px 30px}.project-card img{width:100%;aspect-ratio:1.35;object-fit:cover;filter:grayscale(20%);transition:.5s}.project-card:hover img{filter:grayscale(0);transform:scale(1.01)}.project-card h2{font-size:25px;font-weight:500;margin:18px 0 3px}.project-meta{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#888}.single-project .project-hero-image{width:100%;max-height:75vh;object-fit:cover}.single-project .project-content{max-width:850px;margin:70px auto}.single-project .project-content h2{font-size:36px;font-weight:500}.single-project .project-content p{font-size:18px;color:#666}@media(max-width:850px){.primary-nav{display:none}.menu-toggle{display:block}.header-inner{height:78px}.hero{height:78vh;min-height:650px}.about,.services,.testimonials{padding:90px 0}.about-grid,.services-head,.quote-head{grid-template-columns:1fr;gap:35px}.service{grid-template-columns:50px 1fr 30px}.service p{grid-column:2/4}.quote-grid{grid-template-columns:1fr;gap:45px}.client-logo{width:150px;flex-basis:150px;padding:10px 18px}.client-logo img{max-width:110px;max-height:52px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.project-grid{grid-template-columns:1fr}}@media(max-width:560px){.container{width:min(var(--max),calc(100% - 34px))}.hero h1{font-size:54px}.hero p{font-size:16px}.team-grid{gap:14px}.service{grid-template-columns:42px 1fr 25px;gap:12px;padding:27px 0}.service h3{font-size:18px}.service p{grid-column:2/4;font-size:14px}.client-logo{width:135px;flex-basis:135px;padding:10px 12px}.client-logo img{max-width:100px;max-height:48px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}}.projects-heading-link{color:inherit;text-decoration:none}.projects-heading-link:hover{opacity:.72}.project-card>a{display:block;color:inherit;text-decoration:none}.project-card img,.project-placeholder{width:100%;aspect-ratio:1.35;object-fit:cover;display:block;background:#e7e5df}.project-card img{transition:.5s}.project-card:hover img{transform:scale(1.01)}.project-placeholder{background:linear-gradient(135deg,#eceae5,#d9d7d1)}.project-meta{line-height:1.6;text-transform:none;letter-spacing:0;color:#777}.content-area .btn{display:inline-block}.brand-yellow{color:var(--yp-logo-yellow,#e0b51a)}.brand span:last-child{color:#fff}.service h3 a,.service-arrow,.service-arrow:visited{color:inherit;text-decoration:none}.service h3 a:hover,.service-arrow:hover{opacity:.65}.yp-page-client-quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:45px}.yp-page-client-quotes blockquote{margin:0;padding:30px;background:#f6f5f1;font-family:var(--yp-heading-font);font-size:22px;line-height:1.45}@media(max-width:850px){.yp-page-client-quotes{grid-template-columns:1fr}}