/*
Theme Name: FNL Architectural — Preview
Text Domain: fnl-architectural-preview
Description: Private refined architectural portfolio theme for FNL Architectural Consultancy
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/
@import url('https://fonts.googleapis.com/css2?family=Anton+SC&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#262c2c;--muted:#6b7371;--paper:#fff;--cream:#f5f4f0;--accent:#a18d72}*{box-sizing:border-box}html{scroll-behavior:smooth}body.fnl-site{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit}.fnl-header{background:#fff;position:relative;z-index:20}.fnl-header-inner{max-width:1440px;margin:auto;min-height:94px;padding:18px 5.5%;display:flex;align-items:center;justify-content:space-between}.fnl-brand{text-decoration:none;display:flex;align-items:center;gap:13px}.fnl-brand-main{font-family:'Anton SC',Impact,sans-serif;font-weight:400;font-size:32px;letter-spacing:0}.fnl-brand-line{display:inline-block;width:2px;height:30px;background:#b3b8b5;margin-left:12px;vertical-align:middle}.fnl-brand-sub{font-size:9px;line-height:1.4;letter-spacing:2px;font-weight:700}.fnl-nav{display:flex;gap:44px}.fnl-nav a{text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.fnl-nav a:hover,.fnl-text-link:hover{color:var(--accent)}.fnl-hero{height:min(760px,77vw);min-height:520px;position:relative;overflow:hidden;background:#2e3433}.fnl-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.fnl-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,20,19,.7),rgba(12,20,19,.13) 80%)}.fnl-hero-copy{position:absolute;left:max(7%,calc((100vw - 1260px)/2));top:50%;transform:translateY(-50%);max-width:680px;color:white}.fnl-kicker,.fnl-eyebrow{font-size:11px;font-weight:700;letter-spacing:2.6px}.fnl-hero h1{font-family:Manrope,sans-serif;font-size:clamp(44px,6vw,86px);line-height:1.08;letter-spacing:-4px;margin:27px 0}.fnl-hero h1 em,.fnl-intro h2 em,.fnl-contact-band h2 em{font-weight:400;font-style:normal}.fnl-hero-copy p{font-size:18px;line-height:1.7;max-width:510px}.fnl-hero-link{display:inline-block;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.7);padding:16px 0;margin-top:20px;font-size:13px;letter-spacing:1px}.fnl-hero-link span{padding-left:26px}.fnl-hero-index{position:absolute;bottom:30px;right:5%;font-size:10px;letter-spacing:2px;color:#fff}.fnl-section{max-width:1280px;margin:auto;padding:110px 6%}.fnl-intro,.fnl-services-inner{display:grid;grid-template-columns:28% 72%;gap:15px}.fnl-eyebrow{color:var(--accent);padding-top:12px}.fnl-intro h2,.fnl-services h2,.fnl-work h2,.fnl-contact-band h2{font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,54px);line-height:1.2;letter-spacing:-2px;margin:0 0 30px}.fnl-intro p{font-size:16px;line-height:1.9;color:var(--muted);max-width:760px}.fnl-services{background:var(--cream)}.fnl-dot{color:var(--accent)}.fnl-service{display:grid;grid-template-columns:50px 1fr 25px;gap:20px;padding:30px 0;border-top:1px solid #d6d5d0}.fnl-service>span{font-size:13px;color:#a19d94}.fnl-service h3{font-family:Manrope,sans-serif;font-size:22px;margin:0 0 7px}.fnl-service p{color:var(--muted);margin:0;line-height:1.6}.fnl-work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.fnl-work h2{margin:18px 0 0}.fnl-text-link{text-decoration:none;border-bottom:1px solid;padding-bottom:9px;font-size:13px;letter-spacing:.5px}.fnl-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.fnl-project{text-decoration:none}.fnl-project img{display:block;width:100%;aspect-ratio:1.34;object-fit:cover;transition:transform .3s}.fnl-project:hover img{transform:scale(1.015)}.fnl-project>div{display:flex;justify-content:space-between;padding:22px 0;gap:15px;font-size:14px}.fnl-project span{color:var(--muted)}.fnl-contact-band{background:#303838;color:white}.fnl-contact-band .fnl-section{padding-top:95px;padding-bottom:95px}.fnl-contact-band h2{font-size:clamp(42px,6vw,76px);margin:25px 0}.fnl-contact-band a{display:inline-block;text-decoration:none;border-bottom:1px solid white;padding:12px 0}.fnl-contact-band a span{margin-left:40px}.fnl-footer{background:#222a29;color:#fff}.fnl-footer-inner{max-width:1280px;margin:auto;padding:70px 6%;display:flex;justify-content:space-between;gap:35px}.fnl-footer strong{font-size:19px}.fnl-footer p{color:#b8c0bd}.fnl-footer-inner>div:last-child{display:flex;flex-direction:column;gap:18px}.fnl-footer a{text-decoration:none;font-size:13px}.fnl-copyright{max-width:1280px;margin:auto;border-top:1px solid #45504d;padding:25px 6%;font-size:12px;color:#aeb8b4}.fnl-site .wp-site-blocks,.fnl-site main article{max-width:1280px;margin:auto}.fnl-site .entry-content{max-width:960px;margin:auto;padding:70px 6%;line-height:1.8}.fnl-site .entry-content img{max-width:100%;height:auto}

.fnl-brand-symbol{display:block;width:45px;height:45px;object-fit:contain;flex:none}.fnl-brand-type{display:flex;align-items:center;gap:12px;height:45px}.fnl-brand-type .fnl-brand-main{font-size:43px;line-height:1}.fnl-brand-type .fnl-brand-sub{font-size:11px;line-height:1.5;letter-spacing:1.7px}.fnl-brand-main{font-family:'Anton SC',Impact,sans-serif;font-weight:400;font-size:32px;letter-spacing:0}.fnl-brand-sub{font-size:9px;line-height:1.4;letter-spacing:2px;font-weight:700}@media(max-width:750px){.fnl-brand-symbol{width:32px;height:32px}.fnl-brand-type{gap:6px}.fnl-brand-sub{font-size:7px;letter-spacing:.5px}}


/* FNL responsive refinements: tablet and small-phone layouts. */
@media (max-width: 900px) {
 .fnl-header-inner{padding-left:5%;padding-right:5%}
 .fnl-editable-home .fnl-editable-about,.fnl-editable-home .fnl-editable-services,.fnl-editable-home .fnl-editable-work,.fnl-editable-home .fnl-editable-contact{padding-left:7%;padding-right:7%}
 .fnl-page-content{margin-left:7%;margin-right:7%}
 .fnl-page-blocks img,.fnl-editable-home img{max-width:100%}
}
@media (max-width: 650px) {
 .fnl-header-inner{gap:14px;padding-top:17px;padding-bottom:17px}
 .fnl-brand{min-width:0}
 .fnl-nav{gap:clamp(18px,7vw,36px);flex-wrap:wrap}
 .fnl-nav a{font-size:11px;letter-spacing:1px;padding:10px 3px}
 .fnl-editable-home .fnl-editable-hero{min-height:500px!important;padding:65px 7%}
 .fnl-editable-hero h1{font-size:clamp(35px,9vw,52px);letter-spacing:-1.5px;overflow-wrap:break-word}
 .fnl-editable-hero p{font-size:16px;line-height:1.65}
 .fnl-editable-home h2{font-size:clamp(30px,8vw,42px);letter-spacing:-1px}
 .fnl-editable-home .fnl-editable-about,.fnl-editable-home .fnl-editable-services,.fnl-editable-home .fnl-editable-work,.fnl-editable-home .fnl-editable-contact{padding:60px 7%}
 .fnl-editable-work .wp-block-columns{display:block}
 .fnl-editable-work .wp-block-column{width:100%;margin-bottom:30px}
 .fnl-editable-work .wp-block-column img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
 .fnl-editable-work>p:last-child{clear:both;margin-top:30px!important}
 .fnl-page-banner{padding:55px 7% 45px}
 .fnl-page-banner h1{font-size:clamp(34px,9vw,55px);letter-spacing:-1.5px;overflow-wrap:break-word}
 .fnl-page-content{padding:42px 0 65px}
 .fnl-page-blocks{font-size:15px;line-height:1.75;overflow-wrap:break-word}
 .fnl-page-blocks>p:first-child{font-size:17px;margin-bottom:35px}
 .fnl-page-blocks h2{font-size:clamp(24px,7vw,34px);margin-top:45px}
 .fnl-page-blocks figure{max-width:100%}
 .fnl-footer-inner{padding-top:45px;padding-bottom:45px}
}
@media (max-width: 380px) {
 .fnl-brand-type .fnl-brand-main{font-size:29px}
 .fnl-brand-type .fnl-brand-sub{font-size:7px;letter-spacing:.5px}
 .fnl-brand-symbol{width:32px;height:32px}
 .fnl-nav{gap:16px}
 .fnl-editable-hero h1{font-size:35px}
}

/* Final responsive polish */
.fnl-header-inner{gap:28px}.fnl-brand{flex-shrink:0}.fnl-nav{align-items:center;flex-shrink:0}.fnl-nav a{position:relative;padding:8px 0}.fnl-nav a:focus-visible,.fnl-brand:focus-visible,.fnl-page-blocks a:focus-visible{outline:2px solid #a18d72;outline-offset:5px}.fnl-page-projects .fnl-page-blocks>figure{overflow:hidden;background:#f5f4f0}.fnl-page-projects .fnl-page-blocks>figure img{display:block;transition:transform .4s ease}.fnl-page-projects .fnl-page-blocks>figure:hover img{transform:scale(1.012)}.fnl-page-projects .fnl-page-blocks>h2{scroll-margin-top:40px}.fnl-page-projects .fnl-page-blocks>figure+figure{margin-top:22px}.fnl-page-projects .fnl-page-blocks>h2:not(:first-child){margin-top:80px}.fnl-page-contact .fnl-page-blocks a{overflow-wrap:anywhere}@media(max-width:950px){.fnl-header-inner{padding-left:4%;padding-right:4%;gap:18px}.fnl-nav{gap:23px}.fnl-brand-type .fnl-brand-main{font-size:38px}.fnl-brand-type .fnl-brand-sub{font-size:10px;letter-spacing:1px}.fnl-brand-symbol{width:40px;height:40px}}@media(max-width:650px){.fnl-header-inner{flex-wrap:wrap;justify-content:center;gap:10px;padding:14px 5%}.fnl-brand{width:100%;justify-content:center}.fnl-brand-type{height:36px}.fnl-brand-type .fnl-brand-main{font-size:32px}.fnl-brand-type .fnl-brand-sub{font-size:8px;letter-spacing:.8px;line-height:1.5}.fnl-brand-symbol{width:36px;height:36px}.fnl-nav{width:100%;justify-content:center;gap:36px}.fnl-nav a{font-size:11px;letter-spacing:1px}.fnl-editable-home .fnl-editable-hero{min-height:560px;padding:65px 7%}.fnl-editable-home .fnl-editable-hero h1{font-size:clamp(42px,10vw,58px)}.fnl-page-projects .fnl-page-blocks>h2:not(:first-child){margin-top:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fnl-project img,.fnl-page-projects .fnl-page-blocks>figure img{transition:none}}
/* Make project detail section labels such as Services provided stand out. */
.fnl-inner-page .fnl-page-blocks h3{font-weight:800}
/* Inner page design — keeps Gutenberg content editable */
.fnl-page-banner{background:#f5f4f0;padding:95px 7% 80px}.fnl-page-banner-inner{max-width:1120px;margin:auto}.fnl-page-banner .fnl-kicker{color:#a18d72}.fnl-page-banner h1{font-family:Manrope,sans-serif;font-size:clamp(50px,7vw,88px);line-height:1.12;letter-spacing:-3px;margin:24px 0 0}.fnl-page-content{max-width:1120px;margin:auto;padding:75px 0 110px}.fnl-page-blocks{font-size:16px;line-height:1.85}.fnl-page-blocks>p:first-child{color:#6b7371;font-size:19px;max-width:780px;margin:0 0 60px}.fnl-page-blocks h2{font-family:Manrope,sans-serif;font-size:clamp(27px,3.5vw,40px);letter-spacing:-1px;margin:70px 0 28px;padding-top:30px;border-top:1px solid #d8dad7}.fnl-page-blocks h1{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,54px);letter-spacing:-1.5px}.fnl-page-blocks figure{margin:0 0 28px}.fnl-page-blocks figure img{width:100%;height:auto;display:block}.fnl-page-blocks a{color:#303838;text-underline-offset:5px}.fnl-page-blocks .wp-block-columns{display:flex;gap:25px}.fnl-page-blocks .wp-block-column{flex:1}.fnl-page-featured img{width:100%;height:auto}.fnl-page-contact .fnl-page-blocks{max-width:760px}.fnl-page-contact .fnl-page-blocks h1{margin:0 0 25px}.fnl-page-contact .fnl-page-blocks p{font-size:18px;line-height:1.8}.fnl-page-contact .fnl-page-blocks p:first-of-type{margin-bottom:45px}.fnl-page-contact .fnl-page-blocks p:not(:first-of-type){padding:17px 0;border-top:1px solid #e0e1df;margin:0}.fnl-page-projects .fnl-page-blocks>figure{max-width:100%}@media(max-width:1240px){.fnl-page-content{margin:0 7%}}@media(max-width:750px){.fnl-page-banner{padding:70px 7% 55px}.fnl-page-banner h1{letter-spacing:-2px}.fnl-page-content{padding:50px 0 75px}.fnl-page-blocks h2{margin-top:50px}.fnl-page-blocks .wp-block-columns{display:block}}
/* Editable homepage Gutenberg sections */
.fnl-editable-home .fnl-editable-hero{min-height:650px;display:flex;align-items:center;padding:80px max(7%,calc((100vw - 1260px)/2));}.fnl-editable-home .fnl-editable-hero .wp-block-cover__inner-container{max-width:680px;margin:0}.fnl-editable-hero h1{font-family:Manrope,sans-serif;font-size:clamp(44px,6vw,86px);line-height:1.1;letter-spacing:-3px;max-width:680px;margin:25px 0}.fnl-editable-hero p{font-size:18px;line-height:1.7;max-width:510px}.fnl-editable-hero p:first-child{font-size:11px;letter-spacing:2.6px;font-weight:700}.fnl-editable-home .fnl-editable-about,.fnl-editable-home .fnl-editable-services,.fnl-editable-home .fnl-editable-work,.fnl-editable-home .fnl-editable-contact{padding:105px max(7%,calc((100vw - 1120px)/2));}.fnl-editable-home .fnl-editable-about{max-width:100%}.fnl-editable-home .fnl-editable-about>p:first-child,.fnl-editable-home .fnl-editable-services>p:first-child,.fnl-editable-home .fnl-editable-work>p:first-child,.fnl-editable-home .fnl-editable-contact>p:first-child{font-size:11px;letter-spacing:2.6px;font-weight:700;color:var(--accent);margin:0 0 28px}.fnl-editable-home h2{font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,54px);letter-spacing:-2px;line-height:1.2;max-width:850px;margin:0 0 35px}.fnl-editable-about>p:not(:first-child){font-size:16px;line-height:1.9;color:var(--muted);max-width:780px}.fnl-editable-home .fnl-editable-services{background:var(--cream)}.fnl-editable-services h3{font-family:Manrope,sans-serif;font-size:23px;border-top:1px solid #d6d5d0;padding-top:24px;margin:27px 0 6px}.fnl-editable-services h3+p{color:var(--muted);line-height:1.7}.fnl-editable-work .wp-block-columns{display:flex;gap:30px}.fnl-editable-work .wp-block-column{flex:1;min-width:0}.fnl-editable-work img{width:100%;height:auto;aspect-ratio:1.34;object-fit:cover}.fnl-editable-work .wp-block-column p{font-size:14px}.fnl-editable-work>p:last-child a,.fnl-editable-contact a{text-decoration:none;border-bottom:1px solid;padding-bottom:10px}.fnl-editable-home .fnl-editable-contact{background:#303838;color:#fff}.fnl-editable-contact h2{font-size:clamp(42px,6vw,76px)}@media(max-width:750px){.fnl-editable-home .fnl-editable-about,.fnl-editable-home .fnl-editable-services,.fnl-editable-home .fnl-editable-work,.fnl-editable-home .fnl-editable-contact{padding:70px 7%}.fnl-editable-work .wp-block-columns{display:block}.fnl-editable-hero h1{letter-spacing:-2px}}
@media(max-width:750px){.fnl-header-inner{padding:18px 5%;min-height:80px}.fnl-nav{gap:15px}.fnl-nav a{font-size:10px;letter-spacing:.5px}.fnl-brand-main{font-size:25px}.fnl-brand-sub{font-size:7px;letter-spacing:1px}.fnl-hero{min-height:570px}.fnl-hero-copy{left:7%;right:7%}.fnl-hero h1{letter-spacing:-2px}.fnl-section{padding:70px 7%}.fnl-intro,.fnl-services-inner{display:block}.fnl-eyebrow{margin-bottom:25px}.fnl-project-grid{grid-template-columns:1fr}.fnl-work-head{display:block}.fnl-text-link{display:inline-block;margin-top:20px}.fnl-footer-inner{display:block}.fnl-footer-inner>div:last-child{margin-top:30px}.fnl-service{grid-template-columns:28px 1fr 15px;gap:10px}.fnl-project>div{flex-direction:column;gap:5px}}