:root{--paper:#f4ecd9;--ink:#263432;--muted:#67736f;--red:#9d5147;--rose:#c78478;--gold:#b9985f;--indigo:#253a4d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC","Songti SC","STSong",serif;overflow-x:hidden}.ink-wash{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");mix-blend-mode:multiply}.hero{height:100svh;min-height:680px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:url(assets/qixi-hero.webp) center/cover no-repeat;transform:scale(1.02)}.hero-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(248,239,218,.15),rgba(248,239,218,.58) 56%,rgba(36,52,59,.13))}.hero-copy{position:relative;text-align:center;width:min(760px,88vw);padding-top:3vh}.eyebrow,.chapter-no{letter-spacing:.38em;font-size:12px;color:var(--red);font-weight:700}.hero h1{margin:28px 0 18px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:22px;font-size:clamp(42px,6vw,86px);letter-spacing:.12em}.hero h1 span:first-child{transform:translateY(-14px)}.hero h1 span:last-child{transform:translateY(14px)}.hero h1 i{display:block;width:1px;height:95px;background:linear-gradient(transparent,var(--red),transparent);transform:rotate(18deg)}.lead{font-size:clamp(16px,2vw,21px);letter-spacing:.18em;color:#596461;margin:26px 0 44px}.seal-button{border:0;background:transparent;display:inline-flex;align-items:center;gap:14px;color:var(--ink);font:600 14px inherit;letter-spacing:.12em;cursor:pointer}.seal{width:54px;height:54px;display:grid;place-items:center;color:#f8eee0;font-size:23px;background:var(--red);border:2px solid #ad655b;outline:1px solid rgba(255,255,255,.55);outline-offset:-6px;box-shadow:0 10px 28px rgba(103,54,48,.22);transition:.3s}.seal-button:hover .seal{transform:rotate(-7deg) scale(1.06)}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#65706b;font-size:11px;letter-spacing:.25em}.scroll-cue b{width:1px;height:35px;background:linear-gradient(var(--red),transparent)}.chapter{max-width:740px;margin:0 auto;padding:150px 28px;text-align:center}.chapter h2,.letter-heading h2,.promise h2{font-size:clamp(32px,4.2vw,56px);font-weight:500;letter-spacing:.08em;margin:22px 0 30px}.chapter>p:last-child{line-height:2.15;color:var(--muted);font-size:17px}.portraits{max-width:1100px;margin:auto;padding:20px 35px 150px;display:grid;grid-template-columns:1fr 80px 1fr;align-items:center}.portrait-card{position:relative}.photo-wrap{padding:12px;background:#ece1cb;box-shadow:0 22px 60px rgba(49,55,52,.15);position:relative}.photo-wrap:after{content:"";position:absolute;inset:11px;box-shadow:inset 0 0 30px 18px rgba(239,230,211,.32);pointer-events:none}.photo-wrap img{display:block;width:100%;height:510px;object-fit:cover;filter:saturate(.72) contrast(.93) sepia(.08)}.him .photo-wrap img{object-position:55% center}.her{margin-top:110px}.portrait-copy{padding:22px 12px}.portrait-copy>span{color:var(--red);font-size:13px;border:1px solid rgba(157,81,71,.45);padding:5px 9px}.portrait-copy h3{font-size:25px;margin:18px 0 8px;font-weight:500}.portrait-copy p{color:var(--muted)}.red-thread{display:flex;align-items:center;flex-direction:column;color:var(--red);gap:14px}.red-thread span{height:105px;width:1px;background:linear-gradient(transparent,var(--red))}.red-thread span:last-child{background:linear-gradient(var(--red),transparent)}.red-thread i{font-style:normal;writing-mode:vertical-rl;letter-spacing:.35em}.together{max-width:1280px;margin:0 auto 160px;display:grid;grid-template-columns:1.32fr .68fr;align-items:center;background:#e7ddc8}.together-image{margin:-50px 0 -50px -3vw;position:relative;padding:13px;background:#f2e9d8;transform:rotate(-1.5deg);box-shadow:0 25px 70px rgba(39,52,49,.2)}.together-image img{display:block;width:100%;height:620px;object-fit:cover;filter:saturate(.7) sepia(.08)}.brush-stamp{position:absolute;right:22px;bottom:22px;background:var(--red);color:#f5e9d5;padding:10px;writing-mode:vertical-rl;letter-spacing:.3em}.together-copy{padding:60px 55px}.together-copy h2{font-size:clamp(28px,3vw,44px);font-weight:500;line-height:1.5;margin:20px 0}.together-copy>p:last-of-type{line-height:2;color:#5e6a65}.together blockquote{margin:35px 0 0;padding:18px 0 18px 20px;border-left:2px solid var(--red);color:#7a5e56;line-height:1.8}.letter-section{padding:80px 24px 170px;background:linear-gradient(180deg,transparent,rgba(221,207,181,.55),transparent)}.letter-shell{max-width:840px;margin:auto;background:#f8f0df;padding:70px clamp(28px,7vw,85px);box-shadow:0 20px 80px rgba(46,57,51,.13);border:1px solid rgba(143,113,73,.22);position:relative}.letter-shell:before,.letter-shell:after{content:"";position:absolute;width:70px;height:70px;border-color:rgba(157,81,71,.38)}.letter-shell:before{top:18px;left:18px;border-top:1px solid;border-left:1px solid}.letter-shell:after{right:18px;bottom:18px;border-right:1px solid;border-bottom:1px solid}.letter-heading{text-align:center;border-bottom:1px solid rgba(80,92,84,.18);padding-bottom:35px;margin-bottom:40px}.letter-heading h2{font-size:38px;margin:16px}.letter-heading>span{color:var(--muted);font-size:12px;letter-spacing:.28em}.letter-body{font-size:17px;line-height:2.25;color:#46534e}.letter-body p{margin:0 0 22px}.signature{text-align:right;padding-top:18px;color:var(--ink)}.signature strong{color:var(--red);font-size:20px;font-weight:500}.promise{height:760px;background:linear-gradient(rgba(28,46,58,.9),rgba(18,33,43,.96)),url(assets/qixi-hero.webp) center/cover;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#eee3cd;position:relative;overflow:hidden}.promise .chapter-no{color:#d6aa8b}.promise h2{line-height:1.5}.promise>p:not(.chapter-no){line-height:2;color:#c7c8bd;letter-spacing:.1em}.moon{position:absolute;top:10%;right:12%;width:180px;height:180px;border-radius:50%;background:#f5e7c8;box-shadow:0 0 65px rgba(248,226,180,.32);opacity:.75}.wish-button{margin-top:40px;border:1px solid rgba(235,213,174,.65);background:rgba(241,225,195,.08);color:#eee3cd;padding:15px 27px;font:600 14px inherit;letter-spacing:.16em;cursor:pointer;transition:.3s}.wish-button:hover{background:#eee3cd;color:#24333c}.stars{position:absolute;inset:0;pointer-events:none}.star{position:absolute;width:4px;height:4px;background:#ffe3a9;border-radius:50%;box-shadow:0 0 10px #ffdfa1;animation:twinkle 2.2s infinite ease-in-out}.petal{position:fixed;top:-25px;width:10px;height:16px;border-radius:90% 10% 80% 20%;background:rgba(191,112,101,.48);z-index:30;pointer-events:none;animation:fall linear forwards}footer{background:#14242d;color:#d7cbb7;display:flex;justify-content:center;align-items:center;gap:13px;padding:36px 20px;letter-spacing:.28em}footer i{font-style:normal;color:#b66e67}footer small{margin-left:18px;color:#8e9995;font-size:10px}.toast{position:fixed;z-index:50;left:50%;bottom:32px;transform:translate(-50%,140%);background:#f5ead6;color:var(--ink);padding:17px 27px;box-shadow:0 15px 50px rgba(0,0,0,.25);transition:.5s;letter-spacing:.1em;white-space:nowrap}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(32px);transition:opacity 1s ease,transform 1s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes twinkle{50%{opacity:.18;transform:scale(.55)}}@keyframes fall{to{transform:translate3d(var(--drift),110vh,0) rotate(540deg);opacity:0}}@media(max-width:760px){.hero{min-height:620px}.hero h1{flex-direction:column;gap:10px}.hero h1 span:first-child,.hero h1 span:last-child{transform:none}.hero h1 i{height:1px;width:80px;transform:none}.lead{line-height:2;margin:18px auto 32px;max-width:300px}.portraits{grid-template-columns:1fr;padding:0 22px 100px}.red-thread{flex-direction:row;height:70px}.red-thread span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--red))}.red-thread span:last-child{background:linear-gradient(90deg,var(--red),transparent)}.red-thread i{writing-mode:initial}.her{margin-top:0}.photo-wrap img{height:480px}.together{margin:0 16px 100px;display:block}.together-image{margin:0;transform:rotate(-1deg)}.together-image img{height:360px}.together-copy{padding:45px 28px}.letter-section{padding:40px 15px 100px}.letter-shell{padding:60px 28px}.letter-heading h2{font-size:30px}.letter-body{font-size:16px;line-height:2.05}.promise{height:680px;padding:0 28px}.moon{width:110px;height:110px;right:-15px;top:8%}footer{flex-wrap:wrap}footer small{width:100%;text-align:center;margin:0}.toast{max-width:88vw;white-space:normal;text-align:center;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.star,.petal{animation:none}}
.music-button{position:fixed;z-index:45;right:24px;top:24px;border:1px solid rgba(91,71,53,.22);border-radius:99px;background:rgba(246,237,220,.88);backdrop-filter:blur(12px);box-shadow:0 10px 35px rgba(44,51,46,.14);padding:8px 15px 8px 8px;display:flex;align-items:center;gap:10px;color:var(--ink);cursor:pointer;transition:transform .25s,background .25s}.music-button:hover{transform:translateY(-2px);background:#f8efdf}.music-disc{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--indigo);color:#ead8b8;font-family:serif;font-size:18px;box-shadow:inset 0 0 0 9px #22313b,inset 0 0 0 10px rgba(232,206,160,.2)}.music-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.music-copy b{font:600 13px "Noto Serif SC","Songti SC",serif;letter-spacing:.12em}.music-copy small{font-size:9px;color:var(--muted);letter-spacing:.08em}.music-button.is-playing .music-disc{animation:discSpin 5s linear infinite}.music-button.is-playing .music-copy small{color:var(--red)}@keyframes discSpin{to{transform:rotate(360deg)}}@media(max-width:760px){.music-button{right:12px;top:12px;padding:7px}.music-disc{width:36px;height:36px}.music-copy{display:none}}@media(prefers-reduced-motion:reduce){.music-button.is-playing .music-disc{animation:none}}
.journey-heading{padding-top:105px;padding-bottom:50px}.old-portraits{padding-top:10px;padding-bottom:150px}.old-portraits .photo-wrap img{filter:saturate(.68) contrast(.94) sepia(.1)}.bridge-scene{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;overflow:hidden;transition:opacity .8s ease}.bridge-scene.is-active{opacity:1}.bridge-character{position:absolute;bottom:17%;width:min(30vw,330px);filter:drop-shadow(0 18px 18px rgba(0,0,0,.28));opacity:.98;mix-blend-mode:screen}.bridge-character img{display:block;width:100%;height:auto}.bridge-character.scholar{left:3%;transform:translateX(-42vw) scale(.92);transform-origin:bottom center}.bridge-character.fairy{right:3%;transform:translateX(42vw) scale(.92);transform-origin:bottom center}.bridge-scene.is-active .scholar{animation:scholarCross 3.6s cubic-bezier(.2,.8,.26,1) forwards}.bridge-scene.is-active .fairy{animation:fairyCross 3.6s cubic-bezier(.2,.8,.26,1) forwards}.magpie-bridge{position:absolute;left:50%;bottom:22%;width:min(74vw,860px);height:170px;transform:translateX(-50%) rotate(-2deg);border-top:2px solid rgba(225,195,143,.84);border-radius:52% 52% 0 0;opacity:0;filter:drop-shadow(0 0 15px rgba(221,185,115,.55));transition:opacity 1s .55s}.bridge-scene.is-active .magpie-bridge{opacity:1}.magpie-bridge:before,.magpie-bridge:after{content:"";position:absolute;top:-7px;width:26px;height:12px;border-top:2px solid #172c37;border-radius:50%;background:transparent}.magpie-bridge:before{left:13%}.magpie-bridge:after{right:13%}.magpie-bridge span{position:absolute;top:-8px;width:4px;height:4px;background:#e9ce9c;border-radius:50%}.magpie-bridge span:nth-child(1){left:19%}.magpie-bridge span:nth-child(2){left:29%;top:25px}.magpie-bridge span:nth-child(3){left:40%;top:37px}.magpie-bridge span:nth-child(4){left:50%;top:42px}.magpie-bridge span:nth-child(5){right:40%;top:37px}.magpie-bridge span:nth-child(6){right:29%;top:25px}.magpie-bridge span:nth-child(7){right:19%}.meeting-glow{position:absolute;left:50%;bottom:36%;width:170px;height:170px;border-radius:50%;transform:translate(-50%,50%) scale(.2);background:radial-gradient(circle,rgba(255,229,165,.78),rgba(244,211,152,.18) 45%,transparent 72%);opacity:0}.bridge-scene.is-active .meeting-glow{animation:meetingGlow 3.6s 2.6s ease-out forwards}.meeting-copy{position:absolute;left:50%;bottom:42%;transform:translateX(-50%) translateY(20px);font-size:15px;letter-spacing:.34em;color:#f2dfb8;opacity:0;text-shadow:0 2px 15px #09131b}.bridge-scene.is-active .meeting-copy{animation:meetingCopy 1.1s 3s ease-out forwards}.bridge-cloud{position:absolute;width:180px;height:50px;border-radius:50%;filter:blur(12px);opacity:.2;background:#8da1a2}.cloud-left{left:5%;bottom:36%}.cloud-right{right:5%;bottom:32%}.promise .chapter-no,.promise h2,.promise>p:not(.chapter-no),.promise .wish-button{position:relative;z-index:5}.promise .stars{z-index:1}.promise .moon{z-index:0}@keyframes scholarCross{0%{transform:translateX(-42vw) scale(.88);opacity:0}18%{opacity:1}72%{transform:translateX(17vw) scale(1);opacity:1}100%{transform:translateX(20vw) scale(1);opacity:1}}@keyframes fairyCross{0%{transform:translateX(42vw) scale(.88);opacity:0}18%{opacity:1}72%{transform:translateX(-17vw) scale(1);opacity:1}100%{transform:translateX(-20vw) scale(1);opacity:1}}@keyframes meetingGlow{0%{opacity:0;transform:translate(-50%,50%) scale(.2)}45%{opacity:.95;transform:translate(-50%,50%) scale(1.2)}100%{opacity:.35;transform:translate(-50%,50%) scale(1)}}@keyframes meetingCopy{to{opacity:1;transform:translateX(-50%) translateY(0)}}@media(max-width:760px){.journey-heading{padding-top:80px;padding-bottom:30px}.old-portraits{padding-bottom:100px}.bridge-character{width:54vw;bottom:22%}.bridge-character.scholar{left:-12%}.bridge-character.fairy{right:-12%}.magpie-bridge{width:105vw;bottom:28%;height:105px}.meeting-glow{bottom:40%;width:120px;height:120px}.meeting-copy{bottom:47%;font-size:12px}.cloud-left,.cloud-right{bottom:40%;width:120px}}
.modal-open{overflow:hidden}.letter-modal{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;overflow:auto;padding:30px 20px;background:rgba(13,26,34,.72);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.letter-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.letter-modal .letter-shell{width:min(840px,100%);max-height:calc(100svh - 60px);overflow:auto;margin:0;transform:translateY(25px) scale(.98);transition:transform .45s ease}.letter-modal.is-open .letter-shell{transform:none}.letter-close{position:absolute;right:25px;top:17px;border:0;background:transparent;color:#776956;font:300 32px/1 serif;cursor:pointer;z-index:2}.promise-copy{position:relative;z-index:8;display:flex;flex-direction:column;align-items:center;max-width:720px;padding:24px 42px 30px;background:rgba(12,29,39,.76);border:1px solid rgba(225,195,143,.28);box-shadow:0 15px 55px rgba(0,0,0,.18);backdrop-filter:blur(4px)}.promise-copy h2{margin-top:16px;margin-bottom:20px}.promise-copy>p:not(.chapter-no){margin-top:0}.bridge-character{width:min(23vw,270px);bottom:14%;opacity:.9}.bridge-character.scholar{left:4%}.bridge-character.fairy{right:4%}.bridge-scene.is-active .scholar{animation-name:scholarCrossSmall}.bridge-scene.is-active .fairy{animation-name:fairyCrossSmall}@keyframes scholarCrossSmall{0%{transform:translateX(-42vw) scale(.78);opacity:0}18%{opacity:.86}72%{transform:translateX(28vw) scale(.86);opacity:.86}100%{transform:translateX(30vw) scale(.86);opacity:.86}}@keyframes fairyCrossSmall{0%{transform:translateX(42vw) scale(.78);opacity:0}18%{opacity:.86}72%{transform:translateX(-28vw) scale(.86);opacity:.86}100%{transform:translateX(-30vw) scale(.86);opacity:.86}}@media(max-width:760px){.letter-modal{padding:15px}.letter-modal .letter-shell{max-height:calc(100svh - 30px)}.letter-close{right:18px;top:14px}.promise-copy{max-width:calc(100vw - 30px);padding:20px 18px 23px}.promise-copy h2{font-size:29px}.bridge-character{width:35vw;bottom:20%;opacity:.72}.bridge-character.scholar{left:0}.bridge-character.fairy{right:0}.bridge-scene.is-active .scholar{animation-name:scholarCrossSmallMobile}.bridge-scene.is-active .fairy{animation-name:fairyCrossSmallMobile}@keyframes scholarCrossSmallMobile{0%{transform:translateX(-46vw) scale(.68);opacity:0}18%{opacity:.7}72%{transform:translateX(32vw) scale(.7);opacity:.7}100%{transform:translateX(34vw) scale(.7);opacity:.7}}@keyframes fairyCrossSmallMobile{0%{transform:translateX(46vw) scale(.68);opacity:0}18%{opacity:.7}72%{transform:translateX(-32vw) scale(.7);opacity:.7}100%{transform:translateX(-34vw) scale(.7);opacity:.7}}}
.letter-modal .letter-shell{opacity:1}.letter-modal.is-open .letter-shell{opacity:1}
.magpies{position:absolute;inset:0;pointer-events:none;z-index:4}.magpie{position:absolute;width:44px;height:24px;opacity:0;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.magpie:before{content:"";position:absolute;left:9px;top:7px;width:25px;height:14px;border-radius:65% 55% 50% 55%;background:#101e28;box-shadow:8px 2px 0 -4px #f1e0be}.magpie:after{content:"";position:absolute;left:28px;top:4px;width:21px;height:8px;border-radius:0 100% 0 0;background:#101e28;transform:rotate(20deg);transform-origin:left center}.magpie i{position:absolute;left:5px;top:2px;width:16px;height:12px;border-radius:100% 0 100% 0;background:#263c49;transform:rotate(-28deg);transform-origin:right bottom;animation:wingBeat .42s ease-in-out infinite alternate}.magpie-a{left:17%;bottom:48%;transform:translate(-10vw,5vh) rotate(-10deg)}.magpie-b{right:17%;bottom:47%;transform:translate(10vw,5vh) scaleX(-1) rotate(-10deg)}.bridge-scene.is-active .magpie-a{animation:magpieFlightA 3.6s .18s cubic-bezier(.22,.8,.28,1) forwards}.bridge-scene.is-active .magpie-b{animation:magpieFlightB 3.6s .18s cubic-bezier(.22,.8,.28,1) forwards}.bridge-scene.is-active .magpie{opacity:1}@keyframes magpieFlightA{0%{left:14%;bottom:44%;transform:translate(-8vw,5vh) rotate(-13deg)}34%{left:28%;bottom:57%;transform:translate(0,-2vh) rotate(-4deg)}70%{left:44%;bottom:54%;transform:translate(0,0) rotate(4deg)}100%{left:48%;bottom:51%;transform:translate(0,0) rotate(3deg)}}@keyframes magpieFlightB{0%{right:14%;bottom:43%;transform:translate(8vw,5vh) scaleX(-1) rotate(-13deg)}34%{right:28%;bottom:56%;transform:translate(0,-2vh) scaleX(-1) rotate(-4deg)}70%{right:44%;bottom:53%;transform:translate(0,0) scaleX(-1) rotate(4deg)}100%{right:48%;bottom:50%;transform:translate(0,0) scaleX(-1) rotate(3deg)}}@keyframes wingBeat{to{transform:rotate(-62deg) scaleY(.72)}}@media(max-width:760px){.magpie{transform:scale(.72)}.magpie-a{left:11%;bottom:52%}.magpie-b{right:11%;bottom:51%}}
.bridge-character{mix-blend-mode:normal}
.bridge-character{mix-blend-mode:screen;z-index:5;width:min(23vw,270px);bottom:11%}.magpie-bridge{z-index:3;bottom:8%;height:135px;width:min(76vw,900px);border-top:4px solid rgba(225,195,143,.92);border-radius:50% 50% 0 0;box-shadow:0 -4px 0 rgba(244,220,171,.18),0 11px 0 -7px rgba(166,123,74,.78),0 21px 0 -15px rgba(225,195,143,.45)}.magpie-bridge:before{left:7%;top:13px;width:86%;height:92px;border:0;border-bottom:2px solid rgba(225,195,143,.58);border-radius:0 0 50% 50%;box-shadow:0 10px 0 -8px rgba(225,195,143,.4)}.magpie-bridge:after{right:7%;top:0;width:2px;height:115px;border:0;background:rgba(225,195,143,.65);box-shadow:-80px 14px 0 rgba(225,195,143,.48),80px 14px 0 rgba(225,195,143,.48)}.magpies{z-index:6}.bridge-character.scholar{left:4%}.bridge-character.fairy{right:4%}@media(max-width:760px){.bridge-character{width:35vw;bottom:9%;opacity:.9}.magpie-bridge{width:108vw;bottom:7%;height:100px}}
.memories{max-width:1180px;margin:0 auto;padding:145px 28px 165px}.memories-heading{text-align:center;max-width:650px;margin:0 auto 55px}.memories-heading h2{font-size:clamp(32px,4vw,53px);font-weight:500;letter-spacing:.08em;line-height:1.5;margin:20px 0}.memories-heading>p:last-child{color:var(--muted);font-size:16px;line-height:2}.memory-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:116px;gap:16px}.memory-card{position:relative;display:block;min-width:0;min-height:0;padding:0;border:0;overflow:hidden;background:#e8ddc8;cursor:zoom-in;box-shadow:0 15px 40px rgba(44,53,49,.13);transform:rotate(0deg);transition:transform .35s ease,box-shadow .35s ease}.memory-card:nth-child(odd){transform:rotate(-.65deg)}.memory-card:nth-child(even){transform:rotate(.55deg)}.memory-card:hover{z-index:2;transform:rotate(0) translateY(-6px) scale(1.015);box-shadow:0 22px 55px rgba(44,53,49,.25)}.memory-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.84) contrast(.96)}.memory-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(17,32,38,.62));opacity:.0;transition:opacity .3s}.memory-card:hover:after{opacity:1}.memory-card span{position:absolute;z-index:1;left:18px;bottom:16px;color:#fff6e5;font-size:13px;letter-spacing:.1em;opacity:0;transform:translateY(8px);transition:.3s}.memory-card:hover span{opacity:1;transform:none}.memory-card-1{grid-column:span 5;grid-row:span 3}.memory-card-2{grid-column:span 7;grid-row:span 3}.memory-card-3,.memory-card-4,.memory-card-5,.memory-card-6{grid-column:span 3;grid-row:span 3}.memory-lightbox{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:35px;background:rgba(8,20,27,.9);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s}.memory-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}.memory-lightbox figure{max-width:min(92vw,1100px);max-height:90svh;margin:0;text-align:center;transform:translateY(18px) scale(.98);transition:transform .4s}.memory-lightbox.is-open figure{transform:none}.memory-lightbox img{display:block;max-width:100%;max-height:78svh;object-fit:contain;border:10px solid #f2e8d5;box-shadow:0 20px 70px rgba(0,0,0,.4)}.memory-lightbox figcaption{margin-top:15px;color:#ecddc2;letter-spacing:.16em;font-size:14px}.memory-lightbox-close{position:absolute;right:28px;top:20px;border:0;background:transparent;color:#f2e8d5;font:300 42px/1 serif;cursor:pointer}.memory-lightbox-close:hover{color:#d7ae7e}@media(max-width:760px){.memories{padding:90px 18px 105px}.memories-heading{margin-bottom:35px}.memories-heading h2{font-size:31px}.memory-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:145px;gap:10px}.memory-card-1,.memory-card-2,.memory-card-3,.memory-card-4,.memory-card-5,.memory-card-6{grid-column:span 1;grid-row:span 2}.memory-card-1,.memory-card-2{grid-column:span 2;grid-row:span 3}.memory-card span{opacity:1;transform:none;font-size:11px;left:11px;bottom:10px}.memory-card:after{opacity:1}.memory-lightbox{padding:15px}.memory-lightbox img{border-width:5px}.memory-lightbox-close{right:13px;top:9px;font-size:36px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-lock{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:25px;background:linear-gradient(rgba(17,35,44,.7),rgba(17,35,44,.88)),url(assets/qixi-hero.webp) center/cover;transition:opacity .7s ease,visibility .7s ease}.site-lock.is-unlocked{opacity:0;visibility:hidden;pointer-events:none}.site-lock-card{width:min(420px,90vw);padding:52px 42px 45px;text-align:center;color:#f3e8d2;background:rgba(21,39,47,.88);border:1px solid rgba(224,196,148,.55);box-shadow:0 25px 80px rgba(0,0,0,.3);backdrop-filter:blur(12px)}.lock-mark{display:block;margin:0 auto 22px;color:#dbb18e;font:300 38px/1 serif}.site-lock-card .eyebrow{color:#d8ae8d;margin-bottom:18px}.site-lock-card h1{margin:0 0 18px;font-size:clamp(34px,8vw,50px);font-weight:500;letter-spacing:.2em}.site-lock-card>p:not(.eyebrow){margin:0 0 26px;color:#c4c9c1;line-height:1.9;font-size:14px}.site-lock-card form{display:flex;flex-direction:column;align-items:stretch;gap:12px}.site-lock-card input{width:100%;padding:14px 16px;border:1px solid rgba(229,204,161,.5);background:rgba(247,235,212,.09);color:#f9eedb;outline:none;font:500 16px inherit;text-align:center;letter-spacing:.25em}.site-lock-card input:focus{border-color:#e1be83;box-shadow:0 0 0 3px rgba(225,190,131,.14)}.site-lock-card input::placeholder{color:#aeb9b4;letter-spacing:.1em}.site-lock-card button{padding:14px;border:1px solid #d4aa78;background:#d4aa78;color:#1b3038;font:600 15px inherit;letter-spacing:.18em;cursor:pointer;transition:.25s}.site-lock-card button:hover{background:#ecd3a8}.lock-error{min-height:18px;color:#e3a395;font-size:12px;opacity:0;transition:opacity .2s}.lock-error.is-visible{opacity:1}body.is-locked main,body.is-locked footer,body.is-locked .music-button{visibility:hidden}body.is-locked{overflow:hidden}@media(max-width:760px){.site-lock-card{padding:42px 25px 35px}.site-lock-card h1{font-size:34px}}