@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=DM+Sans:wght@400;500;600&family=Pinyon+Script&display=swap');
:root{--ink:#34443b;--paper:#f7f5ef;--line:#dbddd2;--accent:#74826c;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}p{line-height:1.85}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2.2px;line-height:1.7;text-transform:uppercase}.studio-nav{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);max-width:1440px;margin:auto}.brand{font:28px Georgia;letter-spacing:4px}.brand i{font-size:18px}.studio-nav nav{display:flex;gap:28px;font-size:11px}.studio{max-width:1320px;margin:auto;padding:0 48px}.studio-intro{display:flex;justify-content:space-between;align-items:end;padding:65px 0 35px}.studio h1{font-size:66px;letter-spacing:-2px;line-height:1.04;margin-bottom:15px}.studio h1 em{color:#7e886f;font-weight:400}.studio-intro>p{font-size:13px;color:#79806f;margin-bottom:10px}.collection-tabs{display:flex;gap:35px;border-block:1px solid var(--line);padding:19px 0;font-size:10px}.collection-tabs>span{margin-left:auto;font-size:8px;letter-spacing:1.2px;color:#888e7e}.collection{padding-top:55px}.collection-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.collection-heading h2{font-size:37px;margin:0}.collection-heading .eyebrow{color:#8b907e;margin-bottom:8px}.collection-heading>p{text-align:right;font-size:11px;margin:0;color:#747b6a}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.mini-invite{position:relative;aspect-ratio:2/3;background:var(--paper);color:var(--ink);isolation:isolate;overflow:hidden;box-shadow:0 5px 18px #493b2410;transition:transform .4s,box-shadow .4s}.design-card:hover .mini-invite{transform:translateY(-5px);box-shadow:0 16px 32px #493b2420}.painted-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.mini-copy{position:absolute;inset:19% 20% 15%;text-align:center}.mini-copy .eyebrow{font-size:6px;letter-spacing:1.4px}.mini-copy h3{font-family:'Pinyon Script',Georgia,serif;font-size:48px;line-height:.98;margin:27px 0 23px}.mini-copy h3>span{display:block}.mini-copy h3 em{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;line-height:1.5}.mini-date{font:20px 'Cormorant Garamond',Georgia;letter-spacing:3px;margin-bottom:15px}.mini-date span{display:block;font:8px 'DM Sans';letter-spacing:3px;margin-top:7px}.mini-place{font-size:6px;letter-spacing:1.1px}.card-link{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);font-size:8px;border-bottom:1px solid currentColor;padding-bottom:4px;white-space:nowrap}.mini-seal{font-family:serif;font-size:27px;display:block;margin:12px 0}.vermilion .mini-copy h3{font-family:'Cormorant Garamond',Georgia;font-size:42px;margin:12px 0 18px}.serambi .mini-copy{inset:14% 20% 26%}.serambi .card-link{bottom:27%}.serambi .mini-copy h3{margin:20px 0}.songket .mini-copy{top:22%}.jade .mini-copy h3{font-size:44px}.design-caption{padding:19px 0 25px}.design-caption>span{font-size:8px;letter-spacing:1.5px;color:#87907c}.design-caption h3{font-size:29px;margin:9px 0}.design-caption h3 b{float:right;font:16px 'DM Sans';margin-top:8px}.design-caption p{font-size:12px;color:#79806f}.studio-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding:28px 0;margin-top:30px;font-size:10px;color:#7c8472}
.invitation{color:var(--ink);background:color-mix(in srgb,var(--paper) 75%,#cec7b6);min-height:100vh;padding:76px 0 0;--line:color-mix(in srgb,var(--ink) 20%,var(--paper));--accent:var(--ink)}.preview-bar{position:absolute;top:0;left:0;right:0;height:58px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;color:#61685c;font-size:10px;letter-spacing:.5px}.preview-bar>span:last-child{font-size:8px;letter-spacing:1.6px}.desktop-caption{position:fixed;top:40%;left:max(25px,calc(50% - 540px));width:175px;text-align:center}.desktop-caption>span{font:40px 'Cormorant Garamond';letter-spacing:6px}.desktop-caption p{font:italic 18px 'Cormorant Garamond';line-height:1.5;margin:20px 0}.desktop-caption small{font-size:7px;letter-spacing:1.5px}.invitation-paper{width:600px;max-width:100%;margin:auto;background:var(--paper);box-shadow:0 10px 80px #433a271c}.invite-hero{position:relative;aspect-ratio:2/3;isolation:isolate;overflow:hidden}.hero-copy{position:absolute;inset:17% 18% 11%;text-align:center}.hero-copy .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:19px}.monogram{display:inline-flex;align-items:center;font:22px 'Cormorant Garamond';gap:3px;border-block:1px solid var(--line);padding:5px 11px}.monogram i{font-size:14px}.hero-copy h1{font:88px/.9 'Pinyon Script',Georgia,serif;margin:30px 0 24px;letter-spacing:-1px}.hero-copy h1>span{display:block}.hero-copy h1 em{display:block;font:italic 29px/1.5 'Cormorant Garamond';margin:4px 0}.hero-message{font:14px/1.75 'Cormorant Garamond',Georgia;margin-bottom:22px}.hero-date{display:flex;justify-content:center;align-items:center;gap:17px}.hero-date>span{font-size:7px;letter-spacing:1.5px;line-height:1.8;width:75px}.hero-date strong{font:48px/1 'Cormorant Garamond';border-inline:1px solid var(--line);padding:0 18px}.hero-location{font-size:10px;line-height:1.9;margin:16px 0}.open-invite{font-size:9px;display:inline-block;border-bottom:1px solid var(--line);padding:8px 4px;letter-spacing:.6px}.open-invite span{margin-left:16px}.double-happiness{font:40px serif;margin-top:0}.vermilion .hero-copy{top:16%}.vermilion .hero-copy h1{font-family:'Cormorant Garamond';font-size:81px;margin-top:17px}.vermilion .hero-copy h1 em{font-size:28px}.serambi .hero-copy{top:12%;bottom:27%}.serambi .hero-copy h1{font-size:81px;margin-top:22px;margin-bottom:17px}.serambi .hero-message{margin-bottom:15px}.serambi .hero-location{margin:10px 0}.songket .hero-copy{top:21%}.songket .hero-copy h1{font-size:83px;margin-top:20px}.songket .monogram{display:none}.jade .hero-copy h1{font-size:82px}.paper-section{padding:65px 64px;border-top:1px solid var(--line)}.paper-section h2{font-size:44px;line-height:1.12;margin-bottom:25px}.welcome{text-align:center;padding-top:75px}.welcome>p:not(.eyebrow):not(.signature){font-size:12px}.flourish{font-family:Georgia;font-size:25px;color:var(--ink);opacity:.65;margin:25px 0}.signature{font:39px 'Pinyon Script',Georgia;margin:30px 0 0}.details{background:color-mix(in srgb,var(--paper) 94%,var(--ink))}.detail-row{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:26px 0}.detail-row small{font-size:8px;letter-spacing:1.5px}.detail-icon{font:italic 20px 'Cormorant Garamond';opacity:.65;padding-top:2px}.detail-row h3{font-size:29px;margin:8px 0}.detail-row p{font-size:12px;margin-bottom:9px}.detail-note{opacity:.78}.pending{font-size:10px;opacity:.65}.family-note{font-size:10px;opacity:.7;line-height:1.9;margin-top:23px}.text-button{border:0;border-bottom:1px solid currentColor;background:none;color:inherit;padding:5px 0;font-size:11px;display:inline-block}.rsvp-description{font-size:12px;max-width:360px}.trial-note{font-size:9px;border:1px solid var(--line);padding:10px 12px;margin:24px 0;line-height:1.7;opacity:.7}form>label,fieldset{display:block;margin:0 0 21px}form label,legend{font-size:11px;line-height:1.7}form small{opacity:.65}input:not([type=radio]),select,textarea{width:100%;display:block;padding:13px 12px;border:1px solid var(--line);border-radius:2px;background:color-mix(in srgb,var(--paper) 94%,white);color:var(--ink);font-size:13px;margin-top:6px}input:focus,select:focus,textarea:focus{outline:2px solid var(--ink);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--ink);opacity:.45}fieldset{border:0;padding:0}legend{padding:0;margin-bottom:8px}.attendance-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.attendance-options label{border:1px solid var(--line);display:flex;align-items:center;gap:5px;padding:12px 8px;cursor:pointer;font-size:10px}.attendance-options label:has(:checked){border-color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,var(--paper))}input[type=radio]{accent-color:var(--ink)}.counts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:21px}.counts[hidden]{display:none}.privacy-note{font-size:9px;opacity:.6}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:var(--ink);color:var(--paper);padding:16px 21px;border:1px solid var(--ink);font-size:12px}.button:hover{opacity:.85}.button:disabled{opacity:.5;cursor:wait}form .button{width:100%}#form-error{font-size:12px}.confirmation{padding:28px 20px;border:1px solid var(--line);text-align:center}.confirmation>span{font-size:32px;display:block;margin:0 0 20px}.confirmation h3{font-size:33px}.confirmation p{font-size:12px}.invite-footer{text-align:center;padding:25px 35px 130px;border-top:1px solid var(--line)}.invite-footer .signature{margin:15px 0;font-size:45px}.invite-footer p:not(.signature){font-size:11px}.invite-footer small{font-size:8px;letter-spacing:2px}.invite-footer>a{display:block;margin-top:24px;font-size:9px;opacity:.6}.guest-nav{position:fixed;bottom:17px;left:50%;transform:translateX(-50%);width:420px;max-width:calc(100% - 36px);display:flex;justify-content:space-around;padding:12px 20px;background:color-mix(in srgb,var(--paper) 95%,transparent);color:var(--ink);border:1px solid var(--line);box-shadow:0 5px 20px #28231915;border-radius:8px;backdrop-filter:blur(12px);z-index:10}.guest-nav a{text-align:center;font-size:9px;min-width:70px}.guest-nav span{display:block;font-size:20px;line-height:1.1;margin-bottom:5px}.vermilion .paper-section,.vermilion .invite-footer{--paper:#fbf3e5;--ink:#842b2c;--line:#dfcbb2;background:var(--paper);color:var(--ink)}.vermilion .guest-nav{--paper:#fbf3e5;--ink:#842b2c;--line:#dfcbb2}.vermilion .preview-bar{color:#f5dfad}.vermilion .desktop-caption{color:#f5dfad}
.dashboard{padding-top:60px;padding-bottom:60px}.dashboard>p{font-size:12px}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:end;margin:30px 0;gap:20px}.dashboard-toolbar label{font-size:11px;min-width:230px}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.stat-grid>div{padding:25px;border-right:1px solid var(--line)}.stat-grid strong{display:block;font:36px Georgia;margin-bottom:10px}.stat-grid span{font-size:11px}.data-help{margin-top:20px;color:#79806f}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;background:#e8eade;padding:14px;font-size:10px}td{padding:16px 14px;border-bottom:1px solid var(--line);max-width:240px;overflow-wrap:anywhere;min-width:75px}.empty{text-align:center;padding:40px}.local-warning{font-size:10px;opacity:.6;margin-top:25px}
@media(max-width:1100px){.desktop-caption{display:none}.studio{padding-inline:30px}.mini-copy h3{font-size:39px}.vermilion .mini-copy h3{font-size:34px}.jade .mini-copy h3{font-size:38px}.mini-copy .eyebrow{font-size:5px}.mini-copy h3{margin:20px 0 17px}.mini-date{font-size:16px}.mini-date span{font-size:7px}.design-grid{gap:20px}.design-caption h3{font-size:25px}.card-link{font-size:7px}.mini-seal{font-size:23px;margin:8px 0}.design-caption p{font-size:11px}}
@media(max-width:700px){.studio-nav{padding:0 22px;height:70px}.studio-nav nav{gap:14px;font-size:9px}.brand{font-size:23px}.studio{padding:0 22px}.studio-intro{padding:42px 0 25px;display:block}.studio h1{font-size:47px;letter-spacing:-1px}.studio-intro>p{font-size:12px;margin-top:24px}.studio-intro>p br{display:none}.collection-tabs{gap:20px;font-size:9px;flex-wrap:wrap}.collection-tabs>span{width:100%;font-size:7px;margin:0}.collection-heading{display:block}.collection-heading h2{font-size:32px}.collection-heading>p{text-align:left;margin-top:12px}.collection{padding-top:35px}.design-grid{grid-template-columns:1fr;gap:20px;max-width:430px;margin:auto}.mini-copy h3,.jade .mini-copy h3{font-size:57px}.mini-copy .eyebrow{font-size:7px}.mini-copy h3{margin:28px 0 24px}.mini-date{font-size:23px}.mini-date span{font-size:8px}.mini-place{font-size:7px}.mini-seal{font-size:29px;margin:15px 0}.vermilion .mini-copy h3{font-size:48px}.design-caption h3{font-size:31px}.design-caption p{font-size:12px}.card-link{font-size:9px}.studio-footer{font-size:9px;line-height:1.8}.studio-footer>a{text-align:right}.invitation{padding-top:44px}.preview-bar{height:44px;padding:0 17px;font-size:9px}.preview-bar>span:last-child{display:none}.invitation-paper{width:100%;max-width:520px}.hero-copy{inset:17% 16% 10%}.hero-copy .eyebrow{font-size:6px;letter-spacing:1.4px;margin-bottom:12px}.hero-copy h1{font-size:clamp(56px,15vw,78px);margin:17px 0 15px}.hero-copy h1 em{font-size:21px;line-height:1.3;margin:3px 0}.monogram{font-size:16px;padding:3px 9px}.monogram i{font-size:11px}.hero-message{font-size:11px;line-height:1.6;margin-bottom:12px}.hero-date{gap:8px}.hero-date>span{font-size:6px;letter-spacing:1px;width:58px}.hero-date strong{font-size:35px;padding:0 12px}.hero-location{font-size:8px;margin:11px 0 5px;line-height:1.8}.open-invite{font-size:8px;padding:6px 2px}.double-happiness{font-size:28px}.vermilion .hero-copy h1{font-size:clamp(50px,13vw,70px);margin-top:12px}.vermilion .hero-copy h1 em{font-size:19px}.songket .hero-copy h1{font-size:clamp(56px,15vw,78px);margin-top:17px}.jade .hero-copy h1{font-size:clamp(56px,15vw,78px)}.serambi .hero-copy h1{font-size:clamp(53px,14vw,74px);margin:15px 0 12px}.serambi .hero-message{margin-bottom:10px}.serambi .hero-location{margin:7px 0 0}.serambi .hero-copy{top:11%}.paper-section{padding:50px 30px}.paper-section h2{font-size:37px}.welcome{padding-top:55px}.detail-row{gap:17px}.detail-row h3{font-size:27px}.guest-nav{bottom:calc(10px + env(safe-area-inset-bottom));width:360px;padding:10px 15px}.guest-nav a{font-size:8px}.guest-nav span{font-size:18px}.dashboard{padding-top:35px;padding-bottom:40px}.dashboard h1{font-size:38px}.dashboard-toolbar{flex-direction:column;align-items:stretch}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid>div{border-bottom:1px solid var(--line)}.stat-grid>div:last-child{grid-column:1/-1}.attendance-options label{font-size:10px;padding:12px 5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the kampung scene unobstructed and the garden lettering inside the clear panel. */
.serambi .hero-copy .monogram,.serambi .hero-message{display:none}.serambi .hero-copy{top:13%}.serambi .hero-copy h1{margin:26px 0}.jade .hero-copy{top:15%}.jade .hero-copy h1{margin-top:22px;margin-bottom:20px}.jade .hero-message{margin-bottom:15px}
@media(max-width:700px){.serambi .hero-copy{top:12%}.serambi .hero-copy h1{font-size:clamp(49px,13vw,68px);margin:20px 0 18px}.serambi .hero-location{margin:8px 0 3px}.jade .hero-copy h1{font-size:clamp(52px,14vw,72px);margin:17px 0 15px}.jade .hero-message{margin-bottom:12px}}
/* Collection III: six further decorative directions. */
.lacquer .hero-copy h1,.lacquer .mini-copy h3{font-family:'Cormorant Garamond',Georgia}.lacquer .hero-copy h1{font-size:82px}.lacquer .mini-copy h3{font-size:43px}.moon .hero-copy{top:17%}.moon .hero-copy .monogram{display:none}.moon .hero-copy h1{font-family:'Cormorant Garamond',Georgia;font-size:79px}.moon .mini-copy h3{font-family:'Cormorant Garamond',Georgia;font-size:43px}.moon .hero-message{margin-bottom:15px}.moon .mini-copy{top:18%}.moon .card-link{bottom:23%}.peach .card-link{bottom:24%}.peach .hero-copy{top:13%}.peach .monogram{display:none}.peach .hero-copy h1{margin-top:23px}.batik .hero-copy h1{font-family:'Cormorant Garamond',Georgia}.batik .mini-copy h3{font-family:'Cormorant Garamond',Georgia;font-size:43px}.rimba .hero-copy h1{font-size:84px}.kebaya .hero-copy{top:20%}.kebaya .monogram{display:none}.moon .paper-section,.moon .invite-footer{--paper:#f4f0e3;--ink:#244a49;--line:#c7d0bf;background:var(--paper);color:var(--ink)}.moon .guest-nav{--paper:#f4f0e3;--ink:#244a49;--line:#c7d0bf}.moon .preview-bar{color:#f3dfb7}.moon .desktop-caption{color:#f3dfb7}
.countdown-section{text-align:center;background:color-mix(in srgb,var(--paper) 94%,var(--ink));position:relative;padding-inline:35px}.countdown-section h2{font-size:38px;margin-bottom:15px}.countdown-ornament{font:17px Georgia;letter-spacing:5px;opacity:.6;margin:24px 0}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;max-width:430px;margin:30px auto}.countdown-unit{min-width:0}.countdown-number{position:relative;font:52px/1.5 'Cormorant Garamond',Georgia;font-variant-numeric:tabular-nums;background:linear-gradient(to bottom,color-mix(in srgb,var(--paper) 90%,var(--ink)) 49.5%,var(--line) 50%,var(--paper) 51%);border:1px solid var(--line);border-radius:35px 35px 6px 6px;box-shadow:0 5px 0 color-mix(in srgb,var(--ink) 8%,transparent),0 9px 22px #302c2210}.countdown-unit>span{display:block;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;margin-top:15px}.digit-changed{animation:tickIn .35s ease-out}.countdown-caption,.countdown-status{font-size:10px;line-height:1.8}.wedding-hashtag{font:italic 18px 'Cormorant Garamond',Georgia!important;letter-spacing:.7px;margin-top:27px;color:var(--ink)}.bismillah{font:27px/1.9 Georgia,serif!important;margin-bottom:22px}.formal-greeting{font-size:12px!important}.parents{display:grid;gap:12px;margin:26px 0;font-family:'Cormorant Garamond',Georgia;font-size:23px}.parents>strong{font-weight:500}.parents>span{font-style:italic;font-size:20px}.honorifics{font-size:12px;line-height:2.1}.welcome .signature{margin:20px 0 8px}.formal-placeholder{font-size:9px!important;opacity:.6;line-height:1.9!important}.formal-date{border-block:1px solid var(--line);padding:22px 0;margin:30px 0;font-size:12px}.prayer{font-style:italic;font-family:'Cormorant Garamond',Georgia;font-size:17px!important;line-height:1.9!important}.wishes-section h2{text-align:center}.wishes-section>.eyebrow{text-align:center}.wishes-intro{font-size:12px;text-align:center}.wish-card{position:relative;border:1px solid var(--line);border-radius:60px 4px 4px 4px;padding:30px 25px 22px;margin:20px 0;background:color-mix(in srgb,var(--paper) 95%,var(--ink));overflow-wrap:anywhere}.wish-mark{font:55px/.7 'Cormorant Garamond',Georgia;opacity:.45;display:block}.wish-card>p{font:italic 21px/1.6 'Cormorant Garamond',Georgia;white-space:pre-wrap}.wish-card footer{display:flex;gap:12px;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:9px}.wish-card footer strong{font-weight:500}.wish-card time{opacity:.65;white-space:nowrap}.wish-count{font-size:10px;text-align:center;opacity:.7}.empty-wishes small{font-size:9px;opacity:.6}.wish-composer{margin-top:25px;border-block:1px solid var(--line)}.wish-composer summary{padding:18px 0;font-size:12px;cursor:pointer;list-style:none}.wish-composer summary>span{float:right}.wish-composer form{padding:12px 0 20px}.public-consent{display:flex!important;gap:10px;align-items:flex-start}.public-consent input[type=checkbox]{display:block;width:17px;height:17px;flex:none;margin-top:4px;accent-color:var(--ink)}.public-consent span{font-size:10px;line-height:1.8}#wish-feedback{font-size:11px}.guest-nav a{min-width:55px}.invite-footer .wedding-hashtag{margin:18px 0}
@keyframes tickIn{from{opacity:.65;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.countdown-section{padding-inline:22px}.countdown{gap:9px}.countdown-number{font-size:39px;line-height:1.8;border-radius:28px 28px 5px 5px}.countdown-unit>span{font-size:7px;letter-spacing:1px}.countdown-section h2{font-size:32px}.parents{font-size:20px}.bismillah{font-size:24px!important}.wish-card{padding:26px 20px 20px}.wish-card>p{font-size:20px}.lacquer .hero-copy h1,.moon .hero-copy h1{font-size:clamp(49px,13vw,69px)}.rimba .hero-copy h1{font-size:clamp(56px,15vw,78px)}.batik .mini-copy h3,.lacquer .mini-copy h3,.moon .mini-copy h3{font-size:48px}.peach .hero-copy h1{font-size:clamp(53px,14vw,74px);margin-top:20px}.moon .hero-copy h1{margin:20px 0 15px}.kebaya .hero-copy{top:21%}.guest-nav a{min-width:50px}}
@media(prefers-reduced-motion:reduce){.digit-changed{animation:none}}
.new-design{position:absolute;top:12px;right:12px;background:var(--paper);color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);font-size:7px;letter-spacing:1.2px;padding:5px 8px;z-index:2}
.rimba .hero-message,.rimba .monogram{display:none}.rimba .hero-copy h1{margin:28px 0}.rimba .card-link{bottom:26%}
@media(max-width:700px){.rimba .hero-copy h1{margin:22px 0}.rimba .hero-copy{top:17%}}
/* KL collection IV: large live double-happiness seals and generous lettering. */
.kl-focused .hero-copy{inset:11% 21% 9%;display:flex;flex-direction:column;align-items:center}
.kl-focused .hero-copy .eyebrow{font-size:8px;letter-spacing:1.7px;margin:0 0 16px}
.kl-focused .double-happiness{font:104px/1.1 'Noto Serif SC','Songti SC',serif;margin:0 0 16px;text-shadow:0 1px 1px #00000012}
.kl-focused .hero-copy h1{font:64px/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;margin:0 0 22px;white-space:nowrap}
.kl-focused .hero-copy h1 em{font:italic 24px/1.1 'Cormorant Garamond',Georgia;margin:9px 0}
.kl-focused .hero-message{font-size:14px;line-height:1.65;margin:0 0 23px}
.kl-focused .hero-location{margin:18px 0 8px;font-size:10px}
.kl-focused .open-invite{margin-top:0}
.kl-focused.mini-invite{container-type:inline-size}
.kl-focused .mini-copy{inset:12% 19% 11%}
.kl-focused .mini-copy .eyebrow{font-size:1.65cqw;margin-bottom:3cqw}
.kl-focused .mini-seal{font:19cqw/1.1 'Noto Serif SC','Songti SC',serif;margin:0 0 4cqw}
.kl-focused .mini-copy h3{font:12cqw/.95 'Cormorant Garamond',Georgia;margin:0 0 5cqw;white-space:nowrap}
.kl-focused .mini-copy h3 em{font:italic 5cqw/1.2 'Cormorant Garamond',Georgia;margin:1.5cqw 0}
.kl-focused .mini-date{font-size:6cqw;margin-bottom:3cqw}
.kl-focused .mini-date span{font-size:2cqw;margin-top:2cqw}
.kl-focused .mini-place{font-size:1.8cqw}
.kl-focused .card-link{bottom:13%;font-size:2cqw}
.kl-focused.lotus .card-link,.kl-focused.serenity .card-link{bottom:21%}
.kl-focused.lotus .mini-copy,.kl-focused.serenity .mini-copy{top:9%}
.kl-focused.lotus .hero-copy,.kl-focused.serenity .hero-copy{top:8%}
.kl-focused .paper-section,.kl-focused .invite-footer,.kl-focused .guest-nav{--paper:#fbf3e5;--ink:#842b2c;--line:#dfcbb2;color:var(--ink);background:var(--paper)}
.kl-focused.silk .preview-bar,.kl-focused.lattice .preview-bar{color:var(--ink)}
.kl-focused .countdown-section{background:linear-gradient(135deg,#f7ead6,#fffaf0 50%,#f5e7d3)}
.kl-focused .wishes-section{background:#f7eddd}
.kl-focused.lotus .paper-section,.kl-focused.serenity .paper-section{--line:#d5d7c3}
@media(max-width:700px){
.kl-focused .hero-copy .eyebrow{font-size:5.5px;letter-spacing:1.1px;margin-bottom:10px}
.kl-focused .double-happiness{font-size:clamp(57px,17.5vw,91px);margin-bottom:11px}
.kl-focused .hero-copy h1{font-size:clamp(34px,10.8vw,56px);margin-bottom:13px;letter-spacing:-.5px}
.kl-focused .hero-copy h1 em{font-size:18px;line-height:1;margin:5px 0}
.kl-focused .hero-message{font-size:11px;line-height:1.55;margin-bottom:13px}
.kl-focused .hero-location{font-size:8px;margin:11px 0 3px}
.kl-focused .hero-date strong{font-size:32px}
.kl-focused .hero-date>span{font-size:5.5px;width:52px}
.studio-nav nav{gap:9px;font-size:8px}
}
/* Let the lake illustration breathe below the invitation details. */
.kl-focused.lotus .hero-message,.kl-focused.serenity .hero-message{display:none}
.kl-focused.silk .hero-copy>.eyebrow,.kl-focused.silk .mini-copy>.eyebrow{visibility:hidden}
.kl-focused .card-link{display:none}
/* KL phone-first refinement: an opening screen, then a clear invitation flow. */
.kl-focused.invitation{padding-top:0}
.kl-focused .preview-bar{z-index:2;background:transparent}
.kl-focused .invite-hero{aspect-ratio:auto;min-height:760px;height:100svh;max-height:1100px}
.kl-focused .invite-hero .painted-art{object-fit:fill}
.kl-focused .hero-copy,.kl-focused.lotus .hero-copy,.kl-focused.serenity .hero-copy{inset:64px 17% 42px;justify-content:center}
.kl-focused .hero-copy .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:16px}
.kl-focused .double-happiness{font-size:96px;margin-bottom:20px}
.kl-focused .hero-copy h1{font-size:72px;margin-bottom:20px}
.kl-focused .hero-copy h1 em{font-size:27px;margin:8px 0}
.kl-focused .hero-message{font-size:18px;line-height:1.5;margin-bottom:22px}
.kl-focused .hero-date>span{font-size:10px;width:85px;letter-spacing:1px}
.kl-focused .hero-date strong{font-size:48px}
.kl-focused .hero-location{font-size:14px;line-height:1.6;margin:18px 0 0}
.kl-focused .hero-hashtag{font-size:21px!important;margin:17px 0}
.kl-focused .open-invite{border:1px solid currentColor;border-radius:5px;padding:13px 22px;font-size:13px;background:color-mix(in srgb,var(--paper) 85%,transparent)}
.kl-focused.hero-visible .guest-nav{opacity:0;visibility:hidden;pointer-events:none}
.kl-focused .guest-nav{transition:opacity .2s}
.kl-focused .welcome>p:not(.eyebrow):not(.signature){font-size:17px;line-height:1.9}
.kl-focused .welcome .host-names{font:600 29px/1.45 'Cormorant Garamond',Georgia!important;margin:30px 0}
.kl-focused .host-names span{font-style:italic;font-weight:400;font-size:22px}
.kl-focused .welcome .signature{font-size:48px;margin:28px 0}
.kl-focused .kl-details{text-align:center;border-block:2px solid var(--line);background:#f5e7d2}
.kl-focused .kl-details h2{font-size:52px;margin-bottom:32px}
.kl-focused .event-day{font-size:16px;margin:0 0 7px}
.kl-focused .event-date{font:600 35px/1.25 'Cormorant Garamond',Georgia;margin:0 0 12px}
.kl-focused .event-time{font-size:21px;font-weight:500;margin-bottom:25px}
.kl-focused .event-venue{font:600 38px 'Cormorant Garamond',Georgia;margin:0 0 6px}
.kl-focused .event-city{font-size:17px;margin-bottom:24px}
.kl-focused .dining-note{font-size:14px;margin:28px 0 0}
.kl-focused .button,.kl-focused .wish-composer summary{min-height:50px;border-radius:5px;font-size:15px;font-weight:500;box-shadow:0 3px 0 #5e1e251c}
.kl-focused .kl-details .button{min-width:245px;justify-content:space-between}
.kl-focused .wish-composer{border:0}
.kl-focused .wish-composer summary{background:var(--ink);color:var(--paper);padding:16px 22px;border:1px solid var(--ink)}
.kl-focused .wish-composer[open] summary{margin-bottom:20px}
.kl-focused .wish-composer summary:hover,.kl-focused .open-invite:hover{filter:brightness(.93)}
.kl-focused form label,.kl-focused legend{font-size:15px}
.kl-focused input:not([type=radio]):not([type=checkbox]),.kl-focused select,.kl-focused textarea{font-size:16px;padding:15px 12px}
.kl-focused .attendance-options label{min-height:54px;justify-content:center;gap:10px;font-size:16px;border:2px solid var(--line);border-radius:5px}
.kl-focused .attendance-options label:has(:checked){background:var(--ink);color:var(--paper);border-color:var(--ink)}
.kl-focused input[type=radio]{accent-color:#b87b48;width:18px;height:18px}
.kl-focused .rsvp-description,.kl-focused .wishes-intro{font-size:16px;line-height:1.7}
.kl-focused .trial-note{font-size:11px;padding:0;border:0;margin:20px 0}
.kl-focused .privacy-note{font-size:12px;opacity:.8}
.kl-focused .public-consent span{font-size:13px}
.kl-focused .guest-nav a{font-size:11px}
.kl-focused .countdown-section{padding-bottom:45px}
.kl-focused .invite-footer{padding-top:0;border-top:0}
@media(max-width:700px){
.kl-focused .invite-hero{height:100svh;min-height:640px;max-height:none}
.kl-focused .hero-copy,.kl-focused.lotus .hero-copy,.kl-focused.serenity .hero-copy{inset:50px 13% 30px}
.kl-focused .hero-copy .eyebrow{font-size:8px;margin-bottom:12px}
.kl-focused .double-happiness{font-size:clamp(68px,10svh,90px);margin-bottom:16px}
.kl-focused .hero-copy h1{font-size:clamp(46px,7svh,62px);margin-bottom:17px}
.kl-focused .hero-copy h1 em{font-size:23px;margin:6px 0}
.kl-focused .hero-message{font-size:16px;line-height:1.45;margin-bottom:19px}
.kl-focused .hero-date>span{font-size:8px;width:66px}
.kl-focused .hero-date strong{font-size:40px}
.kl-focused .hero-location{font-size:12px;margin-top:15px}
.kl-focused .hero-hashtag{font-size:19px!important;margin:16px 0}
.kl-focused .open-invite{font-size:13px;padding:12px 19px}
.kl-focused .paper-section{padding:55px 26px}
.kl-focused .kl-details h2{font-size:45px}
.kl-focused .event-date{font-size:33px}
.kl-focused .welcome .host-names{font-size:28px!important}
.kl-focused .guest-nav{padding:12px 10px}
.kl-focused.lotus .hero-copy,.kl-focused.serenity .hero-copy{bottom:25%;top:55px}
.kl-focused.lotus .double-happiness,.kl-focused.serenity .double-happiness{font-size:70px}
}
@media(max-height:740px) and (max-width:700px){
.kl-focused .hero-copy h1{font-size:46px;margin-bottom:12px}
.kl-focused .hero-message{font-size:14px;margin-bottom:12px}
.kl-focused .double-happiness{font-size:65px;margin-bottom:12px}
.kl-focused .hero-hashtag{margin:12px 0}
}
@media(max-width:700px){.kl-focused .preview-bar{display:none}}

/* Lanterns at Dusk: keep the original lattice route and all shared guest flows. */
.kl-focused.lattice .paper-section,.kl-focused.lattice .invite-footer,.kl-focused.lattice .guest-nav{--paper:#f7f4ec;--ink:#203b50;--line:#ccd3d2;color:var(--ink);background:var(--paper)}
.kl-focused.lattice .kl-details,.kl-focused.lattice .wishes-section{background:#eaf0ee}
.kl-focused.lattice .countdown-section{background:linear-gradient(135deg,#e6eded,#f8f5ec 55%,#e4eaeb)}
.kl-focused.lattice .double-happiness,.kl-focused.lattice .mini-seal{color:#e1d2b4;text-shadow:none}
.kl-focused.lattice .open-invite{background:#f2eadb;color:#10283d;border-color:#f2eadb}
.kl-focused.lattice .button{box-shadow:0 3px 0 #203b501c}
.kl-focused.lattice input[type=radio]{accent-color:#203b50}
.kl-focused.lattice .hero-copy{inset:74px 17% 90px}
.kl-focused.lattice .mini-copy{top:16%}
@media(max-width:700px){.kl-focused.lattice .hero-copy{inset:75px 13% 84px}.kl-focused.lattice .invite-hero{min-height:740px}.kl-focused.lattice .hero-copy .eyebrow{font-size:7px}.kl-focused.lattice .double-happiness{font-size:68px;margin-bottom:15px}.kl-focused.lattice .hero-copy h1{font-size:50px}.kl-focused.lattice .hero-message{font-size:14px;margin-bottom:16px}.kl-focused.lattice .hero-hashtag{margin:13px 0}}

.inspiration-entry{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;margin:0 0 25px;font-size:12px}.inspiration-entry a{border-bottom:1px solid currentColor;padding:8px 0}.inspiration-entry span{color:#66715d;font-size:11px}

/* Sulaman Kasih: ruby songket and warm gold, scoped to the Kambes design. */
.songket.invitation{background:#4f1520;--line:#b98858}
.songket .preview-bar,.songket .desktop-caption{color:#f9e6c3}
.songket .hero-copy,.songket .mini-copy,.songket .card-link{color:#fff1d6}
.songket .hero-copy h1,.songket .mini-copy h3{color:#ffe4af;text-shadow:0 1px 2px #41101850}
.songket .hero-date strong{border-color:#c99a66}
.songket .open-invite{background:#f7e6c4;color:#681d29;border:1px solid #dfb979;border-radius:3px;padding:12px 19px;font-size:14px}
.songket .paper-section,.songket .invite-footer,.songket .guest-nav{--ink:#781d2b;--paper:#fff8eb;--line:#dac2a2;color:var(--ink);background:var(--paper)}
.songket .details,.songket .wishes-section{background:#f8edda}
.songket .countdown-section{background:linear-gradient(135deg,#f3e0bc,#fff8eb 55%,#f2dfbb)}
.songket .countdown-number{border-color:#b98b52}
.songket .flourish,.songket .countdown-ornament{color:#936a34;opacity:1}
.songket .button{background:#781d2b;color:#fff8eb;border-color:#781d2b;border-radius:3px;font-size:16px;min-height:50px}
.songket .button:hover{background:#5d1622;opacity:1}
.songket form label,.songket legend,.songket .wish-composer summary{font-size:14px}
.songket input:not([type=radio]):not([type=checkbox]),.songket select,.songket textarea{font-size:16px;background:#fffcf5;border-color:#b48f78}
.songket input::placeholder,.songket textarea::placeholder{color:#856361;opacity:1}
.songket .attendance-options label{font-size:14px;min-height:52px;gap:8px}
.songket .attendance-options label:has(:checked){background:#781d2b;color:#fff8eb;border-color:#781d2b}
.songket input[type=radio],.songket input[type=checkbox]{accent-color:#9e3040}
.songket .rsvp-description,.songket .wishes-intro,.songket .detail-row p,.songket .welcome>p:not(.eyebrow):not(.signature){font-size:16px;line-height:1.8}
.songket .honorifics,.songket .formal-date{font-size:16px}
.songket .trial-note,.songket .privacy-note,.songket .family-note,.songket .pending,.songket .formal-placeholder,.songket .public-consent span{font-size:13px!important;opacity:1}
.songket .guest-nav a{font-size:12px;min-height:44px}
.songket .guest-nav{border-color:#b98b52;box-shadow:0 5px 25px #3e122533}
.songket .hero-message{font-size:18px;line-height:1.6}
.songket .hero-location{font-size:14px}
.songket .hero-copy .eyebrow{font-size:10px}
.songket .hero-date>span{font-size:10px}
@media(max-width:700px){
.songket .invite-hero{aspect-ratio:auto;min-height:760px}
.songket .invite-hero .painted-art{object-fit:fill}
.songket .hero-copy{inset:20% 16% 12%}
.songket .hero-copy h1{font-size:clamp(58px,16vw,78px);margin:18px 0}
.songket .hero-message{font-size:16px;line-height:1.6;margin-bottom:18px}
.songket .hero-location{font-size:12px;margin:15px 0}
.songket .hero-date>span{font-size:9px;width:65px}
.songket .hero-copy .eyebrow{font-size:9px}
.songket .open-invite{font-size:13px}
.songket .paper-section{padding-inline:26px}
}

/* Di Taman Melur: an original, continuous botanical invitation. */
.garden-pilot.invitation{padding-top:48px;background:#e4e6dd;--line:#cdd2c1;--ink:#3f5542;--paper:#faf7ee}
.garden-pilot .invitation-paper{width:540px;background:#faf7ee;box-shadow:0 8px 80px #28342620;overflow:hidden}
.garden-pilot .preview-bar{height:48px;color:#455640}
.garden-pilot .desktop-caption{color:#65725c}.garden-pilot .desktop-caption i{font-size:24px}
.garden-pilot .invite-hero{aspect-ratio:auto;height:820px;min-height:690px;max-height:920px}
.garden-pilot .invite-hero .painted-art{object-fit:fill}
.garden-pilot .hero-copy{inset:24% 17% 17%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.garden-pilot .hero-copy .eyebrow{font-size:9px;letter-spacing:2.7px;margin:0 0 22px}
.garden-pilot .hero-copy h1{font-size:86px;line-height:.92;margin:0 0 23px;font-weight:400}
.garden-pilot .hero-copy h1 em{font-size:27px;line-height:1.2;margin:8px 0}
.garden-pilot .hero-message{font:17px/1.45 'Cormorant Garamond',Georgia;margin:0 0 23px}
.garden-pilot .hero-date{gap:12px}.garden-pilot .hero-date strong{font-size:48px;padding:0 19px;border-color:#9aa88c}
.garden-pilot .hero-date>span{font-size:9px;width:72px;letter-spacing:1.3px}
.garden-pilot .hero-location{font-size:11px;line-height:1.65;margin:16px 0 10px}
.garden-pilot .open-invite{font-size:11px;min-height:44px;padding:14px 10px 9px;border-color:#8e9d80}
.garden-pilot .hero-copy>*{animation:gardenArrival 1.1s both ease-out}.garden-pilot .hero-copy h1{animation-delay:.1s}.garden-pilot .hero-message{animation-delay:.2s}.garden-pilot .hero-date{animation-delay:.3s}.garden-pilot .hero-location{animation-delay:.4s}.garden-pilot .open-invite{animation-delay:.5s}
.garden-pilot .paper-section{position:relative;padding:46px 42px;border:0;background:#faf7ee;scroll-margin-top:20px}
.garden-pilot .paper-section:before{content:'';position:absolute;inset:17px 17px;pointer-events:none;border-inline:1px solid #bdc6ae66}
.garden-pilot .paper-section h2{font:italic 38px/1.08 'Cormorant Garamond',Georgia;margin:0 0 21px;text-align:center;letter-spacing:-.7px}
.garden-pilot .paper-section>.eyebrow{font-size:9px;letter-spacing:2px;text-align:center;margin-bottom:12px}
.garden-pilot .garden-welcome{text-align:center;padding-top:28px;padding-bottom:30px}
.garden-pilot .garden-welcome:after{content:'';position:absolute;left:20%;right:20%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#b4bea3,transparent)}
.garden-pilot .garden-sprig{font:27px/1 Georgia;color:#80906c;margin:5px auto 20px}
.garden-pilot .bismillah{font-size:24px!important;margin-bottom:14px}
.garden-pilot .formal-greeting{font:13px/1.65 'Cormorant Garamond',Georgia!important;margin-bottom:23px}
.garden-pilot .garden-welcome>p:not(.signature):not(.bismillah):not(.wedding-hashtag):not(.formal-greeting){font:17px/1.6 'Cormorant Garamond',Georgia;margin-bottom:17px}
.garden-pilot .garden-welcome>.signature{font-size:43px;margin:19px 0 17px}.garden-pilot .signature span{font:italic 26px 'Cormorant Garamond',Georgia}
.garden-pilot .wedding-hashtag{font-size:17px!important;letter-spacing:.25px;margin:20px 0 0}
.garden-pilot .garden-disclosure{border-block:1px solid var(--line);margin-top:23px;text-align:left}
.garden-pilot .garden-disclosure summary{position:relative;font:12px/1.5 'DM Sans',sans-serif;list-style:none;cursor:pointer;padding:16px 22px 16px 0;min-height:48px}
.garden-pilot summary::-webkit-details-marker{display:none}.garden-pilot .garden-disclosure summary>span{position:absolute;right:0;font-size:17px;top:12px;transition:transform .25s}.garden-pilot .garden-disclosure[open] summary>span{transform:rotate(45deg)}
.garden-pilot summary:focus-visible{outline:2px solid #3f5542;outline-offset:3px}
.garden-pilot .formal-copy{padding:15px 0 8px}.garden-pilot .formal-copy h2{font-size:30px}.garden-pilot .formal-copy .parents{font-size:21px}.garden-pilot .formal-copy p{font-size:14px;line-height:1.7}.garden-pilot .formal-copy .formal-placeholder{font-size:11px!important;opacity:.85}.garden-pilot .formal-copy .signature{font-size:36px}
.garden-pilot .garden-details{background:#f0f1e6;padding-top:40px;padding-bottom:30px;border-radius:48% 48% 0 0 / 18px 18px 0 0}
.garden-event{display:flex;gap:24px;align-items:center;justify-content:center;margin:28px 0 20px}
.garden-date-seal{text-align:center;padding-right:24px;border-right:1px solid #b4bea3}.garden-date-seal strong{display:block;font:57px/.95 'Cormorant Garamond',Georgia}.garden-date-seal span{display:block;font-size:8px;line-height:1.7;letter-spacing:1.5px;margin-top:9px}
.garden-event h3{font-size:30px;line-height:1.15;margin:7px 0}.garden-event p{font-size:11px;line-height:1.5;margin:0}.garden-event .event-day{font-size:10px;letter-spacing:.3px}
.garden-pending{display:flex;align-items:center;justify-content:center;gap:13px;border-block:1px solid #c6ceba;padding:13px 0}.garden-pending p{font-size:11px;line-height:1.7;margin:0}.garden-pending>span{font-size:23px;color:#7c8e6e}
.garden-dining{text-align:center;font-size:11px;margin:19px 0 0}.garden-pilot .disclosure-content{padding:3px 0 14px;font-size:12px;line-height:1.75}.garden-pilot .disclosure-content p:last-child{margin-bottom:0}
.garden-pilot .garden-countdown{margin-top:26px;text-align:center}.garden-pilot .garden-countdown .eyebrow{font-size:8px;margin:0}
.garden-pilot .countdown{gap:0;margin:12px auto;max-width:310px}.garden-pilot .countdown-number{font-size:34px;line-height:1.15;background:none;border:0;box-shadow:none;border-radius:0}.garden-pilot .countdown-unit+ .countdown-unit{border-left:1px solid #c7cfbc}.garden-pilot .countdown-unit>span{font-size:8px;margin-top:6px;letter-spacing:1px}.garden-pilot .countdown-caption{font-size:9px;margin:13px 0 0;opacity:.75}.garden-pilot .countdown-status:empty{display:none}
.garden-pilot .rsvp-description{text-align:center;font:17px/1.55 'Cormorant Garamond',Georgia;margin:0 auto 15px}.garden-pilot .trial-note{border:0;text-align:center;font-size:10px;margin:0 0 24px;padding:0;opacity:.85}
.garden-pilot form label,.garden-pilot legend{font-size:12px}.garden-pilot form>label,.garden-pilot fieldset{margin-bottom:19px}
.garden-pilot input:not([type=radio]):not([type=checkbox]),.garden-pilot select,.garden-pilot textarea{font-size:16px;min-height:48px;border-radius:4px;background:#fffdf7;padding:12px;border-color:#b6c0aa}
.garden-pilot .attendance-options{gap:10px}.garden-pilot .attendance-options label{font-size:12px;min-height:48px;justify-content:center;gap:8px;border-radius:4px;border-color:#b6c0aa}.garden-pilot .attendance-options label:has(:checked){background:#e4e9d9;border-color:#60734d}.garden-pilot input[type=radio]{width:16px;height:16px;accent-color:#3f5542}
.garden-pilot .counts{gap:14px;margin-bottom:0}.garden-pilot .counts label{font-size:11px}
.garden-pilot .optional-rsvp{margin:21px 0 16px}.garden-pilot .optional-rsvp .disclosure-content>label{display:block;margin-bottom:17px}.garden-pilot .optional-rsvp .disclosure-content>label:last-child{margin-bottom:0}
.garden-pilot .privacy-note{font-size:10px;line-height:1.7;opacity:.8;margin:14px 0 18px}.garden-pilot .button{min-height:49px;border-radius:4px;font-size:13px;background:#3f5542;color:#faf7ee;box-shadow:none}
.garden-pilot .wishes-section{padding-top:36px;background:#f0f1e6;border-radius:48% 48% 0 0 / 16px 16px 0 0}
.garden-pilot .wishes-intro{font:16px/1.6 'Cormorant Garamond',Georgia;margin-bottom:20px}
.garden-pilot .wish-card{border:0;border-block:1px solid #c8cfbb;border-radius:0;background:transparent;padding:23px 9px 18px;margin:15px 0}.garden-pilot .wish-card>p{font-size:20px;line-height:1.45;margin-bottom:18px}.garden-pilot .wish-mark{font-size:40px}.garden-pilot .wish-card footer{border:0;padding-top:0;font-size:10px}.garden-pilot .wish-card time{font-size:9px}.garden-pilot .empty-wishes small{font-size:9px}.garden-pilot .wish-count{font-size:10px}
.garden-pilot #wishes-list{max-height:390px;overflow:auto;overscroll-behavior:contain;padding-right:4px}
.garden-pilot .wish-composer summary{min-height:48px;font-size:12px}.garden-pilot .public-consent span{font-size:11px;line-height:1.6}
.garden-pilot .invite-footer{position:relative;background:#faf7ee;padding:33px 30px 130px;border:0}.garden-pilot .invite-footer .signature{font-size:44px}.garden-pilot .invite-footer>p:not(.signature):not(.wedding-hashtag){font:16px 'Cormorant Garamond',Georgia}.garden-pilot .invite-footer .garden-sprig{margin-bottom:20px}
.garden-pilot .guest-nav{width:420px;max-width:calc(100% - 28px);bottom:calc(13px + env(safe-area-inset-bottom));padding:7px;background:#3f5542;color:#faf7ee;border:1px solid #7c8a6e;border-radius:12px;box-shadow:0 6px 25px #1c2d292e;backdrop-filter:none;gap:3px}
.garden-pilot .guest-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;font-size:10px;min-height:49px;padding:5px;border-radius:7px;transition:background .2s}.garden-pilot .guest-nav a.active{background:#ffffff1f}.garden-pilot .guest-nav span{font-size:19px;margin-bottom:3px}.garden-pilot .guest-nav a:hover{background:#ffffff16}
.garden-reveal.in-view>h2,.garden-reveal.in-view>.eyebrow{animation:gardenArrival .7s both ease-out}
@keyframes gardenArrival{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.garden-pilot.invitation{padding-top:0}.garden-pilot .preview-bar{z-index:2;height:42px;font-size:9px}.garden-pilot .preview-bar>span{display:none}.garden-pilot .invitation-paper{max-width:540px}.garden-pilot .invite-hero{height:100svh;min-height:690px;max-height:850px}.garden-pilot .hero-copy{inset:23% 16% 18%}.garden-pilot .hero-copy h1{font-size:clamp(67px,18vw,82px);margin-bottom:20px}.garden-pilot .hero-copy h1 em{font-size:25px}.garden-pilot .hero-copy .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:20px}.garden-pilot .hero-message{font-size:16px;margin-bottom:20px}.garden-pilot .hero-date strong{font-size:43px}.garden-pilot .hero-date>span{font-size:8px;width:62px}.garden-pilot .hero-location{font-size:10px;margin-top:14px}.garden-pilot .paper-section{padding-inline:30px}.garden-pilot .paper-section:before{inset-inline:12px}.garden-pilot .paper-section h2{font-size:35px}.garden-pilot .garden-welcome>.signature{font-size:40px}.garden-pilot .garden-welcome>p:not(.signature):not(.bismillah):not(.wedding-hashtag):not(.formal-greeting){font-size:16px}.garden-pilot .bismillah{font-size:22px!important}.garden-pilot .formal-greeting{font-size:12px!important}.garden-event{gap:18px}.garden-date-seal{padding-right:18px}.garden-event h3{font-size:28px}}
@media(max-width:360px){.garden-pilot .paper-section{padding-inline:24px}.garden-pilot .hero-copy{inset-inline:13%}.garden-pilot .hero-copy h1{font-size:65px}.garden-pilot .attendance-options label{font-size:11px}.garden-pilot .counts label{font-size:10px}.garden-pilot .garden-welcome>p br{display:none}}
@media(prefers-reduced-motion:reduce){.garden-pilot *{animation:none!important;transition:none!important}}
/* On-site instructions for the private response dashboard. */
.host-guide{margin:26px 0;border:1px solid var(--line);padding:0 22px;background:#fafbf5;border-radius:8px;max-width:900px;font-size:13px;line-height:1.8}.host-guide summary{cursor:pointer;font-weight:600;padding:17px 0;min-height:48px}.host-guide ol{padding-left:22px;margin:0 0 18px}.host-guide li{padding:5px 0}.host-guide p{margin:0 0 18px}.host-guide summary:focus-visible{outline:2px solid #48513e;outline-offset:3px}
/* Host-only Sheets controls. */
.sheets-panel{border:1px solid #ddc9c4;background:#fffaf8;padding:24px;border-radius:16px;margin:24px 0}.sheets-panel h2{font-size:24px;margin:0 0 12px}.sheets-panel p{line-height:1.65}.sheets-panel a{text-decoration:underline;text-underline-offset:3px}.sheets-panel .button:disabled{opacity:.55;cursor:default}
