/* Scoped enhancement: the existing page, content and controls stay intact. */
.displayExperience{background:radial-gradient(ellipse at 85% 45%,#25473e66,transparent 65%),#091e23;color:#f5f6ed;overflow:hidden;padding:86px 0 64px;position:relative;border-block:1px solid #2a4649}
.displayExperience:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#92b3a107 1px,transparent 1px),linear-gradient(90deg,#92b3a107 1px,transparent 1px);background-size:64px 64px;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}
.displayExperienceGrid{display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:65px;position:relative}.displayExperience .eyebrow{color:#a1d6c6;font-size:10px;letter-spacing:1.7px}.displayExperience .eyebrow>span{background:#91dfca}.displayStory h2{font-size:clamp(36px,3.7vw,53px);line-height:1.15;letter-spacing:-.055em;margin:0 0 23px}.displayStory h2 em{color:#9be2ce;font-style:normal}.displayLead{color:#b9cace;font-size:14px;line-height:1.9;max-width:390px;margin:0 0 27px}
.displayModes{display:flex;gap:8px;border-bottom:1px solid #355052;padding-bottom:20px}.displayModes button{border:1px solid #3e5b5d;border-radius:6px;min-height:36px;background:#142d32;color:#dce8e6;display:flex;align-items:center;gap:9px;padding:9px 11px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.displayModeNumber{color:#97bab2;font-size:9px;font-variant-numeric:tabular-nums}.displayModeArrow{font-size:13px;opacity:.55}.displayModes button:hover{background:#234940;border-color:#81b6a3}.displayModes button[aria-pressed=true]{background:#a3e5cf;border-color:#a3e5cf;color:#102d2b;box-shadow:0 3px 18px #89e7c01a}.displayModes button[aria-pressed=true] .displayModeNumber{color:#295a4a}.displayModes button[aria-pressed=true] .displayModeArrow{opacity:1}.displayModes button:focus-visible,.displayMore:focus-visible{outline:2px solid #dfc48e;outline-offset:4px}
.displayDescription{min-height:118px;padding-top:24px}.displayDescription h3{font-size:19px;letter-spacing:-.025em;color:#f0f3ee;margin:0 0 10px}.displayDescription p{font-size:12px;line-height:1.8;color:#b9cace;margin:0;max-width:355px}.displayMore{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:600;color:#b0e9d7;text-decoration:none;margin-top:15px}.displayMore:hover{color:#fff}.displayMore>span{transition:transform .2s}.displayMore:hover>span{transform:translateX(4px)}
.displayVisual{min-width:0;perspective:1400px}.displayFrame{position:relative;padding:9px;background:#213a39;border:1px solid #4c645b;border-radius:12px;box-shadow:0 32px 65px #0007,0 0 70px #88d3a611;transform:rotateX(var(--display-rx,0deg)) rotateY(var(--display-ry,0deg));transition:transform .35s ease-out;will-change:auto}.displayPhoto{position:relative;width:100%;aspect-ratio:1;container-type:inline-size;overflow:hidden;border-radius:5px;background:#142c2c}.displayLocation{display:block;width:100%;height:100%;object-fit:cover}.displayProjection{position:absolute;left:30.1105%;top:19.0608%;width:63.9503%;height:35.6354%;transform-origin:0 0;background:#261e16;overflow:hidden;isolation:isolate;box-shadow:inset 0 0 6px #0009}.displayCreative{position:absolute;inset:0;overflow:hidden}.displayCreative[hidden]{display:none}.displayCreative.isEntering{animation:display-content-enter .45s both}.displayOffer{display:grid;grid-template-columns:.96fr 1.05fr;background:#281d12;color:#fff7df}.displayOfferPhoto{background:url('/assets/cafe.webp') no-repeat 46% 36%;background-size:345%;position:relative}.displayOfferPhoto:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#281d12)}.displayOfferCopy{padding:2.7cqw 2cqw 1cqw .5cqw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.displayCreativeBrand{font-size:.95cqw;letter-spacing:.16cqw;font-weight:700;display:block;opacity:.8}.displayOfferCopy>strong{font-size:3.55cqw;line-height:1.05;letter-spacing:-.12cqw;margin:1.5cqw 0 1.2cqw}.displayCreativeRule{height:.3cqw;width:5cqw;background:#eac080}.displayOfferCopy p{font-size:1.35cqw;line-height:1.4;margin:1.4cqw 0 .8cqw;color:#f5e3c8}.displayOfferCopy>b{font-size:2.75cqw;letter-spacing:-.07cqw;color:#ffc87d}.displayOfferCopy small{font-size:1cqw;margin-top:.6cqw;letter-spacing:.1cqw;color:#e5c7a5}
.displayMenu{background:#f2e5c9;color:#37281c;padding:3cqw;display:grid;grid-template-columns:1fr 1fr;gap:1cqw}.displayMenuHeading{border-right:1px solid #8b735966;padding-right:2cqw;display:flex;flex-direction:column;justify-content:center}.displayMenuHeading>strong{font-size:3.4cqw;line-height:1.15;letter-spacing:-.13cqw;margin-top:2cqw}.displayMenuRows{display:flex;flex-direction:column;justify-content:center;padding-left:1.5cqw;gap:2cqw}.displayMenuRows>span{display:flex;justify-content:space-between;align-items:baseline;gap:.7cqw;font-size:1.55cqw;border-bottom:1px solid #8b73594d;padding-bottom:1cqw}.displayMenuRows b{font-size:1.5cqw;white-space:nowrap}.displayMenu>small{position:absolute;bottom:1.9cqw;left:3cqw;font-size:.85cqw;letter-spacing:.12cqw;color:#65503c}
.displayWelcome{background:radial-gradient(ellipse at 100% 100%,#327b70,transparent 70%),#123f3d;color:#f7f0d9;padding:2.8cqw 3.4cqw;display:flex;flex-direction:column;justify-content:center}.displayWelcome:before,.displayWelcome:after{content:'';position:absolute;width:36cqw;height:36cqw;border:1px solid #8bc4aa33;border-radius:50%;right:-16cqw;top:0;pointer-events:none}.displayWelcome:after{width:44cqw;height:44cqw;right:-20cqw;top:-4cqw}.displayWelcome>strong{font-size:4.4cqw;line-height:1.04;letter-spacing:-.17cqw;margin-top:1.6cqw;z-index:1}.displayWelcome p{font-size:1.25cqw;max-width:34cqw;line-height:1.5;color:#d3e5d9;margin:1cqw 0 1.5cqw}.displayWelcome small{font-size:.85cqw;color:#c0d9cb;letter-spacing:.1cqw}.displayWelcome small b{margin-left:1.1cqw;color:#f9ead1;font-size:1.1cqw;letter-spacing:0}.displayWelcomeSun{position:absolute;right:4.5cqw;top:6cqw;color:#ecc684;font-size:8cqw;line-height:1}.displaySheen{position:absolute;inset:0;background:radial-gradient(ellipse at var(--display-x,60%) var(--display-y,30%),#fff1,transparent 55%);pointer-events:none}.displayFrameLabel{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 8px 5px;color:#c1d4c8;font-size:8px;font-weight:600;letter-spacing:1px}.displayFrameLabel>span:first-child{display:flex;align-items:center;gap:7px}.displayFrameLabel i{height:4px;width:4px;border-radius:50%;background:#b2e8cc;flex:none}.displayFrameLabel>span:last-child{white-space:nowrap;color:#b6cec1;font-variant-numeric:tabular-nums}.displaySampleNote{font-size:10px;line-height:1.7;color:#a7beb7;text-align:right;margin:13px 0 0}
@keyframes display-content-enter{from{opacity:0;filter:blur(3px);transform:scale(1.025)}to{opacity:1;filter:blur(0);transform:scale(1)}}
@media(min-width:1500px){.displayExperienceGrid{gap:90px}}
@media(max-width:1000px){.displayExperienceGrid{gap:30px;grid-template-columns:.9fr 1.15fr}.displayModes{gap:5px}.displayModes button{gap:5px;padding:9px 8px}.displayModeArrow{display:none}.displayFrameLabel{font-size:7px;letter-spacing:.4px}.displayStory h2{font-size:38px}}
@media(max-width:740px){.displayExperience{padding:55px 0 42px}.displayExperienceGrid{grid-template-columns:1fr;gap:27px}.displayStory h2{font-size:38px}.displayLead{max-width:520px;font-size:13px;margin-bottom:22px}.displayModes{padding-bottom:17px}.displayModes button{padding:10px 13px;gap:9px}.displayModeArrow{display:inline}.displayDescription{min-height:96px;padding-top:20px}.displayDescription h3{font-size:18px}.displayDescription p{max-width:480px}.displayMore{margin-top:9px}.displayFrame{padding:6px;border-radius:9px}.displayFrameLabel{padding:13px 5px 6px;font-size:7px;letter-spacing:.45px}.displaySampleNote{text-align:left;font-size:9px}.displayVisual{max-width:600px;width:100%;justify-self:center}}
@media(max-width:360px){.displayModes button{padding:10px 9px;gap:6px}.displayModeArrow{display:none}.displayStory h2{font-size:34px}.displayFrameLabel{font-size:6px}}
@media(prefers-reduced-motion:reduce){.displayExperience *,.displayExperience *:before,.displayExperience *:after{animation:none!important;transition:none!important}.displayFrame{transform:none}}
/* Clickable screen preview */
.displayAdvance{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;width:100%;height:100%;border:0;padding:15px;background:transparent;color:#eaf7ef;cursor:pointer;z-index:2;text-align:left}.displayAdvance>span{font-family:inherit;font-size:9px;line-height:1.5;letter-spacing:.3px;padding:7px 10px;background:#0b2426e8;border:1px solid #688b7b;border-radius:5px;box-shadow:0 3px 12px #0003}.displayAdvance:hover>span{background:#245246;border-color:#9ccbb7}.displayAdvance:focus-visible{outline:2px solid #ecd19a;outline-offset:-5px;border-radius:5px}.displayPhoto:has(.displayAdvance){cursor:pointer}@media(max-width:500px){.displayAdvance{padding:10px}.displayAdvance>span{font-size:8px;padding:6px 8px}}