/* Private guiding prototype: one photographic moment, using the approved tokens. */
.guide-proposal{padding-block:88px 32px;background:var(--ink)}
.guide-heading{display:grid;grid-template-columns:1.2fr 1fr;column-gap:64px;align-items:end;margin-bottom:36px}
.guide-label{grid-column:1/-1;font-size:14px;color:var(--muted);margin-bottom:20px}
.guide-heading h2{font-size:clamp(36px,4.2vw,58px);font-weight:500;line-height:1.16;letter-spacing:-.025em;color:var(--paper)}
.guide-intro{font-size:17px;line-height:1.85;max-width:37ch;margin:0 0 4px;color:var(--muted)}
.guide-scene{width:100%;position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-card);min-height:500px;aspect-ratio:2.05}
.guide-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.78)}
.guide-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(11,14,17,.25) 48%,rgba(11,14,17,.94) 100%);z-index:1;pointer-events:none}
.guide-scene-content{position:absolute;inset:auto 40px 36px;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:32px}
.guide-moment>span{font-size:13px;color:var(--paper)}
.guide-moment>p{font-size:clamp(23px,2.4vw,32px);line-height:1.45;font-weight:400;color:var(--paper);margin-top:12px}
.guide-action{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;flex-shrink:0;min-height:54px;padding:14px 22px;border:1px solid var(--paper);border-radius:var(--radius-media);background:var(--paper);color:var(--ink);font-size:15px;transition:background .2s}
.guide-action:is(:hover,:focus-visible){background:#fff}.guide-action>span{display:inline-block;transition:transform .2s}.guide-action:is(:hover,:focus-visible)>span{transform:translateX(-4px)}
.guide-action:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.guide-promises{display:flex;justify-content:center;gap:0;list-style:none;padding:28px 0;margin:0;color:var(--muted);font-size:14px}
.guide-promises li+li::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--accent);vertical-align:middle;margin-inline:24px}
.guide-review{font-size:11px;color:var(--muted);text-align:center;margin-top:8px}
@keyframes guide-settle{from{transform:scale(1.03)}to{transform:scale(1)}}@keyframes guide-text{from{opacity:0}to{opacity:1}}
.guide-arrived .guide-scene>img{animation:guide-settle 1.1s cubic-bezier(.2,.7,.2,1) both}.guide-arrived .guide-scene-content{animation:guide-text .8s ease-out both}
@media(max-width:820px){.guide-proposal{padding-top:56px}.guide-heading{grid-template-columns:1fr;gap:0;margin-bottom:28px}.guide-label{margin-bottom:16px}.guide-intro{margin-top:20px;max-width:42ch;font-size:16px}.guide-scene{aspect-ratio:auto;min-height:560px}.guide-scene-content{inset:auto 24px 28px;align-items:start;flex-direction:column;gap:24px}.guide-promises{font-size:12px;flex-wrap:wrap;row-gap:12px}.guide-promises li+li::before{margin-inline:12px}}
@media(max-width:480px){.guide-scene{min-height:530px}.guide-scene>img{object-position:52% center}.guide-heading h2{font-size:36px}.guide-moment>p{font-size:24px}.guide-action{width:100%}.guide-promises{column-gap:18px}.guide-promises li+li::before{display:none}}
@media(max-width:820px){.guide-arrived .guide-scene>img{animation:none}}@media(prefers-reduced-motion:reduce){.guide-arrived .guide-scene>img,.guide-arrived .guide-scene-content{animation:none}.guide-action,.guide-action>span{transition:none}.guide-action:is(:hover,:focus-visible)>span{transform:none}}


