:root{--black:#050606;--gold:#d3a653;--white:#f3f3f0;--line:#333532}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font:16px/1.55 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.nav{height:72px;padding:0 4.7vw;display:flex;align-items:center;gap:4vw;position:absolute;z-index:5;width:100%;background:linear-gradient(#050606,transparent)}.brand{display:flex;align-items:center;font-family:Oswald,sans-serif;letter-spacing:-.04em;line-height:.8;min-width:230px}.brand-mark{font-size:2.7rem;font-weight:700;transform:skew(-8deg);margin-right:-5px}.brand strong{font-size:2.15rem;font-weight:500}.brand small{display:block;font-size:.78rem;text-align:right;letter-spacing:.04em;margin-top:6px}.nav nav{display:flex;gap:2.1rem;margin-left:auto}.nav nav a{font:500 .7rem Oswald,sans-serif;letter-spacing:.06em;padding:28px 2px 12px}.nav nav a.active{color:var(--gold);border-bottom:2px solid var(--gold)}.socials{display:flex;gap:18px;align-items:center}.menu{display:none;margin-left:auto;background:transparent;border:0;color:#fff}.hero{height:505px;padding:118px 5vw 35px;position:relative;background:linear-gradient(90deg,#050606 0%,rgba(5,6,6,.98) 31%,rgba(5,6,6,.12) 67%),url('assets/hero-studio.png') center right/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:115px;background:linear-gradient(transparent,#050606)}.hero-copy{position:relative;z-index:2;max-width:560px}.eyebrow{font:500 .7rem Oswald,sans-serif;letter-spacing:.5em;margin:0 0 12px}.hero h1{font:700 clamp(3.4rem,5vw,5.2rem)/1 Oswald,sans-serif;letter-spacing:.02em;margin:0}.hero h2{font:500 1.3rem Oswald,sans-serif;letter-spacing:.26em;margin:.25rem 0 1.35rem}.hero-copy>p:last-of-type{font-size:.92rem;line-height:1.5}.actions{display:flex;gap:20px;margin-top:1.6rem}.button{height:46px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);font:500 .72rem Oswald,sans-serif;letter-spacing:.16em}.gold{background:linear-gradient(90deg,#dbad5a,#efca84);color:#111}.ghost{background:rgba(5,6,6,.35);border-color:#aaa}.signature{position:absolute;z-index:2;left:38%;bottom:14px;color:var(--gold);font:2.2rem Yellowtail,cursive;transform:rotate(-2deg)}.discipline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 1.6vw 25px;position:relative;z-index:3}.discipline-grid>a{height:128px;padding:68px 20px 14px;border:1px solid #3a3b39;background-position:center;background-size:cover;position:relative;overflow:hidden}.discipline-grid>a:before,.thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,2,2,.92),rgba(1,2,2,.05))}.discipline-grid h3,.discipline-grid p{position:relative;margin:0}.discipline-grid h3{font:500 1.25rem Oswald,sans-serif}.discipline-grid p{font:500 .62rem Oswald,sans-serif;letter-spacing:.15em}.film{background-image:radial-gradient(circle at 30% 15%,#8b7a63,#26303b 40%,#080909 70%)}.ads{background-image:linear-gradient(30deg,#090909,#826849 55%,#111)}.sport{background-image:radial-gradient(circle at 50% 10%,#b7b8bb,#28303a 15%,#080a0b 70%)}.record{background-image:linear-gradient(120deg,#080808,#72573b 65%,#15110d)}.compact{padding:0 2.4vw 28px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2,.story-row h2,.contact h2{font:500 1.25rem Oswald,sans-serif;letter-spacing:.09em}.section-title a{font:500 .66rem Oswald,sans-serif;letter-spacing:.12em}.reel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.thumb{height:115px;position:relative;border:1px solid #5a5c58;background-size:cover;background-position:center;display:grid;place-items:center}.thumb button{position:relative;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid #fff;background:#0008;color:#fff}.thumb span{position:absolute;z-index:2;bottom:3px;right:4px;font:500 .65rem Oswald}.thumb.producer,.about-photo{background-image:linear-gradient(130deg,#17171788,#76634d55),url('assets/hero-studio.png')}.reel-grid h3{font:500 .87rem Oswald;margin:5px 0 0}.reel-grid p{font-size:.68rem;color:#b9bab6;margin:0}.track-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.track-grid article{display:grid;grid-template-columns:62px 1fr;gap:9px}.cover{height:75px;display:grid;place-items:center;font:700 1.1rem Oswald;border:1px solid #41423f}.c1{background:linear-gradient(145deg,#9b7045,#191b1d)}.c2{background:linear-gradient(145deg,#72767b,#141617)}.c3{background:linear-gradient(145deg,#3c3f43,#181515)}.c4{background:linear-gradient(145deg,#72513a,#171615)}.c5{background:linear-gradient(145deg,#283748,#101214)}.c6{background:linear-gradient(145deg,#80694c,#151515)}.track-grid h3{font-size:.78rem;margin:3px 0}.track-grid p{font-size:.6rem;color:#aaa;margin:0 0 5px;white-space:nowrap}.track-grid button{width:27px;height:27px;border-radius:50%;background:transparent;border:1px solid #fff;color:#fff;font-size:.58rem}.track-grid span{font-size:.6rem;color:#aaa;margin-left:8px}.story-row{display:grid;grid-template-columns:38% 62%;gap:20px;padding:6px 2.4vw 25px}.credits{border-right:1px solid var(--line);padding-right:20px}.credit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.credit-grid article{text-align:center}.credit-img{height:105px;display:grid;place-items:center;font:700 2.4rem Oswald;border:1px solid #3c3d3a}.queen{background:radial-gradient(circle,#8c6d5e,#191718)}.church{background:linear-gradient(145deg,#333,#0b0b0b)}.kenlond{background:radial-gradient(circle,#735a3a,#17130f)}.credit-grid h3{font:500 .72rem Oswald;line-height:1.1;margin:5px 0}.credit-grid p{font-size:.58rem;color:#bbb;line-height:1.35;margin:0}.small{height:36px;padding:0 20px;font-size:.62rem;margin-top:14px}.about{display:grid;grid-template-columns:55% 45%;gap:18px}.about p{font-size:.77rem;color:#d0d1cd}.about-photo{min-height:238px;background-position:70% center;background-size:cover;filter:grayscale(1)}.contact{min-height:265px;padding:45px 4.5vw;display:grid;grid-template-columns:36% 42% 22%;gap:35px;background:linear-gradient(#040505aa,#040505e8),url('assets/mountain-bg.png') center/cover no-repeat;border-top:1px solid #323330}.contact-copy{padding-right:30px;border-right:1px solid var(--gold);min-height:165px}.contact p{font-size:.75rem;color:#d3d4d1}.contact form{display:grid;gap:9px;padding-right:35px;border-right:1px solid #4a4b48}label{font-size:.56rem}input,textarea{width:100%;display:block;margin-top:3px;background:#353738cc;border:1px solid #626360;color:#fff;padding:8px 10px;font:inherit;font-size:.65rem;resize:none}.contact .button{height:34px;width:max-content;padding:0 20px;font-size:.58rem}.connect{padding-left:8px}.connect h3{font:500 .68rem Oswald;letter-spacing:.17em}.connect hr{border:0;border-top:1px solid var(--gold);margin:20px 0}.connect p{font:500 .58rem Oswald;letter-spacing:.13em}.connect p span{color:#a6a7a3}footer{height:54px;display:grid;place-items:center;color:#666;font-size:.62rem;border-top:1px solid #1c1d1c}
@media(max-width:900px){.nav nav{display:none;position:absolute;top:64px;left:0;right:0;background:#080909;padding:24px;flex-direction:column}.nav.open nav{display:flex}.menu{display:block}.nav>.socials{display:none}.hero{height:540px;background-position:65%}.signature{right:5%;left:auto}.discipline-grid,.reel-grid{grid-template-columns:repeat(2,1fr)}.track-grid{grid-template-columns:repeat(3,1fr)}.story-row{grid-template-columns:1fr}.credits{border:0}.contact{grid-template-columns:1fr 1fr}.connect{grid-column:1/-1}}@media(max-width:600px){.brand{min-width:0}.brand strong{font-size:1.65rem}.brand-mark{font-size:2rem}.hero{height:620px;padding:120px 6vw 30px;background-position:71%}.hero h1{font-size:3.6rem}.hero h2{font-size:.92rem}.actions{flex-direction:column;width:180px;gap:10px}.signature{display:none}.discipline-grid,.reel-grid,.track-grid,.about,.contact{grid-template-columns:1fr}.discipline-grid{padding:0 4vw 25px}.compact,.story-row{padding-left:4vw;padding-right:4vw}.track-grid article{grid-template-columns:72px 1fr}.contact{padding:40px 6vw}.connect{grid-column:auto}.contact-copy,.contact form{padding:0;border:0}}
.brand{min-width:245px;height:64px;overflow:hidden}.brand img{width:215px;height:64px;object-fit:cover;object-position:center}.hero{background-image:linear-gradient(90deg,#050606 0%,rgba(5,6,6,.98) 30%,rgba(5,6,6,.38) 55%,rgba(5,6,6,.04) 82%),url('assets/kc-console.jpg');background-size:cover,58% auto;background-position:center,right 38%;background-repeat:no-repeat}.discipline-grid .film,.thumb.film{background-image:linear-gradient(#0002,#0007),url('assets/mountain-bg.png')}.discipline-grid .ads,.thumb.ads{background-image:linear-gradient(#0003,#0008),url('assets/kenlond-studio.jpg')}.discipline-grid .record{background-image:linear-gradient(#0002,#0008),url('assets/reel-to-reel.jpg')}.thumb.producer{background-image:linear-gradient(#0002,#0007),url('assets/kc-console.jpg');background-position:center 60%}.about-photo{background-image:linear-gradient(#0001,#0005),url('assets/kenlond-studio.jpg');background-position:center}.credit-img.kenlond{font-size:0;background:#000 url('assets/kenlond-logo.jpg') center/cover no-repeat}@media(max-width:900px){.brand{min-width:190px}.brand img{width:175px}.hero{background-size:cover,78% auto;background-position:center,right center}}@media(max-width:600px){.brand{height:54px}.brand img{width:155px;height:54px}.hero{background-size:cover,auto 100%;background-position:center,70% center}}
