
:root{
--burgundy:#6f001f;
--burgundy-dark:#4f0016;
--soft-burgundy:#f7eef1;
--text:#2b1b22;
--muted:#7a6670;
--bg:#fcfafb;
--card:#ffffff;
--line:#eadde2;
--max:1000px;
}

*{
box-sizing:border-box;
}

body{
margin:0;
font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
background:var(--bg);
color:var(--text);
line-height:1.65;
-webkit-font-smoothing:antialiased;
}

.container{
max-width:var(--max);
margin:auto;
padding:2rem;
}

header{
border-bottom:1px solid rgba(255,255,255,.08);
background:linear-gradient(135deg,var(--burgundy-dark),var(--burgundy));
color:white;
}

.header-top{
display:flex;
align-items:center;
gap:1.2rem;
flex-wrap:wrap;
}

.logo-box{
width:130px;
height:130px;
border-radius:28px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.18);
display:flex;
align-items:center;
justify-content:center;
padding:14px;
box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.logo-box img{
width:100%;
height:100%;
object-fit:contain;
}

.brand{
font-weight:800;
color:white;
font-size:1.35rem;
letter-spacing:.2px;
}

.small{
font-size:.95rem;
color:rgba(255,255,255,.85);
margin-top:.2rem;
}

nav{
display:flex;
gap:1rem;
font-size:.95rem;
margin-top:1.2rem;
flex-wrap:wrap;
}

nav a{
color:white;
text-decoration:none;
padding:.45rem .9rem;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.14);
transition:.2s;
}

nav a:hover{
background:rgba(255,255,255,.18);
}

.hero{
padding:3.5rem 0 2.5rem 0;
display:grid;
grid-template-columns:1.35fr .65fr;
gap:1.8rem;
align-items:center;
}

.hero-photo{
background:var(--card);
border:1px solid var(--line);
border-radius:22px;
padding:1rem;
box-shadow:0 10px 26px rgba(79,0,22,.08);
}

.hero-photo img{
width:100%;
aspect-ratio:4/5;
object-fit:cover;
border-radius:14px;
background:#f3edf0;
}

h1{
font-size:2.5rem;
margin-bottom:.7rem;
color:var(--burgundy);
line-height:1.12;
font-weight:800;
}

h2{
font-size:1.55rem;
margin-bottom:.5rem;
color:var(--burgundy);
font-weight:700;
}

section{
margin-top:2.7rem;
}

.card{
background:var(--card);
border:1px solid var(--line);
padding:1.5rem;
border-radius:16px;
margin-top:1rem;
box-shadow:0 8px 20px rgba(79,0,22,.04);
transition:.2s;
}

.card:hover{
box-shadow:0 12px 28px rgba(79,0,22,.08);
}

.grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:1.2rem;
}

.grid2{
display:grid;
grid-template-columns:1fr 1fr;
gap:1.2rem;
}

.small{
font-size:.96rem;
color:#7a6670;
line-height:1.6;
}

footer{
margin-top:3.5rem;
font-size:.9rem;
color:#7a6670;
border-top:1px solid var(--line);
padding-top:1.3rem;
}

@media(max-width:900px){

.grid{
grid-template-columns:1fr;
}

.grid2{
grid-template-columns:1fr;
}

.hero{
grid-template-columns:1fr;
}

.logo-box{
width:95px;
height:95px;
}

h1{
font-size:2rem;
}

}
