/*
Theme Name: Brelix Resources
Author: Brelix Resources Ltd
Description: A minimal, modern one-page corporate theme for Brelix Resources Ltd.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: brelix-resources
*/
:root{--br-ink:#071b2c;--br-teal:#00a6c7;--br-deep:#03101e;--br-muted:#647481;--br-bg:#f7fafb;--br-white:#fff;--br-line:#e4ebef;--br-max:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--br-bg);color:var(--br-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--br-teal);outline-offset:4px}
.br-wrap{width:min(var(--br-max),calc(100% - 48px));margin-inline:auto}
.br-header{padding:24px 0;border-bottom:1px solid var(--br-line);background:rgba(255,255,255,.9)}
.br-header-inner{display:flex;align-items:center;justify-content:flex-start;gap:24px}
.br-logo{display:block;width:250px;max-width:70%;height:auto}
.br-hero{position:relative;overflow:hidden;padding:clamp(76px,11vw,130px) 0 clamp(74px,10vw,112px);background:linear-gradient(120deg,#fff 0%,#f3f8fa 65%,#eaf7fa 100%)}
.br-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(0,166,199,.16);border-radius:50%;right:-150px;top:-170px;box-shadow:0 0 0 50px rgba(0,166,199,.035),0 0 0 100px rgba(0,166,199,.025);pointer-events:none}
.br-kicker{display:flex;align-items:center;gap:12px;color:var(--br-teal);font-size:11px;font-weight:750;letter-spacing:.2em;text-transform:uppercase}
.br-kicker:before{content:"";width:30px;height:2px;background:var(--br-teal)}
.br-hero h1{position:relative;z-index:1;max-width:800px;margin:25px 0 22px;font-size:clamp(46px,7.5vw,82px);font-weight:650;letter-spacing:-.065em;line-height:1}
.br-hero h1 span{color:var(--br-teal)}
.br-hero p{position:relative;z-index:1;max-width:520px;margin:0;color:var(--br-muted);font-size:clamp(16px,2vw,19px);line-height:1.8}
.br-section{padding:68px 0}
.br-section-inner{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start}
.br-label{margin:6px 0 0;color:var(--br-teal);font-size:11px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.br-section h2{margin:0 0 18px;max-width:650px;font-size:clamp(30px,4vw,44px);font-weight:600;letter-spacing:-.045em;line-height:1.12}
.br-section p{max-width:640px;margin:0;color:var(--br-muted);font-size:16px;line-height:1.85}
.br-values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--br-line);margin-top:36px}
.br-value{padding:22px 20px 0 0}
.br-value b{display:block;margin-bottom:8px;font-size:14px}
.br-value span{display:block;color:var(--br-muted);font-size:13px;line-height:1.7}
.br-contact{padding:62px 0;background:#eef6f8}
.br-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.br-contact h2{margin:14px 0 12px;font-size:clamp(30px,4.2vw,46px);font-weight:600;letter-spacing:-.05em;line-height:1.12}
.br-contact-intro{color:var(--br-muted);font-size:15px;max-width:390px}
.br-form{display:grid;gap:16px;padding:28px;background:#fff;border:1px solid var(--br-line);border-radius:4px}
.br-field{display:grid;gap:6px}
.br-field label{font-size:12px;font-weight:700;letter-spacing:.04em}
.br-field input{width:100%;min-height:48px;padding:12px 13px;border:1px solid #cbd7dd;border-radius:2px;background:#fff;color:var(--br-ink);font:inherit}
.br-field input::placeholder{color:#8a98a1}
.br-submit{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;border:0;border-radius:2px;background:var(--br-teal);color:#03101e;font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.br-submit:hover{background:#0092b0}
.br-privacy{margin:0;color:var(--br-muted);font-size:12px}
.br-notice{padding:12px 14px;border-left:3px solid var(--br-teal);background:#f0fafc;font-size:13px}
.br-notice-error{border-color:#a33;background:#fff5f5}
.br-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.br-outro{padding:55px 0;background:var(--br-deep);color:#fff}
.br-outro-inner{display:flex;justify-content:space-between;align-items:center;gap:36px}
.br-outro h2{margin:14px 0 0;font-size:clamp(30px,4.5vw,48px);font-weight:550;letter-spacing:-.05em;line-height:1.12}
.br-outro h2 span{color:#20c4df}
.br-top{display:inline-block;white-space:nowrap;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:2px;padding:12px 17px;font-size:12px;font-weight:650;letter-spacing:.06em}
.br-top:hover{background:var(--br-teal);border-color:var(--br-teal);color:#03101e}
.br-footer{padding:22px 0;background:#020b14;color:#a8b7c2}
.br-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}
.br-footer p{margin:0}
.br-footer strong{color:#fff;letter-spacing:.13em;text-transform:uppercase}
@media(max-width:760px){.br-wrap{width:calc(100% - 36px)}.br-header{padding:18px 0}.br-logo{width:205px}.br-section{padding:50px 0}.br-section-inner,.br-contact-grid{grid-template-columns:1fr;gap:18px}.br-values{grid-template-columns:1fr;margin-top:25px}.br-value{padding:17px 0;border-bottom:1px solid var(--br-line)}.br-contact{padding:48px 0}.br-form{padding:20px}.br-outro-inner{align-items:flex-start;flex-direction:column;gap:24px}.br-footer-inner{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
