@font-face{font-family:"Cormorant";src:url("../fonts/Cormorant-VariableFont_wght.ttf") format("truetype-variations"),url("../fonts/Cormorant-VariableFont_wght.ttf") format("truetype");font-weight:300 700;font-style:normal;font-display:swap;}
@font-face{font-family:"Aston Script";src:url("../fonts/Aston Script.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"AcciaFlare";src:url("../fonts/Mint Type - AcciaFlare-Light.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap;}
:root{
  --soft-white:oklch(.985 .004 90);--warm-ivory:oklch(.957 .012 85);--soft-stone:oklch(.882 .011 80);
  --champagne-gold:oklch(.72 .084 78);--muted-bronze:oklch(.58 .052 65);--on-surface:oklch(.28 .012 70);
  --primary:oklch(.24 .016 70);--card:#fff;
  --margin-desktop:clamp(1.5rem,6vw,8rem);--section-gap:clamp(3.5rem,7vw,6.5rem);--gutter:1.5rem;
  --display:"Cormorant","Cormorant Garamond",Georgia,serif;--body:"Karla",system-ui,sans-serif;--script:"Aston Script",'Great Vibes',cursive;--caps-font:"AcciaFlare","Karla",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--soft-white);color:var(--on-surface);font-family:var(--body);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{text-decoration:none;}
.display{font-family:var(--display);font-weight:300;letter-spacing:-.01em;}
.t-display{font-size:clamp(2.5rem,6vw,5.25rem);line-height:1.02;}
.t-h1{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.1;}
.t-h2{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.15;}
.caps{font-family:var(--caps-font);font-weight:500;text-transform:uppercase;letter-spacing:.18em;font-size:.6875rem;}
.lg{font-size:1.125rem;line-height:1.6;}
.gold{color:var(--champagne-gold);}.bronze{color:var(--muted-bronze);}.dark{color:var(--primary);}.text-center{text-align:center;}
section{position:relative;}
/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;padding:1rem var(--margin-desktop);transition:background .4s ease,padding .4s ease,box-shadow .4s ease,border-color .4s ease;border-bottom:1px solid transparent;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:96rem;margin:0 auto;}
.nav-logo{display:flex;align-items:center;white-space:nowrap;}
.nav-logo img{height:3.5rem;width:auto;transition:height .4s ease,filter .4s ease;}
.nav.scrolled .nav-logo img{height:3rem;filter:brightness(0);}
@media(min-width:640px){.nav{padding:1.5rem var(--margin-desktop);}.nav-logo img{height:4.5rem;}.nav.scrolled .nav-logo img{height:3.5rem;}}
@media(min-width:1024px){.nav{padding:1.75rem var(--margin-desktop);}.nav-logo img{height:6.25rem;}.nav.scrolled .nav-logo img{height:4.5rem;}}
.nav-links{display:none;align-items:center;gap:2.75rem;}
@media(min-width:1024px){.nav-links{display:flex;}}
.nav-links a{font-family:var(--body);font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:.6875rem;color:rgba(255,255,255,.85);position:relative;padding-bottom:.4rem;transition:color .3s ease;}
.nav-links a:not(.nav-cta)::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--champagne-gold);transition:width .3s ease;}
.nav-links a:not(.nav-cta):hover{color:#fff;}
.nav-links a:not(.nav-cta):hover::after{width:100%;}
.nav-links a.nav-cta{border:1px solid rgba(255,255,255,.45);padding:.65rem 1.5rem;color:#fff;transition:border-color .3s ease,color .3s ease,transform .3s cubic-bezier(.16,1,.3,1);}
.nav-links a.nav-cta:hover{border-color:var(--champagne-gold);color:var(--champagne-gold);transform:translateY(-2px);}
.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:2.25rem;height:2.25rem;background:none;border:0;cursor:pointer;z-index:70;}
@media(min-width:1024px){.nav-toggle{display:none;}}
.nav-toggle span{display:block;width:100%;height:1px;background:#fff;transition:transform .3s ease,opacity .3s ease,background .4s ease;}
.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.active span:nth-child(2){opacity:0;}
.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.nav.scrolled{background:rgba(250,250,248,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--warm-ivory);padding:1.1rem var(--margin-desktop);}
.nav.scrolled .nav-links a{color:rgba(0,0,0,.6);}
.nav.scrolled .nav-links a:not(.nav-cta):hover{color:var(--primary);}
.nav.scrolled .nav-links a.nav-cta{border-color:rgba(0,0,0,.2);color:var(--primary);}
.nav.scrolled .nav-toggle span{background:var(--primary);}
.nav-mobile{position:fixed;inset:0;background:var(--primary);z-index:65;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.25rem;transform:translateY(-100%);transition:transform .5s cubic-bezier(.16,1,.3,1);}
.nav-mobile.active{transform:translateY(0);}
.nav-mobile a{font-family:var(--display);font-weight:300;font-size:clamp(1.75rem,5vw,2.5rem);color:var(--soft-white);transition:color .3s ease;}
.nav-mobile a:hover{color:var(--champagne-gold);}
body.nav-open{overflow:hidden;}
/* HERO */
.hero{min-height:100vh;padding:clamp(7rem,16vh,10rem) 0 clamp(3rem,8vh,5rem);display:flex;align-items:center;justify-content:flex-start;overflow:hidden;}
@media(min-width:1024px){.hero{padding-top:12rem;}}
@supports (height:100svh){.hero{min-height:100svh;}}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center center;transform:scale(1.1);filter:brightness(.72) saturate(1.05);}
.hero-veil{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.42) 45%,rgba(0,0,0,.5) 65%,rgba(0,0,0,.72));}
.hero-veil::after{content:'';position:absolute;inset:0;}
.hero-inner{position:relative;z-index:2;text-align:left;padding:0 var(--margin-desktop);color:var(--soft-white);width:100%;max-width:46rem;text-shadow:0 2px 24px rgba(0,0,0,.45),0 1px 4px rgba(0,0,0,.5);}
@media(min-width:1024px){.hero-inner{max-width:74rem;}}
@keyframes reveal{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;animation:reveal 1.2s cubic-bezier(.16,1,.3,1) .2s forwards;}
.reveal-d{opacity:0;animation:reveal 1.2s cubic-bezier(.16,1,.3,1) .7s forwards;}
/* SCROLL REVEAL */
.reveal-up{opacity:0;transform:translateY(2.25rem);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);}
.reveal-up.in-view{opacity:1;transform:translateY(0);}
.hl-list .reveal-up:nth-child(1){transition-delay:0s;}
.hl-list .reveal-up:nth-child(2){transition-delay:.08s;}
.hl-list .reveal-up:nth-child(3){transition-delay:.16s;}
.hl-list .reveal-up:nth-child(4){transition-delay:.24s;}
.hero h1{max-width:48rem;margin:0;font-size:clamp(2.25rem,4.2vw,4.5rem);line-height:1.08;}
.hero .eyebrow{display:block;margin-bottom:1rem;letter-spacing:.3em;font-size:.6875rem;}
.hero-sub{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem;margin-top:2rem;flex-wrap:wrap;}
.hero-sub-text{font-size:.9375rem;line-height:1.6;opacity:.85;max-width:28rem;}
.rule{height:1px;width:3.5rem;background:color-mix(in oklab,var(--champagne-gold) 50%,transparent);}
.hero-tags{display:inline-flex;flex-wrap:wrap;align-items:center;gap:clamp(1.25rem,4vw,3rem);margin-top:clamp(1.75rem,4vw,3rem);padding:clamp(1.25rem,3vw,2rem) clamp(1.25rem,4vw,3rem);background:var(--soft-white);box-shadow:0 25px 50px -12px rgba(0,0,0,.4);text-shadow:none;max-width:100%;}
.hero-tag{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0;}
.hero-tag-center{align-items:center;text-align:center;}
.tag-label{font-size:clamp(1rem,3.5vw,2.1875rem);letter-spacing:.14em;color:#393d41;line-height:1.2;white-space:nowrap;}
.tag-line{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;}
.tag-num{font-size:clamp(1rem,3.5vw,2.1875rem);line-height:1;color:var(--on-surface);font-family:var(--caps-font);}
.tag-script{font-family:var(--script);font-size:clamp(1.75rem,5vw,2.4rem);line-height:1;color:var(--champagne-gold);}
.hero-tag-divider{width:1px;height:5.5rem;background:var(--soft-stone);display:none;}
@media(max-width:767px){.hero-tags{flex-direction:column;align-items:flex-start;}.hero-tag-center{align-items:flex-start;text-align:left;}.tag-label{white-space:normal;}}
@media(min-width:640px){.hero-tag-divider{display:block;}}
.scroll{position:absolute;top:50%;right:2.5rem;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:1.25rem;color:rgba(255,255,255,.85);}
.scroll span{writing-mode:vertical-rl;transform:rotate(180deg);}
.scroll .bar{width:1px;height:4rem;background:linear-gradient(to bottom,var(--champagne-gold),transparent);}
@media(max-width:640px){.scroll{right:1.25rem;gap:.75rem;}.scroll .bar{height:2.5rem;}}
@media(max-width:480px){.scroll{display:none;}}
/* GRID */
.wrap{padding:var(--section-gap) var(--margin-desktop);}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);align-items:center;}
.col-7{grid-column:span 12;}.col-4{grid-column:span 12;margin-top:6rem;}
@media(min-width:1024px){.col-7{grid-column:span 5;}.col-4{grid-column:7/13;margin-top:0;}}
.frame{background:var(--warm-ivory);padding:1rem;overflow:hidden;}
.frame img{aspect-ratio:3/4;width:100%;object-fit:cover;transition:transform 1s;}
.frame:hover img{transform:scale(1.05);}
.badge{position:absolute;bottom:-3rem;right:-2rem;background:var(--primary);color:var(--soft-white);padding:2.5rem;display:none;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);}
@media(min-width:1280px){.badge{display:block;}}
.badge b{display:block;font-family:var(--display);font-weight:300;font-size:clamp(2rem,3.6vw,3.25rem);color:var(--champagne-gold);}
.hl{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid color-mix(in oklab,var(--soft-stone) 50%,transparent);padding-bottom:1rem;}
.hl-list{display:flex;flex-direction:column;gap:1.5rem;border-top:1px solid var(--soft-stone);padding-top:2rem;margin-top:.5rem;}
/* AMENITIES */
.amen{background:var(--warm-ivory);padding:var(--section-gap) 0;overflow:hidden;}
.amen-head{display:flex;flex-direction:column;gap:2rem;align-items:flex-start;justify-content:space-between;padding:0 var(--margin-desktop);margin-bottom:6rem;}
@media(min-width:1024px){.amen-head{flex-direction:row;align-items:flex-end;}}
.amen-nav{display:flex;gap:.75rem;flex-shrink:0;}
.amen-btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:transparent;color:var(--primary);cursor:pointer;transition:background .3s ease,border-color .3s ease,color .3s ease,transform .3s cubic-bezier(.16,1,.3,1);}
.amen-btn:hover{background:var(--champagne-gold);border-color:var(--champagne-gold);color:#fff;transform:translateY(-3px) scale(1.06);}
.amen-btn:active{transform:translateY(-1px) scale(1);}
.amen-btn.swiper-button-disabled{opacity:.3;cursor:default;}
.amen-btn.swiper-button-disabled:hover{background:transparent;color:var(--primary);border-color:rgba(0,0,0,.15);}
.amenities-swiper{padding:0 var(--margin-desktop) 3rem;}
.amenities-swiper .swiper-wrapper{cursor:grab;}
.card{width:300px;height:auto;}
@media(min-width:768px){.card{width:450px;}.card:nth-child(even){margin-top:4rem;}}
.card .ph{aspect-ratio:4/5;background:var(--soft-white);padding:.5rem;overflow:hidden;}
.card img{height:100%;width:100%;object-fit:cover;transition:transform .7s;}
.card:hover img{transform:scale(1.1);}
/* LOCATION */
.loc{display:grid;grid-template-columns:repeat(12,1fr);}
.loc-left{grid-column:span 12;background:var(--warm-ivory);color:var(--primary);padding:var(--margin-desktop);display:flex;flex-direction:column;justify-content:center;}
.loc-right{grid-column:span 12;position:relative;min-height:22rem;background:var(--soft-stone);}
@media(min-width:1024px){.loc-left{grid-column:span 7;}.loc-right{grid-column:span 5;}}
.dist-grid{display:grid;grid-template-columns:1fr;column-gap:2.5rem;}
@media(min-width:640px) and (max-width:1023px){.dist-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:1440px){.dist-grid{grid-template-columns:1fr 1fr;}}
.dist{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(0,0,0,.1);padding:.85rem 0;transition:border-color .3s;}
.dist:hover{border-color:var(--champagne-gold);}
.dist:hover .place{color:var(--champagne-gold);}
.dist .place{font-size:.9375rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dist .time{flex-shrink:0;opacity:.75;}
.map{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.4;filter:grayscale(1);transition:all 1s;}
.map:hover{opacity:1;filter:none;}
.map-card{position:absolute;top:1.5rem;right:1.5rem;left:1.5rem;max-width:20rem;margin-left:auto;background:var(--soft-white);border:1px solid var(--warm-ivory);padding:1.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);}
@media(min-width:1024px){.map-card{top:3rem;right:3rem;left:auto;padding:2rem;}}
/* PLANS */
.tabs{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;}
.tab{position:relative;background:none;border:0;padding-bottom:.5rem;cursor:pointer;color:rgba(0,0,0,.4);font-family:var(--body);font-weight:500;text-transform:uppercase;letter-spacing:.18em;font-size:.6875rem;transition:color .3s ease;}
.tab::after{content:'';position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--champagne-gold);transform:translateX(-50%);transition:width .35s cubic-bezier(.16,1,.3,1);}
.tab:hover{color:var(--primary);}
.tab:hover::after{width:60%;}
.tab.active{color:var(--primary);}
.tab.active::after{width:100%;}
.plan{max-width:56rem;margin:0 auto;background:var(--card);border:1px solid var(--warm-ivory);padding:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);}
.plan-frame{display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--warm-ivory);max-height:24rem;}
.plan-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:24rem;object-fit:contain;transition:opacity .4s;cursor:zoom-in;}
.plan-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;}
.plan-zoom{display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--soft-stone);padding:.6rem 1.2rem;cursor:pointer;color:var(--primary);font-family:var(--body);font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:.6875rem;transition:border-color .3s ease,color .3s ease,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;}
.plan-zoom:hover{border-color:var(--champagne-gold);color:var(--champagne-gold);transform:translateY(-2px);box-shadow:0 8px 16px -8px rgba(0,0,0,.25);}
.plan-zoom svg{transition:transform .3s ease;}
.plan-zoom:hover svg{transform:scale(1.15);}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:100;padding:2rem;}
.lightbox.active{display:flex;}
.lightbox img{max-width:92vw;max-height:92vh;object-fit:contain;background:#fff;}
.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:2.75rem;height:2.75rem;border-radius:50%;background:none;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;transition:border-color .3s ease,color .3s ease,transform .3s cubic-bezier(.16,1,.3,1);}
.lightbox-close:hover{border-color:var(--champagne-gold);color:var(--champagne-gold);transform:rotate(90deg);}
@media(min-width:768px){.plan{padding:2.5rem;}.plan-frame{max-height:32rem;}.plan-frame img{max-height:32rem;}}
/* CTA */
.cta{border-top:1px solid var(--warm-ivory);text-align:center;overflow:hidden;}
.ghost{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-family:var(--display);font-size:20vw;color:rgba(0,0,0,.03);pointer-events:none;}
.btns{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;}
@media(min-width:768px){.btns{flex-direction:row;}}
.btn{position:relative;overflow:hidden;padding:1.5rem 3rem;transition:background .5s ease,border-color .5s ease,color .5s ease,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,letter-spacing .4s ease;font-family:var(--body);font-weight:500;text-transform:uppercase;letter-spacing:.18em;font-size:.6875rem;}
.btn span{position:relative;z-index:1;}
.btn::before{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);transition:left .7s ease;z-index:0;}
.btn:hover::before{left:130%;}
.btn:hover{transform:translateY(-3px);letter-spacing:.22em;}
.btn:active{transform:translateY(-1px);}
.btn-gold{background:var(--champagne-gold);color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);}
.btn-gold:hover{background:var(--primary);box-shadow:0 20px 30px -10px rgba(0,0,0,.35);}
.btn-ghost{border:1px solid rgba(0,0,0,.2);color:var(--primary);}
.btn-ghost:hover{background:rgba(0,0,0,.04);border-color:var(--champagne-gold);box-shadow:0 15px 25px -12px rgba(0,0,0,.2);}
.contact{display:flex;flex-direction:column;gap:3rem;justify-content:center;margin-top:clamp(3rem,8vw,8rem);}
@media(min-width:768px){.contact{flex-direction:row;}}
/* ENQUIRY */
.enquiry{background:var(--warm-ivory);}
.enquiry-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);}
.enquiry-info{grid-column:span 12;}
.enquiry-points{display:flex;flex-direction:column;gap:1.1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--soft-stone);}
.point{display:flex;align-items:center;gap:1.25rem;}
.point .caps{flex-shrink:0;}
.enquiry-form{position:relative;grid-column:span 12;background:var(--card);padding:clamp(1.5rem,4vw,2.75rem);box-shadow:0 25px 50px -12px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:1.85rem;border-top:3px solid var(--champagne-gold);}
@media(min-width:1024px){.enquiry-info{grid-column:span 5;padding-top:.5rem;}.enquiry-form{grid-column:span 7;}}
.field-row{display:grid;grid-template-columns:1fr;gap:1.75rem;}
@media(min-width:640px){.field-row{grid-template-columns:1fr 1fr;}}
.field{position:relative;}
.field input,.field select,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--soft-stone);padding:.75rem 0;font-family:var(--body);font-size:.9375rem;color:var(--primary);transition:border-color .3s ease;}
.field textarea{resize:vertical;}
.field input::placeholder,.field textarea::placeholder{color:rgba(0,0,0,.4);}
.field select{appearance:none;-webkit-appearance:none;cursor:pointer;color:rgba(0,0,0,.4);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a08a5f' stroke-width='1.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:1rem;}
.field select:valid{color:var(--primary);}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--champagne-gold);}
.enquiry-form .btn{align-self:flex-start;padding:1rem 2.5rem;margin-top:.25rem;}
.btn:focus-visible{outline:2px solid var(--champagne-gold);outline-offset:3px;}
/* FOOTER */
.footer{background:var(--warm-ivory);border-top:1px solid var(--soft-stone);}
.footer-top{display:grid;grid-template-columns:repeat(12,1fr);gap:3rem var(--gutter);padding:var(--section-gap) var(--margin-desktop) 4rem;}
.footer-brand{grid-column:span 12;position:relative;}
.footer-col{grid-column:span 12;display:flex;flex-direction:column;gap:1rem;}
@media(min-width:768px){.footer-col{grid-column:span 6;}}
@media(min-width:1024px){.footer-brand{grid-column:span 6;}.footer-col{grid-column:span 3;}}
.footer-logo-chip{display:inline-block;}
.footer-logo{display:block;height:7.5rem;width:auto;filter:brightness(0);}
.footer-desc{opacity:.7;margin-top:1rem;max-width:22rem;}
.footer-col > .caps{margin-bottom:.5rem;}
.footer-col a{color:var(--primary);opacity:.85;transition:color .3s,opacity .3s;}
.footer-col a:hover{color:var(--champagne-gold);opacity:1;}
.footer-bottom{border-top:1px solid var(--soft-stone);text-align:center;padding:2rem var(--margin-desktop);opacity:.4;}


@media (max-width: 1200px) {
  .tag-label {
    font-size: 20px;
    letter-spacing: .14em;
    color: #393d41;
    white-space: nowrap;
    line-height: 1.2;
}

.tag-script {
    font-family: var(--script);
    font-size: 23PX;
    line-height: 1;
    color: var(--champagne-gold);
}

.tag-num {
    font-size: 20PX;
    line-height: 1;
    color: var(--on-surface);
    font-family: var(--caps-font);
}
}
@media (max-width: 1440px) {
.dist {
    padding: 2px 0;
}
}

@media (max-width: 769px) {
 .hero-tag-divider {
    width: 100%;
    height: 1px;
}
.dist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 2px 0;
    transition: border-color .3s;
}
}