:root{
  --bg:#050505;--panel:#0c0c0d;--line:#28282b;--text:#f3efe7;
  --muted:#b5b1ad;--red:#e30718;--max:1540px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}

.site-header{height:88px;max-width:var(--max);margin:auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d1d1f}
.brand{height:72px;display:flex;align-items:center}
.brand img,.footer-brand img{display:block;width:auto;object-fit:contain}
.brand img{max-height:68px}
.footer-brand img{max-height:52px}
.site-header nav{display:flex;gap:40px;align-items:center}
.site-header nav a{font-family:'Space Grotesk',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#d4d0cc;padding:33px 0 25px;border-bottom:2px solid transparent}
.site-header nav a:hover,.site-header nav a.active{color:#fff;border-color:var(--red)}
.site-header nav a.active{color:var(--red)}

main{max-width:var(--max);margin:auto;padding:42px 42px 76px}
.intro{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:34px;align-items:start;padding:0 0 28px;border-bottom:1px solid #27272a}
.intro h1{margin:0;font-family:'Space Grotesk',sans-serif;font-size:54px;line-height:.9;text-transform:uppercase;letter-spacing:-.05em}
.intro h1 span{display:block}
.intro-copy{max-width:none;padding-top:2px}
.intro-copy p{margin:0;font-size:16px;line-height:1.5;color:#e5e1dd}
.intro-copy p+p{margin-top:12px}
.instagram-block{width:300px;align-self:start}
.instagram-cta{width:100%;height:56px;border:1px solid var(--red);border-radius:4px;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:13px;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.055em;transition:.22s}
.instagram-cta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.instagram-cta svg .fill{fill:currentColor;stroke:none}
.instagram-cta:hover{background:var(--red)}
.instagram-note{margin:12px 0 0;font-size:12px;line-height:1.45;color:var(--muted)}

.editorials{padding-top:24px}
.editorials h2{margin:0 0 18px;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:.12em}
.editorial-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.editorial-card{position:relative;display:block;aspect-ratio:4/5;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--panel)}
.editorial-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,filter .35s ease}
.editorial-card:hover img{transform:scale(1.025);filter:brightness(.83)}
.card-action{position:absolute;left:0;right:0;bottom:0;min-height:62px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(5,5,5,.18),rgba(5,5,5,.88));font-family:'Space Grotesk',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.055em}
.card-action b{font-size:26px;font-weight:400;transition:transform .2s ease}
.editorial-card:hover .card-action b{transform:translateX(4px)}
.daily{margin:34px 0 0;text-align:center;font-family:'Space Grotesk',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.13em;color:#dedad5}
.daily a{color:var(--red)}

footer{max-width:var(--max);margin:0 auto;border-top:1px solid #1d1d1f;padding:24px 42px 34px;display:flex;align-items:center;justify-content:space-between;color:#9f9b97;font-size:12px}
footer p{margin:0;letter-spacing:.04em}
footer>a:last-child{color:#ddd}

@media(max-width:1100px){
  .site-header nav{gap:22px}
  .intro{grid-template-columns:190px minmax(0,1fr);gap:26px}
  .intro h1{font-size:46px}
  .instagram-block{grid-column:2;width:min(300px,100%)}
}
@media(max-width:820px){
  .site-header{height:auto;min-height:82px;padding:11px 22px;align-items:center}
  .brand img{max-height:58px}
  .site-header nav{gap:14px;overflow-x:auto;white-space:nowrap;margin-left:16px}
  .site-header nav a{font-size:10px;padding:28px 0 20px}
  main{padding:28px 22px 56px}
  .intro{grid-template-columns:1fr;gap:15px;padding-bottom:26px}
  .intro h1{font-size:44px;line-height:.9}
  .intro h1 span{display:inline}
  .intro h1 span+span:before{content:' '}
  .intro-copy p{font-size:15px}
  .instagram-block{grid-column:auto;width:100%}
  .instagram-cta{min-width:0;width:max-content;height:50px;padding:0 18px;font-size:12px}
  .instagram-note{font-size:12px}
  .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .daily{font-size:11px;line-height:1.6;margin-top:26px}
  footer{padding:22px;gap:18px;flex-wrap:wrap}
  footer p{order:3;width:100%}
}
@media(max-width:520px){
  .site-header{display:block;padding:10px 18px 0}
  .brand{height:58px}
  .site-header nav{margin:0;padding-bottom:0;gap:20px}
  .site-header nav a{padding:18px 0 13px}
  main{padding:24px 16px 46px}
  .intro h1{font-size:36px}
  .intro-copy p{font-size:14px;line-height:1.5}
  .instagram-cta{width:100%;justify-content:center}
  .instagram-note{text-align:left}
  .editorials{padding-top:20px}
  .editorials h2{font-size:15px;margin-bottom:14px}
  .editorial-grid{grid-template-columns:1fr;gap:14px}
  .editorial-card{aspect-ratio:4/5}
  .card-action{min-height:55px;padding:0 17px;font-size:12px}
  footer{display:block;text-align:center}
  .footer-brand{display:inline-block;margin-bottom:18px}
  footer p{margin:15px 0}
}