/* The Fold: a light seam, a moving image, a physical invitation. */
:root{--sans:Manrope,Arial,sans-serif}
html[dir=rtl]{--sans:Vazirmatn,Arial,sans-serif}
body{font-weight:450;font-synthesis:none}
.site-header{inset:0 0 auto;height:110px;padding:24px var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;gap:32px;border:0;border-radius:0;background:linear-gradient(#131e29bb,transparent);backdrop-filter:none;box-shadow:none;transition:background .3s}
.brand,.brand img{width:170px}.brand{justify-self:start}
.header-actions{justify-self:end;display:flex;gap:26px;align-items:center}
body:not(.cinema-mode) .site-header,.below-journey .site-header{background:linear-gradient(#1b2631f5,#1b2631dc)}
.language-control select{font-family:var(--sans);font-size:15px;font-weight:550;letter-spacing:0;padding:12px 0;max-width:83px}
#menu-toggle{position:relative;display:flex;align-items:center;gap:18px;font-family:var(--sans);font-size:16px;font-weight:550;letter-spacing:-.015em;padding:14px 0;border:0;min-height:48px}
#menu-toggle:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:linear-gradient(90deg,#f1f8fb,transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s}
#menu-toggle:hover:after,#menu-toggle:focus-visible:after{transform:scaleX(1)}
.index-lines{display:flex;align-items:center;gap:4px;height:24px;width:31px;transform:rotate(12deg)}
.index-lines i{display:block;height:14px;width:3px;background:#c8dbe5;border-radius:1px;transition:height .3s,transform .3s}
.index-lines i:nth-child(2){height:23px}.index-lines i:nth-child(3){height:18px}.index-lines i:nth-child(4){height:10px}
#menu-toggle:hover .index-lines i{height:23px;transform:translateY(-2px)}
#menu-toggle:hover .index-lines i:nth-child(2n){height:13px;transform:translateY(3px)}
/* An ice-metal surface folds into an arrow; the highlight follows the hand. */
.fold-cta{--mx:50%;--my:35%;--rx:0deg;--ry:0deg;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;padding:17px 18px 17px 26px;max-width:100%;color:#1b303e;background:linear-gradient(118deg,#ecf3f2 0%,#c3d5df 31%,#a4bbc9 63%,#dae7eb 100%);border:1px solid #e7f5fa99;border-radius:3px 18px 3px 3px;box-shadow:inset 0 1px 0 #fff,0 9px 30px #080e1730;transform:perspective(650px) rotateX(var(--rx)) rotateY(var(--ry));transition:box-shadow .3s,transform .35s,filter .3s;overflow:hidden;text-decoration:none;cursor:pointer}
.fold-cta:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at var(--mx) var(--my),#ffffffdc,transparent 60%);opacity:.2;transition:opacity .3s}
.fold-cta:after{content:'';position:absolute;right:-1px;top:-1px;width:19px;height:19px;clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(135deg,#f6fbfd,#6d8ca0);filter:drop-shadow(-2px 3px 2px #273c4f44);transition:width .4s,height .4s}
.cta-copy{display:flex;flex-direction:column;gap:6px;position:relative;z-index:2;text-align:start;transition:transform .35s}
.cta-label{font-family:var(--sans);font-size:18px;font-weight:650;line-height:1.3;letter-spacing:-.025em}
.cta-note{font-family:var(--sans);font-size:13px;font-weight:550;letter-spacing:0;line-height:1.5;color:#385364}
.cta-fold{position:relative;width:44px;height:39px;flex:none;perspective:200px}
.cta-fold i{position:absolute;inset:2px 4px 2px 5px;background:#365568;clip-path:polygon(0 12%,100% 0,65% 100%);transform:rotate(-10deg);transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .3s}
.cta-fold i:nth-child(2){background:linear-gradient(140deg,#f4fbff,#7797ad 50%,#d7e9f3);clip-path:polygon(0 12%,65% 50%,65% 100%);transform-origin:65% 50%}
.cta-fold b{position:absolute;inset:0;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:28px;font-weight:400;opacity:0;transform:translate(-8px,8px);transition:opacity .3s,transform .4s}
.cta-shine{position:absolute;inset:-60% -40%;background:linear-gradient(110deg,transparent 44%,#fff8 49%,transparent 54%);transform:translateX(-85%);pointer-events:none}
.fold-cta:hover,.fold-cta:focus-visible{box-shadow:inset 0 1px 0 #fff,0 12px 34px #a9cadd22;filter:brightness(1.04)}
.fold-cta:hover:before,.fold-cta:focus-visible:before{opacity:.65}
.fold-cta:hover .cta-copy,.fold-cta:focus-visible .cta-copy{transform:translateX(3px)}
.fold-cta:hover .cta-fold i:first-child,.fold-cta:focus-visible .cta-fold i:first-child{transform:translate(4px,-4px) rotate(8deg);opacity:0}
.fold-cta:hover .cta-fold i:nth-child(2),.fold-cta:focus-visible .cta-fold i:nth-child(2){transform:rotateY(120deg) rotate(-10deg);opacity:0}
.fold-cta:hover .cta-fold b,.fold-cta:focus-visible .cta-fold b{opacity:1;transform:translate(0,0)}
.fold-cta:hover .cta-shine,.fold-cta:focus-visible .cta-shine{animation:fold-light .75s ease-out both}
@keyframes fold-light{to{transform:translateX(85%)}}
.fold-cta--compact{min-height:52px;padding:12px 13px 12px 20px;gap:20px;border-top-right-radius:14px}
.fold-cta--compact .cta-label{font-size:15px;font-weight:650;white-space:nowrap}
.fold-cta--compact .cta-fold{width:29px;height:27px}.fold-cta--compact .cta-fold b{font-size:23px}
.fold-cta--compact:after{width:15px;height:15px}
.fold-cta--large{width:350px;min-height:88px}
.text-action{font-size:16px;font-weight:550;letter-spacing:-.01em;border:0;padding:10px 0;gap:22px}
.text-action:hover{gap:30px}.entry-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid #c6dde065;border-radius:3px 13px 3px 3px;background:linear-gradient(130deg,#d4ebef25,#b5c5d00a);font-size:22px;transition:background .3s,transform .3s}
.text-action:hover .entry-mark{transform:translate(3px,3px);background:#bbd4e238}
/* The index is itself a scene; no thumbnail cards or pill menu. */
#mobile-menu{position:fixed;inset:0;display:flex;flex-direction:column;padding:32px var(--gutter);background:#17232d;backdrop-filter:none;overflow:auto;isolation:isolate}
.menu-preview,.menu-veil{position:absolute;inset:0;z-index:-2;pointer-events:none}
.menu-preview{overflow:hidden}.menu-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:0;transform:scale(1.045);transition:opacity .65s,transform 1.5s}
.menu-preview img.is-current{opacity:1;transform:scale(1)}
.menu-veil{z-index:-1;background:linear-gradient(90deg,#0d1925ed,#14232cc7 45%,#14212b50),linear-gradient(0deg,#14222bde,transparent 65%)}
.menu-top{position:relative;border-bottom:1px solid #d8e6ee3b;padding:0 0 26px;display:flex;align-items:center;justify-content:space-between}
.menu-top>img{width:170px}#menu-close{gap:20px;font-size:16px;font-weight:550;min-height:48px;padding:10px 0}
.close-cross{position:relative;width:30px;height:30px}.close-cross:before,.close-cross:after{content:'';position:absolute;top:14px;left:0;width:30px;height:1px;background:var(--ivory);transform:rotate(45deg)}.close-cross:after{transform:rotate(-45deg)}
.menu-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;padding:50px 0;align-items:center;flex:1}
.menu-intro{grid-column:2;grid-row:1;align-self:end;padding-bottom:24px;max-width:370px}
.menu-intro .eyebrow{font-size:14px;font-weight:550;letter-spacing:0;color:#c6dbe6;margin-bottom:24px}
.menu-title{font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-.035em;font-weight:450}
.menu-invitation{margin-top:35px}.menu-invitation .fold-cta{min-height:76px;padding-inline:22px 16px;gap:20px}.menu-invitation .cta-label{font-size:17px}
.menu-stories{grid-column:1;grid-row:1;align-self:center}
.menu-stories>a{display:grid!important;grid-template-columns:30px 1fr 28px;gap:22px;align-items:center;min-height:113px;border:0!important;padding:22px 0!important;position:relative;color:#f0f2efb5;transition:color .35s}
.menu-stories>a:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,#dcebf066,transparent);transform:scaleX(.7);transform-origin:left;transition:transform .5s}
.menu-stories>a:hover:after,.menu-stories>a:focus-visible:after{transform:scaleX(1)}
.menu-number{font-size:13px;font-weight:600;color:#c2d7e4;align-self:start;margin-top:9px}
.menu-story-name{font-size:clamp(31px,3.5vw,54px);font-weight:450;line-height:1.12;letter-spacing:-.045em;transition:transform .4s}
.menu-story-arrow{font-size:27px;opacity:0;transform:translate(-10px,7px);transition:opacity .3s,transform .4s}
.menu-stories>a:hover,.menu-stories>a:focus-visible,.menu-stories>a[aria-current=step]{color:#fff}
.menu-stories>a:hover .menu-story-name,.menu-stories>a:focus-visible .menu-story-name{transform:translateX(10px)}
.menu-stories>a:hover .menu-story-arrow,.menu-stories>a:focus-visible .menu-story-arrow{opacity:1;transform:translate(0,0)}
.menu-bottom{position:relative;font-size:14px;color:#d5e3e8;border-top:1px solid #e3edf13b;padding-top:25px}.menu-bottom a{font-size:14px!important}
/* A visible typography change, including metadata formerly rendered at 8–12px. */
.eyebrow,.cinema-mode .chapter-hero .eyebrow{font-size:14px;font-weight:550;line-height:1.55;letter-spacing:.005em;text-transform:none}
.feature-line{font-size:15px;font-weight:500;line-height:1.65;letter-spacing:0;color:#c8dce7}
.proposal-note{font-size:14px;font-weight:450;line-height:1.65;opacity:.95}
.room-label,.message small,.photo-caption small,.photo-approval,.recording-meta small,.trace-voice>small,.return-trace small,.translation-trace small,.journal-return small,.support-object small,.support-object>span:last-child,.book-cover small,.book-cover>span:last-child{font-family:var(--sans);font-size:13px!important;line-height:1.5;letter-spacing:0!important;font-weight:500}
.recording-meta{gap:10px}.message small{color:#d5e3e9}.room-label{color:#d1e0e8}.save-caption small{font-size:13px;font-weight:500}.joined-memories>span:last-child{font-size:13px;line-height:1.5;color:#d0dfe7}
.envelope-label small{font-size:13px;font-weight:500;line-height:1.5}.envelope-insert small{font-size:12px;letter-spacing:0}.embossed-wordmark{font-size:12px}
.chapter-location{font-size:14px;font-weight:500;letter-spacing:0}.chapter-location>span:first-child{font-size:13px}.scroll-invitation,#motion-toggle{font-size:14px;font-weight:500;letter-spacing:0}
.beta-note{font-size:14px;color:#d3e1e8}.footer-links,.footer-bottom{font-size:14px}.footer-stories a{font-size:16px}.footer-stories small{font-size:13px}
#buffer-status{font-family:var(--sans);font-size:13px;top:122px;pointer-events:none;background:#15232de0}
#media-percent{font-variant-numeric:tabular-nums;min-width:3ch;color:#eff8fc}
#media-retry{pointer-events:auto;font-size:13px;border-bottom:1px solid #cde0ed;padding:4px 0;margin-inline-start:6px;min-height:36px}
.loader-centre p{font-size:16px}.loader-wordmark{width:160px}#loader-skip{font-size:14px}
html[dir=rtl] .eyebrow,html[dir=rtl] .feature-line{font-size:15px;letter-spacing:0}
html[dir=rtl] .envelope-label small{font-size:13px}
html[dir=rtl] .cta-label,html[dir=rtl] .menu-story-name{letter-spacing:0}
html[dir=rtl] .menu-story-name{font-size:clamp(30px,3vw,46px);line-height:1.4}
html[dir=rtl] .menu-veil{background:linear-gradient(-90deg,#0d1925ed,#14232cc7 45%,#14212b50),linear-gradient(0deg,#14222bde,transparent 65%)}
@media(max-width:1200px){.site-header{padding-inline:40px;gap:25px}.header-actions{gap:20px}.brand,.brand img{width:150px}.menu-layout{gap:7%;grid-template-columns:1.2fr 1fr}.menu-story-name{font-size:38px}.menu-stories>a{min-height:101px;gap:16px}.menu-intro .fold-cta{padding-inline:18px 12px;gap:14px}.menu-invitation .cta-label{font-size:15px}.feature-line{font-size:14px}.footer-invitation{width:335px}}
@media(max-width:900px){.site-header{height:95px;padding:20px 30px;grid-template-columns:1fr auto auto;gap:24px}.header-actions{grid-column:3;grid-row:1}.header-actions .fold-cta{display:none}#menu-toggle{grid-column:2;grid-row:1;font-size:16px}.brand,.brand img{width:155px}.language-control select{font-size:15px}.menu-layout{gap:40px;grid-template-columns:1fr 1fr}.menu-stories>a{grid-template-columns:24px 1fr 24px;gap:14px;min-height:100px}.menu-story-name{font-size:34px}.menu-title{font-size:30px}.menu-intro{max-width:300px}.menu-intro .eyebrow{font-size:13px}.menu-invitation .fold-cta{padding:15px;gap:15px}.menu-invitation .cta-label{font-size:16px}.menu-invitation .cta-fold{display:none}.menu-invitation .cta-note{font-size:12px}.menu-bottom>span{max-width:70%}.footer-invitation{width:310px}.fold-cta--large{width:100%}.fold-cta--large .cta-label{font-size:17px}.eyebrow,.feature-line,.proposal-note{font-size:14px}body:not(.cinema-mode) .chapter-hero{padding-top:95px}}
@media(max-width:600px){.site-header{height:86px;padding:18px 22px;gap:20px}.brand,.brand img{width:125px}#menu-toggle{font-size:15px;gap:10px}.index-lines{width:23px;gap:3px}.index-lines i{width:2px}.header-actions{gap:0}.language-control select{max-width:60px;font-size:14px}#mobile-menu{padding:24px}.menu-top{padding-bottom:20px}.menu-top>img{width:145px}#menu-close{font-size:15px}.menu-layout{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:34px;padding-block:30px}.menu-stories{order:0}.menu-stories>a{min-height:80px;padding:17px 0!important;gap:15px}.menu-story-name{font-size:clamp(27px,8.5vw,37px)}.menu-number{margin-top:4px}.menu-intro{order:1;max-width:none;align-self:stretch;padding:0}.menu-intro .eyebrow,.menu-title{display:none}.menu-invitation{margin:0}.menu-invitation .fold-cta{width:100%;min-height:70px;padding:16px 21px}.menu-invitation .cta-fold{display:block}.menu-invitation .cta-label{font-size:17px}.menu-bottom{font-size:12px;gap:20px;padding-top:20px}.menu-bottom a{font-size:13px!important}.menu-preview img{object-position:60% center}.menu-veil{background:linear-gradient(90deg,#11212be8,#11212b9e),linear-gradient(0deg,#14222bef,transparent)}.fold-cta--large{width:100%;max-width:370px;min-height:85px}.fold-cta--large .cta-label{font-size:18px}.fold-cta--large .cta-note{font-size:13px}.footer-invitation{width:100%}.footer-links,.footer-bottom{font-size:13px}.footer-stories a{font-size:15px}.footer-stories small{font-size:12px}.footer-privacy>div>p,.product-details p,.product-details summary{font-size:15px}.eyebrow,.feature-line,.proposal-note{font-size:14px}.text-action{font-size:16px}body:not(.cinema-mode) .chapter-hero{padding-top:86px}html[dir=rtl] .menu-story-name{font-size:31px}html[dir=rtl] .cta-label{font-size:17px}.scroll-invitation{display:none}}
@media(max-width:370px){.site-header{gap:15px;padding-inline:18px}.brand,.brand img{width:109px}#menu-toggle{font-size:14px;gap:8px}.language-control select{font-size:13px;max-width:51px}}
@media(max-height:720px) and (min-width:901px){.site-header{height:90px;padding-block:18px}.menu-layout{padding-block:24px}.menu-stories>a{min-height:89px}.menu-story-name{font-size:38px}.menu-intro{padding-bottom:15px}.feature-line,.proposal-note{font-size:14px}.eyebrow{font-size:13px}.menu-invitation{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.fold-cta,.menu-preview img,.menu-story-name,.cta-fold i,.cta-fold b{transform:none!important;transition:none!important}.cta-shine{display:none}}