@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#eeeae1;--ink:#262922;--muted:#64665d;--accent:#758365}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}.site-header{margin:0 4.5%;height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26292233;font-size:10px;letter-spacing:1.5px;font-weight:600}.monogram{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:34px;font-weight:800;letter-spacing:-1px}.monogram span{font:10px Arial;vertical-align:top;display:inline-block;padding:5px}.header-description{margin-left:50px}.header-listen{display:flex;align-items:center;gap:24px}.header-listen span{font-size:23px}.hero{margin:46px 4.5% 0;display:grid;grid-template-columns:1.18fr 1fr;column-gap:5%;position:relative}.hero-heading{padding-top:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:700;font-size:clamp(100px,15.8vw,250px);line-height:.81;letter-spacing:-.035em;margin:39px 0 40px;position:relative}h1>span:not(.name-star){color:var(--accent)}.name-star{font-family:Arial,sans-serif;font-size:.38em;position:absolute;bottom:.04em;right:8%;color:var(--accent);font-weight:400}.hero-intro{display:flex;align-items:center;justify-content:space-between;padding-right:10%}.hero-intro p{font-size:18px;line-height:1.6;margin:0}.round-link{display:grid;place-items:center;border:1px solid #26292255;width:53px;height:53px;border-radius:50%;font-size:24px;transition:background .2s,transform .2s}.round-link:hover{background:#deded1;transform:translateY(3px)}.hero-photo{position:relative;aspect-ratio: .87;overflow:hidden}.hero-photo img{object-position:center 37%}.hero-photo figcaption{position:absolute;left:20px;right:20px;bottom:20px;color:white;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid #26292233;padding:28px 0;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.photographs{padding:90px 4.5% 110px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:35px}h2{font-size:clamp(34px,4.5vw,70px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:0}h2 span{color:var(--accent)}.photo-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;align-items:start}.photo img{aspect-ratio: .72;transition:filter .35s,transform .5s}.photo{overflow:hidden}.photo:hover img{filter:brightness(1.08)}.photo figcaption{display:flex;justify-content:space-between;margin-top:14px;font-size:9px;letter-spacing:1.5px}.second{margin-top:95px}.third{margin-top:40px}.third img{object-fit:contain;background:#070d11}.music{background:#20251f;color:var(--paper);display:grid;grid-template-columns:1fr 1.15fr;min-height:560px}.music-image{overflow:hidden;max-height:650px}.music-image img{object-position:center 38%;filter:brightness(.8)}.music-content{padding:85px 12%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.music-content .eyebrow{margin-bottom:36px;color:#b8c3ae}.music-content h2{font-size:clamp(48px,5.5vw,85px)}.music-content p{color:#b5b9ae;font-size:14px;margin:28px 0 36px}.spotify-button{display:flex;gap:14px;align-items:center;border:1px solid #a5af9777;border-radius:50px;padding:18px 25px;font-size:13px;transition:background .2s}.spotify-button>span{margin-left:30px;font-size:22px}.spotify-button:hover{background:#3a4532}footer{display:flex;align-items:center;justify-content:space-between;padding:36px 4.5%;font-size:9px;letter-spacing:1.4px}.footer-name{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;letter-spacing:-.4px;font-weight:700}@media(min-width:1700px){.hero,.photographs,.site-header,footer{max-width:1600px;margin-left:auto;margin-right:auto}.photographs{padding-left:0;padding-right:0}.hero-photo{max-height:780px}}@media(max-width:800px){.site-header{height:78px}.header-description{display:none}.hero{gap:22px;margin-top:30px}.hero-heading{padding-top:10px}h1{font-size:17vw;margin:30px 0}.hero-photo{aspect-ratio:.66}.hero-intro p{font-size:13px}.round-link{width:40px;height:40px}.hero-photo figcaption{left:12px;right:12px;font-size:7px}.hero-photo figcaption span:first-child{display:none}.hero-bottom{font-size:7px;letter-spacing:1px}.photographs{padding-top:65px;padding-bottom:70px}.photo-grid{gap:15px}.second{margin-top:55px}.third{margin-top:25px}.photo figcaption{font-size:7px;letter-spacing:.6px}.music{min-height:430px}.music-content{padding:45px 9%}.music-content h2{font-size:46px}.spotify-button{padding:14px 18px;gap:9px}.spotify-button>span{margin-left:12px}footer{gap:20px}}@media(max-width:520px){.site-header{font-size:9px}.header-listen{gap:12px}.hero{grid-template-columns:1fr;gap:30px}.hero-heading{position:relative}h1{font-size:31vw;margin:28px 0}.name-star{right:12%}.hero-intro{padding-right:0}.hero-photo{aspect-ratio:.95}.hero-photo img{object-position:center 30%}.hero-bottom{padding:4px 0 22px;gap:20px}.hero-bottom span:first-child{max-width:180px;line-height:1.6}.section-heading{gap:20px}.section-heading .eyebrow{font-size:8px;letter-spacing:1px}.photo-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.second{margin-top:40px}.third{grid-column:1/-1;width:70%;margin:0 auto}.photo figcaption{font-size:8px}.music{grid-template-columns:1fr}.music-image{height:380px}.music-content{padding:50px 7% 60px}.music-content h2{font-size:60px}.music-content .eyebrow{margin-bottom:25px}footer{flex-wrap:wrap;padding-top:28px;padding-bottom:28px}footer .footer-name{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
