:root{--black:#080808;--ink:#121212;--cream:#f3efe6;--white:#fff;--red:#e2442f;--line:rgba(255,255,255,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}h1,h2,h3,.wordmark{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;line-height:.94;margin:0}h1{font-size:clamp(4rem,9vw,8.5rem);max-width:1000px;letter-spacing:-.035em}h2{font-size:clamp(3.2rem,7vw,6.5rem);letter-spacing:-.025em}h3{font-size:2.4rem}.nav{height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:10;width:100%}.wordmark{font-size:1.55rem;text-decoration:none;letter-spacing:.04em}.wordmark span{color:var(--red)}nav{display:flex;gap:2rem}nav a{text-decoration:none;text-transform:uppercase;font-size:.8rem;font-weight:600;letter-spacing:.1em}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--red);padding:1rem 1.45rem;text-decoration:none;text-transform:uppercase;font-size:.82rem;font-weight:700;letter-spacing:.08em;border:1px solid var(--red);transition:.2s}.button:hover,.button:focus{background:#ff5b42;transform:translateY(-2px)}.button.small{padding:.65rem 1rem}.hero{min-height:100vh;padding:150px 5vw 50px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 45%,#3a1711 0,transparent 35%),linear-gradient(115deg,#080808 50%,#151515)}.hero:before{content:"";position:absolute;inset:82px 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:.5}.eyebrow,.section-num{font-size:.78rem;font-weight:700;letter-spacing:.18em;color:var(--red);margin:0 0 1.5rem}.lede{font-size:clamp(1.15rem,2vw,1.5rem);max-width:700px;color:#ccc;margin:2rem 0}.actions{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.text-link{font-weight:600;text-underline-offset:5px}.hero-art{height:70%;min-height:420px;border-left:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center}.number{font-family:"Barlow Condensed";font-size:18rem;font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12);position:absolute}.vertical{writing-mode:vertical-rl;letter-spacing:.35em;font-weight:700;font-size:.8rem}.soundwave{position:absolute;bottom:10%;display:flex;gap:7px;align-items:center}.soundwave i{display:block;width:4px;background:var(--red);animation:pulse 1.4s ease-in-out infinite;height:30px}.soundwave i:nth-child(2n){height:70px;animation-delay:.1s}.soundwave i:nth-child(3n){height:45px;animation-delay:.2s}@keyframes pulse{50%{transform:scaleY(.4);opacity:.55}}.hero-proof{position:absolute;bottom:40px;right:5vw;text-align:right;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.hero-proof span,.hero-proof strong{display:block}.hero-proof strong{font-size:1rem;color:var(--red)}.intro,.experience{background:var(--cream);color:var(--ink);padding:9vw 7vw;display:grid;grid-template-columns:1fr 3fr;gap:5vw}.intro .section-num,.experience .section-num{color:#9f2f20}.intro>div{max-width:950px}.large{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.4}.intro div>p:last-child{max-width:720px;color:#4d4d4d}.services{padding:9vw 5vw}.section-heading{display:grid;grid-template-columns:1fr 3fr;gap:5vw;margin-bottom:5rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid article{padding:3rem 2.2rem;min-height:360px;border-right:1px solid var(--line);display:flex;flex-direction:column}.service-grid article:last-child{border:0}.service-grid article>span{color:var(--red);font-size:.8rem}.service-grid h3{margin:2rem 0 1rem}.service-grid p{color:#aaa}.service-grid a{margin-top:auto;color:var(--red);font-weight:600;text-underline-offset:5px}.backpack{background:#151515;display:grid;grid-template-columns:1fr 1fr}.backpack-visual{min-height:720px;position:relative;overflow:hidden;background:linear-gradient(145deg,#24100d,#070707);display:flex;align-items:center;justify-content:center}.bag{font-family:"Barlow Condensed";font-size:5rem;font-weight:800;line-height:.8;text-align:center;padding:4rem 2rem;border:3px solid var(--cream);border-radius:45% 45% 20% 20%;transform:rotate(-3deg)}.weight{position:absolute;border:1px solid var(--red);color:var(--red);border-radius:50%;width:115px;height:115px;display:grid;place-items:center;font-weight:700;font-size:.75rem;letter-spacing:.12em}.w1{top:10%;left:15%}.w2{right:12%;top:25%;width:155px;height:155px}.w3{left:10%;bottom:10%;width:140px;height:140px}.backpack-copy{padding:8vw 7vw}.backpack-copy h2{margin-bottom:2rem}.backpack-copy p:not(.section-num){color:#c4c4c4}.backpack-copy ul{padding:0;list-style:none;margin:2rem 0}.backpack-copy li{padding:.8rem 0;border-bottom:1px solid var(--line)}.backpack-copy li:before{content:"•";color:var(--red);padding-right:.8rem}.impact{padding:10vw 8vw;text-align:center;background:var(--red)}blockquote{font-family:"Barlow Condensed";font-size:clamp(2.6rem,5vw,5rem);line-height:1.05;text-transform:uppercase;margin:0 auto 2rem;max-width:1200px}.impact p{font-size:.8rem;letter-spacing:.18em;font-weight:700}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.facts div{border-top:4px solid var(--red);padding-top:1rem}.facts strong,.facts span{display:block}.facts strong{font-family:"Barlow Condensed";font-size:2rem;text-transform:uppercase}.facts span{color:#666}.territories{grid-column:2;margin-top:4rem;max-width:900px}.contact{text-align:center;padding:10vw 5vw;background:linear-gradient(135deg,#181818,#080808)}.contact h2{max-width:1000px;margin:auto}.contact>p:not(.eyebrow){color:#aaa;font-size:1.2rem}.contact-actions{display:flex;justify-content:center;align-items:center;gap:2rem;margin:2.5rem 0;flex-wrap:wrap}.button.light{background:var(--cream);border-color:var(--cream);color:var(--ink)}.phone{font-family:"Barlow Condensed";font-size:2rem}.email{color:#aaa}footer{padding:2rem 5vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#888;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}@media(max-width:820px){.nav nav{display:none}.nav{padding:0 5vw}.hero{grid-template-columns:1fr;padding-top:130px}.hero-art{position:absolute;right:-80px;opacity:.32;border:0}.hero-copy{position:relative;z-index:1}.hero-proof{position:relative;bottom:auto;right:auto;text-align:left;margin-top:5rem;grid-column:1}.intro,.experience,.section-heading{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:280px}.backpack{grid-template-columns:1fr}.backpack-visual{min-height:520px}.facts{grid-template-columns:1fr}.territories{grid-column:1}.nav .button.small{display:none}}@media(max-width:500px){h1{font-size:3.8rem}.hero{padding-left:6vw;padding-right:6vw}.intro,.experience,.services,.backpack-copy{padding:20vw 6vw}.bag{font-size:3.6rem}.weight{transform:scale(.8)}footer{flex-direction:column;gap:.5rem}}
.experience-main{max-width:950px}.experience-main>.large{color:#4d4d4d}.facts{margin-top:3rem}.selected-work{padding:9vw 5vw}.work-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.work-list article{padding:3rem;border-bottom:1px solid var(--line)}.work-list article:nth-child(odd){border-right:1px solid var(--line)}.work-list article>span{color:var(--red);font-size:.75rem;font-weight:700;letter-spacing:.16em}.work-list h3{margin:1.2rem 0}.work-list p{color:#aaa}.selected-work .territories{max-width:1000px;margin:4rem auto 0;text-align:center;color:#aaa;font-size:1.1rem}.press{padding:7vw 5vw;background:#111}.press-links{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.press-links a{padding:2rem 1.3rem;text-decoration:none;border-right:1px solid var(--line);transition:.2s}.press-links a:last-child{border:0}.press-links a:hover{background:#1d1d1d}.press-links span,.press-links strong{display:block}.press-links span{color:var(--red);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.press-links strong{font-family:"Barlow Condensed";font-size:1.4rem;text-transform:uppercase;line-height:1.1}@media(max-width:820px){.work-list,.press-links{grid-template-columns:1fr}.work-list article,.work-list article:nth-child(odd),.press-links a{border-right:0;border-bottom:1px solid var(--line)}}
.testimonials{padding:8vw 5vw;background:#080808}.testimonials .section-heading{margin-bottom:3rem}.testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.testimonial{margin:0;padding:2rem;background:#141414;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:space-between;min-height:220px}.testimonial blockquote{font-family:Inter,Arial,sans-serif;font-size:1rem;line-height:1.7;text-transform:none;margin:0 0 1.5rem;max-width:none;color:#e5e5e5}.testimonial figcaption{color:var(--red);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem}@media(max-width:820px){.testimonial-grid{grid-template-columns:1fr}.testimonial{min-height:0}}

.work-list article:last-child:nth-child(odd){grid-column:1/-1;border-right:0}.work-list article:last-child:nth-child(odd) p{max-width:950px}

.photo-gallery{padding:8vw 5vw;background:#111}.photo-gallery .section-heading{margin-bottom:1.5rem}.photo-credit{margin:0 0 2rem;color:#aaa;font-size:1rem;letter-spacing:.04em}.photo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;align-items:start}.photo-grid figure{grid-column:span 2;margin:0;background:#141414;border:1px solid rgba(255,255,255,.12)}.photo-grid figure:nth-child(n+4){grid-column:span 3}.photo-grid img{display:block;width:100%;height:auto}
@media(max-width:820px){.photo-grid{grid-template-columns:1fr}.photo-grid figure,.photo-grid figure:nth-child(n+4){grid-column:span 1}}

/* Section links in the top bar remain usable on phones as a horizontal tab strip. */
.nav{height:82px;gap:1rem}
.nav nav{display:flex;flex:1;justify-content:center;gap:.4rem;min-width:0;overflow-x:auto;scrollbar-width:none}
.nav nav::-webkit-scrollbar{display:none}
.nav nav a{white-space:nowrap;border:1px solid rgba(255,255,255,.2);padding:.45rem .65rem;font-size:.875rem;letter-spacing:.04em;transition:background .2s,border-color .2s,color .2s}
.nav nav a:hover,.nav nav a:focus-visible{background:var(--red);border-color:var(--red);color:#fff}
#backpack,#experience,#hosting,#music,#photo-gallery,#testimonials{scroll-margin-top:1.5rem}
@media(max-width:820px){
  .nav{height:110px;display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;gap:0 1rem;padding:0 5vw}
  .nav nav{display:flex;flex:0 0 100%;justify-content:flex-start;order:3;margin-top:.35rem;padding:.2rem 0}
  .nav .button.small{display:none}
  .hero{padding-top:155px}
}

/* Selected experience: a compact portfolio grid with expandable detail. */
.selected-work{padding:clamp(4rem,8vw,9rem) 5vw;background:var(--cream);color:var(--ink)}
.work-heading{display:grid;grid-template-columns:1fr 3fr;gap:5vw;align-items:start;margin-bottom:clamp(2rem,5vw,4rem)}
.work-heading .section-num{color:#9f2f20}
.work-heading h2{max-width:1050px}
.work-heading>div>p{color:#555;font-size:1.1rem;margin:1.2rem 0 0}
.work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;border:0;align-items:stretch}
.work-list .work-card,.work-list .work-card:nth-child(odd),.work-list .work-card:last-child:nth-child(odd){grid-column:auto;border:1px solid rgba(18,18,18,.12);background:#fff;padding:1.7rem;margin:0;min-height:330px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.work-list .work-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(18,18,18,.1)}
.work-card-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(18,18,18,.1)}
.work-index{font-family:"Barlow Condensed",Impact,sans-serif;color:#c63524;font-size:3.2rem;line-height:.8;font-weight:700}
.work-category{color:#812518;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-align:right}
.work-list .work-card h3{font-size:2.2rem;line-height:1;margin:0 0 .8rem;color:var(--ink)}
.work-summary{font-size:1rem;line-height:1.6;color:#555;margin:0 0 1.5rem}
.work-card details{margin-top:auto;border-top:1px solid rgba(18,18,18,.1);padding-top:.9rem}
.work-card summary{color:#9f2f20;font-weight:700;cursor:pointer;text-underline-offset:4px}
.work-card details[open] summary{margin-bottom:.9rem}
.work-card details p{color:#444;font-size:.95rem;line-height:1.7;margin:0}
.territory-panel{margin:2rem auto 0;padding:2rem 2.2rem;max-width:1100px;background:#171717;color:#fff;border-left:4px solid var(--red)}
.territory-label{font-size:.8rem;font-weight:700;letter-spacing:.16em;color:#ff715e;margin:0 0 .75rem}
.selected-work .territories{max-width:none;margin:0;text-align:left;color:#ddd;font-size:1rem;line-height:1.75}
.music-links{margin:0 0 1.25rem;padding:.9rem 1rem;background:#f4f2ee;border-left:3px solid var(--red)}
.music-links>p{margin:0 0 .55rem;color:#555;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.music-track{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem 0;border-top:1px solid rgba(18,18,18,.1);font-weight:700}
.music-track>span:last-child{display:flex;gap:.45rem}
.music-track a{display:inline-block;padding:.3rem .55rem;border:1px solid rgba(18,18,18,.18);color:#812518;font-size:.8rem;text-decoration:none;white-space:nowrap}
.music-track a:hover,.music-track a:focus-visible{background:#171717;color:#fff}
@media(max-width:1000px){.work-list{grid-template-columns:repeat(2,minmax(0,1fr))}.work-heading{grid-template-columns:1fr 2fr}}
@media(max-width:820px){.work-list{grid-template-columns:repeat(2,minmax(0,1fr))}.work-heading{grid-template-columns:1fr}.work-list .work-card{min-height:0}}
@media(max-width:560px){.work-list{grid-template-columns:1fr}.work-list .work-card{padding:1.35rem}.territory-panel{padding:1.4rem}}
@media(max-width:380px){.music-track{align-items:flex-start;flex-direction:column}}
.social-links{display:flex;justify-content:center;gap:1rem;margin:2.2rem auto 0;flex-wrap:wrap}.social-links a{display:inline-flex;align-items:center;gap:.75rem;padding:.8rem 1.15rem;border:1px solid var(--line);text-decoration:none;text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.1em;transition:.2s}.social-links a:hover,.social-links a:focus{border-color:var(--red);background:rgba(226,68,47,.12);transform:translateY(-2px)}.social-icon{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:800;text-transform:none;letter-spacing:0}footer a{color:#bbb;text-underline-offset:4px}footer a:hover{color:#fff}@media(max-width:820px){footer{align-items:flex-start}}
