/*
Theme Name: Loperin Trading
Theme URI: https://loperintrading.com/
Author: Loperin
Description: Editorial investment website with responsive motion and accessible account flows.
Version: 0.3.2
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: loperin-capital
*/
.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.editorial-card{border-top:1px solid #b5c7b8;padding-top:18px}.editorial-card__image{aspect-ratio:1.5;overflow:hidden;margin-bottom:25px;background:#21392f}.editorial-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}.editorial-card:hover img{transform:scale(1.035)}.editorial-card .eyebrow{color:#63836a}.editorial-card h3{font:400 clamp(27px,3vw,43px)/1.1 var(--serif);letter-spacing:-.04em;max-width:550px;margin:18px 0}.editorial-card p{color:#53665c;max-width:450px}.editorial-caption{font-size:11px;letter-spacing:.08em;color:#63766b;margin:25px 0 0;text-transform:uppercase}@media(max-width:760px){.editorial-grid{grid-template-columns:1fr;gap:55px}}
/* WooCommerce adopts the same restrained layout and form language. */
.commerce-content{padding:80px 0 110px}.woocommerce .products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0!important}.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:#fff;padding:18px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:400 27px/1.2 var(--serif);color:var(--ink)}.woocommerce ul.products li.product .price{color:#3f7357}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:0;background:var(--deep);color:#fff;padding:15px 20px}.woocommerce a.button:hover,.woocommerce button.button:hover{background:#345946;color:#fff}.woocommerce .woocommerce-Input,.woocommerce input.input-text,.woocommerce select,.woocommerce textarea{border:1px solid #b9c5b8;border-radius:0;padding:12px}.woocommerce div.product{display:grid;gap:25px}.woocommerce-message,.woocommerce-info{border-top-color:#557d60}.woocommerce-message::before,.woocommerce-info::before{color:#557d60}@media(max-width:760px){.woocommerce .products{grid-template-columns:1fr 1fr}}@media(max-width:500px){.woocommerce .products{grid-template-columns:1fr}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.dashboard-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.dashboard-overview div{background:var(--deep);color:#fff;padding:20px}.dashboard-overview span{display:block;min-height:34px;color:#b8c9b9;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.dashboard-overview strong{display:block;font:400 44px/1 var(--serif);color:var(--lime);margin-top:16px}.contact-form{max-width:620px;margin:36px 0}.contact-form .field{margin-bottom:20px}.contact-form .button{color:#fff}@media(max-width:600px){.dashboard-overview{grid-template-columns:1fr}.dashboard-overview div{display:flex;justify-content:space-between;align-items:center}.dashboard-overview span{min-height:0}.dashboard-overview strong{margin:0}}

.editorial-image{position:relative;overflow:hidden;aspect-ratio:1.92;background:#182f29}.editorial-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s ease}.editorial-image:hover img{transform:scale(1.025)}.editorial-image__label{position:absolute;left:24px;bottom:22px;color:#fff;background:rgba(7,26,24,.7);padding:9px 12px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.film-section{position:relative;min-height:620px;display:flex;align-items:center;background:#0d201c;color:#fff;overflow:hidden}.film-section__video,.film-section__shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-section__shade{background:linear-gradient(90deg,rgba(4,21,18,.92),rgba(4,21,18,.66) 45%,rgba(4,21,18,.13));}.film-section__content{position:relative;z-index:1;padding:90px 0}.film-section__content .eyebrow{color:var(--lime)}.film-section h2{margin:40px 0 30px}.film-section p{max-width:460px;color:#d7e2d8;font-size:18px}.film-section__caption{position:absolute;bottom:35px;left:0;font-size:10px;color:#cbd7cc;letter-spacing:.1em;text-transform:uppercase}.home-properties{margin-top:60px}.home-properties>.eyebrow{margin-bottom:25px}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.property-card{background:#fff;border:1px solid #d0d8ce}.property-card__image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.35;background:#dfe7dc;color:#5e7366;font-size:13px;overflow:hidden}.property-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.property-card__image:hover img{transform:scale(1.035)}.property-card__body{padding:26px}.property-card h2,.property-card h3{font:400 30px/1.13 var(--serif);letter-spacing:-.04em;margin:13px 0}.property-card h2 a,.property-card h3 a{text-decoration:none}.property-card p{font-size:14px;color:#53655d}.property-card__facts{border-top:1px solid #d4ddd2;padding-top:16px;display:flex;gap:16px;font-size:12px;color:#3d5e4d;text-transform:uppercase;letter-spacing:.05em}.empty-properties{grid-column:1/-1;padding:50px;background:#e9eee5}.empty-properties h2{font-size:40px}.property-detail{display:grid;grid-template-columns:1.7fr 1fr;gap:55px}.property-detail__image{width:100%;height:auto}.property-sidebar{align-self:start;background:#e5eadf;padding:30px;position:sticky;top:20px}.property-sidebar dl{margin:30px 0}.property-sidebar dl div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #bac8b9}.property-sidebar dt{color:#596f60}.property-sidebar dd{margin:0;text-align:right;font-weight:700}.property-sidebar p{font-size:13px;color:#526558}.content .auth-main{padding:0;display:block}.content .auth-main>div{max-width:650px}.content .auth-main h2{margin-top:0}.content .auth-main p{font-size:15px;line-height:1.6}.content .auth-main .button{color:#fff}.content .auth-main input[type=checkbox]{width:auto;min-height:0}.content .auth-main input[type=submit]{background:var(--deep);color:#fff;border:0;padding:14px 20px;cursor:pointer}.content .auth-main .login-username,.content .auth-main .login-password{display:grid;gap:8px}.content .auth-main .login-username input,.content .auth-main .login-password input{padding:14px;border:1px solid #b9c5b8}.site-footer .brand{color:#fff}@media(max-width:1000px){.property-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.editorial-image{aspect-ratio:1.05}.property-grid,.property-detail{grid-template-columns:1fr}.film-section{min-height:580px}.film-section__caption{position:static;display:block;margin-top:40px}.property-sidebar{position:static}.content .auth-main{padding:0}}@media(prefers-reduced-motion:reduce){.editorial-image img,.property-card__image img{transition:none}}

:root{--ink:#10231f;--deep:#071a18;--cream:#f3f0e8;--paper:#e8e5dc;--muted:#adbaaf;--lime:#d5ed94;--line:rgba(235,245,222,.18);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}::selection{background:var(--lime);color:var(--ink)}.skip-link{position:absolute;left:-9999px;top:8px;z-index:99;background:#fff;padding:12px}.skip-link:focus{left:8px}.wrap{width:min(100% - 48px,1320px);margin-inline:auto}.site-header{position:absolute;z-index:20;top:0;left:0;right:0;color:#fff;border-bottom:1px solid var(--line)}.site-header__inner{min-height:88px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand-logo{height:51px;width:auto;display:block;transition:opacity .3s ease}.brand:hover .brand-logo{opacity:.8}.custom-logo-link{display:flex;align-items:center}.custom-logo-link img{max-height:51px;width:auto}.nav-primary{margin-left:auto;display:flex;align-items:center;gap:33px}.nav-primary a{text-decoration:none;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;opacity:.85}.nav-primary a:hover,.nav-primary a:focus{color:var(--lime);opacity:1}.header-actions{display:flex;align-items:center;gap:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 21px;text-decoration:none;border:1px solid transparent;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s,transform .25s}.button:hover{transform:translateY(-2px)}.button--lime{background:var(--lime);color:var(--deep)}.button--lime:hover{background:#e5f4ba}.button--outline{border-color:rgba(255,255,255,.45);color:#fff}.button--outline:hover{border-color:var(--lime);color:var(--lime)}.button--dark{background:var(--deep);color:#fff}.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.hero{position:relative;min-height:790px;min-height:min(850px,100svh);display:flex;align-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 70% 45%,#23473d 0,#102b26 30%,#071a18 65%)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,24,.97) 0%,rgba(7,26,24,.75) 42%,rgba(7,26,24,.06) 100%);pointer-events:none}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(211,237,148,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(211,237,148,.06) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,black 60%)}.hero__inner{position:relative;z-index:2;padding-top:145px;padding-bottom:100px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:700}.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}.hero .eyebrow{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:.99}h1{font-size:clamp(64px,8.3vw,132px);max-width:850px;margin:36px 0 27px}h1 em,h2 em{font-style:italic;color:var(--lime)}.hero__lead{max-width:550px;font-size:19px;line-height:1.6;color:#d2dcd2;margin-bottom:38px}.hero__buttons{display:flex;gap:14px;flex-wrap:wrap}.hero__meta{display:flex;gap:35px;margin-top:72px;color:#c7d2c6;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hero__meta span{border-top:1px solid var(--line);padding-top:13px}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.95}.section{padding:115px 0}.section--cream{background:var(--cream)}.section--paper{background:var(--paper)}.section--dark{background:var(--deep);color:#fff}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;margin-bottom:65px}.section-heading .eyebrow{padding-top:13px;color:#557064}.section--dark .section-heading .eyebrow{color:var(--lime)}h2{font-size:clamp(48px,6vw,88px);max-width:900px;margin-bottom:0}.section-intro{max-width:600px;margin:25px 0 0;font-size:18px;color:#4e6259}.section--dark .section-intro{color:#bcc9bf}.strategy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c7cec5;border:1px solid #c7cec5}.strategy{background:var(--cream);min-height:365px;padding:33px;display:flex;flex-direction:column;transition:background .3s}.strategy:hover{background:#e9eedb}.strategy__number{font-size:12px;color:#688176;letter-spacing:.16em}.strategy__art{height:125px;display:grid;place-items:center;color:#2a5548}.strategy__art svg{width:110px;height:110px;stroke:currentColor;stroke-width:1;fill:none}.strategy h3{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:-.04em;margin:0 0 14px}.strategy p{font-size:14px;color:#53655d;margin:0}.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:57px 0;display:grid;grid-template-columns:1fr 2fr;gap:40px}.statement__label{color:var(--lime);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.statement p{font:400 clamp(28px,3.7vw,55px)/1.17 var(--serif);letter-spacing:-.035em;margin:0}.statement strong{color:var(--lime);font-weight:400}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.process-card{padding:30px 0;border-top:1px solid #a5b2a9}.process-card__num{font-family:var(--serif);font-size:48px;color:#8da499}.process-card h3{font-size:21px;margin:42px 0 12px}.process-card p{max-width:340px;color:#4e6259;font-size:15px}.risk-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:70px;background:#18332c}.risk-panel h2{font-size:clamp(45px,5vw,68px)}.risk-panel p{color:#d0dbd0;font-size:17px}.risk-list{padding:0;margin:0;list-style:none}.risk-list li{padding:17px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;color:#d3ded3}.risk-list li:before{content:'↗';color:var(--lime)}.cta{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:40px}.cta h2{max-width:850px}.cta p{max-width:420px;color:#556a5f}.site-footer{background:#061512;color:#d6e0d5;padding:70px 0 27px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:80px}.footer-top p{max-width:350px;margin-top:20px;color:#9daf9f;font-size:14px}.footer-links{display:grid;gap:14px;align-content:start}.footer-links strong{color:#fff;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.footer-links a{text-decoration:none;color:#b5c2b5;font-size:14px}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#9daf9f}.interior-hero{background:var(--deep);color:#fff;padding:180px 0 95px}.interior-hero h1{font-size:clamp(55px,7vw,94px);margin:25px 0}.interior-hero p{font-size:18px;color:#bdcbbf;max-width:700px}.content{padding:75px 0 110px;max-width:900px}.content h2{font-size:42px;margin:45px 0 20px}.content p,.content li{font-size:18px;line-height:1.7}.content a{color:#1b6b56}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.auth-aside{background:radial-gradient(circle at 70% 55%,#31574a,#071a18 64%);color:#fff;padding:50px 7vw;display:flex;flex-direction:column;justify-content:space-between}.auth-aside .brand{align-self:start}.auth-aside h1{font-size:clamp(53px,6vw,92px)}.auth-aside p{max-width:460px;color:#b8c8bc}.auth-main{padding:110px min(7vw,100px);display:flex;align-items:center}.auth-main>div{width:min(100%,540px)}.auth-main h2{font-size:clamp(42px,4vw,62px);margin-bottom:16px}.form-intro{color:#52675b;margin-bottom:32px}.field{display:grid;gap:8px;margin-bottom:18px}.field label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field input,.field select,.field textarea{border:1px solid #b9c5b8;background:#fff;padding:14px 15px;min-height:50px;border-radius:0;width:100%;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #508267;outline-offset:2px}.form-note{font-size:13px;color:#54695d}.form-error,.form-success{padding:15px 18px;margin:20px 0;border-left:3px solid #a6382f;background:#f9e8e5}.form-success{border-color:#3d7859;background:#e6f0e7}.dashboard-card{background:#fff;border:1px solid #cbd4ca;padding:30px;margin:24px 0}.dashboard-card h3{font-size:22px}.notice{border-left:3px solid #768c5f;padding:15px 20px;background:#e5e9d7;margin:28px 0}.alignwide{max-width:1100px;margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.admin-bar .site-header{top:32px}@media(max-width:1000px){.strategy-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:740px}.hero__inner{padding-top:170px}.section-heading{grid-template-columns:1fr;gap:15px}.risk-panel{gap:35px}.nav-primary{gap:15px}}@media(max-width:760px){.wrap{width:min(100% - 32px,1320px)}.site-header__inner{min-height:70px}.brand{font-size:17px}.menu-toggle{display:block;margin-left:auto}.nav-primary{display:none;position:absolute;top:70px;left:0;right:0;background:#0a211c;padding:24px;flex-direction:column;align-items:flex-start}.nav-primary.is-open{display:flex}.header-actions{display:none}.hero{min-height:780px;min-height:100svh}.hero__inner{padding-top:130px;padding-bottom:60px}.hero:after{background:linear-gradient(90deg,rgba(7,26,24,.94),rgba(7,26,24,.5))}h1{font-size:clamp(56px,14vw,85px)}.hero__lead{font-size:16px}.hero__meta{gap:15px;flex-wrap:wrap;margin-top:50px}.section{padding:75px 0}.strategy-grid,.process-grid,.risk-panel,.cta,.footer-top,.auth-shell,.statement{grid-template-columns:1fr}.strategy{min-height:300px}.strategy__art{height:90px}.risk-panel{padding:35px 25px}.footer-top{gap:35px;padding-bottom:45px}.footer-bottom{flex-direction:column}.auth-aside{min-height:430px;padding:30px}.auth-main{padding:60px 25px}.interior-hero{padding:135px 0 70px}body.admin-bar .site-header{top:46px}}@media(max-width:460px){.strategy-grid{grid-template-columns:1fr}.hero__buttons{display:grid}.hero__meta{font-size:10px}.button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---------------------------------------------------------------------------
   Navigation, focus and interaction states
   --------------------------------------------------------------------------- */
:focus-visible{outline:2px solid #4f7f66;outline-offset:3px}
.nav-primary ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:33px}
.nav-primary li{position:relative}
.nav-primary a{text-decoration:none}
.nav-primary li ul{position:absolute;top:calc(100% + 14px);left:0;background:#0a211c;border:1px solid var(--line);padding:16px 20px;flex-direction:column;align-items:flex-start;gap:14px;min-width:220px;opacity:1;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.nav-primary li:hover>ul,.nav-primary li:focus-within>ul{opacity:1;visibility:visible;transform:none}
@media(max-width:980px){
  .menu-toggle{display:block;margin-left:auto}
  .site-header__inner{min-height:76px}
  .header-actions{display:none}
  .nav-primary{display:none;position:absolute;top:100%;left:0;right:0;background:#0a211c;border-top:1px solid var(--line);padding:26px 24px 30px;flex-direction:column;align-items:flex-start;gap:20px;margin-left:0}
  .nav-primary.is-open{display:flex}
  .nav-primary ul{flex-direction:column;align-items:flex-start;gap:20px}
  .nav-primary li ul{position:static;visibility:visible;transform:none;opacity:1;border:0;background:none;padding:0 0 0 14px}
}

/* ---------------------------------------------------------------------------
   Property filters, pagination and listing detail
   --------------------------------------------------------------------------- */
.property-filters{background:#fff;border:1px solid #d0d8ce;padding:26px;margin-bottom:34px}
.property-filters__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-items:end}
.property-filters .field{margin-bottom:0}
.property-filters__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.property-filters__reset{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#3f7357}
.property-filters__count{margin:0 0 24px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#63766b}
.pagination{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:48px}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #b9c5b8;font-size:13px;letter-spacing:.06em;text-decoration:none;background:#fff}
.pagination .page-numbers.current{background:var(--deep);border-color:var(--deep);color:#fff}
.pagination .page-numbers:hover{border-color:#4f7f66}
.property-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.property-gallery__item{margin:0;background:#dfe7dc;overflow:hidden}
.property-gallery__item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.property-amenities{margin-top:26px}
.property-amenities ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0 0}
.property-amenities li{border:1px solid #bac8b9;padding:7px 12px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#3d5e4d}
.property-status{margin-top:26px}
.property-status span{display:inline-block;border:1px solid var(--line);padding:8px 14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.property-map{font-size:14px}
.property-map a{color:#1b6b56}

/* ---------------------------------------------------------------------------
   Editable content: questions, notices and operator facts
   --------------------------------------------------------------------------- */
.faq-item{border-top:1px solid #c7cec5}
.faq-item:last-of-type{border-bottom:1px solid #c7cec5}
.faq-item summary{cursor:pointer;list-style:none;position:relative;padding:24px 48px 24px 0;font:400 clamp(21px,2.3vw,30px)/1.25 var(--serif);letter-spacing:-.03em;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';position:absolute;right:8px;top:22px;font-size:26px;line-height:1;color:#4f7f66;font-family:var(--sans)}
.faq-item[open] summary::after{content:'–'}
.faq-item p{max-width:780px;color:#4e6259;font-size:17px;padding-bottom:24px;margin-bottom:0}
.notice-line{border-left:3px solid #a5761f;background:#f7efdd;padding:16px 20px;margin:24px 0}
.pending-detail{color:#63766b;font-style:italic}
.operator-details{display:block}

/* ---------------------------------------------------------------------------
   Account states
   --------------------------------------------------------------------------- */
.verify-banner{background:#e5e9d7;border-left:3px solid #768c5f;padding:14px 20px;margin:0 0 24px}
.verify-banner p{margin:0;font-size:15px}
.verify-banner a{font-weight:700}
.dashboard-card--alert{border-left:3px solid #a6382f}
.interest-list{list-style:none;padding:0;margin:0}
.interest-list li{border-bottom:1px solid #d4ddd2;padding:13px 0;font-size:14px;color:#3d5e4d}
.dashboard-overview strong{font-size:clamp(26px,3vw,42px);word-break:break-word}
.content ul,.content ol{padding-left:22px}
.content li{margin-bottom:10px}
.content details{margin-bottom:4px}
.empty-properties .button{margin-top:20px}

@media(max-width:1100px){.property-filters__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  .property-filters__grid{grid-template-columns:1fr 1fr}
  .property-gallery{grid-template-columns:1fr}
  .content p,.content li{font-size:16px}
}
@media(max-width:520px){.property-filters__grid{grid-template-columns:1fr}.property-filters__actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.nav-primary li ul{transition:none}}

/* ---------------------------------------------------------------------------
   Hero - clean layout
   --------------------------------------------------------------------------- */
.hero { position: relative; padding: 140px 0 100px; overflow: hidden; }
.hero__grid { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,26,24,.6) 0%, rgba(7,26,24,.15) 50%, transparent 100%); pointer-events: none; }
.hero-canvas { position: absolute; right: 0; top: 0; width: 38%; height: 100%; pointer-events: none; opacity: 0.9; }
.hero__inner { position: relative; z-index: 1; max-width: 640px; }
.hero__lead { font-size: clamp(18px, 2.2vw, 22px); color: #c8d6cc; margin: 28px 0 36px; max-width: 580px; line-height: 1.7; }
.hero__buttons { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 40px; }
.hero__meta { display: flex; flex-wrap: wrap; gap: 24px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #6b8a72; }
.hero__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 56px; padding-top: 40px; border-top: 1px solid var(--line); }
.stat-card { background: transparent; padding: 0; text-align: left; }
.stat-value { display: block; font: 400 clamp(42px, 4.5vw, 60px)/1 var(--serif); color: var(--lime); letter-spacing: -0.03em; }
.stat-label { display: block; margin-top: 6px; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #8fa894; }
@media (max-width: 1100px) { .hero-canvas { width: 42%; } .hero__stats { grid-template-columns: repeat(2, 1fr); } }
/* The canvas stays absolutely positioned on small screens: it is the first
   child in the markup, so making it a normal-flow block would place the
   globe above the headline instead of behind it. */
@media (max-width: 760px) {
  .hero { padding: 100px 0 80px; }
  .hero__inner { max-width: 100%; }
  .hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .55; }
  .hero__stats { grid-template-columns: repeat(2, 1fr); margin-top: 40px; }
  .stat-value { font-size: clamp(32px, 6vw, 44px); }
}
@media (max-width: 520px) { .hero__stats { grid-template-columns: 1fr; gap: 28px; } }

/* ---------------------------------------------------------------------------
   Enhanced strategy cards
   --------------------------------------------------------------------------- */
.strategy-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 40px; }
.strategy { position: relative; background: #fff; border: 1px solid #d0d8ce; padding: 32px 24px 28px; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.strategy:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(7,26,24,.08); border-color: var(--accent); }
.strategy__number { display: block; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; font-weight: 700; }
.strategy__art { width: 72px; height: 72px; margin-bottom: 20px; opacity: .7; transition: opacity .3s ease, transform .3s ease; }
.strategy:hover .strategy__art { opacity: 1; transform: scale(1.05); }
.strategy__art svg { width: 100%; height: 100%; stroke: var(--accent); stroke-width: 1.5; fill: none; }
.strategy h3 { font: 400 26px/1.2 var(--serif); letter-spacing: -.03em; margin: 10px 0; color: var(--ink); }
.strategy p { font-size: 15px; color: #53655d; margin-bottom: 20px; line-height: 1.65; }
.strategy-link { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: var(--accent); text-decoration: none; transition: gap .2s ease; }
.strategy-link:hover { gap: 12px; }
@media (max-width: 1100px) { .strategy-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .strategy-grid { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------------------
   Enhanced property cards
   --------------------------------------------------------------------------- */
.property-card { position: relative; background: #fff; border: 1px solid #d0d8ce; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease; }
.property-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(7,26,24,.08); }
.property-card__image { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1.35; background: #dfe7dc; color: #5e7366; font-size: 13px; overflow: hidden; }
.property-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.property-card:hover .property-card__image img { transform: scale(1.035); }
/* Overlay pill on the card photo. Kept separate from .property-status, which
   is the in-flow badge used on the single-listing template. */
.property-card__status { position: absolute; top: 14px; left: 14px; z-index: 2; display: inline-block; background: rgba(7,26,24,.9); color: var(--lime); padding: 6px 12px; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; border-radius: 2px; backdrop-filter: blur(4px); }
.property-card__body { padding: 24px; }
.property-meta { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; flex-wrap: wrap; gap: 8px; }
.property-location { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #6b8a72; }
.property-price { font: 400 22px/1 var(--serif); color: var(--deep); }
.property-card h3 { font: 400 24px/1.2 var(--serif); letter-spacing: -.03em; margin: 8px 0; }
.property-card h3 a { text-decoration: none; color: inherit; transition: color .2s ease; }
.property-card h3 a:hover { color: var(--lime); }
.property-card p { font-size: 14px; color: #53655d; margin-bottom: 16px; line-height: 1.6; }
.property-facts { display: flex; flex-wrap: wrap; gap: 16px; padding-top: 16px; border-top: 1px solid #d4ddd2; font-size: 12px; color: #3d5e4d; }
.property-facts span { display: inline-flex; align-items: center; gap: 6px; }


/* ---------------------------------------------------------------------------
   Enhanced dashboard overview
   --------------------------------------------------------------------------- */
.dashboard-overview { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 28px 0; }
.overview-card { background: var(--deep); color: #fff; padding: 24px 20px; position: relative; overflow: hidden; }
.overview-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--lime); opacity: .3; }
.overview-card--status::before { background: var(--lime); opacity: 1; }
.overview-card span { display: block; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #b8c9b9; margin-bottom: 8px; }
.overview-card strong { display: block; font: 400 clamp(28px, 3.5vw, 44px)/1 var(--serif); color: var(--lime); word-break: break-word; }
.status-badge { display: inline-block; padding: 4px 12px; border-radius: 2px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.status-badge--pending { background: rgba(213,237,148,.15); color: var(--lime); border: 1px solid rgba(213,237,148,.3); }
.status-badge--confirmed { background: rgba(102,140,115,.15); color: #668c73; border: 1px solid rgba(102,140,115,.3); }
@media (max-width: 600px) { .dashboard-overview { grid-template-columns: 1fr; } .overview-card { display: flex; justify-content: space-between; align-items: center; } .overview-card span { margin-bottom: 0; } .overview-card strong { margin: 0; } }

/* ---------------------------------------------------------------------------
   Enhanced buttons & forms
   --------------------------------------------------------------------------- */
.button--dark { background: var(--deep); color: #fff; border-color: var(--deep); }
.button--dark:hover { background: #0e2e28; border-color: #0e2e28; color: #fff; }
.button--outline { background: transparent; color: #fff; border-color: rgba(255,255,255,.3); }
.button--outline:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.5); }
.field { margin-bottom: 20px; }
.field label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; letter-spacing: .02em; color: var(--ink); }
.field input, .field select, .field textarea { width: 100%; padding: 14px 16px; border: 1px solid #b9c5b8; background: #fff; font-size: 16px; transition: border-color .2s ease, box-shadow .2s ease; }
.field input:focus, .field select:focus, .field textarea:focus { outline: none; border-color: #4f7f66; box-shadow: 0 0 0 3px rgba(79,127,102,.15); }
.form-note { font-size: 13px; color: #6b8a72; margin-top: 8px; }
.form-error { background: #fdeaea; border-left: 3px solid #c0392b; color: #8b2a2a; padding: 16px 20px; margin-bottom: 24px; }
.form-success { background: #e5e9d7; border-left: 3px solid #768c5f; color: #3d5e4d; padding: 16px 20px; margin-bottom: 24px; }
.dashboard-card { background: #fff; border: 1px solid #d0d8ce; padding: 28px; margin-top: 28px; }
.dashboard-card h3 { font: 400 22px/1.3 var(--serif); margin-bottom: 12px; }
.dashboard-card--alert { border-left: 3px solid #a6382f; background: #fdf8f8; }
.interest-list { list-style: none; padding: 0; margin: 0; }
.interest-list li { border-bottom: 1px solid #d4ddd2; padding: 14px 0; font-size: 14px; color: #3d5e4d; }
.interest-list li:last-child { border-bottom: none; }

/* ---------------------------------------------------------------------------
   Animations
   --------------------------------------------------------------------------- */
@keyframes countUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.stat-value { animation: countUp 1s ease forwards; }
.stat-card:nth-child(1) .stat-value { animation-delay: 0.2s; }
.stat-card:nth-child(2) .stat-value { animation-delay: 0.3s; }
.stat-card:nth-child(3) .stat-value { animation-delay: 0.4s; }
.stat-card:nth-child(4) .stat-value { animation-delay: 0.5s; }
@media (prefers-reduced-motion: reduce) { .stat-value { animation: none; opacity: 1; } }

/* ---------------------------------------------------------------------------
   CTA section
   --------------------------------------------------------------------------- */
.cta { text-align: center; padding: 80px 0; }
.cta h2 { font: 400 clamp(36px, 4.5vw, 56px)/1.1 var(--serif); letter-spacing: -.04em; margin-bottom: 16px; }
.cta h2 em { font-style: normal; }
.cta > div > p { font-size: clamp(18px, 2vw, 20px); color: #53655d; max-width: 580px; margin: 0 auto 32px; line-height: 1.65; }

/* ---------------------------------------------------------------------------
   Real-data hero facts and honest content blocks
   --------------------------------------------------------------------------- */
.text-green { color: #668c73; }
.eyebrow--lime { color: var(--lime); }
.hero__note {
  margin: 24px 0 0;
  padding: 14px 18px;
  border-left: 2px solid var(--lime);
  background: rgba(213, 237, 148, .07);
  color: #c8d6cc;
  font-size: 14px;
  max-width: 560px;
}
.section-cta { margin-top: 34px; }

/* Property card: real field values, amenities and a clear affordance. */
.property-card__placeholder { padding: 40px 20px; text-align: center; color: #6b8074; font-size: 13px; }
.property-price__unit { color: #6b8074; font-size: .82em; margin-left: 1px; }
.property-amenities {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
}
.property-amenities li {
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #46684f;
  background: #eef1e6;
  padding: 4px 9px;
}
.property-link {
  display: inline-block;
  margin-top: 18px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #1b6b56;
  text-decoration: none;
}
.property-card:hover .property-link { color: #0f4a3a; }

/* Transparency panel */
.transparency-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: #c2ccc0;
  border: 1px solid #c2ccc0;
}
.transparency-card { background: var(--paper); padding: 32px 30px 36px; }
.transparency-card__mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid #8aa79a;
  border-radius: 50%;
  color: #2a5548;
  margin-bottom: 26px;
}
.transparency-card__mark svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.transparency-card h3 { font: 400 25px/1.2 var(--serif); letter-spacing: -.03em; margin: 0 0 12px; }
.transparency-card p { font-size: 14px; color: #4e6259; margin: 0; }

@media (max-width: 1000px) { .transparency-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) {
  .transparency-grid { grid-template-columns: 1fr; }
  .transparency-card { padding: 26px 22px 30px; }
}
