/* Reference: 2172 × 724. The panorama is an independent plate; all UI is native. */
.hero-reference-v36{--ref-u:calc(100vw / 2172);height:calc(724 * var(--ref-u));min-height:0}
.hero-reference-v36 .hero-photo{object-fit:cover;object-position:center 33%;filter:none}
.hero-reference-v36 .hero-leaves{object-fit:cover;object-position:center;opacity:1;filter:blur(calc(3 * var(--ref-u)));transform:none}
.hero-reference-v36 .hero-apple-corner{display:none;pointer-events:none}
.hero-reference-v36 .hero-shade{background:linear-gradient(90deg,#0312081a,transparent 64%)}
.hero-reference-v36 .hero-content{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0;padding:0;display:block}
.hero-reference-v36 .hero-copy{position:absolute;left:calc(255 * var(--ref-u));top:calc(265 * var(--ref-u));padding:0;max-width:none}
.hero-reference-v36 .hero-copy:before{inset:calc(-46 * var(--ref-u)) calc(-124 * var(--ref-u)) calc(-62 * var(--ref-u)) calc(-92 * var(--ref-u));border:0;border-radius:0;box-shadow:none;background:linear-gradient(100deg,#07150ded,#0c1c0be0 62%,#14240ea3);backdrop-filter:blur(calc(9 * var(--ref-u))) saturate(.9);-webkit-backdrop-filter:blur(calc(9 * var(--ref-u))) saturate(.9);mask-image:linear-gradient(90deg,transparent,#000 11%,#000 82%,transparent),linear-gradient(180deg,transparent,#000 13%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 11%,#000 82%,transparent),linear-gradient(180deg,transparent,#000 13%,#000 85%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.hero-reference-v36 .eyebrow{font:650 calc(15 * var(--ref-u))/calc(20 * var(--ref-u)) Manrope,Arial,sans-serif;letter-spacing:calc(1.9 * var(--ref-u));gap:calc(16 * var(--ref-u));color:#e6ecc9;transform:translateX(calc(2 * var(--ref-u)))}
.hero-reference-v36 .eyebrow svg{width:calc(17 * var(--ref-u));height:calc(19 * var(--ref-u));fill:#e6ecc9;stroke:none}
.hero-reference-v36 h1{margin:calc(10 * var(--ref-u)) 0 0;font:400 calc(80 * var(--ref-u))/1.05 Georgia,'Times New Roman',serif;letter-spacing:calc(-1 * var(--ref-u));color:#f8f7e9;text-shadow:0 2px 12px #02120730}
.hero-reference-v36 .hero-title-line{display:block;white-space:nowrap}
.hero-reference-v36 .hero-title-line+.hero-title-line{margin-top:0;font-family:Georgia,'Times New Roman',serif;font-size:calc(80 * var(--ref-u));letter-spacing:0}
.hero-reference-v36 h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:0;color:#e7edbb}
.hero-reference-v36 .hero-copy>p{position:relative;margin-top:calc(40 * var(--ref-u));padding-left:calc(8 * var(--ref-u));font:400 calc(22 * var(--ref-u))/1.5 Georgia,'Times New Roman',serif;letter-spacing:0;color:#f0f0df}
.hero-reference-v36 .hero-copy>p:before{content:'';position:absolute;width:calc(102 * var(--ref-u));height:1px;left:calc(7 * var(--ref-u));top:calc(-25 * var(--ref-u));background:linear-gradient(90deg,#d5cc83cc 0 55%,#c2bf7777 55%,transparent)}
.hero-reference-v36 .hero-motto{top:calc(401 * var(--ref-u));left:calc(1714 * var(--ref-u));right:auto;bottom:auto;display:flex;transform:rotate(-8deg) scaleX(.93);transform-origin:left top;font:400 calc(60 * var(--ref-u))/.90 Allura,cursive;letter-spacing:calc(-.7 * var(--ref-u));color:#f6f3d6;opacity:1;text-shadow:0 1px 9px #10271560}
.hero-reference-v36 .hero-motto span:nth-child(2){padding-left:calc(54 * var(--ref-u));white-space:nowrap}
.hero-reference-v36 .hero-motto svg{height:calc(35 * var(--ref-u));width:calc(208 * var(--ref-u));margin-top:calc(11 * var(--ref-u));margin-right:calc(6 * var(--ref-u));stroke-width:1.4;color:#e8edc9}
.hero-reference-v36 .hero-motto:before{inset:calc(-32 * var(--ref-u)) calc(-38 * var(--ref-u)) calc(-35 * var(--ref-u)) calc(-42 * var(--ref-u));background:radial-gradient(ellipse,#0b1c0bd9 12%,#0c200bc7 57%,transparent 82%);backdrop-filter:blur(calc(7 * var(--ref-u))) saturate(.9);-webkit-backdrop-filter:blur(calc(7 * var(--ref-u))) saturate(.9)}
.hero-reference-v36 .header{position:absolute;top:calc(52 * var(--ref-u));left:calc(215 * var(--ref-u));width:calc(1742 * var(--ref-u));max-width:none;min-height:0;height:calc(107 * var(--ref-u));padding:0;margin:0;display:block;border:calc(1.3 * var(--ref-u)) solid #c7bc7dba;border-radius:calc(39 * var(--ref-u));background:linear-gradient(105deg,#102619c7,#13271ee8 48%,#293420b0);box-shadow:inset 0 1px #f4e3a317,0 8px 28px #0b1c1422;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero-reference-v36 .header>.brand.brand-logo{position:absolute;top:calc(-24 * var(--ref-u));left:50%;transform:translateX(-50%);width:calc(276 * var(--ref-u));height:calc(167 * var(--ref-u));padding:0;margin:0;border:calc(1.3 * var(--ref-u)) solid #c7bc7dcc;border-top-color:#4a5b36aa;border-radius:calc(48 * var(--ref-u));background:linear-gradient(130deg,#102b1ef5,#162e1fe8 65%,#253420f2);box-shadow:0 8px 24px #05190b22;display:block;z-index:2}
.hero-reference-v36 .brand-logo picture,.hero-reference-v36 .brand-logo img{display:block;width:100%;height:auto;max-width:none}
.hero-reference-v36 .header>.brand:after{display:none}
.hero-reference-v36 #main-nav,.hero-reference-v36 .header .nav-left,.hero-reference-v36 .header .nav-right{display:contents}
.hero-reference-v36 #main-nav a,.hero-reference-v36 #main-nav button{position:absolute;top:50%;transform:translate(-50%,-50%);padding:0;min-height:44px;display:inline-flex;align-items:center;font:400 calc(19 * var(--ref-u))/1.37 Georgia,'Times New Roman',serif;letter-spacing:calc(-.15 * var(--ref-u));color:#f2f0df;white-space:nowrap;background:none}
.hero-reference-v36 .nav-left>a:first-child{left:15.6%}
.hero-reference-v36 .nav-left>a:nth-child(2){left:30.2%}
.hero-reference-v36 .nav-right>a:first-child{left:69.8%}
.hero-reference-v36 .nav-right>button{left:84.4%}
.hero-reference-v36 #main-nav a:hover,.hero-reference-v36 #main-nav button:hover{color:#e6eeb3}
.hero-reference-v36 .header-divider{position:absolute;top:36%;width:1px;height:28%;background:#c3b777b0;pointer-events:none}
.hero-reference-v36 .header-divider-left{left:22.35%}
.hero-reference-v36 .header-divider-right{left:77.65%}
.hero-reference-v36 .header-leaf{position:absolute;top:50%;width:calc(34 * var(--ref-u));height:calc(40 * var(--ref-u));transform:translate(-50%,-50%);fill:#a0ae55;stroke:none;opacity:.85;pointer-events:none}
.hero-reference-v36 .header-leaf-left{left:40%}
.hero-reference-v36 .header-leaf-right{left:60%;transform:translate(-50%,-50%) scaleX(-1)}
.hero-reference-v36 .header>.menu-toggle{display:none}
@media(max-width:1190px) and (min-width:701px){
  .hero-reference-v36{--ref-u:calc(100vw / 2172)}
  .hero-reference-v36 .header{top:22px;left:5%;width:90%;height:70px;border-radius:24px}
  .hero-reference-v36 .header>.brand.brand-logo{top:-10px;width:176px;height:107px;padding:0;border-radius:28px}
  .hero-reference-v36 #main-nav a,.hero-reference-v36 #main-nav button{font-size:15px;letter-spacing:-.2px}
  .hero-reference-v36 .nav-left>a:first-child{left:10.8%}
  .hero-reference-v36 .nav-left>a:nth-child(2){left:28%}
  .hero-reference-v36 .nav-right>a:first-child{left:71.5%}
  .hero-reference-v36 .nav-right>button{left:87%}
  .hero-reference-v36 .header-divider,.hero-reference-v36 .header-leaf{display:none}
  .hero-reference-v36 #main-nav{display:contents;position:static}
  .hero-reference-v36 .hero-copy{top:calc(290 * var(--ref-u))}
}
@media(max-width:900px) and (min-width:701px){
  .hero-reference-v36{height:430px}
  .hero-reference-v36 .hero-copy{left:7%;top:174px}
  .hero-reference-v36 h1{font-size:47px;letter-spacing:-1.6px}
  .hero-reference-v36 .hero-title-line+.hero-title-line{font-size:44px;letter-spacing:-1.5px}
  .hero-reference-v36 .eyebrow{font-size:10px;line-height:16px;letter-spacing:1px;gap:8px}
  .hero-reference-v36 .eyebrow svg{width:12px;height:15px}
  .hero-reference-v36 .hero-copy>p{font-size:18px;margin-top:29px;letter-spacing:-.2px;padding-left:3px}
  .hero-reference-v36 .hero-copy>p:before{width:70px;left:3px;top:-15px}
  .hero-reference-v36 .hero-motto{left:auto;right:5%;top:245px;font-size:34px}
  .hero-reference-v36 .hero-motto span:nth-child(2){padding-left:25px}
  .hero-reference-v36 .hero-motto svg{width:120px;height:22px;margin-top:8px}
  .hero-reference-v36 #main-nav a,.hero-reference-v36 #main-nav button{font-size:13px}
  .hero-reference-v36 .header>.brand.brand-logo{width:158px}
}
@media(max-width:900px){
  .hero-reference-v36 .hero-leaves{display:none}
  .hero-reference-v36 .hero-apple-corner{display:block;position:absolute;z-index:-1;inset:auto;width:200%;height:auto;max-width:none;filter:blur(3px);opacity:1;pointer-events:none}
  .hero-reference-v36 .apple-top-left{left:0;top:0;clip-path:inset(0 50% 50% 0)}
  .hero-reference-v36 .apple-top-right{right:0;top:0;clip-path:inset(0 0 50% 50%)}
  .hero-reference-v36 .apple-bottom-left{left:0;bottom:0;clip-path:inset(50% 50% 0 0)}
  .hero-reference-v36 .apple-bottom-right{right:0;bottom:0;clip-path:inset(50% 0 0 50%)}
  .hero-reference-v36 .apple-top-left,.hero-reference-v36 .apple-top-right{mask-image:linear-gradient(180deg,#000 30%,transparent 50%);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 50%)}
  .hero-reference-v36 .apple-bottom-left,.hero-reference-v36 .apple-bottom-right{mask-image:linear-gradient(180deg,transparent 50%,#000 70%);-webkit-mask-image:linear-gradient(180deg,transparent 50%,#000 70%)}
}
@media(max-width:700px){
  .hero-reference-v36{height:570px;--ref-u:1px}
  .hero-reference-v36 .hero-photo{object-position:57% center}
  .hero-reference-v36 .hero-shade{background:linear-gradient(90deg,#051b1066,#051b1025)}
  .hero-reference-v36 .header{top:20px;left:16px;width:calc(100% - 32px);height:70px;border-radius:24px;display:block}
  .hero-reference-v36 .header>.brand.brand-logo{top:-9px;width:184px;height:110px;padding:0;border-radius:28px}
  .hero-reference-v36 .header>.brand:after{bottom:12px}
  .hero-reference-v36 .header-divider,.hero-reference-v36 .header-leaf{display:none}
  .hero-reference-v36 .header>.menu-toggle{display:grid;position:absolute;top:50%;left:11px;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid #b8bc8055;background:#d3d8aa08}
  .hero-reference-v36 .header #main-nav{display:none;position:absolute;top:calc(100% + 46px);left:0;width:100%;height:auto;padding:13px 17px;border:1px solid #b7b77d77;border-radius:17px;background:#112d20f5;backdrop-filter:blur(20px);box-shadow:0 15px 40px #001c14aa}
  .hero-reference-v36 .header #main-nav.is-open{display:flex;flex-direction:column;gap:0}
  .hero-reference-v36 .header .nav-left,.hero-reference-v36 .header .nav-right{display:contents}
  .hero-reference-v36 .header #main-nav a,.hero-reference-v36 .header #main-nav button{position:static;transform:none;display:flex;min-height:44px;padding:7px 5px;font-size:17px;white-space:normal}
  .hero-reference-v36 .hero-copy{left:24px;right:20px;top:196px;width:auto;max-width:none}
  .hero-reference-v36 .eyebrow{font-size:10px;line-height:16px;letter-spacing:1px;gap:8px}
  .hero-reference-v36 .eyebrow svg{width:12px;height:16px}
  .hero-reference-v36 h1{font-size:clamp(38px,9.2vw,60px);line-height:1.08;letter-spacing:-1.1px;margin-top:15px}
  .hero-reference-v36 .hero-title-line+.hero-title-line{font-size:clamp(36px,8.9vw,58px);letter-spacing:-1.2px;margin-top:5px}
  .hero-reference-v36 h1 em{letter-spacing:-1.3px}
  .hero-reference-v36 .hero-copy>p{font-size:19px;line-height:1.4;letter-spacing:-.3px;max-width:430px;margin-top:37px;padding-left:2px}
  .hero-reference-v36 .hero-copy>p:before{left:2px;top:-19px;width:76px}
  .hero-reference-v36 .hero-copy:before{inset:-35px -20px -35px -30px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .hero-reference-v36 .hero-motto{top:auto;bottom:33px;left:auto;right:25px;font-size:35px;line-height:.9;letter-spacing:-.3px}
  .hero-reference-v36 .hero-motto span:nth-child(2){padding-left:28px}
  .hero-reference-v36 .hero-motto svg{width:122px;height:20px;margin-top:8px;margin-right:3px}
  html:not(.js) .hero-reference-v36{height:700px}
  html:not(.js) .hero-reference-v36 .hero-copy{top:330px}
  html:not(.js) .hero-reference-v36 #main-nav{display:flex;flex-direction:column;top:120px}
  html:not(.js) .hero-reference-v36 [data-community],html:not(.js) .hero-reference-v36 .menu-toggle{display:none}
}
@media(max-width:360px){
  .hero-reference-v36 .header>.brand.brand-logo{width:166px;height:107px}
  .hero-reference-v36 .header>.menu-toggle{left:6px}
  .hero-reference-v36 .hero-copy{left:19px;right:15px}
  .hero-reference-v36 h1{font-size:35px}
  .hero-reference-v36 .hero-title-line+.hero-title-line{font-size:33px}
  .hero-reference-v36 .hero-copy>p{font-size:18px}
}