/* OXETTE shared layout — used by index, about, contact, faq and service */
:root{
  --ink:#122326;
  --muted:#687477;
  --brand:#0d5d66;
  --brand-2:#163f45;
  --gold:#bd8a50;
  --paper:#fbfaf7;
  --white:#fff;
  --line:#e7e1d8;
  --soft:#f2eee8;
  --shadow:0 18px 45px rgba(21,35,38,.10);
  --radius:22px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.container{width:min(calc(100% - 38px),var(--max));margin-inline:auto}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px 14px;z-index:9999}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(18,35,38,.08)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;min-width:150px}.brand img{width:154px;height:auto}
.main-nav{display:flex;align-items:center;gap:8px}.main-nav a{padding:11px 14px;border-radius:999px;color:#304245;font-size:.93rem;font-weight:700;letter-spacing:.02em}.main-nav a:hover,.main-nav a[aria-current="page"]{background:#e8efef;color:var(--brand)}
.nav-cta{background:var(--ink)!important;color:#fff!important}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 11px;color:var(--ink);cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;background:currentColor;margin:4px 0}
.hero{min-height:640px;display:grid;align-items:end;background:linear-gradient(90deg,rgba(9,28,31,.84),rgba(9,28,31,.50) 48%,rgba(9,28,31,.07)),url('../images/hero.jpg') center/cover no-repeat;color:#fff;position:relative}
.hero-content{padding:100px 0 84px;max-width:720px}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.76rem;color:var(--gold)}.eyebrow:before{content:"";width:34px;height:1px;background:currentColor}
.hero h1,.page-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.03;letter-spacing:-.035em;margin:.35em 0 .28em}.hero h1{font-size:clamp(3.1rem,7vw,6.7rem)}.hero p{font-size:clamp(1.03rem,2vw,1.28rem);max-width:640px;color:#e6eeee}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:800;letter-spacing:.02em;cursor:pointer}.btn-primary{background:var(--gold);color:#19130d}.btn-primary:hover{filter:brightness(1.05)}.btn-light{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.06)}.btn-dark{background:var(--ink);color:#fff}.btn-outline{border-color:#cfc6ba;background:transparent;color:var(--ink)}
.section{padding:88px 0}.section-sm{padding:58px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-head h2,.content-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.15rem,4vw,3.55rem);line-height:1.08;font-weight:500;margin:0}.section-head p{max-width:560px;color:var(--muted);margin:0}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{position:relative;overflow:hidden;border-radius:var(--radius);background:#fff;min-height:390px;box-shadow:var(--shadow)}.category-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .55s ease}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,22,24,.76),rgba(8,22,24,0) 58%)}.category-card:hover img{transform:scale(1.035)}.category-card .label{position:absolute;left:24px;bottom:20px;z-index:2;color:#fff}.category-card h3{font-family:Georgia,'Times New Roman',serif;font-size:1.85rem;font-weight:500;margin:0}.category-card small{color:#e8e0d4;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.split{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.split-media{display:grid;grid-template-columns:1fr 1fr;gap:14px}.split-media img{height:480px;width:100%;object-fit:cover;border-radius:var(--radius)}.split-media img:last-child{margin-top:54px}.lead{font-size:1.15rem;color:#445457}.muted{color:var(--muted)}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.stat{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.stat strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:1.7rem;color:var(--brand)}.stat span{font-size:.9rem;color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:230px}.service-card .number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8efef;color:var(--brand);font-weight:900;margin-bottom:25px}.service-card h3{margin:0 0 10px;font-family:Georgia,'Times New Roman',serif;font-size:1.5rem}.service-card p{margin:0;color:var(--muted)}
.band{background:var(--brand-2);color:#fff}.band .section-head p{color:#ced9da}.band .service-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13)}.band .service-card p{color:#d9e2e3}.band .service-card .number{background:rgba(255,255,255,.12);color:#efd5b8}
.page-hero{padding:108px 0 74px;background:linear-gradient(135deg,#e7eeee,#f5efe7)}.page-hero h1{font-size:clamp(3rem,6.5vw,5.8rem);max-width:900px}.page-hero p{max-width:720px;font-size:1.16rem;color:#506063}.breadcrumbs{font-size:.85rem;color:#6d797b;margin-bottom:22px}.breadcrumbs a{color:var(--brand);font-weight:700}
.rich-text{max-width:820px}.rich-text h2,.rich-text h3{font-family:Georgia,'Times New Roman',serif;font-weight:500}.rich-text h2{font-size:2.25rem}.rich-text h3{font-size:1.45rem}.rich-text p{color:#46565a}.rich-text ul{padding-left:20px}.rich-text li{margin:.45rem 0}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.info-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.info-card h3{font-family:Georgia,'Times New Roman',serif;font-size:1.6rem;margin:0 0 9px}.info-card p{color:var(--muted);margin:0}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px}.contact-panel{background:var(--brand-2);color:#fff;border-radius:var(--radius);padding:38px}.contact-panel p{color:#d8e2e3}.contact-list{display:grid;gap:18px;margin-top:28px}.contact-item{padding-top:18px;border-top:1px solid rgba(255,255,255,.17)}.contact-item strong{display:block;color:#e9c9a5;margin-bottom:4px}
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:38px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:.9rem}.field input,.field textarea,.field select{width:100%;border:1px solid #d9d4cc;background:#fcfbf8;border-radius:13px;padding:13px 14px;color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(13,93,102,.10)}.field textarea{min-height:150px;resize:vertical}.form-note{font-size:.85rem;color:var(--muted);margin:14px 0 0}
.faq-list{display:grid;gap:12px;max-width:920px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.faq-list summary{cursor:pointer;list-style:none;padding:21px 58px 21px 22px;font-weight:800;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:22px;top:16px;font-size:1.65rem;color:var(--brand);font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-answer{padding:0 22px 22px;color:var(--muted)}
.cta{padding:74px 0}.cta-box{background:#132d31;color:#fff;border-radius:30px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-box h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(2rem,4vw,3.3rem);margin:0 0 10px}.cta-box p{margin:0;color:#cfdadb;max-width:650px}
.site-footer{border-top:1px solid var(--line);background:#f4f0ea}.footer-main{padding:58px 0 34px;display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:50px}.footer-brand img{width:155px;margin-bottom:18px}.footer-brand p{max-width:460px;color:var(--muted)}.footer-col h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.14em;margin:0 0 15px}.footer-col a{display:block;padding:5px 0;color:#536164}.footer-col a:hover{color:var(--brand)}.footer-bottom{border-top:1px solid var(--line);padding:18px 0 26px;color:#758083;font-size:.84rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.notice{background:#fff7e8;border:1px solid #ead5ad;color:#6b5431;padding:15px 18px;border-radius:14px;margin-top:20px}
@media (max-width:900px){.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:19px;right:19px;top:74px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.main-nav a{width:100%}.hero{min-height:580px;background-position:61% center}.category-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.split,.contact-layout{grid-template-columns:1fr}.split-media{order:-1}.stat-row{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.cta-box{align-items:flex-start;flex-direction:column}.info-grid{grid-template-columns:1fr}}
@media (max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.header-inner{min-height:72px}.brand img{width:135px}.main-nav{top:66px;left:14px;right:14px}.hero{min-height:610px}.hero-content{padding:86px 0 60px}.hero h1{font-size:3.4rem}.section{padding:66px 0}.section-sm{padding:46px 0}.section-head{align-items:flex-start;flex-direction:column}.category-grid,.service-grid,.stat-row{grid-template-columns:1fr}.category-card{min-height:330px}.split{gap:34px}.split-media img{height:320px}.split-media img:last-child{margin-top:28px}.page-hero{padding:76px 0 54px}.page-hero h1{font-size:3.2rem}.form-card,.contact-panel{padding:25px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-main{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.cta{padding:54px 0}.cta-box{padding:30px 24px;border-radius:22px}}