:root{--sky:#bcd6f2;--cloud:#faf6ec;--marble:#f0eadf;--ink:#1b2233;--ink-soft:#4a5368;--gold:#94711c;--gilt:#e4c77c;--serif:"Newsreader", Georgia, "Times New Roman", serif;--sans:"Hanken Grotesk", system-ui, sans-serif;--gutter:clamp(1.25rem, 5vw, 5rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cloud);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}img,video{max-width:100%;display:block}h1,h2,h3{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:400}h1{font-size:clamp(3.3rem,7.6vw,7.25rem);line-height:.96}h2{font-size:clamp(2.2rem,4.3vw,3.75rem);line-height:1.04}h1 em,h2 em,.signature,.how-tag{font-family:var(--serif);color:var(--gold);font-style:italic}p{max-width:34rem;margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}.button{background:var(--ink);color:var(--cloud);border-radius:999px;padding:.95rem 1.6rem;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:inline-block;box-shadow:0 10px 30px -12px #1b2233b3}.button:hover{background:#6d5312;transform:translateY(-2px)}.quiet-link{text-underline-offset:.3em;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.nav{z-index:10;padding:1.5rem var(--gutter);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.brand{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.45rem;text-decoration:none;display:flex}.brand img{filter:brightness(1.1)drop-shadow(0 2px 6px #a07c2280);width:2.75rem;height:auto}.nav nav{align-items:center;gap:clamp(1rem,2.4vw,2.25rem);font-size:.95rem;display:flex}.nav nav a{text-decoration:none}.nav nav a:hover{text-underline-offset:.35em;text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.nav .nav-x{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff59;border:1px solid #1b223373;border-radius:999px;padding:.5rem 1.05rem}.hero{background:var(--sky);align-items:center;min-height:clamp(44rem,100svh,68rem);display:flex;position:relative;overflow:hidden}.loop{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-copy{z-index:5;padding:7rem var(--gutter) 9rem;pointer-events:none;position:relative}.hero-copy a{pointer-events:auto}.hero-copy p{color:#2b3348;max-width:27rem;margin-top:1.75rem;font-size:1.15rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2.25rem;display:flex}.hero-cloud{z-index:1;width:min(38vw,40rem);animation:9s ease-in-out infinite bob;position:absolute;top:20%;left:53%}.hero-cloud:before{content:"";background:radial-gradient(closest-side,#ffeeb4f2,#ffeeb400);border-radius:50%;animation:6s ease-in-out infinite glow;position:absolute;inset:-18% -12%}.hero-cloud img{filter:brightness(1.14)saturate(1.08)drop-shadow(0 30px 40px #aa822847);width:100%;position:relative}.hero-bank{z-index:3;pointer-events:none;width:116%;max-width:none;position:absolute;bottom:-2px;left:-8%;transform:translateY(42%);-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.hero:after{content:"";z-index:3;background:linear-gradient(to bottom, #faf6ec00, var(--cloud));pointer-events:none;height:7rem;position:absolute;inset:auto 0 0}.bubbles{z-index:4;pointer-events:none;position:absolute;inset:0}.bubble-slot{pointer-events:auto;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(clamp(5.5rem, 9.5vw, 10rem) * var(--s));aspect-ratio:1;animation:float 11s ease-in-out var(--d) infinite;position:absolute}.bubble{cursor:pointer;width:100%;height:100%;color:var(--ink);font:500 clamp(.8rem, 1.25vw, 1.15rem) var(--sans);letter-spacing:.04em;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:url(/img/bubble.webp) 50%/134% no-repeat,radial-gradient(circle at 30% 24%,#ffffffb3,#ffffff0a 38%,#fff4d638 100%);border:0;border-radius:50%;padding:0;transition:transform .25s cubic-bezier(.3,1.6,.5,1);animation:.7s cubic-bezier(.3,1.5,.5,1) backwards reform;box-shadow:inset 0 -6px 18px #ffe2a04d}.bubble:hover{transform:scale(1.08)}.bubble:active{transform:scale(.94)}.bubble.is-popped{cursor:default;animation:.2s ease-out forwards pop}.droplets{pointer-events:none;position:absolute;inset:0}.droplets i{background:#fffbe9;border-radius:50%;width:7px;height:7px;margin:-3.5px;animation:.55s ease-out forwards droplet;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #ffe6a0e6}.pop-hint{z-index:5;right:var(--gutter);font-family:var(--serif);color:#3a4560;pointer-events:none;font-size:1.15rem;font-style:italic;position:absolute;bottom:22%}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(10px,-22px)rotate(3deg)}66%{transform:translate(-12px,10px)rotate(-2deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes pop{to{opacity:0;transform:scale(1.35)}}@keyframes reform{0%{opacity:0;transform:scale(0)}}@keyframes droplet{0%{transform:rotate(var(--a)) translateX(30%) scale(1);opacity:1}to{transform:rotate(var(--a)) translateX(5.5rem) scale(.2);opacity:0}}.how{max-width:78rem;padding:clamp(4rem, 9vw, 8rem) var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,26rem);align-items:center;gap:clamp(2.5rem,7vw,7rem);margin:0 auto;display:grid}.how-copy p{color:var(--ink-soft);margin-top:1.4rem}.how-copy .how-tag{color:var(--gold);margin-top:2.25rem;font-size:1.6rem}.arch{background:linear-gradient(115deg, transparent 40%, #a0968724 41%, transparent 43%), linear-gradient(70deg, transparent 62%, #a096871a 63%, transparent 66%), linear-gradient(160deg, #fffdf8, var(--marble));border-radius:999px 999px 0 0;padding:1.1rem 1.1rem 0;position:relative;box-shadow:inset 0 0 0 1px #ffffffe6,inset 0 0 0 .45rem #ffffff59,0 40px 60px -30px #5a503273}.arch-window{aspect-ratio:4/5;outline:2px solid var(--gilt);outline-offset:3px;background:linear-gradient(#a9c9ef,#fbefd2);border-radius:999px 999px 0 0;overflow:hidden}.arch-toggle{color:var(--ink);font:500 .82rem var(--sans);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border:0;border-radius:999px;padding:.4rem .95rem;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}.arch-toggle:hover{background:#fff}.assets{padding:clamp(3rem, 7vw, 6rem) var(--gutter) clamp(5rem, 10vw, 9rem);background:linear-gradient(var(--cloud), #f3ecdd 30%, var(--cloud))}.assets-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 3rem;max-width:78rem;margin:0 auto clamp(2.5rem,5vw,4rem);display:flex}.assets-head p{max-width:24rem;color:var(--ink-soft)}.gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);max-width:86rem;margin:0 auto;padding:0;list-style:none;display:grid}.gallery li:nth-child(2n){margin-top:4.5rem}.gallery img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;box-shadow:0 0 0 1px var(--gilt), 0 0 0 .5rem #fffdf7, 0 30px 40px -24px #5a503280;border-radius:999px 999px 6px 6px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.gallery li:hover img{transform:translateY(-10px)}.gallery h3{margin-top:1.75rem;font-size:1.6rem}.gallery p{color:var(--ink-soft);margin-top:.35rem;font-size:.98rem}.note{max-width:68rem;padding:0 var(--gutter) clamp(5rem, 10vw, 9rem);grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);margin:0 auto;display:grid}.note img{border-radius:6px;width:100%;height:auto;transform:rotate(-2deg);box-shadow:0 30px 50px -28px #5a50328c}.note-body p{font-family:var(--serif);max-width:32rem;margin-top:1.4rem;font-size:1.4rem;line-height:1.5}.note-body .signature{margin-top:2rem;font-size:1.7rem}.closing{background:#f3e3bf;justify-content:center;min-height:min(100svh,56rem);display:flex;position:relative;overflow:hidden}.closing:before{content:"";z-index:1;background:linear-gradient(var(--cloud), #faf6ec00);height:9rem;position:absolute;inset:0 0 auto}.closing-copy{z-index:2;padding:clamp(5rem, 10vw, 8rem) var(--gutter) 22rem;text-align:center;position:relative}.closing-copy h2{text-shadow:0 0 40px #fffaebe6;font-size:clamp(2.6rem,6vw,5.5rem)}.closing-copy p{color:#2b3348;text-shadow:0 0 18px #fffaeb;margin:1.25rem auto 2rem}.footer{padding:1.5rem var(--gutter);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;font-size:.9rem;display:flex}@media (width<=860px){.nav nav a:not(.nav-x){display:none}.hero{align-items:flex-start;min-height:clamp(58rem,100svh,62rem)}.hero-copy{padding:6.5rem var(--gutter) 0}.hero-cloud{width:68vw;top:68%;left:16%}.bubble-slot{left:calc(var(--mx) * 1%);top:calc(var(--my) * 1%);width:calc(clamp(4.4rem, 21vw, 6.5rem) * var(--s))}.bubble{font-size:.8rem}.bubble-slot.wide-only{display:none}.pop-hint{right:auto;left:var(--gutter);bottom:1.25rem}.how,.note{grid-template-columns:minmax(0,1fr)}.arch{width:min(100%,22rem);margin:0 auto}.gallery{scroll-snap-type:x mandatory;margin:0 calc(var(--gutter) * -1);padding:1rem var(--gutter) 2rem;grid-template-columns:none;grid-auto-columns:68vw;grid-auto-flow:column;overflow-x:auto}.gallery li{scroll-snap-align:center}.gallery li:nth-child(2n){margin-top:0}.note img{width:min(70%,16rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.vault-section{max-width:78rem;padding:0 var(--gutter) clamp(4rem, 9vw, 8rem);margin:0 auto}.vault-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 3rem;margin-bottom:2.5rem;display:flex}.vault-head h2{max-width:34rem}.vault-head p{max-width:24rem;color:var(--ink-soft)}.vault-loading{color:var(--ink-soft)}.vault-stats{border-block:1px solid var(--gilt);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 2rem;margin:0 0 2rem;padding:1.5rem 0;display:grid}.vault-stats div,.mini div{flex-direction:column-reverse;display:flex}.vault-stats dt,.mini dt{color:var(--ink-soft);font-size:.9rem}.vault-stats dd{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.5rem,2.6vw,2.2rem)}.vault-panels{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.panel{background:linear-gradient(160deg, #fffdf8, var(--marble));box-shadow:inset 0 0 0 1px #fff, 0 0 0 1px var(--gilt), 0 30px 50px -34px #5a503280;border-radius:1.5rem;padding:clamp(1.25rem,2.5vw,2rem)}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.panel-head h3{font-size:1.6rem}.tabs{background:#1b223312;border-radius:999px;padding:.2rem;display:flex}.tabs button{color:var(--ink-soft);font:500 .92rem var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem 1rem}.tabs button[aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 2px 8px -3px #1b223366}.field{margin-bottom:1.25rem;display:block}.field>span{margin-bottom:.4rem;font-size:.92rem;font-weight:500;display:block}.field-row{background:#fff;border:1px solid #1b223340;border-radius:.9rem;align-items:center;gap:.6rem;padding:.35rem .5rem .35rem 1rem;display:flex}.field-row:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #e4c77c8c}.field-row input{min-width:0;color:var(--ink);font:400 1.5rem var(--serif);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;flex:1;padding:.5rem 0}.field-row .unit{color:var(--ink-soft);font-size:.92rem}.field-row .max{color:var(--ink);font:500 .82rem var(--sans);cursor:pointer;background:#1b223314;border:0;border-radius:999px;padding:.35rem .75rem}.field small{color:var(--ink-soft);margin-top:.45rem;font-size:.88rem;display:block}button.button{font:500 1rem var(--sans);cursor:pointer;border:0}.button.wide{text-align:center;width:100%}.button.ghost{color:var(--ink);background:0 0;box-shadow:inset 0 0 0 1px #1b223366}.button.ghost:hover{background:#1b22330f}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 1.5rem;display:grid}.mini dd{font-family:var(--serif);margin:0;font-size:1.25rem}.soon{font-family:var(--serif);font-size:1.25rem;line-height:1.45}.fine{max-width:none;color:var(--ink-soft);margin-top:1.1rem;font-size:.88rem}.fine.contracts{margin-top:1.75rem}.notice{color:#2f4a1c;background:#eef4e6;border-radius:.9rem;max-width:none;margin-top:1.5rem;padding:.85rem 1.1rem}.notice.is-error{color:#7a2a14;background:#fbeae4}@media (width<=860px){.vault-stats,.vault-panels{grid-template-columns:minmax(0,1fr)}}