@charset "UTF-8";

/* Shop and contact use the band site's shared fonts, colours and paper. */
.subpage .header{grid-template-columns:minmax(180px,1fr) auto auto;gap:28px}
.subpage .header .brand{grid-row:1;grid-column:1}
.subpage .header-newsletter{grid-row:1;grid-column:3}
.subpage .sub-home{grid-row:1;grid-column:2;font-size:.875rem;text-transform:uppercase;white-space:nowrap}
.subpage .sub-intro{background:var(--grain),linear-gradient(120deg,var(--sky),var(--sky-light));padding-bottom:62px}
.subpage .sub-intro h1{font-size:clamp(68px,9vw,124px);margin:24px 0 28px}
.subpage .sub-intro .label-heading{background-color:var(--paper);color:var(--blue);padding-bottom:12px}
.subpage .sub-intro>p:last-child{max-width:640px;font-size:1.125rem;line-height:1.65}
.subpage .footer .footer-top{align-items:center}
.subpage .footer .text-link{font-size:.9375rem}

.shop-products{background:var(--paper) var(--grain)}
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:38px}
.shop-filters{display:flex;flex-wrap:wrap;gap:10px}
.shop-filter{border:1px solid #284d6955;background:transparent;color:var(--ink);padding:10px 20px;cursor:pointer;font-size:.875rem;line-height:1.5}
.shop-filter[aria-pressed="true"]{background:var(--orange) var(--grain);border-color:transparent;clip-path:var(--label-edge)}
.shop-filter:hover{border-color:var(--blue)}
.shop-count{font-size:.8125rem;white-space:nowrap;color:#405969}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px;align-items:stretch}
.product-card{display:flex;flex-direction:column;min-width:0}
.product-card[hidden]{display:none}
.product-image{position:relative;display:block;width:100%;aspect-ratio:4/5;background:#eeeae7;border:1px solid #284d691c;overflow:hidden}
.product-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:none;mask:none;clip-path:none}
.product-image:hover{outline:2px solid var(--orange);outline-offset:3px}
.product-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 0 0;flex:1}
.product-copy .eyebrow{font-size:.7rem;letter-spacing:.08em;color:#405969}
.subpage .product-copy h2{font-size:clamp(24px,2.3vw,34px);line-height:1.2;color:var(--blue);overflow-wrap:anywhere}
.product-price{font-size:1.15rem;margin-top:auto;padding-top:4px}
.product-link{font-size:.8125rem}
.shop-info{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-top:48px;border-top:1px solid var(--line);padding-top:28px}
.shop-info p{max-width:650px;font-size:.8125rem;line-height:1.65;color:#405969}
.shop-info .text-link{font-size:.8125rem;white-space:nowrap}
.shop-question{background:var(--orange) var(--grain);display:flex;justify-content:space-between;align-items:center;gap:30px}
.shop-question h2{font-size:clamp(42px,5vw,72px);color:var(--paper);margin-top:12px}
.shop-question>.text-link{font-size:clamp(16px,2vw,23px);overflow-wrap:anywhere}

.contact-content{background:var(--paper) var(--grain)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:40px;min-width:0;border:1px solid #284d692b;background:#b3cbd721}
.contact-booking{background:#e56b2810}
.subpage .contact-card h2{font-size:clamp(42px,4.5vw,66px);color:var(--blue)}
.contact-card>p:not(.eyebrow){max-width:420px;line-height:1.7}
.contact-main-link{font-size:clamp(16px,1.8vw,23px);overflow-wrap:anywhere;margin-top:auto}
.contact-phone{padding-top:6px}
.contact-phone p{font-size:.8125rem;margin-bottom:8px;color:#405969}
.contact-phone .text-link,.contact-secondary{font-size:.875rem}
.contact-press{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--grain),linear-gradient(120deg,#abc4d2,#c4d5de)}
.contact-press>div{max-width:740px}
.contact-press h2{font-size:clamp(38px,4.5vw,66px);color:var(--blue);margin:18px 0 24px}
.contact-press p:last-child{line-height:1.7}
.contact-press .button{flex-shrink:0;font-size:.8125rem;gap:16px}
.inline-link{border-bottom:1px solid currentColor;overflow-wrap:anywhere}

@media(max-width:1000px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-card{padding:30px}
  .contact-press{align-items:flex-start;flex-direction:column;gap:28px}
}
@media(max-width:760px){
  .subpage .header{grid-template-columns:minmax(0,1fr) auto;gap:18px 12px;padding-top:16px;padding-bottom:16px}
  .subpage .header .brand{grid-column:1/-1;grid-row:1;width:210px;max-width:100%}
  .subpage .sub-home{grid-column:1;grid-row:2;justify-self:start;font-size:.75rem}
  .subpage .header-newsletter{grid-column:2;grid-row:2;font-size:.75rem;padding:10px 12px;gap:10px}
  .subpage .sub-intro{padding-top:48px;padding-bottom:48px}
  .subpage .sub-intro h1{font-size:clamp(54px,15vw,84px);margin:22px 0}
  .subpage .sub-intro>p:last-child{font-size:1rem}
  .subpage .footer .footer-top{align-items:flex-start}
  .shop-toolbar{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:28px}
  .shop-filters{gap:8px}
  .shop-filter{padding:8px 14px;font-size:.8125rem}
  .product-grid{gap:32px 18px}
  .product-copy{gap:10px;padding-top:16px}
  .subpage .product-copy h2{font-size:clamp(20px,3.4vw,28px)}
  .product-copy .eyebrow{font-size:.625rem}
  .product-link{font-size:.6875rem}
  .product-price{font-size:1rem}
  .shop-info{flex-direction:column;gap:20px;margin-top:34px;padding-top:24px}
  .shop-question{align-items:flex-start;flex-direction:column;gap:28px}
  .contact-grid{grid-template-columns:1fr;gap:24px}
  .contact-card{padding:28px;gap:18px}
  .subpage .contact-card h2{font-size:48px}
  .contact-main-link{font-size:clamp(16px,4vw,22px)}
  .contact-press h2{font-size:clamp(36px,8vw,54px)}
}
@media(max-width:430px){
  .product-grid{grid-template-columns:1fr;gap:36px}
  .product-image{aspect-ratio:4/5}
  .subpage .product-copy h2{font-size:30px}
  .product-copy .eyebrow{font-size:.7rem}
  .product-link{font-size:.8125rem}
  .product-price{font-size:1.125rem}
  .contact-card{padding:24px}
}