/* Preserve the former photographic Advanced design as the new Simple baseline. */
.example-simple.example-photo{background:#dad0c6;color:#2e3833}.example-photo>.retreat-image{position:absolute;inset:0;transform:none}.example-photo .example-nav{border:0}.example-photo .example-nav>div{background:#fff7eddf;padding:0 .8cqw;border-radius:2px}.example-photo .example-title{font:400 8.3cqw/.82 Georgia,serif;letter-spacing:-.065em;margin:3.5% 0 3%}.example-photo .example-title em{font-size:1.08em;line-height:1.12;display:inline-block}.example-photo .example-eyebrow{font-size:1.05cqw;letter-spacing:.1em}.example-photo .example-action{margin:0;background:#fffaf0;color:#293e36;border:0;border-radius:50px;padding:1.25cqw 2cqw;box-shadow:0 8px 30px #35332f20}.example-photo .example-action:hover{background:#293e36;color:#fffaf0}.example-photo .photo-shade{background:linear-gradient(180deg,#fff8ec55,transparent 65%,#183d3570)}
/* Simple: half photograph, half clear content. Keep the frame landscape. */
.example-simple.example-photo{background:#edf0e8;color:#263f36}.example-simple.example-photo>.retreat-image{inset:0 0 0 50%;width:50%;height:100%;object-position:51% center}.example-simple.example-photo>.photo-shade{left:50%;background:linear-gradient(0deg,#173b3c25,transparent 45%)}.example-photo .advanced-content{position:absolute;left:5%;top:29%;width:40%;padding:0;text-align:left}.example-photo .example-title{font-size:6.7cqw;line-height:1;margin:5% 0 6%;letter-spacing:-.055em}.example-photo .example-title em{line-height:1.12}.example-photo .example-eyebrow{font-size:1.05cqw;line-height:1.5;letter-spacing:.04em;max-width:25ch}.example-photo .example-action{background:#263f36;color:#fffaf0;font-size:1.12cqw;padding:1.3cqw 1.8cqw;gap:1.8cqw;white-space:nowrap}.example-photo .example-action:hover{background:#dae3d6;color:#263f36}.example-photo .destination-strip{left:5%;right:auto;max-width:40%;bottom:7%;color:#263f36;text-shadow:none;font-size:.95cqw}.example-photo .destination-strip i{background:#263f36}.example-photo .destination-strip>button{display:none}
@media(max-width:760px){.example-photo .advanced-content{top:31%}.example-photo .example-title{font-size:6.7cqw!important}.example-photo .example-eyebrow{font-size:1.5cqw;max-width:23ch}.example-photo .example-action{font-size:1.55cqw;min-height:27px}.example-photo .destination-strip{font-size:1.3cqw;bottom:6%}.example-photo .destination-strip>span{line-height:1.4}}
/* The medium tier earns its place through composition and choreographed motion. */
.example-advanced{background:#dce8dc;color:#fffaf0}.advanced-image{position:absolute;inset:0;overflow:hidden}.advanced-image img{transition:transform 1.5s cubic-bezier(.2,.8,.2,1);transform:scale(1.035) translate(calc(var(--px,0)*-6px),calc(var(--py,0)*-4px))}.example-advanced:hover .advanced-image img{transform:scale(1.055) translate(calc(var(--px,0)*-9px),calc(var(--py,0)*-6px))}.example-advanced .photo-shade{background:linear-gradient(90deg,#102e32a8,transparent 80%),linear-gradient(0deg,#1835368a,transparent 75%)}.example-advanced .example-nav{color:#fffaf0}.example-advanced .example-nav>div{background:transparent;backdrop-filter:none;padding:0}.example-advanced .example-nav-plan{border-color:#fffaf080}.example-advanced .example-nav-plan:hover{background:#fffaf0;color:#23443c}.advanced-kicker{position:absolute;top:29%;left:6%;z-index:2;font-size:1.1cqw;letter-spacing:.05em}.advanced-headline{position:absolute;left:6%;top:38%;right:6%;z-index:2;margin:0;font:400 8.8cqw/.99 Manrope,sans-serif;letter-spacing:-.07em}.motion-title-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.motion-title-line>span{display:block;padding-bottom:.06em}.motion-title-line:nth-child(2){font-family:Georgia,serif;font-style:italic;letter-spacing:-.055em;line-height:1.12}.advanced-bottom{position:absolute;z-index:3;left:6%;right:6%;bottom:7%;display:flex;justify-content:space-between;align-items:center;gap:3cqw}.advanced-bottom>p{font-size:1.1cqw;line-height:1.6}.example-advanced .example-action{padding:1.35cqw 2cqw;min-width:18cqw;box-shadow:none;margin:0;white-space:nowrap}.advanced-rule{position:absolute;z-index:2;height:1px;background:#fffaf05c;top:22%;left:6%;right:6%;transform-origin:left}.advanced-rule.bottom{top:auto;bottom:20%}.motion-curtains{position:absolute;inset:0;display:none;pointer-events:none;z-index:1}.motion-curtains>span{background:#e8ece0;transform:translateY(-102%)}
.example-advanced[data-design=panels]{background:#eff0e6;color:#243f36}.example-advanced[data-design=panels] .advanced-image{left:38%}.example-advanced[data-design=panels] .advanced-image img{object-position:65% center}.example-advanced[data-design=panels] .photo-shade{background:linear-gradient(0deg,#153c3450,transparent 40%);left:38%}.example-advanced[data-design=panels] .example-nav strong{color:#243f36}.example-advanced[data-design=panels] .example-nav>div{padding:0 .8cqw;background:#fffaf0dd;color:#243f36;border-radius:2px}.example-advanced[data-design=panels] .example-nav-plan{border-color:#243f3660}.example-advanced[data-design=panels] .advanced-headline{top:32%;left:5%;right:auto;width:45%;font:400 5.8cqw/1.05 Georgia,serif;letter-spacing:-.055em}.example-advanced[data-design=panels] .motion-title-line{overflow:visible}.example-advanced[data-design=panels] .motion-title-line:nth-child(1){max-width:25cqw}.example-advanced[data-design=panels] .motion-title-line:nth-child(2){font-style:normal;max-width:31cqw}.example-advanced[data-design=panels] .advanced-kicker{left:5%;top:24%;font-size:.95cqw}.example-advanced[data-design=panels] .advanced-bottom{left:5%;bottom:9%;display:block}.example-advanced[data-design=panels] .advanced-bottom>p{margin:0 0 2cqw;width:23cqw}.example-advanced[data-design=panels] .example-action{background:#24473c;color:#fffaf0;min-width:26cqw;border-radius:0}.example-advanced[data-design=panels] .example-action:hover{background:#15352d}.example-advanced[data-design=panels] .advanced-rule{right:67%;left:5%;background:#24473c40;top:18%}.example-advanced[data-design=panels] .advanced-rule.bottom{display:none}.example-advanced[data-design=panels] .motion-curtains{display:grid;grid-template-columns:repeat(3,1fr);left:38%}.example-advanced[data-design=panels] .motion-curtains>span:nth-child(2){background:#d4dfd0}.example-advanced[data-design=panels] .motion-curtains>span:nth-child(3){background:#bdd0c5}
.example-advanced[data-design=aperture]{background:#bc7354}.example-advanced[data-design=aperture] .photo-shade{background:linear-gradient(0deg,#284541a8,transparent 85%),linear-gradient(180deg,#173a3340,transparent 25%)}.example-advanced[data-design=aperture] .advanced-headline{top:32%;text-align:center;font:400 10cqw/.97 Georgia,serif;letter-spacing:-.06em}.example-advanced[data-design=aperture] .motion-title-line:nth-child(2){font-style:italic;font-size:1.07em;line-height:1.1}.example-advanced[data-design=aperture] .advanced-kicker{top:25%;left:0;right:0;text-align:center;letter-spacing:.15em;text-transform:uppercase;font-size:.9cqw}.example-advanced[data-design=aperture] .advanced-bottom{bottom:7%;justify-content:center}.example-advanced[data-design=aperture] .advanced-bottom>p{display:none}.example-advanced[data-design=aperture] .example-action{background:#fffaf0;color:#24473c;min-width:21cqw;justify-content:center}.example-advanced[data-design=aperture] .advanced-rule{background:#fffaf045;top:19%}.example-advanced[data-design=aperture] .advanced-rule.bottom{display:none}
@media(max-width:760px){.example-photo .example-title{font-size:8.8cqw}.example-photo .example-eyebrow{font-size:1.4cqw}.advanced-kicker{font-size:1.6cqw;top:27%}.advanced-headline{font-size:9cqw;top:35%}.advanced-bottom{bottom:6%}.advanced-bottom>p{font-size:1.6cqw}.example-advanced .example-action{font-size:1.7cqw;min-height:27px}.example-advanced[data-design=panels] .advanced-kicker{font-size:1.4cqw}.example-advanced[data-design=panels] .advanced-headline{font-size:5.7cqw}.example-advanced[data-design=panels] .advanced-bottom{bottom:7%}.example-advanced[data-design=panels] .example-action{min-width:27cqw;font-size:1.6cqw}.example-advanced[data-design=aperture] .advanced-kicker{font-size:1.4cqw}}
@media(prefers-reduced-motion:reduce){.advanced-image img{transform:none!important}}.motion-off .advanced-image img{transform:none!important}
.example-advanced .example-nav>div{background:#fffaf0e8;color:#243f36;padding:0 .8cqw;border-radius:2px}.example-advanced .example-nav-plan{border-color:#243f3660}.example-advanced .example-nav-plan:hover{background:#243f36;color:#fffaf0}.example-advanced[data-design=aperture] .photo-shade{background:linear-gradient(0deg,#0d332ac7,#133a3575 65%,#133a3533)}.example-advanced[data-design=panels] .advanced-headline{width:33%;font-size:5.5cqw;top:34%}.example-advanced[data-design=panels] .motion-title-line:nth-child(1){max-width:none}.example-advanced[data-design=panels] .motion-title-line:nth-child(2){max-width:none}
/* Selected Daydream: motion is confined to this example and pauses out of view. */
.dream-word{display:inline-block}.example-advanced[data-design=aperture] .advanced-image{background:#b88064}.example-advanced[data-design=aperture] .advanced-image img{width:106%;height:106%;max-width:none;position:absolute;left:-3%;top:-3%;transform:none;translate:calc(var(--dream-x,0)*-1.1%) calc(var(--dream-y,0)*-.7%);transition:translate 1s cubic-bezier(.2,.7,.2,1);animation:dream-camera 22s ease-in-out infinite alternate;animation-play-state:paused}.example-advanced[data-design=aperture]:hover .advanced-image img{transform:none}.example-advanced[data-design=aperture] .advanced-headline{translate:calc(var(--dream-x,0)*.32cqw) calc(var(--dream-y,0)*.2cqw);transition:translate 1.1s cubic-bezier(.2,.7,.2,1)}.example-advanced[data-design=aperture] .dream-word{transition:translate .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--word)*35ms)}.example-advanced[data-design=aperture] .advanced-headline:hover .dream-word{translate:0 -.055em}.example-advanced[data-design=aperture] .motion-title-line{padding-bottom:.16em;margin-bottom:-.16em}
.daydream-ambience{display:none;position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.example-advanced[data-design=aperture] .daydream-ambience{display:block}.dream-sunwash{position:absolute;inset:-15%;background:radial-gradient(ellipse at 75% 22%,#ffe4b54d,transparent 46%);mix-blend-mode:screen;pointer-events:none;animation:dream-light 17s ease-in-out infinite alternate;animation-play-state:paused}.dream-reflections{position:absolute;left:-5%;right:-5%;top:76%;height:30%;overflow:hidden;mask-image:linear-gradient(transparent,#000 22%,#000 70%,transparent);opacity:.7}.dream-reflections i{position:absolute;left:36%;width:38%;height:14%;top:6%;border:1px solid #fff4d158;border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:scale(.2);opacity:0;animation:dream-water 7s linear infinite;animation-play-state:paused}.dream-reflections i:nth-child(2){animation-delay:-1.15s;left:22%;width:48%}.dream-reflections i:nth-child(3){animation-delay:-2.3s;left:40%;width:30%}.dream-reflections i:nth-child(4){animation-delay:-3.45s;left:28%;width:44%}.dream-reflections i:nth-child(5){animation-delay:-4.6s;left:47%;width:28%}.dream-reflections i:nth-child(6){animation-delay:-5.75s;left:20%;width:46%}.dream-iris i{position:absolute;left:57%;top:48%;width:30cqw;height:30cqw;border:1px solid #fff6d9a1;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(4.8)}.dream-iris i+i{border-width:2px}.dream-ripple{position:absolute;width:38cqw;height:16cqw;border:1px solid #fff3d6a6;border-radius:50%;opacity:0;pointer-events:none}
.example-advanced[data-dream-active=true] .advanced-image img,.example-advanced[data-dream-active=true] .dream-sunwash,.example-advanced[data-dream-active=true] .dream-reflections i{animation-play-state:running}.example-advanced[data-design=aperture] .example-action{position:relative;overflow:hidden;isolation:isolate;gap:2cqw;transition:background .35s,color .35s,box-shadow .45s!important}.example-advanced[data-design=aperture] .example-action::before{content:'';position:absolute;z-index:-1;inset:-40% -20%;background:linear-gradient(105deg,transparent 35%,#fff8d999 50%,transparent 65%);translate:-100% 0;transition:translate .7s ease;pointer-events:none}.example-advanced[data-design=aperture] .example-action:hover::before,.example-advanced[data-design=aperture] .example-action:focus-visible::before{translate:100% 0}.example-advanced[data-design=aperture] .example-action:hover{transform:none;box-shadow:0 9px 28px #103c3650;background:#24473c;color:#fffaf0}.example-advanced[data-design=aperture] .example-action>span:last-child{display:grid;place-items:center;width:1.9cqw;height:1.9cqw;border:1px solid currentColor;border-radius:50%;transition:rotate .4s,background .4s,translate .4s}.example-advanced[data-design=aperture] .example-action:hover>span:last-child{transform:none;rotate:45deg;background:#fffaf018;translate:2px 0}.example-advanced[data-design=aperture] .example-action:hover>.advanced-action-label{transform:none;translate:-2px 0}.example-advanced[data-design=aperture] .example-nav strong>span{transition:rotate .7s cubic-bezier(.2,.8,.2,1)}.example-advanced[data-design=aperture] .example-nav strong:hover>span{rotate:360deg}
@keyframes dream-camera{from{transform:scale(1) translate(-.4%,.15%)}to{transform:scale(1.045) translate(.4%,-.4%)}}@keyframes dream-light{from{transform:translate(-2%,1%);opacity:.55}to{transform:translate(3%,-2%);opacity:1}}@keyframes dream-water{0%{transform:translateY(0) scale(.3,.5);opacity:0}18%{opacity:.48}100%{transform:translateY(5cqw) scale(1.7,1.25);opacity:0}}
@media(max-width:760px){.dream-reflections i:nth-child(n+4){display:none}.example-advanced[data-design=aperture] .example-action>span:last-child{width:3cqw;height:3cqw}.example-advanced[data-design=aperture] .advanced-headline{translate:none!important}.example-advanced[data-design=aperture] .advanced-image img{translate:none!important}.dream-sunwash{display:none}}
@media(prefers-reduced-motion:reduce){.daydream-ambience{display:none!important}.example-advanced[data-design=aperture] .advanced-image img{animation:none!important;translate:none!important;transform:none!important}.example-advanced[data-design=aperture] .advanced-headline,.example-advanced[data-design=aperture] .dream-word{translate:none!important}}.motion-off .daydream-ambience{display:none!important}.motion-off .example-advanced[data-design=aperture] .advanced-image img{animation:none!important;translate:none!important;transform:none!important}.motion-off .example-advanced[data-design=aperture] .advanced-headline,.motion-off .example-advanced[data-design=aperture] .dream-word{translate:none!important}