:root{--black:#080808;--off:#f3f0ec;--red:#ef241d;--white:#fff;--muted:#b8b8b8;--header:88px;--footer:58px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,3.5vw,68px);background:linear-gradient(180deg,rgba(0,0,0,.34),transparent)}
.brand{text-decoration:none;font-size:clamp(1.25rem,1.8vw,1.75rem);font-weight:900;letter-spacing:-.04em}
.brand span{color:var(--red)}
.main-nav{display:flex;align-items:center;gap:clamp(22px,3vw,54px);font-size:.9rem;text-transform:uppercase}
.main-nav a{text-decoration:none;opacity:.9}
.main-nav a:hover{opacity:1;color:var(--red)}
.nav-cta,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--red);color:#fff!important;border-radius:10px;font-weight:800;text-transform:uppercase;text-decoration:none}
.nav-cta{padding:14px 18px}
.menu-toggle{display:none}
.hero{position:relative;height:calc(100vh - var(--footer));min-height:650px;overflow:hidden;background:radial-gradient(ellipse 88% 132% at 94% 56%,rgba(240,234,230,.98) 0%,rgba(229,222,217,.90) 36%,rgba(190,183,177,.62) 57%,rgba(116,111,106,.27) 77%,transparent 96%),linear-gradient(90deg,#080808 0%,#0a0a0a 12%,#0f0f0f 22%,#181817 32%,#272624 42%,#3d3b38 52%,#5d5955 62%,#827c76 72%,#aaa39d 82%,#cbc4be 91%,#eae3df 100%);isolation:isolate}
.hero-copy{position:relative;z-index:3;width:52%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:calc(var(--header) + 24px) 6vw 54px 5vw}
.kicker{margin:0 0 24px;color:var(--red);font-size:.95rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.hero h1{margin:0;font-size:clamp(4.2rem,5.2vw,6.4rem);font-weight:800;line-height:.84;letter-spacing:-.06em;text-transform:uppercase}
.rule{width:74px;height:2px;background:var(--red);margin:34px 0 25px}
.strapline{margin:0;font-size:clamp(1rem,1.2vw,1.28rem);line-height:1.55;color:#eee}
.primary-button{margin-top:30px;min-height:52px;padding:0 22px}
.hero-visual{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}
.hero-visual::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(8,8,8,.36) 0%,rgba(8,8,8,.30) 18%,rgba(8,8,8,.22) 34%,rgba(8,8,8,.13) 48%,rgba(8,8,8,.06) 61%,transparent 76%);pointer-events:none}
.hero-visual::after{content:"";position:absolute;inset:-8%;z-index:0;background:url("../images/shrewd-owl-mascot.png") right -8vw bottom/auto 108% no-repeat;filter:blur(64px) saturate(.68);opacity:.46;transform:scale(1.07);transform-origin:right bottom;-webkit-mask-image:linear-gradient(90deg,transparent 14%,rgba(0,0,0,.30) 36%,#000 68%);mask-image:linear-gradient(90deg,transparent 14%,rgba(0,0,0,.30) 36%,#000 68%);pointer-events:none}
.hero-visual .owl-static,.hero-visual .owl-animation{position:absolute;z-index:1;height:88%;width:auto;max-width:none;right:-9%;bottom:0;object-fit:contain;filter:drop-shadow(0 26px 26px rgba(0,0,0,.22));-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 2%,rgba(0,0,0,.38) 4.5%,rgba(0,0,0,.72) 7.5%,#000 11%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 3%,rgba(0,0,0,.20) 7%,rgba(0,0,0,.42) 11%,rgba(0,0,0,.68) 16%,rgba(0,0,0,.86) 22%,#000 30%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 2%,rgba(0,0,0,.38) 4.5%,rgba(0,0,0,.72) 7.5%,#000 11%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 3%,rgba(0,0,0,.20) 7%,rgba(0,0,0,.42) 11%,rgba(0,0,0,.68) 16%,rgba(0,0,0,.86) 22%,#000 30%);mask-composite:intersect;transition:opacity .45s ease}
.hero-visual .owl-static{opacity:1}
.hero-visual .owl-animation{opacity:0}
.hero-visual.is-animating .owl-static{opacity:0}
.hero-visual.is-animating .owl-animation{opacity:1}
.content-section{padding:110px clamp(28px,6vw,110px);display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:clamp(50px,8vw,140px);align-items:start}
.content-section.light{background:var(--off);color:#111}
.content-section.dark{background:#111;color:white}
.section-heading h2,.contact-section h2{margin:0;font-size:clamp(2.25rem,4vw,4.6rem);line-height:.98;letter-spacing:-.05em}
.copy-card{font-size:1.2rem;line-height:1.7}
.owl-note{font-weight:800;color:var(--red)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.info-card{padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#171717}
.info-card span{color:var(--red);font-weight:800}
.info-card h3{font-size:1.35rem;margin:36px 0 12px}
.info-card p{color:#c8c8c8;line-height:1.55}
.quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.quote-grid blockquote{margin:0;padding:28px;border-radius:18px;background:#fff;border:1px solid #ddd;font-size:1.25rem;line-height:1.5;font-weight:700}
.contact-section{padding:100px clamp(28px,6vw,110px);display:flex;justify-content:space-between;align-items:end;gap:40px;background:linear-gradient(110deg,#0a0a0a,#222);border-top:1px solid rgba(255,255,255,.08)}
.contact-section p:not(.kicker){color:#ccc;font-size:1.1rem}
.site-footer{height:var(--footer);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,3.5vw,68px);background:#050505;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:#aaa}
.site-footer p{margin:0}
@media(max-width:980px){.main-nav{gap:18px}
.hero-copy{width:58%}
.hero h1{font-size:clamp(3.5rem,7vw,5.3rem)}
.hero-visual .owl-static,.hero-visual .owl-animation{right:-17%;height:96%}
.card-grid{grid-template-columns:1fr}
.content-section{grid-template-columns:1fr}
.quote-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){:root{--header:72px;--footer:76px}
.site-header{position:fixed;background:rgba(8,8,8,.94);backdrop-filter:blur(10px)}
.menu-toggle{display:block;background:transparent;color:#fff;border:1px solid #555;border-radius:8px;padding:9px 12px;text-transform:uppercase}
.main-nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;padding:20px 24px;background:#0b0b0b}
.main-nav.open{display:flex}
.main-nav a{padding:10px}
.hero{height:auto;min-height:860px;padding-top:var(--header)}
.hero-copy{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;padding:64px 24px 44px;background:linear-gradient(0deg,#080808 0%,#080808 74%,rgba(8,8,8,.92) 88%,transparent 100%)}
.hero h1{font-size:clamp(3rem,14vw,4.7rem)}
.hero-visual{top:var(--header);bottom:auto;height:52%}
.hero-visual .owl-static,.hero-visual .owl-animation{height:108%;right:-24%;bottom:-4%;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 24%);-webkit-mask-composite:initial;mask-image:linear-gradient(0deg,transparent 0%,#000 24%);mask-composite:add}
.hero-visual::before{background:linear-gradient(0deg,#080808 0%,rgba(8,8,8,.68) 22%,transparent 58%)}
.content-section{padding:76px 24px}
.quote-grid{grid-template-columns:1fr}
.contact-section{padding:76px 24px;display:block}
.site-footer{height:auto;min-height:var(--footer);flex-direction:column;justify-content:center;gap:6px;text-align:center}
}
@media(prefers-reduced-motion:reduce){.hero-visual .owl-animation{display:none}.hero-visual .owl-static{opacity:1!important}}