.rite-sec{position:relative}.rite-body{grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:start;gap:5rem;margin-top:3.5rem;display:grid}.rite-verses{grid-area:1/1}.rite-verse{opacity:.3;align-items:center;gap:1.8rem;min-height:74vh;transition:opacity .45s;display:flex}.rite-verse:first-child,.rite-verse:last-child{min-height:60vh}.rite-verse-rail{flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:.9rem;display:flex}.rite-verse-num{font-family:var(--rb-display);color:var(--ink-3);font-size:.95rem;font-weight:700;transition:color .4s}.rite-verse-line{background:var(--yellow);transform-origin:top;opacity:.4;border-radius:3px;width:3px;height:52px;transition:transform .5s,opacity .5s;transform:scaleY(.35)}.rite-verse-name{font-family:var(--rb-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--yellow);border-radius:8px;margin-bottom:1rem;padding:.3rem .7rem;font-size:.66rem;font-weight:700;display:inline-block}.rite-verse-body h3{font-family:var(--rb-display);letter-spacing:-.025em;color:var(--ink);margin:0 0 1rem;font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:700;line-height:1.05}.rite-verse-body h3 em{background:linear-gradient(to top, var(--yellow) 0%, var(--yellow) 42%, transparent 42%);border-radius:4px;padding:0 .06em;font-style:normal}.rite-verse-body p{font-family:var(--rb-body);color:var(--ink-2);max-width:46ch;margin:0;font-size:1rem;line-height:1.75}.rite-body[data-active-verse="0"] .rite-verse[data-verse="0"],.rite-body[data-active-verse="1"] .rite-verse[data-verse="1"],.rite-body[data-active-verse="2"] .rite-verse[data-verse="2"],.rite-body[data-active-verse="3"] .rite-verse[data-verse="3"],.rite-body[data-active-verse="4"] .rite-verse[data-verse="4"],.rite-body[data-active-verse="5"] .rite-verse[data-verse="5"]{opacity:1}.rite-body[data-active-verse="0"] .rite-verse[data-verse="0"] .rite-verse-num,.rite-body[data-active-verse="1"] .rite-verse[data-verse="1"] .rite-verse-num,.rite-body[data-active-verse="2"] .rite-verse[data-verse="2"] .rite-verse-num,.rite-body[data-active-verse="3"] .rite-verse[data-verse="3"] .rite-verse-num,.rite-body[data-active-verse="4"] .rite-verse[data-verse="4"] .rite-verse-num,.rite-body[data-active-verse="5"] .rite-verse[data-verse="5"] .rite-verse-num{color:var(--ink)}.rite-body[data-active-verse="0"] .rite-verse[data-verse="0"] .rite-verse-line,.rite-body[data-active-verse="1"] .rite-verse[data-verse="1"] .rite-verse-line,.rite-body[data-active-verse="2"] .rite-verse[data-verse="2"] .rite-verse-line,.rite-body[data-active-verse="3"] .rite-verse[data-verse="3"] .rite-verse-line,.rite-body[data-active-verse="4"] .rite-verse[data-verse="4"] .rite-verse-line,.rite-body[data-active-verse="5"] .rite-verse[data-verse="5"] .rite-verse-line{opacity:1;transform:scaleY(1)}.rite-stage{grid-area:1/2;justify-content:center;padding:2rem 0;display:flex;position:sticky;top:max(84px,50vh - 356px)}.rite-glow{filter:blur(24px);pointer-events:none;background:radial-gradient(#fcd95b66 0%,#fcd95b1f 48%,#0000 68%);position:absolute;inset:-6% -20%}.rite-phone{background:#1f2937;border-radius:48px;width:320px;height:656px;animation:7s ease-in-out infinite rite-float;position:relative;box-shadow:inset 0 0 0 2px #374151,0 30px 70px #2c3e504d,0 10px 24px #2c3e502e}@keyframes rite-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.rite-phone-island{z-index:12;background:#1f2937;border-radius:14px;width:92px;height:26px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.rite-phone-status{font-family:var(--rb-body);color:#95a5a6;z-index:11;pointer-events:none;justify-content:space-between;font-size:.62rem;font-weight:600;display:flex;position:absolute;top:20px;left:26px;right:26px}.rite-status-icons{letter-spacing:2px;font-size:.45rem;line-height:1.9}.rite-phone-home{z-index:12;background:#95a5a680;border-radius:4px;width:104px;height:4px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.rite-screens{background:#fff;border-radius:40px;position:absolute;inset:10px;overflow:hidden}.rite-screen{color:#2c3e50;font-family:var(--rb-body);opacity:0;pointer-events:none;background:#fff;flex-direction:column;padding:58px 16px 18px;transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;transform:translateY(16px)scale(.98)}.rite-screen-dark{color:#fff;background:#14100b}.rite-body[data-active-verse="0"] .rite-screen[data-screen="0"],.rite-body[data-active-verse="1"] .rite-screen[data-screen="1"],.rite-body[data-active-verse="2"] .rite-screen[data-screen="2"],.rite-body[data-active-verse="3"] .rite-screen[data-screen="3"],.rite-body[data-active-verse="4"] .rite-screen[data-screen="4"],.rite-body[data-active-verse="5"] .rite-screen[data-screen="5"]{opacity:1;transform:translateY(0)scale(1)}.rite-screen--static{opacity:1;transform:none}.ph-tabbar{background:#fff;border-top:1px solid #f0f0f0;justify-content:space-around;align-items:center;margin-top:auto;padding:.75rem .4rem .3rem;display:flex;position:relative}.ph-tab-ic{color:#b0b8bf;width:22px;height:22px}.ph-tab-ic.is-active{color:#eab308}.ph-fab{color:#2c3e50;background:#fcd95b;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-26px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 6px 16px #eab30873}.ph-chip-yellow{color:#2c3e50;white-space:nowrap;background:#fcd95b;border-radius:8px;padding:.28rem .6rem;font-size:.6rem;font-weight:700}.ph-chip-dark{color:#fff;white-space:nowrap;background:#000000b3;border-radius:8px;padding:.28rem .6rem;font-size:.6rem;font-weight:700}.ph-meta{color:#95a5a6;font-size:.62rem;display:block}.ph-quiz-top{color:#95a5a6;justify-content:space-between;align-items:center;margin-bottom:1.1rem;font-size:.72rem;font-weight:600;display:flex}.ph-quiz-top>span:first-child{color:#2c3e50;font-size:1.15rem;line-height:1}.ph-quiz-progress{letter-spacing:.08em}.ph-question{font-family:var(--rb-display);letter-spacing:-.02em;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.ph-pair{flex-direction:column;flex:1;gap:.8rem;display:flex}.ph-pair-tile{border:2.5px solid #0000;border-radius:16px;flex:1;position:relative;overflow:hidden;box-shadow:0 2px 10px #2c3e5014}.ph-pair-tile.is-picked{border-color:#fcd95b;box-shadow:0 6px 20px #eab30859}.ph-pair-photo{position:absolute;inset:0}.ph-pair-photo.funky{background-image:linear-gradient(#0000 55%,#0000006b 100%),url(/images/mockup/tile-funky-alt.jpg),linear-gradient(160deg,#d99a45 0%,#9c5a20 100%);background-position:50%;background-size:cover}.ph-pair-photo.fresh{background-image:linear-gradient(#0000 55%,#0000006b 100%),url(/images/mockup/tile-fresh.jpg),linear-gradient(160deg,#f7f5e8 0%,#d8dcc4 100%);background-position:50%;background-size:cover}.ph-pair-name{font-family:var(--rb-display);color:#fff;text-shadow:0 2px 8px #00000073;font-size:1.05rem;font-weight:700;position:absolute;bottom:10px;left:12px}.ph-pair-check{color:#2c3e50;background:#fcd95b;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:10px;right:10px}.rite-body[data-active-verse="0"] .ph-pair-tile.is-picked{animation:.6s .35s ph-pick}@keyframes ph-pick{0%,to{transform:scale(1)}45%{transform:scale(1.03)}}.ph-finder{background:radial-gradient(at 50% 42%,#35291a 0%,#14100b 78%);border-radius:18px;flex:1;margin:.2rem .2rem 1rem;position:relative;overflow:hidden}.ph-corner{border:3px solid #fcd95b;width:26px;height:26px;position:absolute}.ph-corner.tl{border-bottom:0;border-right:0;border-radius:8px 0 0;top:14px;left:14px}.ph-corner.tr{border-bottom:0;border-left:0;border-radius:0 8px 0 0;top:14px;right:14px}.ph-corner.bl{border-top:0;border-right:0;border-radius:0 0 0 8px;bottom:14px;left:14px}.ph-corner.br{border-top:0;border-left:0;border-radius:0 0 8px;bottom:14px;right:14px}.ph-label-mock{color:#2c3e50;text-align:center;background:#fffef7;border-radius:8px;padding:1rem 1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)rotate(-3deg);box-shadow:0 10px 30px #00000080}.ph-label-name{font-family:var(--rb-display);letter-spacing:.04em;font-size:1.3rem;font-weight:700;display:block}.ph-label-sub{letter-spacing:.22em;color:#95a5a6;margin-top:.2rem;font-size:.55rem;font-weight:600;display:block}.ph-scanline{background:linear-gradient(90deg,#0000,#fcd95b,#0000);height:2.5px;position:absolute;top:42%;left:7%;right:7%;box-shadow:0 0 16px #fcd95b}.rite-body[data-active-verse="1"] .ph-scanline{animation:2.4s ease-in-out infinite ph-scan}@keyframes ph-scan{0%,to{top:14%}50%{top:82%}}.ph-sheet{color:#2c3e50;background:#fff;border-radius:16px;padding:.95rem 1.1rem;transition:transform .55s cubic-bezier(.22,1,.36,1) .3s;transform:translateY(150%);box-shadow:0 -8px 30px #00000040}.rite-body[data-active-verse="1"] .rite-screen[data-screen="1"] .ph-sheet{transform:translateY(0)}.ph-sheet-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.95rem;display:flex}.ph-sheet-head strong{font-family:var(--rb-display);letter-spacing:-.01em;font-weight:700}.ph-screen-head{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.ph-screen-head strong{font-family:var(--rb-display);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.ph-stats{gap:.55rem;margin-bottom:.9rem;display:flex}.ph-stat{background:#fff;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:.05rem;padding:.6rem .3rem;display:flex;box-shadow:0 2px 10px #2c3e5017}.ph-stat-emoji{font-size:1rem}.ph-stat-val{font-family:var(--rb-display);font-size:1rem;font-weight:700}.ph-stat-lbl{text-transform:uppercase;letter-spacing:.08em;color:#95a5a6;font-size:.52rem;font-weight:600}.ph-entries{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.ph-entry{background:#fff;border-radius:16px;padding-bottom:.6rem;overflow:hidden;box-shadow:0 3px 14px #2c3e501a}.ph-entry-photo{height:62px;margin-bottom:.45rem}.ph-entry-photo.comte{background:url(/images/mockup/box-comte.jpg) 50%/cover,linear-gradient(140deg,#f2cf72 0%,#d9a13e 100%)}.ph-entry-photo.epoisses{background:url(/images/mockup/feed-epoisses.jpg) 50%/cover,linear-gradient(140deg,#eeaf5a 0%,#c47a24 100%)}.ph-entry-photo.tola{background:url(/images/mockup/box-tola.jpg) 50%/cover,linear-gradient(140deg,#fbfaf2 0%,#ddd9c2 100%)}.ph-entry-photo.stichelton{background:url(/images/mockup/box-stichelton.jpg) 50%/cover,linear-gradient(140deg,#eff0e2 0%,#b9c2a6 100%)}.ph-entry-name{padding:0 .6rem;font-size:.72rem;font-weight:700;display:block}.ph-entry-stars{color:gold;letter-spacing:1px;padding:0 .6rem;font-size:.62rem;display:block}.rite-body[data-active-verse="2"] .ph-entry{animation:.5s cubic-bezier(.22,1,.36,1) backwards ph-rise}.rite-body[data-active-verse="2"] .ph-entry:first-child{animation-delay:.1s}.rite-body[data-active-verse="2"] .ph-entry:nth-child(2){animation-delay:.18s}.rite-body[data-active-verse="2"] .ph-entry:nth-child(3){animation-delay:.26s}.rite-body[data-active-verse="2"] .ph-entry:nth-child(4){animation-delay:.34s}@keyframes ph-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ph-map{background:radial-gradient(circle at 70% 18%,#f2f4f0 0%,#0000 50%),#e8ecdf;border-radius:18px;flex:1;margin:.2rem .2rem .8rem;position:relative;overflow:hidden}.ph-road{background:#fff;border-radius:4px;position:absolute}.ph-road.r1{height:8px;top:32%;left:-10%;right:-10%;transform:rotate(-13deg)}.ph-road.r2{width:8px;top:-10%;bottom:-10%;left:60%;transform:rotate(16deg)}.ph-park{background:#d5e3c8;border-radius:40% 55% 45% 50%;width:34%;height:26%;position:absolute;top:58%;left:8%}.ph-pin{background:#fcd95b;border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:0 3px 10px #2c3e5059}.ph-pin.p1{width:22px;height:22px;top:42%;left:38%}.ph-pin.p1:after{content:"";opacity:0;border:2.5px solid #eab308;border-radius:50%;position:absolute;inset:-9px}.ph-pin.p2{top:22%;left:70%}.ph-pin.p3{top:72%;left:62%}.rite-body[data-active-verse="3"] .ph-pin{animation:.45s cubic-bezier(.34,1.56,.64,1) backwards ph-pop}.rite-body[data-active-verse="3"] .ph-pin.p1{animation-delay:.15s}.rite-body[data-active-verse="3"] .ph-pin.p2{animation-delay:.3s}.rite-body[data-active-verse="3"] .ph-pin.p3{animation-delay:.45s}.rite-body[data-active-verse="3"] .ph-pin.p1:after{animation:2.2s ease-out .7s infinite ph-ping}@keyframes ph-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes ph-ping{0%{opacity:.8;transform:scale(.6)}80%,to{opacity:0;transform:scale(1.5)}}.ph-map-card{background:#fff;border-radius:14px;padding:.8rem .95rem;transition:transform .55s cubic-bezier(.22,1,.36,1) .35s;position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(140%);box-shadow:0 8px 26px #2c3e5033}.rite-body[data-active-verse="3"] .rite-screen[data-screen="3"] .ph-map-card{transform:translateY(0)}.ph-greeting{color:#95a5a6;font-size:.72rem}.ph-feed-title{font-family:var(--rb-display);letter-spacing:-.02em;margin:.1rem 0 .75rem;font-size:1.45rem;font-weight:700}.ph-search{color:#95a5a6;background:#f8f9fa;border:1px solid #eceff1;border-radius:999px;margin-bottom:.8rem;padding:.55rem .9rem;font-size:.7rem}.ph-photo-card{border-radius:16px;flex:1;margin-bottom:.8rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #2c3e5029}.ph-photo{position:absolute;inset:0}.ph-photo.comte-hero{background-image:url(/images/mockup/feed-epoisses.jpg),linear-gradient(155deg,#e9b45c 0%,#a3611f 100%);background-position:50%;background-size:cover}.ph-photo-overlay{background:linear-gradient(#0000000a 30%,#0000009e 100%);flex-direction:column;justify-content:flex-end;padding:.9rem;display:flex;position:absolute;inset:0}.ph-photo-badges{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.ph-photo-name{font-family:var(--rb-display);letter-spacing:-.01em;color:#fff;text-shadow:0 2px 6px #0009;font-size:1.15rem;font-weight:700}.ph-photo-meta{color:#ffffffd9;margin-top:.15rem;font-size:.68rem}.rite-body[data-active-verse="4"] .ph-photo-card{animation:.55s cubic-bezier(.22,1,.36,1) .15s backwards ph-rise}.ph-share{text-align:center;color:#2c3e50;background:linear-gradient(165deg,#fffef7 0%,#f5efd7 100%);border:1.5px solid #fde68a;border-radius:20px;padding:1.5rem 1.3rem 1.2rem;box-shadow:0 14px 36px #2c3e5024}.ph-share-label{letter-spacing:.24em;color:#95a5a6;margin-bottom:.55rem;font-size:.55rem;font-weight:700;display:block}.ph-share-title{font-family:var(--rb-display);letter-spacing:-.02em;background:linear-gradient(#0000 62%,#fcd95b 62% 100%);border-radius:4px;margin-bottom:.9rem;padding:0 .15em;font-size:1.55rem;font-weight:700;line-height:1.05;display:inline-block}.ph-share-chips{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1rem;display:flex}.ph-share-chips span{color:#2c3e50;background:#fff;border:1px solid #fde68a;border-radius:999px;padding:.3rem .65rem;font-size:.6rem;font-weight:700}.ph-share-bars{justify-content:center;align-items:flex-end;gap:7px;height:60px;margin-bottom:.9rem;display:flex}.ph-share-bars i{transform-origin:bottom;background:linear-gradient(#fcd95b,#eab308);border-radius:5px;width:13px}.rite-body[data-active-verse="5"] .ph-share-bars i{animation:.6s cubic-bezier(.22,1,.36,1) backwards ph-grow}.rite-body[data-active-verse="5"] .ph-share-bars i:first-child{animation-delay:.15s}.rite-body[data-active-verse="5"] .ph-share-bars i:nth-child(2){animation-delay:.25s}.rite-body[data-active-verse="5"] .ph-share-bars i:nth-child(3){animation-delay:.35s}.rite-body[data-active-verse="5"] .ph-share-bars i:nth-child(4){animation-delay:.45s}.rite-body[data-active-verse="5"] .ph-share-bars i:nth-child(5){animation-delay:.55s}@keyframes ph-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.ph-share-foot{letter-spacing:.08em;color:#95a5a6;font-size:.55rem;font-weight:600}.ph-badges{justify-content:center;align-items:center;gap:.55rem;margin-top:1.1rem;display:flex}.ph-badge{background:#fff;border:1.5px solid #fde68a;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.15rem;display:flex;box-shadow:0 4px 14px #2c3e5014}.ph-badge-label{color:#95a5a6;margin-left:.3rem;font-size:.62rem;font-weight:600}@media (max-width:920px){.rite-body{display:block}.rite-stage{z-index:5;background:linear-gradient(#fff 84%,#0000);height:442.72px;padding:.4rem 0 0;position:sticky;top:54px}.rite-phone{transform-origin:top;animation:none;transform:scale(.62)}.rite-phone.rite-phone--hero{transform-origin:50%;transform:none}.rite-glow{inset:0 10%}.rite-verse{gap:1.2rem;min-height:56vh}.rite-verse:first-child{min-height:46vh}.rite-verse-body h3{font-size:1.7rem}.rite-verse-body p{font-size:.95rem}.rite-verse-line{height:36px}}@media (prefers-reduced-motion:reduce){.rite-phone,.ph-scanline,.ph-pin,.ph-pin.p1:after,.ph-entry,.ph-photo-card,.ph-share-bars i,.ph-pair-tile.is-picked{animation:none!important}.rite-screen,.ph-sheet,.ph-map-card,.rite-verse,.rite-verse-num,.rite-verse-line{transition-duration:10ms!important}}.rite-screens--scroll{scroll-snap-type:y mandatory;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:hidden auto}.rite-screens--scroll::-webkit-scrollbar{display:none}.rite-screens--scroll:focus-visible{outline:3px solid var(--yellow-deep,#eab308);outline-offset:2px}.rite-screens--scroll .rite-screen{opacity:1;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;height:100%;min-height:100%;transition:none;position:relative;inset:auto;transform:none}.rite-scroll-hint{z-index:6;font-family:var(--rb-body,system-ui), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2c3e50;pointer-events:none;background:#ffffffe6;border:1px solid #2c3e501f;border-radius:999px;padding:.3rem .7rem;font-size:.62rem;font-weight:700;animation:2.4s ease-in-out infinite rite-hint-bob;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #2c3e5029}@keyframes rite-hint-bob{0%,to{opacity:.95;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(-5px)}}.rite-screens--scroll:hover~.rite-scroll-hint,.rite-screens--scroll:focus-within~.rite-scroll-hint{opacity:0;transition:opacity .25s}@media (prefers-reduced-motion:reduce){.rite-scroll-hint{animation:none}.rite-screens--scroll{scroll-behavior:auto}}