.st{
--st-ivory:#FBF8F4;
--st-r:14px;
--st-pad:clamp(3.5rem,7vw,6rem);
background:var(--st-ivory);color:var(--hh-charcoal);
}
.ibiza-stay{padding-bottom:65px}
@media(min-width:900px){.ibiza-stay{padding-bottom:0}}
@media(max-width:899px){.ibiza-stay .wa{bottom:calc(65px + 1rem)}}
.st-eyebrow{
font-family:var(--hh-body);font-size:var(--hh-t-label);font-weight:700;
letter-spacing:.32em;text-transform:uppercase;color:var(--hh-gold);
margin-bottom:.875rem;
}
.st-eyebrow--light{color:var(--hh-gold-hi)}
.st-head{max-width:760px;margin-bottom:clamp(2rem,4vw,3rem)}
.st-head h2{font-size:clamp(1.875rem,4.2vw,2.875rem);letter-spacing:-.03em;line-height:1.1}
.st-head--center{margin-left:auto;margin-right:auto;text-align:center}
.st-head__lede{margin-top:1rem;color:var(--hh-warm-grey);font-size:1.0625rem;line-height:1.6}
.st-head--center .st-head__lede{margin-left:auto;margin-right:auto;max-width:56ch}
.st h2{font-size:clamp(1.875rem,4.2vw,2.875rem);letter-spacing:-.03em;line-height:1.1}
.st h3{font-size:1.25rem}
.st-lede{font-size:1.1875rem;line-height:1.6;font-weight:300;color:var(--hh-charcoal)}
.st-fine{font-size:var(--hh-t-sm);line-height:1.6;color:var(--hh-warm-grey);margin-top:1.25rem}
.st figcaption{margin-top:.75rem;font-size:var(--hh-t-sm);line-height:1.45;color:var(--hh-warm-grey)}
.st section{padding:var(--st-pad) 0}
.st-hero{
position:relative;isolation:isolate;background:var(--hh-ink);color:var(--hh-white);
display:flex;align-items:flex-end;
min-height:clamp(560px,86vh,880px);padding:calc(var(--hh-header-h) + 2rem) 0 clamp(3rem,7vh,5.5rem);
}
.st-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.st-hero::after{
content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background:
linear-gradient(180deg,rgb(var(--hh-ink-rgb) / .58) 0%,rgb(var(--hh-ink-rgb) / .2) 26%,rgb(var(--hh-ink-rgb) / .78) 72%,rgb(var(--hh-ink-rgb) / .92) 100%),
linear-gradient(90deg,rgb(var(--hh-ink-rgb) / .72) 0%,rgb(var(--hh-ink-rgb) / .3) 55%,transparent 88%);
}
@media(max-width:759px){
.st-hero::after{
background:linear-gradient(180deg,rgb(var(--hh-ink-rgb) / .46) 0%,rgb(var(--hh-ink-rgb) / .12) 20%,rgb(var(--hh-ink-rgb) / .62) 52%,rgb(var(--hh-ink-rgb) / .92) 100%);
}
}
.st-hero__inner{position:relative;max-width:820px;margin-right:auto}
.st-hero__title{
font-size:clamp(2.75rem,8vw,5rem);line-height:.98;letter-spacing:-.035em;
color:var(--hh-white);margin-bottom:1.25rem;
}
.st-hero__promise{
font-family:var(--hh-display);font-size:clamp(1.25rem,2.6vw,1.75rem);line-height:1.3;
color:var(--hh-gold-hi);margin-bottom:1.25rem;letter-spacing:-.01em;
}
.st-hero__lede{
font-size:1.0625rem;line-height:1.65;font-weight:300;max-width:60ch;
color:rgb(var(--hh-white-rgb) / .88);
}
.st-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 2rem;margin-top:2rem}
.st-mark{
display:inline-flex;align-items:center;gap:.6rem;margin:0;
font-size:var(--hh-t-label);font-weight:700;letter-spacing:.2em;text-transform:uppercase;
color:var(--hh-white);
border:1px solid rgb(var(--hh-white-rgb) / .34);border-radius:999px;padding:.7rem 1.15rem;
}
.st-mark__icon{display:flex;color:var(--hh-gold-hi)}
.st-mark__icon svg{width:16px;height:16px}
.st-concept__inner{display:grid;gap:1.5rem;align-items:start}
@media(min-width:900px){
.st-concept__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2.5rem,6vw,5rem)}
}
.st-concept__lead h2{text-wrap:balance}
.st-concept__body p+p{margin-top:1rem}
.st-claim{
margin:clamp(2.5rem,5vw,4rem) 0 0;padding:clamp(1.75rem,3vw,2.5rem) 0;
border-top:1px solid var(--hh-line);border-bottom:1px solid var(--hh-line);
font-family:var(--hh-display);font-size:clamp(1.375rem,3.2vw,2.125rem);line-height:1.25;
letter-spacing:-.025em;color:var(--hh-charcoal);max-width:44ch;
}
.st-pillars{display:grid;gap:1.25rem;margin-top:clamp(2.5rem,5vw,4rem)}
@media(min-width:760px){.st-pillars{grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2vw,1.75rem)}}
.st-pillar{
background:var(--hh-white);border:1px solid var(--hh-line);border-radius:var(--st-r);
padding:clamp(1.75rem,3vw,2.25rem);
transition:box-shadow .4s var(--hh-ease),transform .4s var(--hh-ease);
}
.st-pillar:hover{box-shadow:0 18px 50px rgb(var(--hh-ink-rgb) / .1);transform:translateY(-3px)}
.st-pillar__icon{display:flex;color:var(--hh-gold);margin-bottom:1rem}
.st-pillar__icon svg{width:28px;height:28px;stroke-width:1.1}
.st-pillar h3{margin-bottom:.5rem}
.st-pillar p{color:var(--hh-warm-grey);font-size:.9375rem;line-height:1.6}
.st-why{background:var(--hh-sand)}
.st-why__inner{display:grid;gap:clamp(2rem,4vw,3.5rem);align-items:center}
@media(min-width:960px){.st-why__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.st-why__body>h2{margin-bottom:1.25rem}
.st-why__body>p+p{margin-top:1rem}
.st-why__media img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--st-r)}
.st-beats{
display:flex;flex-direction:column;gap:.5rem;margin-top:2rem;
font-family:var(--hh-display);font-size:clamp(1.25rem,2.4vw,1.625rem);line-height:1.25;
letter-spacing:-.02em;
}
.st-beats span{padding-left:1.25rem;border-left:2px solid var(--hh-gold)}
.st-beats span:last-child{color:var(--hh-gold)}
.st-verified{background:var(--hh-ink);color:var(--hh-on-dark)}
.st-verified h2,.st-verified h3{color:var(--hh-bone)}
.st-verified__head{display:grid;gap:clamp(1.75rem,3vw,2.5rem);justify-items:start}
@media(min-width:760px){
.st-verified__head{grid-template-columns:auto minmax(0,1fr);gap:clamp(2.5rem,5vw,4rem);align-items:center}
}
.st-verified__intro{max-width:58ch}
.st-verified__intro h2{margin:0 0 1rem;text-wrap:balance}
.st-verified__intro p{color:var(--hh-on-dark);font-size:1.0625rem;line-height:1.65}
.st-seal{
display:grid;place-items:center;flex:0 0 auto;
width:clamp(156px,18vw,200px);aspect-ratio:1;border-radius:50%;
color:var(--hh-gold-hi);
background:radial-gradient(circle at 50% 42%,rgb(var(--hh-bone-rgb) / .07),transparent 70%);
}
.st-seal svg{width:100%;height:auto}
.st-seal img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:lighten}
.st-verified__list{
margin-top:clamp(2.5rem,5vw,4rem);
padding:clamp(1.75rem,3.5vw,2.75rem);
background:var(--hh-ink-2);border-radius:var(--st-r);
}
.st-verified__list h3{font-size:1.125rem;margin-bottom:.5rem}
.st-checks{display:grid;column-gap:clamp(2rem,4vw,3.5rem)}
@media(min-width:720px){.st-checks{grid-template-columns:repeat(2,1fr)}}
.st-checks li{
display:flex;gap:.85rem;align-items:flex-start;
font-size:.9375rem;line-height:1.5;color:var(--hh-on-dark);
padding:.9rem 0;border-bottom:1px solid var(--hh-line-dark);
}
.st-checks__icon{display:flex;color:var(--hh-gold-hi);flex:0 0 18px;margin-top:.15rem}
.st-checks__icon svg{width:18px;height:18px}
.st-verified .st-fine{color:var(--hh-on-dark-2)}
.st-keyline{
margin-top:clamp(2.5rem,5vw,4rem);
font-family:var(--hh-display);font-size:clamp(1.25rem,2.8vw,1.875rem);line-height:1.3;
letter-spacing:-.02em;color:var(--hh-bone);max-width:52ch;
padding-left:clamp(1.25rem,2.5vw,2rem);border-left:2px solid var(--hh-gold-hi);
}
.st-cats{display:grid;border-top:1px solid var(--hh-line)}
@media(min-width:700px){.st-cats{grid-template-columns:repeat(2,1fr);column-gap:clamp(2rem,4vw,3.5rem)}}
@media(min-width:1100px){.st-cats{grid-template-columns:repeat(4,1fr);column-gap:clamp(1.5rem,2.5vw,2.5rem)}}
.st-cat{padding:1.25rem 0;border-bottom:1px solid var(--hh-line)}
.st-cat h3{display:flex;align-items:center;gap:.625rem;font-size:1.0625rem;margin-bottom:.4rem}
.st-cat__icon{display:inline-flex;color:var(--hh-gold);flex:0 0 auto}
.st-cat__icon svg{width:22px;height:22px;stroke-width:1.2}
.st-cat p{font-size:.875rem;line-height:1.6;color:var(--hh-warm-grey);margin:0}
.st-cats__cta{margin-top:clamp(2rem,4vw,3rem);text-align:center}
.st-network{position:relative;isolation:isolate;background:var(--hh-ink);color:var(--hh-on-dark);
padding-top:clamp(5rem,10vw,8rem);padding-bottom:clamp(5rem,10vw,8rem)}
.st-network__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.st-network::after{
content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background:linear-gradient(90deg,rgb(var(--hh-ink-rgb) / .88) 0%,rgb(var(--hh-ink-rgb) / .62) 58%,rgb(var(--hh-ink-rgb) / .4) 100%);
}
@media(max-width:759px){
.st-network::after{
background:linear-gradient(180deg,rgb(var(--hh-ink-rgb) / .5) 0%,rgb(var(--hh-ink-rgb) / .84) 45%,rgb(var(--hh-ink-rgb) / .92) 100%);
}
}
.st-network__inner{position:relative;max-width:640px}
.st-network h2{color:var(--hh-bone);margin-bottom:1.25rem}
.st-network .st-lede{color:var(--hh-white)}
.st-network p+p{margin-top:1rem}
.st-network__inner>p:last-child{color:var(--hh-on-dark)}
.st-price{background:var(--hh-sand)}
.st-price__inner{display:grid;gap:clamp(2rem,4vw,3.5rem);align-items:center}
@media(min-width:900px){.st-price__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,5vw,4.5rem)}}
.st-price__media{margin:0}
.st-price__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--st-r)}
.st-price__body h2{margin-bottom:1rem}
.st-price__body>p:not(.st-price__aim){color:var(--hh-warm-grey);font-size:1.0625rem;line-height:1.65}
.st-price__aim{
display:flex;flex-direction:column;gap:.35rem;
margin:clamp(1.75rem,3vw,2.5rem) 0 0;padding-top:clamp(1.5rem,2.5vw,2rem);
border-top:1px solid var(--hh-line);
font-family:var(--hh-display);font-size:clamp(1.375rem,2.8vw,1.875rem);line-height:1.3;
letter-spacing:-.02em;color:var(--hh-charcoal);
}
.st-price__aim span:last-child{color:var(--hh-gold)}
.st-steps__list{display:grid;gap:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--hh-line)}
@media(min-width:700px){.st-steps__list{grid-template-columns:repeat(2,1fr);column-gap:clamp(2rem,4vw,3rem)}}
@media(min-width:1100px){.st-steps__list{grid-template-columns:repeat(4,1fr);column-gap:clamp(1.75rem,3vw,2.5rem)}}
.st-step{padding:clamp(1.5rem,2.5vw,2rem) 0;border-bottom:1px solid var(--hh-line)}
.st-step__n{
display:block;font-family:var(--hh-display);font-size:clamp(2.5rem,5vw,3.25rem);line-height:1;
color:var(--hh-gold);margin-bottom:1rem;letter-spacing:-.04em;
}
.st-step h3{margin-bottom:.5rem}
.st-step p{font-size:.9375rem;line-height:1.6;color:var(--hh-warm-grey)}
.st-steps__cta{margin-top:clamp(2rem,4vw,3rem);text-align:center}
.st-request{background:var(--hh-sand-2)}
.st-request__grid{display:grid;gap:clamp(2.5rem,5vw,4rem);align-items:start}
@media(min-width:1000px){.st-request__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
@media(min-width:1000px){.st-request__body{position:sticky;top:calc(var(--hh-header-h) + 2rem)}}
.st-request__body h2{margin-bottom:1.25rem}
.st-request__list{margin-top:1.75rem;display:grid;gap:.6rem}
.st-request__list li{
position:relative;padding-left:1.5rem;font-size:.9375rem;line-height:1.55;color:var(--hh-warm-grey);
}
.st-request__list li::before{
content:"";position:absolute;left:0;top:.6rem;width:8px;height:1px;background:var(--hh-gold);
}
.st-direct{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--hh-line)}
.st-direct__title{font-size:var(--hh-t-label);font-weight:700;letter-spacing:.2em;
text-transform:uppercase;color:var(--hh-warm-grey);margin-bottom:.9rem}
.st-direct__link{
display:inline-flex;align-items:center;gap:.6rem;min-height:44px;
font-weight:700;color:var(--hh-charcoal);transition:color .35s var(--hh-ease);
}
.st-direct__link:hover{color:var(--hh-gold)}
.st-direct__link svg{width:20px;height:20px}
.st-direct__note{margin-top:.5rem;font-size:var(--hh-t-sm);line-height:1.55;color:var(--hh-warm-grey)}
.st-form{max-width:none;border-radius:var(--st-r)}
.st-form__q{
font-family:var(--hh-body);font-size:var(--hh-t-label);font-weight:700;letter-spacing:.2em;
text-transform:uppercase;color:var(--hh-warm-grey);margin:1.75rem 0 .75rem;
}
.st-form__note{
margin-top:1.25rem;font-size:var(--hh-t-sm);line-height:1.6;color:var(--hh-warm-grey);
padding-top:1rem;border-top:1px solid var(--hh-line);
}
.st-bar{display:none}
@media(max-width:899px){
.st-bar{
position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;
background:var(--hh-ink);border-top:1px solid var(--hh-line-dark);
}
}
.st-bar__item{
flex:1;display:flex;align-items:center;justify-content:center;gap:.55rem;
min-height:64px;padding:.75rem 1rem;color:var(--hh-white);
font-size:var(--hh-t-label);font-weight:700;letter-spacing:.18em;text-transform:uppercase;
transition:background .35s var(--hh-ease),color .35s var(--hh-ease);
}
.st-bar__item svg{width:18px;height:18px}
.st-bar__item:hover{background:var(--hh-ink-2)}
.st-bar__item--gold{background:var(--hh-gold)}
.st-bar__item--gold:hover{background:var(--hh-charcoal);color:var(--hh-white)}
@media(min-width:640px){
.st-request .form-grid > .field{grid-template-rows:calc(2 * 1.65em) auto}
.st-request .form-grid > .field > label{align-self:end}
.st-request .form-grid > .field > input,
.st-request .form-grid > .field > select,
.st-request .form-grid > .field > textarea{align-self:start}
}