#hero{background:#000;padding-block:clamp(1.25rem,.8rem + 3vw,5rem)}
#hero .hero{display:grid;gap:clamp(1.25rem,.9rem + 2vw,4rem);align-items:center;max-width:1180px;margin-inline:auto;padding-inline:max(var(--gutter),6vw)}

@media (min-width:900px){#hero .hero{grid-template-columns:1.15fr .85fr}#hero .hero__reel{height:auto;width:100%;aspect-ratio:9/16}}
#hero .hero__kicker{margin:0 0 var(--sp-3);font-family:var(--ff-body);font-weight:500;font-size:.75rem;letter-spacing:.34em;text-transform:uppercase;color:#8A8175}

#hero .hero__title{margin:0;line-height:.94;letter-spacing:-.01em;text-transform:uppercase;font-family:var(--ff-display);font-weight:800;font-size:clamp(1.75rem,1.1rem + 3.6vw,3.5rem);color:#EFEBE4;max-width:15ch}
#hero .hero__sub{margin:clamp(1.25rem,.9rem + 1.4vw,2rem) 0 0;max-width:40ch;font-size:clamp(1rem,.95rem + .3vw,1.1875rem);line-height:1.6;color:#EFEBE4}
#hero .hero__actions{display:flex;flex-wrap:wrap;gap:.875rem;margin-top:clamp(1.5rem,1.1rem + 1.4vw,2.25rem)}
#hero .hero__note{margin:var(--sp-4) 0 0;font-size:.875rem;line-height:1.6;color:#8A8175;max-width:44ch}

#hero .hero__reel{position:relative;border-radius:2px;overflow:hidden;background:#151918;height:46svh;width:calc(46svh * 9 / 16);max-width:100%;margin-inline:auto}
#hero .hero__clip{width:100%;height:100%}
#hero .hero__clip video{width:100%;height:100%;object-fit:cover}

@media (max-width:899px){
  #hero{position:relative;padding:0;min-height:calc(100svh - var(--header-h));display:flex;align-items:flex-end;overflow:hidden}
  
  #hero .hero{position:static;display:block;width:100%;padding-block:2rem}
  #hero .hero__type{position:relative;z-index:2}
  #hero .hero__reel{position:absolute;inset:0;z-index:0;height:100%;width:100%;border-radius:0;margin:0;max-width:none}
  #hero .hero__clip,#hero .hero__clip video{width:100%;height:100%;object-fit:cover}
  
  
  #hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.97) 0%,rgba(0,0,0,.95) 30%,rgba(0,0,0,.86) 46%,rgba(0,0,0,.5) 62%,rgba(0,0,0,.22) 78%,rgba(0,0,0,.45) 100%)}
  
  #hero .hero__kicker{margin-bottom:var(--sp-2);color:#D8D2C9}
  #hero .hero__note{color:#C4BDB3}
  #hero .hero__title{font-size:clamp(1.625rem,1rem + 3.4vw,2.25rem)}
  #hero .hero__sub{margin-top:.75rem}
  #hero .hero__actions{margin-top:1.25rem}
  #hero .hero__note{margin-top:1rem;font-size:.8125rem}
  
  #hero [data-nn-sound-toggle]{top:auto;bottom:auto;right:.75rem}
}

#the-work{background:#000;padding-block:clamp(3rem,2rem + 4vw,6rem)}
.band-head{max-width:52ch;margin-bottom:clamp(1.75rem,1.2rem + 2vw,3rem)}
.band-head__kicker{margin:0 0 var(--sp-2);font-family:var(--ff-body);font-weight:500;font-size:.75rem;letter-spacing:.34em;text-transform:uppercase;color:#8A8175}
.band-head__title{margin:0;font-family:var(--ff-display);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1;font-size:clamp(1.75rem,1.2rem + 2.6vw,3.25rem);color:#EFEBE4}
.band-head__lede{margin:var(--sp-3) 0 0;font-size:1rem;line-height:1.65;color:#A79F94}

#the-work .reel-row{display:grid;grid-auto-flow:column;grid-auto-columns:64%;grid-template-columns:none;gap:clamp(.5rem,.3rem + .8vw,1rem);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}
#the-work .reel-tile{scroll-snap-align:start}

#the-work .reel-row__hint{display:flex;align-items:center;gap:.4rem;margin:0 0 .75rem;font-family:var(--ff-body);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#8A8175}
#the-work .reel-row__dot{width:5px;height:5px;border-radius:999px;background:#C9C2B8;opacity:.5}
#the-work .reel-row__dot:first-child{opacity:1}
@keyframes drsha-swipe-nudge{0%,60%{transform:translateX(0)}75%{transform:translateX(-22px)}100%{transform:translateX(0)}}
#the-work .reel-row{animation:drsha-swipe-nudge 2.2s ease 1.1s 1}
@media (prefers-reduced-motion:reduce){#the-work .reel-row{animation:none}}
@media (min-width:760px){#the-work .reel-row__hint{display:none}#the-work .reel-row{animation:none}}
.reel-tile{position:relative;display:block;text-decoration:none;border-radius:2px;overflow:hidden;background:#151918;aspect-ratio:9/16}
.reel-tile__clip{width:100%;height:100%}
.reel-tile__clip video{width:100%;height:100%;object-fit:cover}

.reel-tile__label{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .8rem;font-family:var(--ff-body);font-weight:500;font-size:.8125rem;letter-spacing:.02em;color:#EFEBE4;background:rgba(0,0,0,.9);text-decoration:none}
.reel-tile__go{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:#C9C2B8;white-space:nowrap}
.reel-tile__label:hover{color:#C9C2B8}
.reel-tile__label:hover .reel-tile__go{color:#EFEBE4}
@media (min-width:760px){#the-work .reel-row{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,1fr);overflow-x:visible}}
@media (min-width:1100px){#the-work .reel-row{grid-template-columns:repeat(6,1fr)}}

#mens{background:#151918;padding-block:clamp(3rem,2rem + 4vw,6rem)}
#mens .split{display:grid;gap:clamp(1.5rem,1rem + 2.4vw,3rem);align-items:start}
#mens .split__reels{display:grid;grid-template-columns:1fr;gap:clamp(.5rem,.3rem + .8vw,1rem)}
@media (min-width:600px){#mens .split__reels{grid-template-columns:repeat(3,1fr)}}
#mens .split__clip{border-radius:2px;overflow:hidden;background:#000;aspect-ratio:9/16;display:block}
#mens .split__clip video{width:100%;height:100%;object-fit:cover}
.price-line{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin:0 0 var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid rgba(201,194,184,.18)}
.price-line__name{font-family:var(--ff-body);font-weight:500;font-size:1rem;color:#EFEBE4}
.price-line__amt{font-family:var(--ff-display);font-weight:700;font-size:1.0625rem;color:#C9C2B8;white-space:nowrap}
#mens .split__note{margin:0 0 var(--sp-4);font-size:.9375rem;line-height:1.65;color:#A79F94;max-width:38ch}
.stills{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,.3rem + .8vw,1rem);margin-top:clamp(1.5rem,1rem + 2vw,2.75rem)}
.stills__img{width:100%;height:auto;display:block;border-radius:2px;aspect-ratio:3/4;object-fit:cover}
@media (min-width:760px){.stills{grid-template-columns:repeat(5,1fr)}}
@media (min-width:900px){#mens .split{grid-template-columns:1.4fr .6fr}}

#womens{background:#000;padding-block:clamp(3rem,2rem + 4vw,6rem)}
#womens .split{display:grid;gap:clamp(1.5rem,1rem + 2.4vw,3rem);align-items:start}
#womens .split__reels{display:grid;grid-template-columns:1fr;gap:clamp(.5rem,.3rem + .8vw,1rem)}
@media (min-width:600px){#womens .split__reels{grid-template-columns:repeat(3,1fr)}}
#womens .split__clip{border-radius:2px;overflow:hidden;background:#151918;aspect-ratio:9/16;display:block}
#womens .split__clip video{width:100%;height:100%;object-fit:cover}
#womens .split__note{margin:0 0 var(--sp-4);font-size:.9375rem;line-height:1.65;color:#A79F94;max-width:38ch}
@media (min-width:900px){#womens .split{grid-template-columns:.6fr 1.4fr}#womens .split--flip .split__reels{order:2}#womens .split--flip .split__aside{order:1}}

#the-gallery{background:#151918;padding-block:clamp(3rem,2rem + 4vw,6rem)}
#the-gallery .gal{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,.3rem + .8vw,1rem)}

#the-gallery .gal__img{width:100%;height:auto;display:block;border-radius:2px;aspect-ratio:3/4;object-fit:cover}
@media (min-width:760px){#the-gallery .gal{grid-template-columns:repeat(4,1fr)}}

#meet-ariel{background:#000;padding-block:clamp(3rem,2rem + 4vw,6rem)}
#meet-ariel .meet{max-width:62ch;margin-inline:auto;text-align:center}

#meet-ariel .meet__portrait{width:min(260px,62vw);margin:0 auto clamp(1rem,.6rem + 1.6vw,2rem);position:relative}
#meet-ariel .meet__img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 72%,rgba(0,0,0,.7) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 72%,rgba(0,0,0,.7) 88%,transparent 100%)}
@media (min-width:900px){
  
  #meet-ariel .meet{max-width:none;display:grid;grid-template-columns:minmax(0,320px) minmax(0,58ch);gap:clamp(2rem,1.4rem + 3vw,4.5rem);align-items:center;justify-content:center;text-align:left}
  #meet-ariel .meet__portrait{width:100%;margin:0}
  #meet-ariel .meet__kicker,#meet-ariel .meet__quote,#meet-ariel .meet__sign{grid-column:2}
  #meet-ariel .meet__portrait{grid-column:1;grid-row:1 / span 3}
  #meet-ariel .meet__name{display:inline;margin-left:.35rem}
}
#meet-ariel .meet__kicker{margin:0 0 var(--sp-4);font-family:var(--ff-body);font-weight:500;font-size:.75rem;letter-spacing:.34em;text-transform:uppercase;color:#8A8175}
#meet-ariel .meet__quote{margin:0;padding:0;border:0}
#meet-ariel .meet__quote p{margin:0 0 var(--sp-4);font-size:clamp(1.0625rem,1rem + .5vw,1.375rem);line-height:1.6;color:#EFEBE4}
#meet-ariel .meet__quote p:last-child{margin-bottom:0}
#meet-ariel .meet__sign{margin:clamp(1.5rem,1.1rem + 1.4vw,2.25rem) 0 0;font-size:.9375rem;color:#8A8175}
#meet-ariel .meet__name{font-family:var(--ff-display);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#C9C2B8;display:block;margin-top:.35rem;font-size:1.0625rem}

#before-you-book{background:#151918;padding-block:clamp(3rem,2rem + 4vw,6rem)}
#before-you-book .policy{display:grid;grid-template-columns:1fr;gap:clamp(.75rem,.5rem + 1vw,1.25rem)}
#before-you-book .policy__card{background:#000;border:1px solid rgba(201,194,184,.16);border-radius:2px;padding:clamp(1.1rem,.9rem + .8vw,1.6rem)}
#before-you-book .policy__card h3{margin:0 0 var(--sp-2);font-family:var(--ff-display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.9375rem;color:#C9C2B8}
#before-you-book .policy__card p{margin:0;font-size:.9375rem;line-height:1.65;color:#EFEBE4}
@media (min-width:680px){#before-you-book .policy{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){#before-you-book .policy{grid-template-columns:repeat(4,1fr)}}

#questions{background:#000;padding-block:clamp(3rem,2rem + 4vw,6rem)}
#questions .faq{display:grid;grid-template-columns:1fr;gap:clamp(.75rem,.5rem + 1vw,1.25rem)}
#questions .faq__item{border-top:1px solid rgba(201,194,184,.2);padding-top:clamp(1rem,.8rem + .8vw,1.5rem)}
#questions .faq__item h3{margin:0 0 var(--sp-2);font-family:var(--ff-display);font-weight:700;font-size:1.0625rem;color:#C9C2B8}
#questions .faq__item p{margin:0;font-size:.9375rem;line-height:1.7;color:#EFEBE4;max-width:62ch}
@media (min-width:900px){#questions .faq{grid-template-columns:repeat(2,1fr);gap:clamp(1.25rem,1rem + 1.4vw,2.25rem)}}

#book-with-ariel{background:#151918;padding-block:clamp(3rem,2rem + 4vw,6rem)}
#book-with-ariel .menu{display:grid;grid-template-columns:1fr;gap:0 clamp(1.5rem,1rem + 3vw,4rem)}
#book-with-ariel .menu__list{list-style:none;margin:0;padding:0}
#book-with-ariel .menu__list li{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:var(--sp-3) 0;border-bottom:1px solid rgba(201,194,184,.16);font-size:1rem;color:#EFEBE4}
#book-with-ariel .menu__list li span:last-child{font-family:var(--ff-display);font-weight:700;color:#C9C2B8;white-space:nowrap}

.book-form{margin-top:clamp(2rem,1.4rem + 2.4vw,3.5rem);max-width:62ch}
.book-form__lede{margin:0 0 var(--sp-4);font-size:1rem;line-height:1.6;color:#A79F94}
.bk__form .field{margin:0 0 var(--sp-4)}
.bk__form label{display:block;margin-bottom:.4rem;font-family:var(--ff-body);font-weight:500;font-size:.8125rem;letter-spacing:.06em;color:#C9C2B8}
.bk__form input,.bk__form textarea{width:100%;background:#000;border:1px solid rgba(201,194,184,.3);border-radius:2px;padding:.85rem .9rem;color:#EFEBE4;font-family:var(--ff-body);font-size:1rem;line-height:1.4}
.bk__form input:focus,.bk__form textarea:focus{outline:2px solid #C9C2B8;outline-offset:1px;border-color:#C9C2B8}
.bk__form textarea{resize:vertical;min-height:120px}
.bk__submit{margin-top:var(--sp-2)}
@media (min-width:680px){.bk__row{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(1rem,.8rem + 1vw,1.5rem)}}
.book-cta{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(1rem,.8rem + 1.6vw,2.5rem);margin-top:clamp(1.75rem,1.2rem + 2vw,3rem)}
.book-cta__contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);font-size:.9375rem;color:#A79F94}
.book-cta__contact a{color:#A79F94;text-decoration:none}
.book-cta__contact a:hover{color:#EFEBE4}
@media (min-width:760px){#book-with-ariel .menu{grid-template-columns:repeat(2,1fr)}}

video[data-nn-video]{max-width:100%;height:auto;display:block;background:#000}
[data-nn-sound-toggle]{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:.4rem;
  padding:8px 14px;min-height:40px;border:0;border-radius:999px;cursor:pointer;
  font:inherit;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  background:rgba(0,0,0,.62);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
[data-nn-sound-toggle]:hover{background:rgba(0,0,0,.8)}
[data-nn-sound-toggle]:focus-visible{outline:2px solid currentColor;outline-offset:3px}
[data-nn-video-frame]{position:relative;overflow:hidden}
@media (prefers-reduced-motion:reduce){video[data-nn-video]{animation:none}}