:root{--maroon:#5c1a2b;--muted:#6b5a5e;--serif:Gelasio,Georgia,serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#f0e4d3;color:#2b1a1e;font:14px/1.5 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
h1,h2,h3,.brand{font-family:var(--serif);font-weight:500}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}

header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:22px}
.logo{display:flex;align-items:center;gap:10px;font:22px/1 var(--serif);color:var(--maroon)}
.logo img{width:44px;height:44px}
.logo small{display:block;font-size:9px;margin-top:4px}
nav{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--maroon)}
nav [aria-current]{font-weight:600;text-decoration:underline;text-underline-offset:4px}

/* Our story card */
.story{background:#fff;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;margin-bottom:56px}
.story-img{position:relative;background:#d9c3aa}
.story-img img{position:absolute;inset:0}
.story-body{padding:40px 44px}
.tag{display:inline-block;background:#f6ece0;color:var(--maroon);font-size:10px;font-weight:600;letter-spacing:.04em;padding:5px 12px;border-radius:99px;margin-bottom:16px}
.story-body h1{font-size:clamp(24px,3vw,30px);line-height:1.2;color:var(--maroon);margin-bottom:16px}
.story-body p{color:var(--muted);margin-bottom:14px;font-size:13px}

/* Team */
.section-head{text-align:center;margin-bottom:32px}
.eyebrow{font-size:12px;font-weight:600;color:var(--maroon);margin-bottom:6px}
.section-head h2{font-size:26px}
.team{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:640px;margin:0 auto 56px}
.member{background:#fff;border-radius:10px;padding:20px;display:flex;gap:14px}
.member-img{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#d9c3aa}
.member h3{font-size:14px;margin-bottom:2px}
.role{font-size:10px;font-weight:600;color:var(--maroon);margin-bottom:8px}
.member p:last-child{font-size:12px;color:var(--muted)}

/* Values */
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:56px}
.value{background:#fff;border-radius:10px;padding:22px}
.icon{width:34px;height:34px;border-radius:50%;background:#f6ece0;display:flex;align-items:center;justify-content:center;font-size:15px;margin-bottom:14px}
.value h3{font-size:14px;margin-bottom:6px}
.value p{font-size:12px;color:var(--muted)}

/* Find us split */
.findus{background:#fff;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;margin-bottom:56px}
.findus-body{padding:36px 40px}
.findus-body h2{font-size:20px;color:var(--maroon);margin-bottom:10px}
.findus-body>p{font-size:13px;color:var(--muted);margin-bottom:18px}
.findus-body ul{list-style:none;display:grid;gap:10px;font-size:12px}
.findus-img{position:relative;background:#d9c3aa}
.findus-img img{position:absolute;inset:0}

/* Footer */
footer{background-color:#67202D;color:#FFFFFF;padding:40px 60px 20px;font-size:12px}
footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.brand{font-family:var(--serif);font-weight:500;font-size:20px;letter-spacing:1px;margin-bottom:12px}
footer p{max-width:44ch;font-size:11px;line-height:1.5;opacity:.8}
footer h4{color:#FFFFFF;font-size:12px;margin-bottom:6px}
footer ul{list-style:none;display:grid;gap:8px}
footer ul li a{color:#FFFFFF;text-decoration:none;font-size:11px;opacity:.8;transition:opacity .3s ease}
footer ul li a:hover{opacity:1;text-decoration:underline}
.social{display:grid;gap:8px}
.social a{display:flex;align-items:center;gap:8px;color:#FFFFFF;text-decoration:none;font-size:13px;font-weight:bold;line-height:1;transition:color .3s ease}
.social svg{width:30px;height:30px;flex-shrink:0}
.social a:hover{text-decoration:underline}
.copy{grid-column:1/-1;font-size:10px;opacity:.6;margin-top:15px}

@media(max-width:800px){
.story,.findus{grid-template-columns:1fr}
.story-img,.findus-img{aspect-ratio:16/9}
.team,.values{grid-template-columns:1fr}}

@media(max-width:768px){
footer{padding:35px 25px 20px}
footer .wrap{grid-template-columns:1fr}}

@media(max-width:480px){
footer .wrap{gap:25px}}