:root{--gold:#c69a59;--cream:#f4ecdf;--muted:#b6a99a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0e0c0a;color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 5vw;border-bottom:1px solid #544331;background:#100e0c}.logo{font:25px Georgia,serif;white-space:nowrap}.logo span,.gold{color:var(--gold)}.nav{display:flex;gap:20px;flex-wrap:wrap}.nav a{font-size:12px;color:#dfd3c3}.nav a:hover{color:var(--gold)}.hero{min-height:690px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#0e0c0a 2%,#0e0c0af2 33%,#0e0c0a80 100%),url('/images/monty-network-banner.webp') center right/contain no-repeat}.hero-content{padding:80px 7vw;max-width:850px;position:relative}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.27em;color:var(--gold)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal}h1{font-size:clamp(54px,7.5vw,110px);line-height:1.06;letter-spacing:-.04em;margin:28px 0}h1 em,h2 em{color:var(--gold);font-weight:normal}.lead{font-size:17px;line-height:1.85;color:#ded0bf;max-width:580px}.btn{display:inline-block;padding:17px 24px;margin:20px 12px 0 0;background:var(--gold);color:#16110b;font-weight:bold;font-size:13px}.btn.outline{background:transparent;color:var(--cream);border:1px solid var(--gold)}section.content{padding:95px 7vw;max-width:1600px;margin:auto}.story{display:grid;grid-template-columns:1fr 1fr;gap:70px}.story h2,.section-title{font-size:clamp(39px,4.8vw,67px);line-height:1.17;margin:12px 0}.story p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.9}.section-intro{color:var(--muted);line-height:1.8;margin-bottom:35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,#30261b,#15120f 80%);border:1px solid #4d3c2b;padding:32px;min-height:320px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.card:nth-child(3n){background-color:#121313}.card:hover{transform:translateY(-5px);border-color:var(--gold)}.symbol{font-size:30px;color:var(--gold)}.card{background-image:linear-gradient(180deg,#100d0a18 0%,#100d0a70 37%,#100d0afa 88%),url('/images/monty-network-banner.webp');background-size:cover,auto 100%;background-position:center,center;background-repeat:no-repeat;justify-content:flex-end;min-height:365px}.card:nth-child(2){background-position:center,60% center;background-color:#32200f}.card:nth-child(3){background-position:center,70% center;background-color:#20262d}.card:nth-child(4){background-position:center,80% center;background-color:#18212b}.card:nth-child(5){background-position:center,40% center;background-color:#19252a}.card:nth-child(6){background-position:center,55% center;background-color:#33231b}.card .symbol{display:block;font-size:36px;text-shadow:0 2px 12px #000;filter:drop-shadow(0 2px 5px #000)}.card h3{color:#f6e7cc;text-shadow:0 2px 10px #000}.card p,.card small,.card b{position:relative;z-index:1}.card small{letter-spacing:.18em;color:#c7ad8b;margin-top:20px}.card h3{font-size:36px;line-height:1.1;margin:20px 0 10px}.card p{color:#c9bcae;font-size:14px;line-height:1.75}.card b{color:var(--gold);font-size:12px;margin-top:auto;padding-top:18px}.banner{background:#1c1712;display:grid;grid-template-columns:1fr 1fr;align-items:center}.banner img{width:100%;display:block}.banner div{padding:60px 8vw}.banner h2{font-size:clamp(40px,4vw,64px)}.banner p{line-height:1.85;color:var(--muted)}.closing{text-align:center;padding:100px 24px 120px}.closing h2{font-size:clamp(43px,6vw,78px);margin:15px 0}.closing p{color:var(--muted)}footer{padding:45px 7vw;background:#15110e;border-top:1px solid #493727}footer .links{display:flex;gap:18px;flex-wrap:wrap;margin:25px 0;font-size:12px;color:#cbbba7}footer small{color:#a89a89}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.header{align-items:flex-start;flex-direction:column}.nav{gap:14px}}@media(max-width:650px){.cards,.story,.banner{grid-template-columns:1fr}.hero{min-height:660px;background:linear-gradient(90deg,#0e0c0af2,#0e0c0ac9),url('/images/monty-network-banner.webp') center/cover}.hero-content{padding:65px 6vw}.header{padding:20px 6vw}.nav a{font-size:12px}.content{padding:65px 6vw!important}.card{min-height:275px}.banner div{padding:40px 6vw}}.card:nth-child(1){background-image:linear-gradient(180deg,#0b0a0920,#0b0a09d9),url('/images/photography.jpg')}.card:nth-child(2){background-image:linear-gradient(180deg,#0b0a0920,#0b0a09d9),url('/images/music.jpg')}.card:nth-child(3){background-image:linear-gradient(180deg,#0b0a0920,#0b0a09d9),url('/images/apps.jpg')}.card:nth-child(4){background-image:linear-gradient(180deg,#0b0a0920,#0b0a09d9),url('/images/infrastructure.jpg')}.card:nth-child(5){background-image:linear-gradient(180deg,#0b0a0920,#0b0a09d9),url('/images/automation.jpg')}.card:nth-child(6){background-image:linear-gradient(180deg,#0b0a0920,#0b0a09d9),url('/images/projects.jpg')}.card{background-size:cover;background-position:center;min-height:385px;border-radius:14px;overflow:hidden;box-shadow:0 12px 35px #0005}.card .symbol{display:none}.card h3{color:#fff4de}.card p{color:#eee2d3}.card b{margin-top:0}.card:hover{box-shadow:0 18px 45px #0009}.hero{position:relative}.header{position:relative;justify-content:center;min-height:66px;background:#15110e;border-top:1px solid #58432e}.header .logo{position:absolute;bottom:calc(100% + 24px);left:7vw;z-index:5;color:#fff;text-shadow:0 2px 12px #000;font-size:clamp(24px,3vw,38px)}.header .nav{justify-content:center;gap:clamp(12px,2vw,28px)}.header .nav a{font-size:13px}.hero-content{padding-top:145px}@media(max-width:650px){.header .logo{left:6vw;bottom:calc(100% + 15px)}.hero-content{padding-top:130px}}.hero{min-height:clamp(380px,48vw,540px);background-size:cover;background-position:center}.hero-content{padding:80px 7vw 42px;max-width:900px}h1{font-size:clamp(46px,5.8vw,82px);line-height:1.02;margin:18px 0}.hero .lead{max-width:640px;line-height:1.55}.hero .btn{margin-top:12px}.header .logo{position:absolute;bottom:calc(100% + 15px);left:7vw;font-size:26px}.header{min-height:58px;padding:16px 5vw}.nav{justify-content:center;width:100%}section.content{padding-top:58px;padding-bottom:58px}@media(max-width:650px){.hero{min-height:490px}.hero-content{padding:100px 6vw 35px}h1{font-size:clamp(43px,11vw,64px)}.header .logo{left:6vw}.nav{justify-content:center}}
/* Keep the Monty Network wordmark in the upper-right of the hero. */
.hero{position:relative}
.header .logo{position:absolute;top:24px;right:5vw;bottom:auto;left:auto;z-index:5;color:#f4ecdf;text-shadow:0 2px 12px #000;font-size:clamp(22px,2vw,30px)}
@media(max-width:650px){.header .logo{top:18px;right:6vw;left:auto;font-size:22px}}

.hero-logo{position:absolute;top:25px;right:5vw;left:auto;z-index:6;font:clamp(22px,2vw,30px) Georgia,serif;color:#f4ecdf;text-shadow:0 2px 12px #000}.hero-logo span{color:#c69a59}@media(max-width:650px){.hero-logo{top:18px;right:6vw;font-size:22px}}

/* Brand-colour treatment for the homepage wordmark link. */
.hero-logo,.hero-logo:visited{color:#f4ecdf}.hero-logo span{color:#c69a59}.hero-logo:hover,.hero-logo:focus-visible{color:#fff4df}.hero-logo:hover span,.hero-logo:focus-visible span{color:#e3b979}

/* Navigation links use Monty Network gold, including visited links. */
.header .nav a,.header .nav a:link,.header .nav a:visited{color:#c69a59}
.header .nav a:hover,.header .nav a:focus-visible{color:#f4ecdf;text-decoration:underline;text-underline-offset:5px}

/* One understated footer across the Monty Network website. */
footer.site-footer{display:flex;justify-content:center;align-items:center;text-align:center;min-height:66px;padding:18px 20px;background:#15110e;border-top:1px solid #493727;color:#b6a99a}
footer.site-footer small{font:12px/1.7 Arial,Helvetica,sans-serif;color:#b6a99a}
footer.site-footer a,footer.site-footer a:visited{color:#c69a59;text-decoration:none;font:inherit}
footer.site-footer a:hover{color:#f4ecdf}
footer.site-footer a span{color:#c69a59}
footer.site-footer .sep{color:#816b4c;padding:0 8px}

footer.site-footer .footer-brand{color:#f4ecdf;font:inherit}footer.site-footer .footer-brand span{color:#c69a59}