@font-face{font-family:TempleSC;src:url('../img/temple-journey/reference/cormorant-sc-400.woff2') format('woff2');font-display:swap;font-weight:400}@font-face{font-family:TempleSC;src:url('../img/temple-journey/reference/cormorant-sc-500.woff2') format('woff2');font-display:swap;font-weight:500}@font-face{font-family:TempleUpright;src:url('../img/temple-journey/reference/cormorant-upright-400.woff2') format('woff2');font-display:swap;font-weight:400}@font-face{font-family:TempleUpright;src:url('../img/temple-journey/reference/cormorant-upright-500.woff2') format('woff2');font-display:swap;font-weight:500}
body.temple-journey{margin:0;background:#f0c2b6;color:#673e37;font:400 24px/1.8 TempleUpright,Cormorant,Georgia,serif;--temple-gold:#f8d48e;--temple-p:0;--temple-shift:0px;--lamp-shift:0px;--carpet-clip:26%;--temple-red:#b91d45}
.temple-journey *{box-sizing:border-box}.temple-journey #wedding-content{overflow:clip;opacity:1;transform:none}.temple-journey h1,.temple-journey h2,.temple-journey h3{font:400 60px/1.25 TempleSC,Cormorant,Georgia,serif;overflow-wrap:anywhere;text-wrap:balance}.temple-journey h1:focus{outline:none}.temple-journey p{margin:10px auto;max-width:900px;overflow-wrap:anywhere}.temple-journey h2{font-size:clamp(40px,5.55vw,80px)}.temple-journey h3{font-family:TempleUpright;font-size:clamp(32px,3.9vw,56px)}.temple-journey img{max-width:100%;height:auto}.temple-journey .invitation-language{z-index:65;top:14px;right:16px}.temple-journey .language-switch{background:#fff9;backdrop-filter:blur(6px)}.temple-journey .language-switch a[aria-current=true]{background:#913944;color:#fff}.temple-journey .invitation-language a{font-family:Inter,sans-serif}
.temple-approach{height:clamp(2100px,179.6vw,2800px);position:relative;background:#7bc7ed;isolation:isolate}.temple-courtyard{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:center;z-index:0}.temple-panorama{position:absolute;left:50%;top:clamp(386px,26.8vw,500px);width:73.5%;height:91.4vw!important;max-height:1550px;max-width:none!important;object-fit:contain;z-index:2;transform:translate(-50%,var(--temple-shift));will-change:transform}.temple-lamp{position:absolute;top:0;width:19.5%;height:auto;z-index:4;pointer-events:none;transform:translateY(var(--lamp-shift));will-change:transform}.temple-lamp-left{left:0}.temple-lamp-right{right:3%}.temple-hero-copy{position:absolute;top:clamp(200px,15.83vw,300px);left:15%;right:15%;z-index:3;text-align:center;color:#535550;transform:translateY(calc(var(--lamp-shift)*.2))}.temple-hero-copy h1{font-size:clamp(60px,5vw,85px);line-height:1.25;font-weight:500}.temple-hero-copy h1 span{display:block}.temple-hero-copy h1 em{display:block;font:400 .48em/2.9 TempleSC,Georgia,serif}.temple-scroll-hint{display:inline-block;font:11px/1.5 Inter,sans-serif;letter-spacing:.08em;margin-top:25px;opacity:.75}.temple-scroll-hint:hover{opacity:1}
.temple-carpet{position:relative;z-index:5;min-height:1160px;margin-top:-430px;text-align:center;color:#ffdb94;isolation:isolate}.temple-carpet-paper{position:absolute;inset:0;background:#bd1949 url('../img/temple-journey/reference/red-silk.webp') center/cover;clip-path:polygon(var(--carpet-clip) 0,calc(100% - var(--carpet-clip)) 0,100% 100%,0 100%);z-index:-1;will-change:clip-path}.temple-inviting{padding:55px 24px 135px;max-width:1100px;margin:auto;min-height:1160px;display:flex;align-items:center;flex-direction:column;justify-content:flex-start}.temple-ganesha{width:190px;height:252px!important;object-fit:contain;margin:0 auto 40px}.temple-inviting>p{font-size:30px}.temple-hosts{max-width:850px}.temple-inviting h2{margin:65px 0 24px;font-family:TempleUpright;font-size:100px}.temple-inviting .temple-welcome-story{font-size:32px;max-width:1000px}.temple-family{position:relative;background:#bd1949 url('../img/temple-journey/reference/red-silk.webp') center/cover;color:#ffdb94;text-align:center;min-height:913px;padding:210px 24px 100px;z-index:6}.temple-toran{position:absolute;top:-120px;left:0;width:100%;height:783px!important;object-fit:cover;pointer-events:none;z-index:1}.temple-family-copy{position:relative;z-index:2;width:min(860px,72%);margin:auto}.temple-family-copy h2{font-size:clamp(48px,5.55vw,80px);letter-spacing:.16em;line-height:1.25;margin:16px 0 10px}.temple-family-copy p{font-size:28px}.temple-family-copy .temple-weds{font:400 48px/1.4 TempleSC,Georgia,serif;margin:20px 0}.temple-family-copy .temple-parent-label{font-size:23px;margin:15px 0 0}.temple-couple-portrait{position:relative;z-index:2;width:min(420px,85%);margin:40px auto 0;border:8px solid #f4d296}
.temple-gallery{position:relative;background:#edbf47 url('../img/temple-journey/reference/gold-mandala.webp') center/cover;color:#b7594e}.temple-gallery-intro{min-height:760px;padding:290px 20px 80px;text-align:center;position:relative}.temple-gallery-intro .temple-lamp{top:0;width:19.5%;transform:none}.temple-gallery-intro>p{font-family:TempleSC;font-size:28px}.temple-gallery-intro h2{width:min(760px,80%);margin:30px auto;font-size:80px}.temple-mosaic-scene{height:1800px;position:relative}.temple-mosaic-sticky{height:100svh;min-height:680px;position:sticky;top:0;overflow:clip;padding-top:32px}.temple-story-heading{font-size:clamp(40px,4.2vw,64px)!important;line-height:1.3!important;text-align:center;max-width:1050px;margin:0 auto 28px;padding:0 20px;min-height:110px}.temple-mosaic-mask{width:100%;height:calc(100% - 155px);overflow:clip}.temple-mosaic{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:86.1%;max-width:1500px;margin:auto}.temple-photo-column{display:grid;gap:12px;align-content:start;transform:translateY(var(--column-y,0px));will-change:transform}.temple-photo-column a{display:block;aspect-ratio:1.07;overflow:hidden}.temple-photo-column img{width:100%;height:100%!important;object-fit:cover}.temple-photo-column a:focus-visible{outline-offset:-5px}.temple-meal{position:relative;background:linear-gradient(#edbf47 0 50%,#f0c2b6 50%);min-height:360px;z-index:7;text-align:center;margin-top:-1px}.temple-meal>img{width:min(864px,70%);height:504px!important;object-fit:contain;margin:0 auto;transform:translateY(-70px) rotate(var(--meal-rotate,-12deg));will-change:transform}.temple-meal-copy{margin:-100px auto 0;position:relative;width:min(900px,85%);padding-bottom:20px}.temple-meal-copy h2{font-size:34px;margin:0}.temple-meal-copy p{font-size:22px}
.temple-functions{background:#f0c2b6 url('../img/temple-journey/reference/peach-mandala.webp') center/cover;text-align:center;position:relative;padding:20px 0 75px}.temple-inner{width:min(1200px,calc(100% - 48px));margin:auto}.temple-date-heading{font-size:clamp(50px,8.3vw,120px)!important;margin:20px auto 0;background:linear-gradient(0deg,#ee571f,#67433f 73%);color:transparent;background-clip:text}.temple-event-date{font:400 25px TempleSC,Georgia,serif;margin:15px auto 45px!important}.temple-function-grid{display:grid;grid-template-columns:1fr .9fr 1fr;gap:25px;align-items:start;margin:45px 0 30px;min-height:310px}.temple-event{padding:20px 10px}.temple-event h3{margin:0 0 22px}.temple-event p{font-size:24px;line-height:1.65;margin:10px auto}.temple-event:first-child{grid-column:1;grid-row:1}.temple-event:nth-child(2){grid-column:3;grid-row:1}.temple-event:nth-child(n+3){grid-row:auto}.temple-car{grid-column:2;grid-row:1;align-self:start;margin-top:12px}.temple-car img{width:100%;transform:translateY(var(--car-y,0px));will-change:transform}.temple-venue-copy{max-width:750px;margin:auto}.temple-venue-copy h3{margin:0 0 20px}.temple-venue-copy p{font-size:25px;line-height:1.6}.temple-venue-photo{width:100%;max-height:350px;object-fit:cover;margin:25px auto}.temple-countdown{display:flex;justify-content:center;gap:26px;margin:40px auto 0}.temple-countdown div{display:grid;gap:8px}.temple-countdown strong{font-size:36px;line-height:1}.temple-countdown span{font:11px/1.5 Inter,sans-serif}.temple-journey .wedding-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:25px}.temple-journey .wedding-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#9c3446;color:#fff0cb;border:1px solid #f4d28c;border-radius:5px;padding:13px 20px;min-height:46px;font:600 13px/1.5 Inter,sans-serif;max-width:100%;cursor:pointer}.temple-journey .wedding-button.secondary{background:#fff6;color:#852d43}
.temple-finale{background:#efc1b6 url('../img/temple-journey/reference/peach-mandala.webp') center/cover;text-align:center;padding:90px 0 105px;position:relative}.temple-finale-copy{max-width:900px;padding:0 24px;margin:0 auto 60px}.temple-finale-copy h2{font-size:36px;margin:0 0 15px}.temple-finale-copy p{font-size:32px}.temple-finale-stage{height:680px;position:relative;overflow:clip}.temple-finale-garlands{position:absolute;width:100%;height:100%!important;object-fit:cover;inset:0}.temple-finale-couple{position:absolute;left:50%;width:747px;max-width:100%!important;height:735px!important;object-fit:contain;bottom:-80px;transform:translate(-50%,var(--couple-y,0px));will-change:transform}.temple-finale .made-by{font:12px Inter,sans-serif;position:relative;z-index:5;display:inline-block;padding-top:24px}
.temple-travel,.temple-gift,.temple-rsvp{background:#f0c2b6}.temple-travel .temple-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:60px 0;text-align:center}.temple-travel h2,.temple-gift h2,.temple-rsvp h2{font-size:42px;margin:0 0 20px}.temple-gift .temple-inner{padding:50px 0;text-align:center}.temple-rsvp .temple-inner{text-align:center;padding:45px 0}.temple-journey .wedding-rsvp{background:#fff5e37a;border:1px solid #d79e8d;box-shadow:none;border-radius:8px;max-width:820px;padding:30px;margin:35px auto 0;text-align:left}.temple-journey .rsvp-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.temple-journey .rsvp-grid label{font:500 13px/1.5 Inter,sans-serif;color:#75283d;display:grid;gap:9px}.temple-journey .rsvp-grid .full{grid-column:1/-1}.temple-journey .rsvp-grid input,.temple-journey .rsvp-grid select,.temple-journey .rsvp-grid textarea{width:100%;padding:12px;min-width:0;background:#fffa;border:1px solid #c48779;border-radius:5px;color:#75283d;font:16px/1.5 Inter,sans-serif}.temple-journey .wedding-rsvp>button{margin-top:25px}.temple-journey .rsvp-message{padding:12px;background:#fff8;color:#75283d}.temple-journey [data-sample-message],.temple-journey .call-rsvp{font-size:16px}.temple-journey .fixed-footer{background:#fff0d5ef;border-top:1px solid #c89276}.temple-journey .fixed-footer-action{background:#9c2443;color:#fff0cb}.temple-journey .fixed-footer-copy>span,.temple-journey .fixed-footer-copy>strong{color:#75283d}.temple-journey .music-control{color:#fff0cb;background:#9c2443;border:1px solid #f4d28c}.temple-journey .custom-invitation-section{background:#fff0cd;padding:70px 25px}.temple-journey .custom-invitation-section h2,.temple-journey .custom-invitation-section p{color:#75283d}.temple-journey .date-experience{background:#eeb5ab}
body.temple-journey #wedding-content>.temple-carpet,body.temple-journey #wedding-content>.temple-family{color:#ffdb94}body.temple-journey #wedding-content>.temple-gallery{color:#b7594e}body.temple-journey #wedding-content>.temple-functions,body.temple-journey #wedding-content>.temple-meal{color:#673e37}
.temple-motion-enabled [data-temple-reveal]{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.temple-motion-enabled [data-temple-reveal].temple-seen{opacity:1;transform:none}.temple-letter{display:inline-block;font:inherit;font-style:normal;white-space:pre}.temple-motion-enabled [data-temple-letters] .temple-letter{opacity:0;transform:translateY(45px) rotate(10deg);transition:opacity .7s,transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:var(--letter-delay,0s)}.temple-motion-enabled [data-temple-letters].temple-seen .temple-letter{opacity:1;transform:none}
@media(max-width:760px){body.temple-journey{font-size:21px}.temple-approach{height:2305px}.temple-panorama{width:855px;height:1063px!important;top:528px}.temple-hero-copy{top:300px;left:18px;right:18px}.temple-hero-copy h1{font-size:clamp(42px,15.5vw,68px);line-height:1.25}.temple-lamp{width:155px!important;max-width:42%!important}.temple-lamp-right{right:5%}.temple-scroll-hint{margin-top:22px;font-size:10px}.temple-carpet{margin-top:-470px;min-height:1200px}.temple-inviting{min-height:1200px;padding:300px 24px 80px}.temple-ganesha{width:150px;height:210px!important;margin-bottom:35px}.temple-inviting>p{font-size:23px}.temple-inviting h2{font-size:58px;margin-top:40px}.temple-inviting .temple-welcome-story{font-size:23px}.temple-family{min-height:780px;padding:190px 18px 75px}.temple-toran{top:-90px;height:480px!important;object-fit:fill}.temple-family-copy{width:84%}.temple-family-copy h2{font-size:46px;letter-spacing:.09em}.temple-family-copy p{font-size:22px}.temple-family-copy .temple-weds{font-size:34px}.temple-family-copy .temple-parent-label{font-size:20px}.temple-gallery-intro{min-height:490px;padding:210px 20px 80px}.temple-gallery-intro h2{font-size:50px;width:100%;margin-top:15px}.temple-gallery-intro>p{font-size:22px}.temple-mosaic-scene{height:1450px}.temple-mosaic-sticky{height:820px;min-height:0;padding-top:20px}.temple-story-heading{font-size:39px!important;min-height:150px;padding:0 35px}.temple-mosaic-mask{height:600px}.temple-mosaic{width:790px;max-width:none;position:relative;left:50%;margin:0 0 0 -395px;gap:10px}.temple-photo-column{gap:10px}.temple-photo-column a{aspect-ratio:1.07}.temple-meal{min-height:310px}.temple-meal>img{width:445px;max-width:110%;height:260px!important;transform:translateY(-45px) rotate(var(--meal-rotate,-12deg))}.temple-meal-copy{margin:-45px auto 0;padding-bottom:20px}.temple-meal-copy h2{font-size:30px}.temple-meal-copy p{font-size:20px}.temple-inner{width:calc(100% - 36px)}.temple-functions{padding:10px 0 45px}.temple-date-heading{font-size:56px!important}.temple-event-date{font-size:22px;margin-bottom:15px!important}.temple-function-grid{grid-template-columns:1fr 1fr;gap:18px;margin:15px 0 30px}.temple-car{grid-column:1/-1;grid-row:1;width:210px;margin:5px auto 10px}.temple-event:first-child{grid-column:1;grid-row:2}.temple-event:nth-child(2){grid-column:2;grid-row:2}.temple-event{padding:0 2px}.temple-event h3{font-size:30px;margin-bottom:15px}.temple-event p{font-size:20px}.temple-venue-copy h3{font-size:36px}.temple-venue-copy p{font-size:22px}.temple-countdown{gap:18px}.temple-countdown strong{font-size:30px}.temple-travel .temple-inner{grid-template-columns:1fr}.temple-rsvp .rsvp-grid{grid-template-columns:1fr}.temple-journey .wedding-rsvp{padding:24px 18px}.temple-finale{padding-top:45px}.temple-finale-copy{margin-bottom:30px}.temple-finale-copy h2{font-size:30px}.temple-finale-copy p{font-size:24px}.temple-finale-stage{height:455px}.temple-finale-couple{width:450px;max-width:none!important;height:443px!important;bottom:-15px}.temple-finale-garlands{width:180%;max-width:none!important;left:-40%}.temple-journey .language-switch a{font-size:12px;padding:7px 9px}.temple-journey .fixed-footer-inner{gap:10px;padding:12px 18px}.temple-journey .fixed-footer-action{font-size:12px;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){.temple-panorama{transform:translateX(-50%)!important}.temple-lamp,.temple-hero-copy,.temple-photo-column,.temple-car img{transform:none!important}.temple-finale-couple{transform:translateX(-50%)!important}.temple-carpet-paper{clip-path:none}.temple-mosaic-scene{height:auto}.temple-mosaic-sticky{position:relative}.temple-journey [data-temple-reveal],.temple-journey .temple-letter{opacity:1!important;transform:none!important;transition:none!important}}
.temple-journey:not(.temple-motion-enabled) .temple-mosaic-scene{height:auto}.temple-journey:not(.temple-motion-enabled) .temple-mosaic-sticky{position:relative}.temple-journey:not(.temple-motion-enabled) .temple-carpet-paper{clip-path:none}

/* The courtyard remains behind the carpet until its sides open to full width. */
.temple-carpet:before{content:"";position:absolute;inset:0 0 auto;height:650px;background:url('../img/temple-journey/reference/temple-sky-pillars.webp') center bottom/100% auto;z-index:-2}
@media(max-width:760px){.temple-carpet:before{height:720px;background-size:auto 2305px}}

.temple-word{display:inline-block;font:inherit;white-space:nowrap}
