/* HomeSearch 2026 — editorial residences. No bright warm accents.
   Shared art direction: midnight navy, ivory, champagne stone and a restrained eucalyptus sage. */
:root{
  --navy:#14213D; --navy-2:#263851; --cream:#FAEDE0;
  --brass:#C8B18D; --brass-ink:#806B50; --sage:#71887C;
  --ink:#203047; --muted:#586675; --paper:#FFFCF8;
  --blush:#F1EBE3; --border:#E3DACE;
  --shadow:0 22px 60px rgba(18,32,52,.085);
}
body{background:#FFFCF8;color:var(--ink)}
::selection{background:#C8B18D;color:#14213D}
.notice{background:#17253C;border-bottom-color:rgba(250,237,224,.2)}
.notice-dot{background:#D7C5AA}
.notice-inner a{color:#E8D8C2;text-decoration:underline;text-underline-offset:3px}
.header{background:rgba(255,252,248,.96);box-shadow:0 4px 22px rgba(20,33,61,.035);border-bottom:1px solid #E6DED3}
.desktop-nav a:hover,.desktop-nav a:focus-visible{color:#526D60}
.nav-cta{border-radius:999px;border-color:#C5B79F;letter-spacing:.025em;transition:background .2s,transform .2s}
.nav-cta:hover{background:#14213D;color:#FAEDE0;transform:translateY(-1px)}
.eyebrow{color:#796C54;font-weight:800;letter-spacing:.2em}
.accent-line{height:1px;width:30px;background:#A99571}
h2 em,h1 em{color:#71887C}
.hero{background:linear-gradient(115deg,#14213D 0%,#1C3045 71%,#253F48 100%)}
.hero::after{content:"";pointer-events:none;position:absolute;right:0;bottom:0;width:44%;height:65%;opacity:.16;background:repeating-linear-gradient(90deg,transparent 0,transparent 58px,rgba(250,237,224,.27) 59px,transparent 60px)}
.hero-halo{background:radial-gradient(circle,rgba(185,163,130,.19),rgba(85,112,108,.08) 38%,transparent 72%)}
.hero-eyebrow{color:#DCC8A9}
.hero h1{color:#FFF8ED;letter-spacing:-.048em}
.hero h1 em{color:#D8C3A0}
.hero-text{color:#E5E3DE}
.hero-foot{color:#DCE3DE}
.hero-foot svg{color:#C8B18D}
.hero-visual-frame{border:7px solid rgba(241,234,221,.29);box-shadow:0 28px 88px rgba(2,12,28,.36)}
.hero-visual::before{content:"";position:absolute;left:0;top:17px;width:90%;height:92%;border:1px solid rgba(220,200,171,.29);border-radius:220px 220px 22px 22px;transform:translate(17px,7px);pointer-events:none}
.btn{transition:transform .2s,box-shadow .2s,background .2s;color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-sand{background:#D7C4A6;color:#172640;box-shadow:0 6px 18px rgba(5,15,32,.08)}
.btn-sand:hover{background:#E7D7BE;color:#14213D;box-shadow:0 10px 27px rgba(4,15,28,.14)}
.btn-outline-light{border-color:rgba(252,246,236,.66);color:#FFF8EE}
.btn-outline-light:hover{background:rgba(250,237,224,.1)}
.btn-cream{background:#F3E8D7;color:#14213D}
.btn-cream:hover{background:#fffaf0}
.trust-strip{background:#F4EDE2;border-bottom:1px solid #E6DAC9}
.trust-number{color:#8B7861!important}
.section{padding-top:106px;padding-bottom:106px}
.section-about{background:#FFFCF8}
.about-portrait{background:linear-gradient(140deg,#17253E 0%,#243A4F 52%,#415C58 100%);border-radius:24px 145px 24px 24px}
.about-portrait::before{background:radial-gradient(circle at 78% 22%,rgba(220,197,157,.2),transparent 47%)}
.portrait-ring{border-color:rgba(220,201,169,.3)!important}
.portrait-initials{color:#F6EEE2}
.portrait-caption{border-top:1px solid rgba(250,237,224,.25)}
.profile-note{background:#F7F3EC}
.profile-badge{background:#283C4C;color:#FAEDE0}
.section-services{background:#F0ECE4;border-top:1px solid #DED7CA;border-bottom:1px solid #DED7CA}
.service-card{background:#FFFEFB;border-color:#DCDCCF;border-radius:20px;box-shadow:0 4px 15px rgba(15,34,48,.025)}
.service-card:hover{box-shadow:0 22px 36px rgba(19,41,56,.09)}
.service-icon{background:#E7ECE7;color:#4E7062;border-radius:15px}
.service-count{color:#B9AD99}
.section-projects{background:#FFFCF8}
.project-card{background:#fff;border:1px solid #E3DCCF;border-radius:16px;box-shadow:0 10px 29px rgba(20,33,61,.055);transition:transform .25s,box-shadow .25s}
.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(20,33,61,.10)}
.project-chip{background:#F4EBDD;color:#263C4D;border:1px solid rgba(250,237,224,.55)}
.project-type{color:#657D70}
.project-link{border-top-color:#E9E0D4}
.project-link span{color:#6B8377}
.project-link:hover{color:#567264}
.section-iqi{background:#17263D;color:#EDECE7}
.section-iqi::after{background:radial-gradient(circle,rgba(167,188,171,.13),transparent 68%)}
.section-iqi h2{color:#FEFAF4}
.section-iqi h2 em{color:#D6C2A1}
.iqi-content>p:not(.eyebrow){color:#E4E5E0}
.iqi-note{border-left-color:#C8B18D}
.section-approach{background:#E8ECE6;border-top:1px solid #DEE6DC;border-bottom:1px solid #DDE4DA}
.approach-step{background:#FFFCF8;border-top-color:#8CA195;border-radius:0 0 17px 17px;box-shadow:0 8px 25px rgba(20,33,61,.045)}
.approach-step b{color:#6E8779}
.section-contact{background:#F6F1E9}
.contact-circle{background:#E4EAE3;color:#516F61}
.contact-detail a:hover{color:#587367}
.contact-panel{background:#FFFDF9;border-color:#E3DACC;box-shadow:0 22px 60px rgba(20,33,61,.095)}
.contact-panel label span{color:#7A6952}
.contact-panel input:not([type=checkbox]),.contact-panel select,.contact-panel textarea{background:#FFFCF8;border-color:#DCD6CD;outline-color:#70897B}
.contact-panel :is(input,select,textarea):focus{border-color:#779081;box-shadow:0 0 0 3px rgba(113,136,124,.12)}
.footer{background:#111F35}
.footer a:hover,.footer-contact a:hover{color:#D8C8AB}
/* The green WhatsApp mark remains recognisable, while its holder harmonises with the site. */
.floating-whatsapp{box-shadow:0 10px 32px rgba(17,31,53,.17)}
@media(max-width:800px){
 .section{padding-top:78px;padding-bottom:78px}
 .header{backdrop-filter:blur(10px)}
 .hero-visual::before{left:8px;top:11px}
}
@media(max-width:540px){
 .section{padding-top:67px;padding-bottom:67px}
 .hero-visual::before{border-radius:160px 160px 15px 15px}
 .about-portrait{border-radius:23px 120px 23px 23px}
 .project-card{border-radius:15px}
 .notice{background:#192B43}
}

/* 2026-11-08: five curated project cards, better proportion on desktop */
@media(min-width:1101px){.section-projects .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.section-projects .project-photo{height:246px}}
@media(min-width:800px) and (max-width:1100px){.section-projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}