/* A Wedding Story — a separate cinematic invitation. */
body[data-design=storybook] .mehendi .event-art,body[data-design=storybook] .pelli .event-art{aspect-ratio:2/3}
body[data-design=storybook]{--paper:#fcf4e3;--ink:#463129;--deep:#172e2b;--magenta:#693b32;--gold:#bd9554;background:#fcf4e3}
body[data-design=storybook] .gate{perspective:1400px;overflow:hidden;background:#172e2b url('/assets/personal-wedding.webp') center/cover;color:#fff0cd}
body[data-design=storybook] .gate:before,body[data-design=storybook] .gate:after{position:absolute;inset:0 auto 0 0;width:50%;max-width:none;bottom:0;top:0;margin:0;border:10px double #a67e44;border-radius:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 100px,#cfad6d30 102px,transparent 105px),repeating-linear-gradient(90deg,#231d17 0,#443124 70px,#302319 140px);box-shadow:inset 0 0 60px #090a08,0 0 30px #0008;transform-origin:left center;transition:transform 1.4s cubic-bezier(.65,0,.25,1);z-index:0}
body[data-design=storybook] .gate:after{left:auto;right:0;transform-origin:right center}
body[data-design=storybook] .gate.opening:before{transform:rotateY(-105deg)}body[data-design=storybook] .gate.opening:after{transform:rotateY(105deg)}body[data-design=storybook] .gate-card{padding:35px 24px;background:radial-gradient(ellipse,#241c14ed 25%,#241c1400 70%);transition:opacity .5s,transform .7s}
body[data-design=storybook] .gate.opening .gate-card{opacity:0;transform:translateY(-18px);pointer-events:none}body[data-design=storybook] .gate h1{font-size:clamp(64px,10vw,110px);font-weight:500}body[data-design=storybook] .gate h1 i{color:#e1c27d}body[data-design=storybook] .gate .mini-lotus{border-color:#d6b269;color:#eed79d}body[data-design=storybook] .gate .eyebrow{font-size:12px}body[data-design=storybook] .open-button{background:#e0bd76;color:#362a1b;border-color:#e9d096;padding:18px 24px;letter-spacing:.13em;font-size:13px}body[data-design=storybook] .sound-note{color:#f3e2be;opacity:1;letter-spacing:.05em;font-size:12px}
body[data-design=storybook] .hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:60px;min-height:calc(100svh - 70px);padding:55px max(30px,calc((100vw - 1350px)/2));background:radial-gradient(ellipse at 35% 20%,#3d5c48,#182c28 75%);color:#fff0d2;overflow:hidden}
body[data-design=storybook] .hero:after{content:"";position:absolute;inset:24px;border:1px solid #c7a56670;pointer-events:none;z-index:0}body[data-design=storybook] .hero-art{overflow:hidden;border-radius:48% 48% 3px 3px;border:1px solid #d0b16b;padding:7px;background:#b69850;box-shadow:0 30px 60px #0005;z-index:1;aspect-ratio:2/3;max-height:780px}
body[data-design=storybook] .hero-art>img{width:100%;height:100%;aspect-ratio:2/3;object-fit:cover;border-radius:inherit;box-shadow:none;transform-origin:center 60%}
body[data-design=storybook] .hero-copy{color:#f8eace;z-index:1}body[data-design=storybook] .hero-copy>.eyebrow{font-size:12px;color:#d9bd85;letter-spacing:.18em}body[data-design=storybook] .hero-copy h2{font:500 clamp(72px,7vw,110px)/.95 "Cormorant Garamond",serif;color:#fff2d4;margin:25px 0}body[data-design=storybook] .hero-copy h2 i{color:#dcc17e}body[data-design=storybook] .save-date{border-color:#c8a365;padding:25px 4px;margin:30px auto}body[data-design=storybook] .save-date strong{color:#ffe7b6;font-size:clamp(34px,3.2vw,44px)}body[data-design=storybook] .save-date span{font-size:16px}body[data-design=storybook] .save-date span:first-child{font-size:12px}body[data-design=storybook] .hero-copy .full-names{font-size:14px!important}body[data-design=storybook] .hero-copy>p:last-of-type{font-size:25px}body[data-design=storybook] .scroll-cue{color:#ead8ad;font-size:12px}
body[data-design=storybook] .welcome{background:#eee0c3;color:#49352b;padding:100px 24px}body[data-design=storybook] .welcome-copy{color:#6a5445}body[data-design=storybook] .welcome .gold,body[data-design=storybook] .countdown strong{color:#795d30}body[data-design=storybook] .welcome h2{font-size:clamp(40px,5vw,70px)}body[data-design=storybook] .countdown span{font-size:12px}
body[data-design=storybook] .events{padding-top:100px;padding-bottom:110px;background:#fcf4e3}body[data-design=storybook] .section-heading .eyebrow{font-size:12px}body[data-design=storybook] .event-card,body[data-design=storybook] .event-card:nth-of-type(even){grid-template-columns:1fr 1fr;gap:7%;margin:0 0 100px;align-items:center}
body[data-design=storybook] .event-art{border:6px solid #eddec0;outline:1px solid #b28b4c;outline-offset:5px;border-radius:100px 100px 3px 3px;box-shadow:0 25px 55px #49311824;overflow:hidden;transform:translateZ(0)}body[data-design=storybook] .sangeet .event-art,body[data-design=storybook] .haldi .event-art{aspect-ratio:2/3}body[data-design=storybook] .event-art img{object-fit:cover;width:100%;height:100%;transform-origin:50% 60%}
body[data-design=storybook] .event-copy h3{font-size:clamp(44px,5vw,76px);line-height:1.08}body[data-design=storybook] .event-copy .date{font-size:13px;letter-spacing:.1em}body[data-design=storybook] .event-copy .time{font-size:28px}body[data-design=storybook] .event-copy>p{font-size:17px}body[data-design=storybook] .event-copy .telugu-title{font-size:18px}body[data-design=storybook] .event-copy a{font-size:13px;letter-spacing:.04em;min-height:44px;align-items:center}
body[data-design=storybook] .event-card.wedding{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:42px;margin-top:80px;margin-bottom:0;background:#192f2a;color:#f9edd6;border:1px solid #c6a05c;box-shadow:0 20px 70px #20312430}body[data-design=storybook] .wedding .event-art{aspect-ratio:2/3;width:100%;border-radius:180px 180px 4px 4px;order:0}body[data-design=storybook] .wedding .event-copy{margin:0;padding:0}body[data-design=storybook] .wedding .event-copy h3{font-size:clamp(50px,6vw,86px);color:#f8e6b8}body[data-design=storybook] .wedding .event-copy .time,body[data-design=storybook] .wedding .event-copy .telugu-title{color:#d8bd82}
body[data-design=storybook] .guest-section h2{font-size:clamp(44px,5vw,70px)}body[data-design=storybook] .dress-section{background:#efe0c0}body[data-design=storybook] .rsvp-section{background:#4a2928}body[data-design=storybook] .closing{background:radial-gradient(ellipse at 50% 10%,#3b5a48,#182d28 70%)}body[data-design=storybook] .invitation-controls{background:#172d29f5;border-color:#b39760;color:#f9eaca}body[data-design=storybook] .controls-monogram,body[data-design=storybook] #soundToggle{color:#f2dfb1}body[data-design=storybook] .rsvp-jump{background:#dac18b;color:#2b3328}
@media(prefers-reduced-motion:no-preference){body[data-design=storybook]:not(.locked) .hero-art>img{animation:storybook-camera 18s ease-in-out infinite alternate}body[data-design=storybook] .event-card.visible .event-art img{animation:storybook-camera 16s ease-in-out infinite alternate}body[data-design=storybook] .event-card.visible .event-art{animation:storybook-float 9s ease-in-out infinite}body[data-design=storybook] .sangeet.visible .event-art{animation-duration:6s}body[data-design=storybook] .reveal{transition-duration:1.3s}@keyframes storybook-camera{from{scale:1;translate:0 0}to{scale:1.055;translate:0 -3px}}@keyframes storybook-float{0%,100%{translate:0 0}50%{translate:0 -7px}}}
@media(max-width:700px){body[data-design=storybook] .gate h1{font-size:74px}body[data-design=storybook] .gate:before,body[data-design=storybook] .gate:after{border-width:6px}body[data-design=storybook] .hero{display:flex;gap:35px;min-height:0;padding:30px 24px 60px}body[data-design=storybook] .hero:after{inset:12px}body[data-design=storybook] .hero-art{width:100%;max-height:650px;padding:5px;border-radius:160px 160px 3px 3px}body[data-design=storybook] .hero-copy h2{font-size:76px}body[data-design=storybook] .hero-copy>.eyebrow{font-size:12px;letter-spacing:.1em}body[data-design=storybook] .save-date strong{font-size:36px}body[data-design=storybook] .save-date span{font-size:14px}body[data-design=storybook] .welcome{padding:70px 24px}body[data-design=storybook] .events{padding:70px 28px 90px}body[data-design=storybook] .event-card,body[data-design=storybook] .event-card:nth-of-type(even){display:flex;gap:0;margin-bottom:65px}body[data-design=storybook] .event-art{border-radius:70px 70px 3px 3px;border-width:4px;outline-offset:4px}body[data-design=storybook] .event-copy{padding-top:35px}body[data-design=storybook] .event-copy h3{font-size:48px}body[data-design=storybook] .event-copy .date{font-size:12px}body[data-design=storybook] .event-card.wedding{display:flex;padding:18px;gap:26px;margin-top:65px;margin-bottom:0}body[data-design=storybook] .wedding .event-copy{padding:12px 3px 25px}body[data-design=storybook] .wedding .event-copy h3{font-size:58px}body[data-design=storybook] .wedding .event-art{border-radius:120px 120px 3px 3px}body[data-design=storybook] .guest-section h2{font-size:45px}}