@import url('https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@400;500&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#080808;background:white;font-family:Oswald,'Arial Narrow',Arial,sans-serif}a{color:inherit}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b35e38;outline-offset:5px}.logo{display:grid;place-items:center;border:2px solid;border-radius:50%;width:54px;height:54px;margin:39px auto 0;text-decoration:none;font-family:Anton,sans-serif;font-size:24px;transform:rotate(-8deg)}.nav{position:absolute;left:max(calc((100% - 1006px)/2),28px);top:108px;display:flex;flex-direction:column;gap:14px;z-index:5}.nav a{font-family:Anton,Impact,sans-serif;font-size:22px;text-decoration:none;width:max-content}.nav a:hover,.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}.page{max-width:1006px;padding:0 38px;margin:95px auto 110px}.title{font-family:Anton,Impact,sans-serif;font-size:139px;font-weight:400;line-height:1;margin:0;text-align:center;letter-spacing:-3px}.media{display:flex;align-items:center;justify-content:center;background:#eeedeb;color:#787570;position:relative;overflow:hidden;min-width:0}.media:before{content:'';position:absolute;inset:16px;border:1px solid #d4d1cd;pointer-events:none}.media span{position:relative;padding:25px;font-size:13px;letter-spacing:.1em;text-align:center;text-transform:uppercase}.home{min-height:100svh;background:#dedbd6}.home .logo{position:absolute;top:39px;left:calc(50% - 27px);margin:0}.home .hero{position:absolute;inset:0;background:linear-gradient(135deg,#d3d0ca,#eeece8 50%,#c3c0b9)}.home .hero:before{inset:25px}.home .hero span{font-size:15px;letter-spacing:.2em}.home .nav{top:auto;bottom:80px}.home-note{position:absolute;bottom:28px;right:32px;font-size:12px;max-width:250px;color:#55524d}.portrait{width:61%;aspect-ratio:1.13;margin-left:auto}.about-title{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:130px;line-height:1.04;letter-spacing:-3px;position:relative;margin:-79px 0 36px 10%;max-width:800px}.bio{max-width:550px;margin:35px 0 70px auto;font-size:20px;line-height:1.6}.contact{max-width:640px;margin:75px auto 0}.contact h2{font:400 66px/1.1 Anton,Impact,sans-serif;margin:0 0 24px}.contact p{color:#666;font-size:15px}.contact label{display:block;margin:20px 0 5px;font-size:17px}.contact input,.contact textarea{width:100%;background:#f2f1ef;border:0;border-bottom:1px solid #bbb;padding:12px;font-size:18px;border-radius:0}.contact textarea{min-height:130px;resize:vertical}.contact button{border:1px solid #aaa;background:#eee;color:#666;padding:12px 25px;margin-top:20px}.contact button:disabled{cursor:not-allowed}.video-main{margin-top:-10px}.video-frame{width:100%;aspect-ratio:16/9;border:0;background:#eee;display:block}.reel{max-width:790px;margin:auto}.caption{font-size:13px;text-align:right;margin:20px 0 42px;letter-spacing:.03em}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 23px}.video-grid h2{font:400 21px/1.3 Anton,Impact,sans-serif;margin:18px 0 8px}.video-grid p{margin:0;font-size:16px}.gallery{margin-top:-32px;position:relative}.photo-group{margin-bottom:115px}.photo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.photo-row .media{aspect-ratio:2/3}.photo-group h2{font:400 18px/1.3 Anton,Impact,sans-serif;text-align:right;margin-top:16px}.dj-page{margin-top:0}.dj-page .title{margin-top:0}.dj-composition{display:grid;grid-template-columns:28% 44% 28%;grid-template-rows:auto auto;position:relative;margin-top:-45px;gap:0}.dj-hero{grid-column:2/4;grid-row:1;aspect-ratio:1.49;min-height:250px}.dj-left{grid-column:1;grid-row:1/3;aspect-ratio:2/3;align-self:start;margin-top:295px;z-index:1}.dj-right{grid-column:3;grid-row:2;aspect-ratio:2/3;transform:translate(30px,-25px)}.dj-copy{grid-column:2;grid-row:2;padding:35px 30px 0;font-size:18px;line-height:1.4}.dj-copy p{margin-top:0}.draft-bar{font-family:Arial,sans-serif;font-size:11px;position:relative;text-align:center;padding:11px 20px;background:#f6f5f3;color:#68645e}.site-footer{text-align:center;margin:70px 0 30px;font-size:12px;color:#777}.skip{position:absolute;top:-80px;left:20px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}
@media(max-width:700px){.logo{margin-top:25px;width:46px;height:46px;font-size:20px}.nav{position:relative;inset:auto;flex-direction:row;justify-content:center;gap:22px;margin:30px 0 0}.nav a{font-size:18px}.page{padding:0 22px;margin-top:55px}.title{font-size:94px;letter-spacing:-2px}.portrait{width:84%;aspect-ratio:.85}.about-title{font-size:clamp(54px,13vw,85px);margin:-48px 0 25px;letter-spacing:-1px}.bio{font-size:18px;margin:20px 0 50px}.contact h2{font-size:49px}.video-grid{grid-template-columns:1fr;gap:35px}.caption{margin:15px 0 30px}.gallery{margin-top:-16px}.photo-row{gap:8px}.photo-row .media span{font-size:9px;padding:8px}.media:before{inset:8px}.photo-group{margin-bottom:65px}.photo-group h2{font-size:15px}.dj-page{margin-top:45px}.dj-composition{margin-top:-24px;grid-template-columns:30% 40% 30%}.dj-hero{min-height:180px;grid-column:1/4;margin-left:25px}.dj-left{margin-top:160px}.dj-right{transform:translate(0,0);margin-top:35px}.dj-copy{padding:20px 15px;font-size:15px;grid-column:1/3;margin-top:90px}.home .nav{position:absolute;left:0;right:0;bottom:85px;margin:0;gap:30px;flex-wrap:wrap}.home .logo{top:25px;left:calc(50% - 23px)}.home-note{right:25px;left:25px;text-align:center;max-width:none;font-size:11px}.home .hero span{font-size:12px}.draft-bar{font-size:10px}}

.portrait-photo{overflow:hidden}.portrait-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
/* Preserve the original About portrait/title spacing. */
body[data-page=about] .portrait{width:58.5%;aspect-ratio:1}
body[data-page=about] .about-title{font-size:157px;line-height:1.04;margin:-85px 0 24px;letter-spacing:-3px}
body[data-page=about] .bio{max-width:590px;margin:24px 0 70px;font-size:20px}
@media(max-width:1006px) and (min-width:701px){body[data-page=about] .about-title{font-size:15.6vw;margin-top:-8.45vw}}
@media(max-width:700px){body[data-page=about] .portrait{width:58.5%;aspect-ratio:1}body[data-page=about] .about-title{font-size:15.3vw;line-height:1.04;margin:-8.3vw 0 20px;letter-spacing:-1px}body[data-page=about] .bio{font-size:18px;margin:20px 0 50px}}

.logo{border:0;transform:none}.logo img{display:block;width:100%;height:100%;object-fit:contain}

.home .landing-video{width:100%;height:100%;object-fit:cover;display:block}.home .nav a{color:white;text-shadow:0 1px 8px #0009}
/* Landing-page navigation follows the original full-screen menu. */
.home .logo{top:16px;left:calc(50% - 32px);width:64px;height:64px;z-index:6}
.home .nav{position:absolute;left:0;right:0;top:17svh;bottom:9svh;margin:0;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:0}
.home .nav a{font-family:Anton,Impact,sans-serif;font-size:clamp(58px,15svh,166px);line-height:1;color:#fff;letter-spacing:-.025em;text-shadow:none;text-decoration:none}
.home .nav a:hover,.home .nav a:focus-visible{text-decoration:underline;text-underline-offset:.08em;text-decoration-thickness:3px}
@media(max-width:700px){.home .logo{top:16px;left:calc(50% - 26px);width:52px;height:52px}.home .nav{top:19svh;bottom:10svh}.home .nav a{font-size:min(14svh,25vw)}}

.dj-photo{overflow:hidden}.dj-photo img{display:block;width:100%;height:100%;object-fit:cover}
/* DJ composition proportions from the supplied reference. */
.dj-composition{display:block;container-type:inline-size;position:relative;aspect-ratio:1.09;margin-top:-45px}
.dj-composition .dj-hero{position:absolute;left:15.3%;top:0;width:72.9%;aspect-ratio:1.5;min-height:0;margin:0;z-index:1}
.dj-composition .dj-left{position:absolute;left:0;top:29.9cqw;width:26.7%;aspect-ratio:2/3;margin:0;z-index:3}
.dj-composition .dj-right{position:absolute;left:70.3%;top:46.9cqw;width:29.7%;aspect-ratio:2/3;margin:0;transform:none;z-index:3}
.dj-composition .dj-copy{position:absolute;left:30%;top:53cqw;width:36%;padding:0;margin:0;font-size:clamp(14px,1.7cqw,18px);line-height:1.4;z-index:2}
@media(max-width:700px){.dj-composition{margin-top:-24px;aspect-ratio:auto;min-height:145cqw}.dj-composition .dj-copy{left:0;top:96cqw;width:100%;font-size:17px}.dj-composition .dj-hero{margin:0}.dj-composition .dj-right{top:46.9cqw}.dj-composition .dj-left{top:29.9cqw}}

.photo-row{align-items:start}.photo-row>img{display:block;width:100%;height:auto}

.photo-row{gap:18px;align-items:stretch}.photo-row>img{width:100%;height:100%;object-fit:contain}.photo-group h2{margin-top:18px}.photo-group{margin-bottom:115px}@media(max-width:700px){.photo-row{gap:8px}.photo-group{margin-bottom:65px}.photo-group h2{margin-top:14px}}

.photo-row{overflow:hidden}.photo-row>img{min-width:0;min-height:0;width:100%;height:100%;object-fit:cover;object-position:center}

.reel-title{font:400 21px/1.3 Anton,Impact,sans-serif;text-align:left;margin:18px 0 30px;text-transform:uppercase}.video-grid h2{margin-bottom:2px}.video-grid h2+p{margin-top:0}