/* The homepage uses the same paper, ink and lettering as the interior pages. */
body[data-page=home]{--home-header-height:117px;--home-opening-gap:34px}
body[data-page=home] #site-header{position:sticky;top:0;background:var(--paper);color:var(--ink);border-bottom:1px solid #a898751c}
.home-page{overflow:hidden;background:var(--paper)}
.home-page h1,.home-page h2,.home-announcement,.home-and{font-family:var(--script);font-weight:400}
.home-opening,.home-invitation{width:calc(100% - 80px);max-width:1440px;margin:0 auto;border:1px solid #b89b7d66}
.home-opening{position:relative;margin-top:var(--home-opening-gap);min-height:calc(100svh - var(--home-header-height) - var(--home-opening-gap));display:grid;align-items:center;border-bottom:0}
.home-opening::before,.home-opening::after{content:'';position:absolute;top:-22px;width:280px;height:306px;background:url('/assets/art/south-indian-malai.svg') top left/contain no-repeat;pointer-events:none;opacity:.96}
.home-opening::before{left:-15px}.home-opening::after{right:-15px;transform:scaleX(-1)}
.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,min(35vw,calc(100svh - 250px)),480px) minmax(0,1fr);align-items:center;gap:24px;width:100%;max-width:1360px;margin:auto;padding:60px 30px}
.home-names{font-size:clamp(58px,5.8vw,90px);line-height:1.12;text-align:center;color:var(--purple);margin:0;transform:rotate(-4deg)}
.home-announcement{font-size:clamp(46px,4.8vw,72px);line-height:1.12;text-align:center;color:var(--purple);margin:0;transform:rotate(3deg)}
.home-portrait{margin:0;background:#fffdf7;padding:10px;box-shadow:0 7px 24px #65533515;transform:rotate(-2deg)}
.home-photo-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.home-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:url(#hero-frame-green)}
.home-invitation{text-align:center;border-top:0;padding:70px 30px 50px}
.home-and{font-size:30px;color:var(--orange);line-height:1.2;margin:0 0 6px}
.home-invitation-scene{position:relative;container-type:inline-size;max-width:1200px;margin:auto}
.home-invitation-title{position:absolute;inset:68% 0 auto;display:flex;justify-content:space-between;align-items:center;transform:translateY(-50%);z-index:6;pointer-events:none;font-size:clamp(24px,5.4cqw,68px);color:var(--purple);margin:0;line-height:1.15}
.home-invitation-title span{width:22%;text-align:center}
.home-invitation-title span:last-child{color:var(--green)}
.home-names span{font-size:.72em}
.home-date{display:grid;position:relative;isolation:isolate;text-align:center}
.home-date-copy,.home-panorama{grid-area:1 / 1}
.home-date-copy{position:relative;z-index:1;isolation:isolate;align-self:start;width:100%;max-width:900px;margin:0 auto;padding:clamp(36px,4vw,64px) 24px 40px}
.home-date-copy::before{content:'';position:absolute;inset:-30px -30px -45px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,#fff6e9f5 20%,#fff6e9d9 45%,#fff6e900 73%)}
.home-date h2{color:var(--green);margin:0 0 26px}
.date-line{display:block;font-size:clamp(36px,4.3vw,58px);line-height:1.2}
.date-year{display:block;margin-top:14px;font-family:var(--hand);font-size:18px;letter-spacing:4px;line-height:1.3;color:var(--green)}
.home-date .button{min-width:142px}
.home-panorama{display:block;width:100%;height:clamp(460px,38vw,680px);object-fit:cover;object-position:center;mix-blend-mode:multiply}
.home-story{padding:84px 32px 100px;background:#f4e6d280}
.home-story>h2{text-align:center;font-size:clamp(48px,5.1vw,66px);color:var(--green);margin:0 0 58px}
.home-story-row{display:grid;grid-template-columns:.9fr 1.15fr;align-items:center;gap:85px;max-width:940px;margin:0 auto 68px}
.home-story-row:last-child{grid-template-columns:1.15fr .9fr;margin-bottom:0}
.home-story-photo{position:relative;width:300px;max-width:100%;margin:0 auto;transform:rotate(-4deg)}
.home-story-photo img{width:100%;height:auto;display:block;filter:drop-shadow(0 5px 8px #5c4b2d14)}
.home-story-row:last-child .home-story-photo{order:2;width:340px;transform:rotate(4deg)}
.home-story-photo::after{content:'';position:absolute;left:-68px;bottom:-12px;width:138px;height:155px;background:url('/assets/art/kanakambaram-sprig.png') center/contain no-repeat;transform:rotate(-18deg);pointer-events:none}
.home-story-row:last-child .home-story-photo::after{left:auto;right:-64px;bottom:-20px;width:124px;height:140px;transform:rotate(23deg)}
.home-story-copy{font-family:var(--body);font-size:16px;line-height:1.85;text-align:left;max-width:460px}
.home-story-copy p{margin:0 0 24px}.home-story-copy p:last-child{margin-bottom:0}
.home-page .celebrations{padding-top:92px;padding-bottom:96px}
.home-page .celebrations>h2{font-size:clamp(43px,4.7vw,60px)}
.home-page .celebrations>.eyebrow{color:var(--orange)}
.home-page .event-small .day{color:var(--green)}
.home-page .event-small .eyebrow{color:var(--orange)}
.home-page .event-small h3{color:var(--ink)}
.home-event-venue{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:#a89875;transition:color .2s}
.home-event-venue:hover,.home-event-venue:focus-visible{color:var(--purple);text-decoration-color:currentColor}
.home-photo-footer{background:#181812;line-height:0;overflow:hidden;border-top:8px solid #e8ddc6}
.home-photo-footer img{width:100%;height:auto;display:block}
@media(max-width:1000px){
 .home-opening,.home-invitation{width:calc(100% - 48px)}
 .home-hero{grid-template-columns:minmax(0,1fr) minmax(260px,34vw) minmax(0,1fr);gap:18px;padding:70px 24px}
 .home-names{font-size:56px}.home-announcement{font-size:45px}
 .home-opening::before,.home-opening::after{width:226px;height:247px}
 .home-story-row{gap:55px;max-width:820px}
 .home-story-copy{font-size:16px;line-height:1.85}
}
@media(max-width:760px){
 .home-hero{grid-template-columns:1fr;gap:30px;padding:50px 25px}
 .home-names{font-size:58px;line-height:1.04;transform:rotate(-3deg)}
 .home-portrait{width:350px;max-width:100%;margin:auto}
 .home-announcement{font-size:45px;transform:rotate(2deg)}
 .home-announcement br{display:none}
 .home-invitation{padding:56px 14px 30px}
 .home-and{font-size:27px}
 .home-opening::before,.home-opening::after{width:170px;height:186px;top:-14px}
 .home-date-copy{padding:44px 24px 34px;max-width:600px}
 .home-panorama{height:560px;object-position:55% center}
 .date-line{max-width:370px;margin:auto;font-size:41px}
 .home-story{padding:62px 30px 70px}
 .home-story>h2{margin-bottom:42px;font-size:52px}
 .home-story-row,.home-story-row:last-child{grid-template-columns:1fr;gap:35px;max-width:490px;margin-bottom:46px}
 .home-story-row:last-child{margin-bottom:0}
 .home-story-row:last-child .home-story-photo{order:0;width:300px}
 .home-story-photo{width:265px}
 .home-story-photo::after{left:-42px;bottom:-10px;width:106px;height:120px}
 .home-story-row:last-child .home-story-photo::after{right:-36px;bottom:-16px;width:100px;height:112px}
 .home-story-copy{font-size:16px;max-width:none;line-height:1.85}
 .home-page .celebrations{padding-top:65px;padding-bottom:68px}
}
@media(max-width:960px){body[data-page=home]{--home-header-height:91px}}
@media(max-width:600px){
 .home-invitation-title{left:-14px;right:-14px}
 .home-invitation-title span{width:20%}
}
@media(max-width:440px){
 .home-opening,.home-invitation{width:calc(100% - 32px)}
 body[data-page=home]{--home-opening-gap:24px}
 .home-opening::before,.home-opening::after{width:132px;height:144px}
 .home-names{font-size:59px}.home-hero{padding:46px 14px;gap:26px}
 .home-portrait{width:320px;padding:8px}
 .home-announcement{font-size:44px}
 .home-invitation-title{font-size:clamp(22px,7.6cqw,32px)}.home-invitation{padding-bottom:24px}
 .date-line{font-size:36px;max-width:320px}
 .home-story{padding-left:26px;padding-right:26px}
 .home-story-photo{width:245px}.home-story-row:last-child .home-story-photo{width:min(285px,calc(100% - 20px))}
 .home-story-photo::after{left:-25px;width:92px;height:104px}
 .home-story-row:last-child .home-story-photo::after{right:-25px;width:90px;height:102px}
 .home-photo-footer{border-top-width:5px}
}