@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#142333;--gold:#C6A66B;--ivory:#F5F3EE;--white:#fff;--muted:#596575;--border:#E5E3DD;--shadow:0 14px 42px rgba(20,35,51,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--navy);font:400 16px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3{line-height:1.15;letter-spacing:-.035em;margin:0 0 20px}h1{font-size:clamp(2.45rem,5.2vw,4.65rem)}h2{font-size:clamp(1.9rem,3.3vw,3rem)}h3{font-size:1.35rem}p{margin:0 0 20px;color:#465364}small,.muted{color:var(--muted)}.container{width:min(1280px,calc(100% - 80px));margin:auto}.section{padding:92px 0}.section-tight{padding:55px 0}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#947642;margin-bottom:17px}.topline{background:var(--navy);color:#fff;font-size:.75rem;padding:8px 0}.topline .container{display:flex;justify-content:space-between}.header{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 1px 0 var(--border)}.navwrap{display:flex;align-items:center;gap:22px;min-height:80px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:174px}.nav{display:flex;gap:21px;align-items:center;margin-left:auto}.nav a{font-size:.79rem;font-weight:700;white-space:nowrap}.nav a[aria-current=page]{color:#977443}.nav-cta{margin-left:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;padding:12px 23px;border:1px solid var(--navy);border-radius:8px;background:var(--navy);color:#fff;font-size:.91rem;font-weight:800;transition:background .18s,transform .18s}.btn:hover{background:#243c53;color:#fff;text-decoration:none;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--navy)}.btn-outline:hover{color:#fff}.btn-gold{background:var(--gold);color:var(--navy);border-color:var(--gold)}.btn-gold:hover{background:#d6b77e;color:var(--navy)}.menu-toggle{display:none;background:none;border:1px solid var(--border);padding:10px;border-radius:8px}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;background:#fff}.hero-copy{padding:clamp(40px,6vw,105px) max(36px,calc((100vw - 1280px)/2));padding-right:55px;align-self:center}.hero-copy p{max-width:560px;font-size:1.09rem}.hero-img{position:relative;overflow:hidden;background:#c8d2ce}.hero-img img{height:100%;width:100%;object-fit:cover}.hero-img:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,35,51,.16),transparent 55%)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.section-head{max-width:760px;margin-bottom:38px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .22s,box-shadow .22s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card img{width:100%;aspect-ratio:4/3;object-fit:cover}.card-body{padding:24px}.card-body p{font-size:.92rem}.card-body .btn{width:100%}.card-kicker{font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#927a50;margin-bottom:10px}.dark{background:var(--navy);color:#fff}.dark p,.dark .muted{color:#c8d0d8}.dark .eyebrow{color:#d8b87e}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split img{width:100%;border-radius:12px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.step{border-top:2px solid var(--gold);padding-top:18px}.step strong{display:block;font-size:1.8rem;color:#a88a59}.quote-band{background:#eae5d9;padding:65px 0}.footer{background:#101c29;color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:42px}.footer p,.footer a{color:#c3cbd1;font-size:.9rem}.footer a{display:block;margin:8px 0}.footer h3{font-size:1rem}.footer-bottom{border-top:1px solid #33414d;margin-top:42px;padding-top:20px;color:#b6c0c9;font-size:.8rem}.page-hero{padding:95px 0 75px;background:#fff}.page-hero p{max-width:760px;font-size:1.12rem}.article{max-width:870px}.article h2{font-size:2rem;margin-top:46px}.article h3{margin-top:28px}.article ul{padding-left:24px}.article li{margin-bottom:9px;color:#465364}.detail-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:45px}.detail-layout img{border-radius:12px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.fact{background:#fff;padding:15px;border:1px solid var(--border);border-radius:8px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{background:#fff;padding:26px;border:1px solid var(--border);border-radius:12px}.price-card strong{font-size:1.2rem}.form-shell{background:#fff;border:1px solid var(--border);border-radius:16px;padding:36px;max-width:950px;margin:auto}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.field{display:flex;flex-direction:column;gap:6px}.field.wide{grid-column:1/-1}label{font-weight:700;font-size:.9rem}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #aab2b8;border-radius:8px;background:#fff;color:var(--navy);min-height:48px}textarea{min-height:125px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #b5cff8;outline-offset:1px}.notice{font-size:.84rem;color:#596575}.form-status{padding:12px;margin:12px 0;border-radius:8px;display:none}.form-status.show{display:block;background:#e4f3e9;color:#22563d}.faq details{background:#fff;border:1px solid var(--border);border-radius:9px;padding:17px 22px;margin-bottom:10px}.faq summary{font-weight:700;cursor:pointer}.faq p{margin:14px 0 0}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.filter-bar button{border:1px solid var(--border);background:#fff;border-radius:8px;padding:9px 16px}.filter-bar button.active{background:var(--navy);color:#fff}.price-note{font-size:.78rem;color:#687382}.tag{display:inline-block;background:#eae5d9;color:#57472c;padding:4px 9px;border-radius:4px;font-size:.72rem;font-weight:700}.lang{border:1px solid var(--border);border-radius:6px;background:#fff;padding:8px;font-size:.78rem}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;z-index:99;padding:12px}.reveal{animation:fade .45s ease both}@keyframes fade{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1100px){.nav{gap:12px}.nav a{font-size:.72rem}.container{width:calc(100% - 48px)}.hero-copy{padding:50px 35px}}@media(max-width:850px){.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px 24px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{font-size:1rem;padding:7px 0}.nav-cta{display:none}.hero{grid-template-columns:1fr}.hero-img{height:380px;order:-1}.hero-copy{padding:45px 24px}.split,.detail-layout{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.section{padding:65px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.container{width:calc(100% - 32px)}.topline span:last-child{display:none}.grid,.grid.two,.form-grid,.price-grid,.facts{grid-template-columns:1fr}.field.wide{grid-column:auto}.footer-grid{grid-template-columns:1fr}.hero-img{height:265px}.hero-copy{padding:35px 16px}.section{padding:54px 0}.page-hero{padding:55px 0}.form-shell{padding:20px}.actions .btn{width:100%}.steps{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* TITAN HOMES — high-end editorial refinement, appended to base CSS */
:root{--canvas:#f7f6f2;--hairline:#e6e7e3;--ease-out:cubic-bezier(.22,1,.36,1)}
body{background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{font-weight:700;letter-spacing:-.047em;text-wrap:balance}
h1{font-size:clamp(2.8rem,5.1vw,5.4rem);line-height:1.06}
h2{font-size:clamp(2rem,3.1vw,3.4rem);line-height:1.12}
h3{font-size:clamp(1.2rem,1.55vw,1.5rem);letter-spacing:-.025em}
p{line-height:1.75;max-width:72ch}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2563eb;outline-offset:4px}
.container{width:min(1240px,calc(100% - 96px))}
.section{padding:clamp(72px,8vw,124px) 0}
.section-head{margin-bottom:44px}.section-head p{max-width:58ch;font-size:1.06rem}
.eyebrow{color:#846636;font-size:.69rem;letter-spacing:.15em;margin-bottom:22px}
.topline{background:#101c29;letter-spacing:.035em}
.header{box-shadow:none;border-bottom:1px solid var(--hairline)}
.navwrap{min-height:88px;gap:18px}
.brand img.brand-emblem{width:58px;height:58px;background:transparent;border-radius:0}
.brand-wordmark{font-family:Manrope,Arial,sans-serif;font-size:1rem;letter-spacing:.10em;font-weight:800}
.nav{gap:clamp(9px,1.15vw,19px)}.nav a{font-size:.76rem;font-weight:700;letter-spacing:.005em}
.nav a:hover,.footer a:hover{color:#987545;text-decoration:none}
.lang{min-height:42px;padding:8px 12px}
.btn{border-radius:6px;font-weight:700;letter-spacing:.005em;min-height:50px;padding:13px 23px;transition:background .22s var(--ease-out),border-color .22s var(--ease-out),transform .22s var(--ease-out)}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}
.btn-outline:hover{background:#142333}
.hero{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);min-height:min(720px,82vh)}
.hero-copy{padding:clamp(64px,7vw,110px) clamp(40px,5vw,95px);padding-left:max(48px,calc((100vw - 1240px)/2));position:relative;z-index:1}
.hero-copy h1{max-width:11ch}.hero-copy p{max-width:52ch;color:#526070;line-height:1.8}
.hero-img{background:#d6dcd6}.hero-img img{transition:transform 1.2s var(--ease-out)}
.hero-img:after{background:linear-gradient(0deg,rgba(20,35,51,.12),transparent 42%)}
.actions{gap:14px;margin-top:32px}.grid{gap:26px}
.card{border:1px solid var(--hairline);border-radius:10px;box-shadow:0 2px 8px rgba(20,35,51,.025);transition:transform .28s var(--ease-out),box-shadow .28s var(--ease-out)}
.card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(20,35,51,.075)}
.card>a:first-child{display:block;position:relative;overflow:hidden;background:#e6e8e5}
.card>a:first-child::after{content:"ΑΡΧΙΤΕΚΤΟΝΙΚΗ ΑΠΕΙΚΟΝΙΣΗ";position:absolute;bottom:14px;left:14px;background:rgba(255,255,255,.93);color:#142333;font-size:.57rem;font-weight:800;letter-spacing:.08em;padding:7px 9px;border-radius:3px}
html[lang="en"] .card>a:first-child::after{content:"CONCEPT VISUAL"}
.card img{transition:transform .5s var(--ease-out)}.card:hover img{transform:scale(1.035)}
.card-body{padding:27px 26px 29px}.card-body h3{margin-bottom:10px}
.card-body p{min-height:3.4em;margin-bottom:23px}
.card-body .btn{width:auto;min-height:40px;padding:9px 0;border:0;border-bottom:1px solid #a1a8ad;border-radius:0;background:none;color:#142333;justify-content:flex-start}
.card-body .btn:hover{color:#8b6c40;border-color:#8b6c40;transform:none}
.card-kicker{color:#836b49;font-size:.65rem;letter-spacing:.15em}
.dark{background:#132231}.dark h2{max-width:14ch}
.split{gap:clamp(38px,6vw,90px)}.split img{border-radius:6px}
.steps{gap:25px}.step{border-top:1px solid #bda276;padding-top:24px}
.step strong{font-size:1.15rem;font-weight:600;color:#927343;margin-bottom:20px}
.step h3{font-size:1.07rem;letter-spacing:-.025em}
.price-card{border-color:var(--hairline);border-radius:6px;padding:32px}
.price-card strong{display:block;padding-top:15px}
.quote-band{background:#e9e5da;padding:85px 0}
.footer{background:#101c29;padding-top:85px}.footer-grid{gap:clamp(24px,3vw,52px)}
.footer-emblem{background:#f8edd2;border-radius:6px}.footer a{transition:color .18s ease}
.page-hero{padding:clamp(65px,7vw,112px) 0 clamp(55px,6vw,90px);border-bottom:1px solid var(--hairline)}
.page-hero h1{max-width:15ch}.page-hero p{max-width:65ch}
.article{max-width:820px}.article h2{margin-top:60px}.article li{line-height:1.8}
.faq{max-width:900px}.faq details{border-radius:4px;padding:21px 25px;margin-bottom:9px}
.faq summary{line-height:1.5}.faq details[open]{box-shadow:0 10px 25px rgba(20,35,51,.035)}
.form-shell{box-shadow:0 16px 45px rgba(20,35,51,.045)}
input,select,textarea{border-color:#b8c0c4}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2563eb;outline-offset:1px}
.form-status{border:1px solid transparent}
.form-status.is-error{background:#fff0f0;color:#8e2631;border-color:#eec7cb}
.form-status.is-success{background:#e4f3e9;color:#22563d;border-color:#c1dfcd}
.filter-bar button{transition:background .2s,color .2s}
.filter-bar button:hover{border-color:#a3a9ad}
[hidden]{display:none!important}
@media(min-width:1101px){.brand-wordmark{display:inline}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-copy{padding:65px 40px}}
@media(max-width:850px){
.navwrap{min-height:76px}.brand-wordmark{display:inline}
.menu-toggle{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.nav{gap:0;padding:15px 28px 25px;max-height:calc(100dvh - 76px);overflow:auto;border-top:1px solid var(--hairline)}
.nav a{font-size:1rem;padding:12px 0;border-bottom:1px solid #ecece8}
.hero{min-height:0}.hero-img{height:clamp(300px,55vw,490px)}
.hero-copy{padding:58px 32px 70px}.hero-copy h1{max-width:13ch}
.grid{gap:20px}.section{padding:76px 0}
}
@media(max-width:560px){
.container{width:calc(100% - 36px)}.topline{font-size:.65rem}
.brand img.brand-emblem{width:52px;height:52px}.brand-wordmark{font-size:.9rem}
.hero-img{height:280px}.hero-copy{padding:45px 20px 58px}
.hero-copy h1{font-size:clamp(2.65rem,11vw,3.8rem)}
.section{padding:64px 0}.section-head{margin-bottom:30px}.grid{gap:18px}
.card-body{padding:22px}.card-body p{min-height:0}.split{gap:35px}
.page-hero{padding:64px 0 52px}.price-card{padding:25px}
.quote-band{padding:62px 0}.footer{padding-top:65px}.footer-grid{gap:24px}
.steps{grid-template-columns:1fr 1fr;gap:25px 15px}
}
@media(prefers-reduced-motion:no-preference){
.js-motion .motion-enter{opacity:0;transform:translateY(15px);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}
.js-motion .motion-enter.is-visible{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* QA PATCH — 2026-10-11 */
html{scroll-padding-top:110px}
body{overflow-x:clip}
main,section,article,div{min-width:0}
.skip:focus-visible{left:12px;top:12px;position:fixed;z-index:9999;outline:3px solid #2563eb}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #2563eb;outline-offset:3px}
button:disabled{cursor:wait;opacity:.7}
.form-status:focus{outline:none}
.form-status.is-error.show{background:#fff0f0;color:#8e2631;border:1px solid #eec7cb}
.form-status.is-success.show{background:#e4f3e9;color:#22563d;border:1px solid #c1dfcd}
.nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:7px}
.nav{z-index:45}
.notice-warning{background:#fff8e9;border-left:4px solid #9b7948;padding:15px 18px;margin:18px 0;color:#43341e}
@media(max-width:850px){.nav{max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}.nav a{min-height:44px;display:flex;align-items:center}.navwrap{position:relative}}
@media(max-width:560px){.hero-copy h1{overflow-wrap:normal}.topline .container{gap:12px}.form-shell{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}