:root{--gap:min(1cm, 4vw);--u:min(1cqw, .6667cqh)}*{box-sizing:border-box}html,body{height:100%}body{background:var(--velvet-2);background-image:radial-gradient(ellipse at 50% 40%,var(--velvet) 0%,var(--velvet-2) 75%);color:var(--cream);font-family:var(--f-body);margin:0;overflow:hidden}#petals{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.stage{z-index:1;justify-content:center;align-items:center;height:100svh;display:flex;position:relative}.book-wrap{width:calc(100vw - 2 * var(--gap));height:calc(100vh - 2 * var(--gap))}@supports (height:100svh){.book-wrap{height:calc(100svh - 2 * var(--gap))}}#book{width:100%;height:100%}#book:not(.stf__parent) .page:not(:first-child){display:none}#book:not(.stf__parent) .page:first-child{width:100%;height:100%}.page{background:var(--paper);overflow:hidden;container-type:size}.pg{width:100%;height:100%;position:relative;overflow:hidden}.tpage{background:var(--terra);background-image:var(--noise);color:var(--cream);text-align:center;padding:calc(3*var(--u))}.pn{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.pn .leaves{top:calc(var(--leaf) * -.42);width:var(--leaf);z-index:0;pointer-events:none;height:auto;position:absolute}.pn .leaves.l{left:calc(var(--leaf) * -.18);transform:rotate(-8deg)}.pn .leaves.r{right:calc(var(--leaf) * -.18);transform:scaleX(-1)rotate(-8deg)}.pcap{z-index:1;flex:none;position:relative}.pcap .cap{width:100%;height:var(--caph);fill:var(--bark);display:block}.pcap h2{font-family:var(--f-display);font-weight:400;font-size:var(--h2);color:var(--cream);margin:0;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.praj{font-size:calc(3*var(--u));color:var(--haldi);margin:0}.logo{align-items:center;gap:calc(.6*var(--u));flex-direction:column;flex:none;display:flex}.logo svg{width:calc(9.5*var(--u));height:auto}.sindoor{gap:calc(1.1*var(--u));display:flex}.sindoor i{width:calc(1.3*var(--u));height:calc(1.3*var(--u));box-shadow:0 0 calc(.8*var(--u)) #d93a2299;background:#d93a22;border-radius:50%}.pbody{z-index:1;background:var(--bark);justify-content:center;align-items:center;gap:calc(.9*var(--u));min-height:0;padding:calc(.6*var(--u)) calc(2.6*var(--u)) calc(3*var(--u));flex-direction:column;flex:1;margin-top:-1px;display:flex;position:relative}.rule{width:min(100%, calc(40*var(--u)));flex:none;height:auto}.pn .kal{font-size:calc(2.8*var(--u));color:#e9cfa5;margin:0}.pn .nm{font-family:var(--f-display);font-size:calc(4.8*var(--u));color:var(--haldi);margin:0;line-height:1.2}.pn .det{font-size:calc(2.8*var(--u));margin:0;line-height:1.55}.roses{align-items:center;gap:calc(2*var(--u));margin-top:calc(.4*var(--u));display:flex}.roses svg{width:calc(5*var(--u));height:calc(5*var(--u))}.roses i{width:calc(1.1*var(--u));height:calc(1.1*var(--u));background:var(--terra);border-radius:50%}.orn{width:calc(26*var(--u));flex:none;height:auto}.verse{font-size:min(calc(4*var(--u)), 1.7cqh);margin:0;line-height:1.38}.verse .dari{color:var(--haldi)}.tri{column-gap:calc(2.4*var(--u));row-gap:calc(6.5*var(--u));padding-top:calc(7*var(--u));grid-template:"b g""m m"1fr/1fr 1fr;display:grid}.tri .mid .pbody{gap:calc(.6*var(--u));justify-content:safe center}.pcap .head{left:0;right:0;bottom:calc(.4*var(--u));justify-content:center;display:flex;position:absolute}.tri .first{grid-area:b}.tri .second{grid-area:g}.tri .mid{grid-area:m}.tri .side{--caph:calc(9*var(--u));--leaf:calc(18*var(--u));--h2:calc(5*var(--u))}.tri .side .det{font-size:calc(3*var(--u))}.tri .side .nm{font-size:calc(5.4*var(--u))}.tri .side .pbody{padding-inline:calc(1.6*var(--u))}.tri .side .rule{width:90%}.tri .mid{--caph:calc(14*var(--u));--leaf:calc(28*var(--u))}@container (orientation:landscape){.tri{grid-template:"b m g"1fr/1fr 1.5fr 1fr;column-gap:2.4cqw;padding:5.4cqw 2.4cqw 2.4cqw}.tri .side{--caph:6.2cqw;--leaf:min(11cqw, 20cqh)}.tri .mid{--caph:7.6cqw;--leaf:min(13cqw, 24cqh)}.tri .side{--h2:calc(7*var(--u))}.tri .side .pbody{gap:calc(2*var(--u))}.tri .pn .nm{font-size:calc(7.4*var(--u))}.tri .pn .det{font-size:calc(4*var(--u));line-height:1.65}.tri .pn .kal{font-size:calc(3.8*var(--u))}.tri .praj{font-size:calc(3.4*var(--u))}.tri .verse{font-size:calc(3.15*var(--u));line-height:1.4}.tri .roses svg{width:calc(7*var(--u));height:calc(7*var(--u))}}@container (orientation:portrait) and (min-aspect-ratio:11/20){.tri{row-gap:calc(5*var(--u))}.tri .verse{font-size:calc(2.75*var(--u));line-height:1.32}}.smk{padding-top:calc(13*var(--u));flex-direction:column;display:flex}.smk .pn{--caph:calc(20*var(--u));--leaf:calc(30*var(--u));--h2:calc(6.4*var(--u));flex:1}.objects{justify-content:center;align-items:flex-end;gap:calc(3.4*var(--u));display:flex}.objects svg{height:calc(9*var(--u));width:auto}.evs{align-items:center;gap:calc(1.2*var(--u));flex-direction:column;display:flex}.ev{align-items:center;gap:calc(.2*var(--u));flex-direction:column;display:flex}.ev h3{font-family:var(--f-display);font-weight:400;font-size:calc(7*var(--u));color:var(--haldi);margin:0;line-height:1.3}.ev p{font-size:calc(3.8*var(--u));margin:0;line-height:1.55}.ev b{font-family:var(--f-ui);color:var(--haldi);font-weight:600}.ev .kv{justify-content:center;column-gap:calc(1.2*var(--u));margin:calc(.4*var(--u)) 0 0;font-size:calc(3.8*var(--u));text-align:left;grid-template-columns:auto auto;line-height:1.55;display:grid}.ev .kv dt{font-family:var(--f-ui);color:var(--haldi);text-align:right;white-space:nowrap;font-weight:600}.ev .kv dd{white-space:nowrap;margin:0}@container (orientation:portrait){.ev .kv{font-size:calc(3.1*var(--u))}}.evs .rule{width:calc(30*var(--u));opacity:.75}@container (orientation:landscape){.smk{padding:min(9cqw,15cqh) 3cqw 3cqw}.smk .pn{--caph:min(8cqw, 14cqh);--leaf:min(18cqw, 34cqh)}.evs{flex-direction:row;align-items:stretch;gap:5cqw}.evs .rule{display:none}.evs .ev+.ev{border-left:1.5px dashed #fbefd666;padding-left:5cqw}.smk .pn{--h2:calc(8.4*var(--u))}.smk .pbody{gap:calc(2*var(--u))}.smk .ev h3{font-size:calc(8.6*var(--u))}.smk .ev p,.smk .ev .kv{font-size:calc(4.6*var(--u))}.smk .objects svg{height:calc(11*var(--u))}.smk .orn{width:calc(34*var(--u))}}.finale{background:#8f2b21;background-image:var(--noise),radial-gradient(circle at 50% 35%,#a8402a,transparent 72%);color:var(--cream);justify-content:center;align-items:center;gap:calc(3*var(--u));padding:calc(7*var(--u));text-align:center;flex-direction:column;display:flex}.finale:before{content:"";inset:calc(3*var(--u));border:2px solid var(--haldi);outline:1px solid var(--haldi);outline-offset:calc(-1.6*var(--u));pointer-events:none;position:absolute}.finale{--txth:calc(70*var(--u))}.finale.front{--txth:calc(40*var(--u))}.finale figure{flex:none;margin:0;position:relative}.finale img{width:auto;height:auto;max-width:calc(100cqw - 14*var(--u));max-height:calc(100cqh - var(--txth));object-fit:contain;border:2px solid var(--haldi);padding:calc(1.8*var(--u));box-shadow:0 calc(2*var(--u)) calc(5*var(--u)) calc(-2*var(--u)) #0009;background:#fbf6ec;display:block}.finale-txt{align-items:center;gap:calc(.8*var(--u));text-wrap:balance;flex-direction:column;flex:none;display:flex;position:relative}.finale.front .msg{font-size:calc(4.6*var(--u))}.finale p,.finale h1{margin:0;font-weight:400}.finale .msg{font-size:calc(4*var(--u));line-height:1.6}.finale .sm{font-family:var(--f-ui);font-size:calc(3.2*var(--u));color:#f3d9ae}.finale .sign{font-family:var(--f-display);font-size:calc(6.6*var(--u));color:var(--haldi);line-height:1.25}.finale .dt{font-family:var(--f-ui);font-size:calc(3*var(--u));color:#f3d9ae}@container (orientation:landscape){.finale{padding:calc(6*var(--u)) 5cqw;flex-direction:row;gap:5cqw}.finale img{max-width:50cqw;max-height:calc(100cqh - 12*var(--u))}.finale-txt{gap:calc(1.6*var(--u));flex:1}.finale .msg,.finale.front .msg{font-size:calc(5.2*var(--u))}.finale .sm{font-size:calc(4*var(--u))}.finale .sign{font-size:calc(9.4*var(--u))}.finale .dt{font-size:calc(3.8*var(--u))}}.pbtn{z-index:20;border:1.5px solid var(--haldi);width:36px;height:36px;color:var(--cream);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2c0a0799;border-radius:50%;font-size:1.1rem;line-height:1;position:fixed;top:50%;transform:translateY(-50%)}.pbtn.prev{left:max(2px, calc(var(--gap) / 2 - 18px), env(safe-area-inset-left,0px))}.pbtn.next{right:max(2px, calc(var(--gap) / 2 - 18px), env(safe-area-inset-right,0px))}.pbtn:hover:not(:disabled){filter:brightness(1.1)}.pbtn:disabled{opacity:.35;cursor:default}.pbtn:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.pnum{top:max(2px, calc(var(--gap) / 2 - .6rem), env(safe-area-inset-top,0px));right:calc(var(--gap) + 6px);z-index:20;font-family:var(--f-ui);color:var(--cream);font-variant-numeric:tabular-nums;background:#2c0a0799;border-radius:99px;padding:0 9px;font-size:.75rem;line-height:1.2rem;position:fixed}.links{justify-content:center;gap:calc(1.6*var(--u));margin-top:calc(.6*var(--u));flex-wrap:wrap;display:flex}.links a{font-family:var(--f-ui);font-weight:500;font-size:max(12px,calc(2.8*var(--u)));color:var(--haldi);border:1.5px solid var(--haldi);padding:calc(1*var(--u)) calc(2.4*var(--u));border-radius:99px;align-items:center;min-height:32px;line-height:1;text-decoration:none;display:inline-flex}.links a:hover{background:var(--haldi);color:var(--bark)}.ev .links{justify-content:center}@container (orientation:landscape){.finale .links a{font-size:calc(3.4*var(--u))}}