:root{--brand:#032528;--accent:#D1BFAE;--brand700:#143034;--brand900:#021B1D}
html{scroll-behavior:smooth}*{box-sizing:border-box}
body{margin:0;font-family:'Public Sans',system-ui,sans-serif;color:#032528;line-height:1.7;background:#F1F2EF;font-size:.96875rem}
main{margin:0;padding:0}

/* NAV */
.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 56px;position:sticky;top:0;z-index:101;background:#F1F2EF;border-bottom:1px solid #DEDFDA;height:85px}
.brand{font-family:'Marcellus',serif;font-weight:400;text-decoration:none;color:#032528;font-size:1.3125rem;letter-spacing:.03em}
.nav-desk{display:flex;align-items:center;gap:8px}
.nav-mob{display:none;align-items:center}
.nav-dd{position:relative}
.nav-dd-btn{background:none;border:none;font-family:'Public Sans',system-ui,sans-serif;color:#032528;cursor:pointer;padding:8px 12px;font-size:.875rem;letter-spacing:.01em;display:flex;align-items:center;gap:6px}
.nav-dd-btn:hover{color:#143034}
.nav-caret{flex-shrink:0}
.nav-dd-menu{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid #DEDFDA;border-top:2px solid #143034;padding:28px 32px;min-width:520px;z-index:20;box-shadow:0 22px 44px rgba(3,37,40,.14)}
.nav-dd:hover .nav-dd-menu,.nav-dd:focus-within .nav-dd-menu{display:block}
.nav-dd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 44px}
.nav-dd-grid a{display:flex;align-items:center;gap:10px;color:#032528;text-decoration:none;font-size:.875rem}
.nav-dd-grid a svg{flex-shrink:0}
.nav-dd-grid a:hover{color:#143034}
.nav-dd-all{display:block;padding-top:18px;margin-top:18px;border-top:1px solid #DEDFDA;font-size:.78125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#143034;text-decoration:none}
.nav-dd-all:hover{text-decoration:underline;text-underline-offset:4px}
.nav-link{color:#032528;text-decoration:none;padding:8px 12px;font-size:.875rem;letter-spacing:.01em}
.nav-link:hover{color:#143034}
.nav-cta{background:#032528;color:#F1F2EF;text-decoration:none;padding:12px 24px;font-weight:600;font-size:.8125rem;letter-spacing:.03em;white-space:nowrap;transition:background-color 160ms}
.nav-cta:hover{background:#143034}
.nav-cta:focus-visible{outline:2px solid #D1BFAE;outline-offset:2px}

/* HAMBURGER + OVERLAY */
.hamburger{background:none;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;gap:6px;width:44px;height:44px;justify-content:center;align-items:center}
.hamburger span{display:block;width:24px;height:1.5px;background:#032528;transition:transform .2s,opacity .2s}
.menu-open .hamburger span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.menu-open .hamburger span:nth-child(2){opacity:0}
.menu-open .hamburger span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.nav-overlay{display:none;position:fixed;top:65px;left:0;right:0;bottom:0;background:#F1F2EF;z-index:100;padding:24px;overflow-y:auto}
.menu-open .nav-overlay{display:block}
.nav-ov-sec{margin-bottom:32px}
.nav-ov-sec h4{font-size:.71875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#939598;margin:0 0 8px}
.nav-ov-sec a{display:block;padding:18px 0;color:#032528;text-decoration:none;font-size:.96875rem;border-bottom:1px solid #DEDFDA}
.nav-ov-sec a:hover{color:#143034}
.nav-ov-link{display:block;padding:18px 0;color:#032528;text-decoration:none;font-size:.96875rem;border-bottom:1px solid #DEDFDA}
.nav-ov-link:hover{color:#143034}
.nav-ov-cta{display:block;width:100%;padding:16px;background:#032528;color:#F7F7F7;text-align:center;text-decoration:none;font-weight:600;font-size:.875rem;margin-top:24px}

/* HERO: INNER PAGES */
.hero{background-color:#032528;padding:96px 0 88px;color:#F7F7F7}
.hero-inner{max-width:1280px;margin:0 auto;padding:0 56px;width:100%}
.hero h1{font-family:'Marcellus',serif;font-size:2.875rem;font-weight:400;line-height:1.12;color:#F7F7F7;margin:0 0 20px;max-width:700px}
.hero-rule{width:44px;height:1px;background:#D1BFAE;margin:0 0 24px}
.lede{font-family:'Public Sans',system-ui,sans-serif;font-size:1.09375rem;line-height:1.6;color:rgba(247,247,247,.78);max-width:470px;margin:0 0 32px}
.hero-blog{padding:90px 0 76px}
.hero-article{padding:80px 0 70px}
.hero-article h1{font-size:2.625rem;line-height:1.15;margin-bottom:18px}

/* HERO: HOMEPAGE (full-bleed image) */
.eyebrow{display:block;font-family:'Public Sans',system-ui,sans-serif;font-size:.71875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#143034;margin-bottom:18px}
.eyebrow-dark{color:#DFD2C4}
.hero-home{background-color:#021B1D;background-image:url('/algarve-lawyer-home.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;padding:192px 0 164px;display:block}
.hero-home::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(2,27,29,.82) 50%,rgba(2,27,29,.55))}
.hero-home-inner{max-width:1280px;margin:0 auto;padding:0 56px;position:relative;z-index:1}
.hero-home h1{font-family:'Marcellus',serif;font-size:3.625rem;font-weight:400;line-height:1.06;letter-spacing:.005em;color:#F7F7F7;margin:0 0 24px;max-width:600px}
.hero-home .lede{font-family:'Public Sans',system-ui,sans-serif;font-size:1.1875rem;line-height:1.6;color:rgba(247,247,247,.8);max-width:480px;margin:0 0 38px}
.hero-cta-row{display:flex;gap:28px;align-items:center}
.hero-cta{display:inline-block;background:#D1BFAE;color:#021B1D;padding:15px 32px;font-family:'Public Sans',system-ui,sans-serif;font-weight:700;font-size:.875rem;letter-spacing:.03em;text-decoration:none;transition:background-color 160ms}
.hero-cta:hover{background:#DFD2C4}

/* SECTION DIVIDER (inner pages only) */
.sec-hr{max-width:1280px;margin:0 auto;padding:48px 56px 0}
.sec-hr hr{border:none;border-top:1px solid #D6D4CE;margin:0}

/* SECTIONS */
.sec{padding:0}
.sec-inner{max-width:1280px;margin:0 auto;padding:0 56px}
.sec h2{font-family:'Marcellus',serif;font-size:2.125rem;font-weight:400;line-height:1.2;margin:0 0 44px}
.sec .eyebrow{margin-bottom:18px}
.sec-content{padding:64px 0 20px}
.sec-content p{font-size:.96875rem;line-height:1.75;margin:0 0 20px;max-width:880px}

/* INTRO */
.sec-intro{padding:88px 0 20px}
.intro-text{font-family:'Marcellus',serif;font-size:1.4375rem;line-height:1.62;color:#032528;max-width:820px}
.intro-text p{margin:0}

/* SERVICE CARDS (hairline grid) */
.sec-services{padding:80px 0 90px}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#DEDFDA;border:1px solid #DEDFDA}
.svc{display:flex;flex-direction:column;gap:18px;background:#fff;padding:38px 32px 30px;min-height:230px;text-decoration:none;color:inherit;transition:background-color 160ms}
.svc:hover{background:#FBFBFA}
.svc-icon{display:block;width:28px;height:28px}
.svc h3{font-family:'Marcellus',serif;font-weight:400;font-size:1.3125rem;line-height:1.25;color:#032528;margin:0;transition:color 160ms}
.svc:hover h3{color:#143034}
.svc p{color:#143034;font-size:.90625rem;line-height:1.65;margin:0;flex:1}
.card-arrow{color:#143034;transition:transform 160ms}
.svc:hover .card-arrow,.area-card:hover .card-arrow{transform:translateX(4px)}

/* HOW IT WORKS */
.sec-dark{background:#032528;color:#F7F7F7}
.sec-process{padding:90px 0}
.sec-process h2{font-family:'Marcellus',serif;font-size:2.125rem;font-weight:400;line-height:1.2;color:#F7F7F7;margin-bottom:52px}
.hiw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.hiw-step{padding-top:24px;border-top:1px solid rgba(209,191,174,.28)}
.hiw-num{font-family:'Marcellus',serif;font-size:1.625rem;color:#D1BFAE;display:block;margin-bottom:12px}
.hiw-step h3{font-family:'Marcellus',serif;font-weight:400;font-size:1.3125rem;color:#F7F7F7;margin:0 0 12px}
.hiw-step p{font-size:.90625rem;line-height:1.7;color:rgba(247,247,247,.7);margin:0}

/* AREA CARDS (hairline grid) */
.sec-areas{padding:90px 0}
.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#DEDFDA;border:1px solid #DEDFDA}
.area-grid-3{grid-template-columns:repeat(3,1fr)}
.area-card{display:flex;align-items:flex-end;justify-content:space-between;background:#fff;padding:30px 28px;text-decoration:none;color:inherit;transition:background-color 160ms}
.area-card:hover{background:#FBFBFA}
.area-card-text{display:flex;flex-direction:column}
.area-kicker{font-family:'Public Sans',system-ui,sans-serif;font-size:.65625rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#939598;margin-bottom:4px}
.area-card-name{font-family:'Marcellus',serif;font-size:1.375rem;line-height:1.2;color:#032528}

/* CONTACT SECTION */
.sec-contact{padding:96px 0}
.contact-grid{display:grid;grid-template-columns:.85fr 1fr;gap:72px;align-items:start}
.contact-info h2{margin-bottom:16px}
.contact-intro{font-size:.96875rem;line-height:1.7;color:#143034;margin:0 0 36px}
.contact-assurance{display:flex;flex-direction:column;gap:22px}
.assurance-row{display:flex;align-items:center;gap:12px;font-size:.875rem;line-height:1.6;color:#143034}
.assurance-row svg{width:22px;height:22px;flex-shrink:0}
.contact-form-card{background:#fff;border:1px solid #DEDFDA;border-top:2px solid #143034;padding:44px;min-width:0}

/* FORM */
.form{display:flex;flex-direction:column;gap:24px}.form[hidden]{display:none}
.field{display:flex;flex-direction:column;gap:9px}
.field>:first-child{font-family:'Public Sans',system-ui,sans-serif;font-size:.71875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#939598}
.field input,.field textarea,.field select{padding:14px 16px;border:1px solid #DEDFDA;font-family:'Public Sans',system-ui,sans-serif;font-size:.90625rem;background:#fff;color:#032528;width:100%;box-sizing:border-box}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#143034;outline:2px solid rgba(209,191,174,.55);outline-offset:0}
.cta{width:100%;background:#032528;color:#F7F7F7;border:0;padding:16px;font-family:'Public Sans',system-ui,sans-serif;font-weight:700;font-size:.875rem;letter-spacing:.04em;cursor:pointer;transition:background-color 160ms}
.cta:hover{background:#143034}
.cta:disabled{opacity:.5;cursor:not-allowed}
.form-success{text-align:center;padding:48px 24px}
.form-success-icon{margin:0 auto 20px;display:block}
.form-success h3{font-family:'Marcellus',serif;font-size:1.5rem;font-weight:400;margin:0 0 12px;color:#032528}
.form-success p{font-size:.9375rem;line-height:1.7;color:#143034;margin:0}

/* FAQ ACCORDION */
.faq{margin-top:24px;max-width:880px}
.faq h3{font-family:'Marcellus',serif;font-size:1.75rem;font-weight:400;line-height:1.3;margin:0 0 10px}
.faq-item{border-bottom:1px solid #DEDFDA}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;padding:24px 0;cursor:pointer;list-style:none;font-family:'Marcellus',serif;font-size:1.15625rem;font-weight:400;line-height:1.35;color:#032528}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-size:1.375rem;font-weight:400;color:#143034;flex-shrink:0;margin-left:24px;width:24px;text-align:center}
.faq-item[open] summary::after{content:'–'}
.faq-item p{margin:0 0 24px;color:#143034;font-size:1rem;line-height:1.7;padding-right:48px}

/* FOOTER */
.footer{background:#021B1D;padding:0}
.foot-inner{max-width:1280px;margin:0 auto;padding:76px 56px 34px}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(209,191,174,.22)}
.foot-wordmark{font-family:'Marcellus',serif;font-size:1.375rem;letter-spacing:.03em;color:#F7F7F7;display:block;margin-bottom:14px}
.foot-blurb{font-size:.84375rem;line-height:1.75;color:rgba(247,247,247,.6);max-width:250px;margin:0}
.foot-col h4{font-family:'Public Sans',system-ui,sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#D1BFAE;margin:0 0 16px}
.foot-col a{display:block;color:rgba(247,247,247,.68);text-decoration:none;font-size:.875rem;line-height:1.5;margin-bottom:6px}
.foot-col a:hover{color:#F7F7F7}
.foot-bottom{display:flex;justify-content:space-between;padding-top:26px}
.foot-bottom span{font-size:.75rem;color:rgba(247,247,247,.42)}

/* BLOG LIST */
.sec-blog{padding:40px 0 90px}
.blog-list{max-width:860px}
.blog-item{display:grid;grid-template-columns:150px 1fr;gap:36px;padding:38px 0;border-bottom:1px solid #DEDFDA;text-decoration:none;color:inherit}
.blog-item:first-child{padding-top:0}
.blog-meta-col{padding-top:6px}
.blog-cat{display:block;font-size:.65625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#143034}
.blog-time{display:block;font-size:.65625rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#939598;margin-top:4px}
.blog-content-col h3{font-family:'Marcellus',serif;font-weight:400;font-size:1.5625rem;line-height:1.25;color:#032528;margin:0 0 10px;transition:color 160ms}
.blog-item:hover h3{color:#143034}
.blog-content-col p{margin:0 0 12px;color:#143034;font-size:.96875rem;line-height:1.7}
.blog-read{font-size:.78125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#143034;display:inline-flex;align-items:center;gap:10px}
.blog-item:hover .blog-read .card-arrow{transform:translateX(4px)}

/* ARTICLE BODY */
.sec-article{padding:80px 0 30px}
.article-body{max-width:62ch;margin:0 auto;display:flex;flex-direction:column;gap:40px;font-family:'Marcellus',serif;font-size:1.15625rem;line-height:1.85;color:#143034}
.article-body h2{font-family:'Marcellus',serif;font-size:1.75rem;font-weight:400;line-height:1.3;margin:28px 0 0;color:#032528}
.article-body h2:first-child{margin-top:0}
.article-body p{margin:0}
.article-body em{font-style:italic}

/* BREADCRUMB */
.breadcrumb{font-size:.78125rem;color:rgba(247,247,247,.55);margin-bottom:20px}
.breadcrumb a{color:rgba(247,247,247,.55);text-decoration:none}
.breadcrumb a:hover{color:#fff}
.breadcrumb span{color:rgba(247,247,247,.4)}
.blog-post-meta{font-size:.65625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#DFD2C4}

/* CTA CARD */
.sec-cta-wrap{padding:30px 0 0}
.cta-card-wrap{max-width:62ch;margin:0 auto}
.cta-card{background:#fff;border:1px solid #DEDFDA;border-left:2px solid #143034;padding:32px 36px;display:flex;gap:22px}
.cta-card-icon svg{width:26px;height:26px;flex-shrink:0}
.cta-card-body h4{font-family:'Marcellus',serif;font-size:1.25rem;font-weight:400;line-height:1.3;margin:0 0 10px}
.cta-card-body p{font-size:.90625rem;line-height:1.7;color:#143034;margin:0 0 4px}
.cta-card-link{font-size:.78125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#143034;text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.cta-card-link:hover{text-decoration:underline;text-underline-offset:4px}
.blog-post{margin:0}
.foot-brand{display:flex;flex-direction:column}

/* RESPONSIVE: TABLET */
@media(max-width:1024px){
.nav{padding:22px 40px}
.sec-inner{padding:0 40px}
.sec-hr{padding:48px 40px 0}
.hero{padding:96px 0 88px}
.hero-inner{padding:0 40px}
.hero-home{padding:148px 0 128px}
.hero-home-inner{padding:0 40px}
.svc-grid{grid-template-columns:repeat(2,1fr)}
.area-grid{grid-template-columns:repeat(2,1fr)}
.hero-home h1{font-size:2.875rem}
.contact-grid{grid-template-columns:1fr;gap:44px}
.foot-grid{grid-template-columns:1fr 1fr;gap:32px}
.blog-item{grid-template-columns:1fr;gap:10px}
}

/* RESPONSIVE: MOBILE */
@media(max-width:768px){
.nav{height:65px;padding:14px 24px}
.nav-desk{display:none}
.nav-mob{display:flex}
.nav-overlay{top:65px}
.sec-hr{padding:48px 24px 0}
.hero{padding:56px 0 64px}
.hero-inner{padding:0 24px}
.hero-home{padding:80px 0 72px;background-image:url('/algarve-lawyer-home-mobile.jpg')}
.hero-home-inner{padding:0 24px}
.hero-home h1{font-size:2.25rem}
.hero-home .lede{font-size:1rem;max-width:none}
.hero h1{font-size:2rem}
.hero-article h1{font-size:2rem}
.lede{font-size:1rem}
.sec-inner{padding:0 24px}
.sec h2{font-size:1.875rem;margin-bottom:32px}
.sec-intro{padding:56px 0 16px}
.intro-text{font-size:1.1875rem}
.sec-services{padding:56px 0 64px}
.svc-grid{grid-template-columns:1fr}
.svc{padding:28px 24px;min-height:auto}
.sec-process{padding:64px 0}
.hiw-grid{grid-template-columns:1fr;gap:32px}
.sec-areas{padding:64px 0}
.area-grid{grid-template-columns:repeat(2,1fr)}
.area-card{padding:22px 20px}
.area-card-name{font-size:1.25rem}
.sec-contact{padding:64px 0}
.contact-grid{grid-template-columns:1fr;gap:44px}
.contact-form-card{padding:28px 22px}
.foot-inner{padding:48px 24px 24px}
.foot-grid{grid-template-columns:1fr;gap:32px}
.foot-bottom{flex-direction:column;gap:8px}
.sec-blog{padding:32px 0 64px}
.blog-item{grid-template-columns:1fr;gap:10px}
.blog-content-col h3{font-size:1.375rem}
.sec-article{padding:48px 0 20px}
.article-body{font-size:1rem;padding:0 24px}
.sec-cta-wrap{padding:20px 0 0}
.cta-card-wrap{padding:0 24px}
.cta-card{flex-direction:column;padding:24px 20px}
.hero-cta{padding:12px 24px;font-size:.875rem}
.form{max-width:none}
}