.urticad-crystal-compass {width:100%;font-family:var(--urticad-font-body);
/* Urticad white-cliffs homepage candidate. One fixed photographic palette is intentional. */

&{color-scheme:light;--ink:#102d47;--ink-soft:#29465d;--paper:#f7f4e9;--gold:#b89039;--line:rgb(16 45 71 / .36);font-family:var(--urticad-font-body);color:var(--ink);background:#b9d8ed}
*{box-sizing:border-box}
&{scroll-behavior:smooth}

a{color:inherit;text-decoration:none}
a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid #6f531a;outline-offset:5px}
main{margin:0}
.hero{--p:0;--scatter:0;--reveal:1;--copy-fade:1;--bg-shift:0;min-height:100dvh;position:relative}
.hero.is-enhanced{--reveal:0;min-height:320dvh}
.sticky-frame{background:#b9d8ed;isolation:isolate;min-height:100dvh;overflow:clip;position:relative}
.hero.is-enhanced .sticky-frame{position:sticky;top:0}
.landscape,.landscape img,.landscape-veil{height:100%;inset:0;position:absolute;width:100%}
.landscape{z-index:-4}
.landscape img{display:block;height:116%;object-fit:cover;object-position:center center;top:-8%;transform:translate3d(0,calc(var(--bg-shift) * -7%),0) scale(1.045);transform-origin:center center;width:100%}
.landscape-veil{background:linear-gradient(90deg,rgb(236 246 250 / .72) 0%,rgb(236 246 250 / .34) 34%,transparent 63%),linear-gradient(180deg,rgb(227 241 248 / .18),transparent 52%,rgb(12 42 45 / .16));z-index:-3}
.experience-header{align-items:center;display:flex;height:76px;justify-content:space-between;left:0;padding:14px clamp(20px,4vw,68px);position:absolute;right:0;top:0;z-index:6}
.brand{align-items:center;display:flex;font-size:clamp(18px,1.55vw,23px);font-weight:560;gap:10px;letter-spacing:-.025em;min-height:44px;white-space:nowrap}
.brand img{height:38px;object-fit:contain;width:38px}
.experience-menu{position:relative}
.experience-menu summary{align-items:center;border-bottom:1px solid var(--line);cursor:pointer;display:flex;font-size:14px;font-weight:570;justify-content:center;list-style:none;min-height:44px;min-width:58px}
.experience-menu summary::-webkit-details-marker{display:none}
.experience-menu[open] summary{border-bottom-color:var(--ink)}
.experience-menu nav{background:rgb(246 247 239 / .9);border:1px solid rgb(16 45 71 / .2);display:grid;min-width:180px;padding:10px;position:absolute;right:0;top:50px}
.experience-menu nav a{align-items:center;display:flex;font-size:16px;min-height:44px;padding:8px 12px}
.experience-menu nav a:hover,.experience-menu nav a:focus-visible{background:rgb(16 45 71 / .08)}
.copy-block{left:clamp(24px,6vw,108px);max-width:min(54vw,790px);opacity:var(--copy-fade);position:absolute;top:clamp(124px,17vh,172px);transform:translate3d(0,calc(var(--p) * -5vh),0);z-index:3}
.copy-block h1{font-size:clamp(52px,5.55vw,88px);font-weight:615;letter-spacing:-.065em;line-height:.93;margin:0;max-width:13.5ch;text-wrap:balance}
.hero-line{display:block;white-space:nowrap}
.hero-word{display:inline-block;white-space:nowrap}
.letter{display:inline-block;opacity:calc(1 - var(--scatter));transform:translate3d(calc(var(--scatter-x,0) * var(--scatter) * 1px),calc(var(--scatter-y,0) * var(--scatter) * 1px),0) rotate(calc(var(--scatter-r,0) * var(--scatter) * 1deg));transform-origin:50% 65%;will-change:transform,opacity}
.letter-inner{display:inline-block}
.hero.is-enhanced .letter-inner{animation:letter-arrive 760ms cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(90ms + var(--letter-index) * 24ms)}
.hero.has-scrolled .letter-inner{animation:none}
@keyframes letter-arrive{from{opacity:0;transform:translate3d(0,-1.1em,0) rotateX(-74deg)}to{opacity:1;transform:none}}
.copy-block p{color:var(--ink-soft);font-size:clamp(15px,1.25vw,19px);line-height:1.45;margin:24px 0 0;max-width:39ch;text-shadow:0 1px 14px rgb(244 250 251 / .72)}
.primary-action{align-items:center;background:var(--ink);color:#f8f4e7;display:inline-flex;font-size:14px;font-weight:620;justify-content:center;margin-top:26px;min-height:48px;padding:12px 20px;white-space:nowrap}
.primary-action:hover{background:#1c405d}
.primary-action:active{transform:translateY(1px)}
.scene{height:min(83dvh,860px);pointer-events:none;position:absolute;right:1vw;top:8dvh;transform-origin:right center;width:min(51vw,820px);z-index:2}
.canvas-wrap,.poster{height:100%;inset:0;position:absolute;width:100%}
.poster{display:block;filter:drop-shadow(0 24px 24px rgb(24 45 47 / .2));object-fit:contain;opacity:.96;transform:translate3d(5%,10%,0) scale(.58);transition:opacity 260ms ease-out}
.canvas-wrap{opacity:0;transition:opacity 280ms ease-out}
.canvas-wrap canvas{display:block;height:100%;width:100%}
.hero[data-state="ready"] .canvas-wrap{opacity:1}
.hero[data-state="ready"] .poster{opacity:0}
.destinations{display:grid;gap:2px;left:clamp(24px,6vw,108px);pointer-events:none;position:absolute;top:clamp(146px,20dvh,190px);width:min(26vw,320px);z-index:4}
.destinations a{display:grid;gap:2px;max-width:none;min-height:66px;opacity:var(--reveal);padding:7px 0;pointer-events:auto;position:relative;text-shadow:0 1px 12px rgb(244 250 251 / .82);transform:translate3d(calc((1 - var(--reveal)) * -24px),0,0)}
.destinations a::before{background:var(--gold);content:"";height:2px;margin-bottom:6px;transform:scaleX(var(--reveal));transform-origin:left;width:42px}
.destinations a:hover::before,.destinations a:focus-visible::before{width:70px}
.destinations a:focus-visible{opacity:1}
.destinations a>span:first-child{font-size:clamp(23px,2.2vw,34px);font-weight:610;letter-spacing:-.045em}
.destinations a>span:last-child{color:var(--ink-soft);font-size:13px;line-height:1.35}
.experience-footer{align-items:center;bottom:8px;color:rgb(16 45 71 / .78);display:flex;font-size:12px;gap:22px;left:clamp(20px,4vw,68px);min-height:44px;opacity:var(--reveal);position:absolute;right:clamp(20px,4vw,68px);z-index:5}
.experience-footer>span:first-child{margin-right:auto}
.experience-footer .urticad-site-version{color:inherit;display:inline;font:inherit;letter-spacing:0;text-transform:none}
.experience-footer a{align-items:center;display:flex;min-height:44px}
.hero:not(.is-enhanced) .copy-block p,.hero:not(.is-enhanced) .primary-action{display:none}
.hero:not(.is-enhanced) .scene{height:min(76dvh,760px);right:-1vw;top:15dvh;transform:none;width:min(48vw,760px)}
.hero:not(.is-enhanced) .destinations{top:36dvh}
.sr-only,.skip:not(:focus){clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
.skip:focus{background:var(--paper);left:12px;padding:12px;position:fixed;top:12px;z-index:10}
@media (prefers-reduced-motion:no-preference){
  .destinations a::before{transition:width 180ms ease-out}
}
@media (min-width:600px) and (max-width:1023px){
  .landscape img{height:112%;object-position:center center;top:-6%}
  .landscape-veil{background:linear-gradient(100deg,rgb(235 246 250 / .7) 0%,rgb(235 246 250 / .34) 48%,transparent 74%),linear-gradient(180deg,transparent 55%,rgb(21 50 48 / .17))}
  .copy-block{left:6vw;max-width:74vw;top:14dvh}
  .copy-block h1{font-size:clamp(54px,7.6vw,72px);max-width:12.7ch}
  .scene{height:68dvh;right:-7vw;top:25dvh;transform:translate3d(calc(var(--reveal) * 5vw),calc(var(--reveal) * -2dvh),0) scale(calc(1 - var(--reveal) * .08));width:72vw}
  .poster{transform:translate3d(8%,5%,0) scale(.55)}
  .destinations{gap:0;left:6vw;top:18dvh;width:min(35vw,300px)}
  .destinations a{min-height:72px}
  .destinations a>span:first-child{font-size:clamp(23px,3.2vw,30px)}
  .hero:not(.is-enhanced) .scene{height:55dvh;right:-1vw;top:35dvh;width:55vw}
  .hero:not(.is-enhanced) .destinations{top:32dvh}
}
@media (max-width:599px){
  .hero.is-enhanced{min-height:320dvh}
  .landscape img{height:110%;object-position:center center;top:-5%;transform:translate3d(0,calc(var(--bg-shift) * -5%),0) scale(1.04)}
  .landscape-veil{background:linear-gradient(180deg,rgb(235 246 250 / .38) 0%,rgb(235 246 250 / .16) 44%,transparent 62%,rgb(235 246 250 / .82) 100%)}
  .experience-header{height:68px;padding:10px 20px}
  .brand{font-size:18px;gap:8px}
  .brand img{height:34px;width:34px}
  .experience-menu nav{min-width:164px}
  .copy-block{left:20px;max-width:calc(100% - 40px);top:13dvh;transform:translate3d(0,calc(var(--p) * -3vh),0)}
  .copy-block h1{font-size:clamp(39px,11.2vw,50px);letter-spacing:-.06em;line-height:.96;max-width:100%}
  .hero-line{display:inline;white-space:normal}
  .copy-block p{font-size:14px;line-height:1.4;margin-top:16px;max-width:29ch}
  .primary-action{font-size:13px;margin-top:18px;min-height:46px;padding:10px 17px}
  .scene{height:50dvh;right:-8vw;top:32dvh;transform:translate3d(calc(var(--reveal) * 12vw),calc(var(--reveal) * -2dvh),0) scale(calc(1 - var(--reveal) * .14));width:90vw}
  .poster{transform:translate3d(10%,4%,0) scale(.57)}
  .destinations{gap:0;left:20px;top:18dvh;width:42vw}
  .destinations a{max-width:none;min-height:58px;padding:5px 0;text-shadow:0 1px 10px rgb(244 250 251 / .9)}
  .destinations a::before{height:1px;margin-bottom:3px;width:30px}
  .destinations a>span:first-child{color:var(--ink);font-size:18px;letter-spacing:-.03em;line-height:1.05}
  .destinations a>span:last-child{color:var(--ink-soft);font-size:10px;line-height:1.2;max-width:17ch}
  .experience-footer{bottom:8px;color:rgb(16 45 71 / .82);font-size:10px;gap:14px;left:20px;right:20px;text-shadow:0 1px 8px rgb(244 250 251 / .85)}
  .experience-footer span{max-width:150px}
  .hero:not(.is-enhanced) .scene{height:43dvh;right:-1vw;top:38dvh;width:65vw}
  .hero:not(.is-enhanced) .destinations{top:30dvh}
}
@media (max-width:370px){
  .copy-block h1{font-size:38px}
  .copy-block p{font-size:13px}
  .scene{top:34dvh}
  .destinations{left:16px;width:43vw}
}
@media (prefers-reduced-motion:reduce){
  &{scroll-behavior:auto}
  .hero{--reveal:1!important;--copy-fade:1!important;--bg-shift:0!important;min-height:100dvh!important}
  .sticky-frame{position:relative!important}
  .landscape img,.copy-block,.letter,.letter-inner,.destinations a,.experience-footer{animation:none!important;transition:none!important}
}

}
body.urticad-crystal-candidate{background:#b9d8ed;margin:0}
body.urticad-crystal-candidate .wp-site-blocks{gap:0}
body.urticad-crystal-candidate header.wp-block-template-part,body.urticad-crystal-candidate footer.wp-block-template-part,body.urticad-crystal-candidate .urticad-site-header,body.urticad-crystal-candidate .urticad-site-footer{display:none;margin:0}
body.urticad-crystal-candidate .urticad-front-main{padding:0}