:root{color-scheme:light;--paper:#fbf7ef;--ink:#343c37;--muted:#69685d;--line:#dcd5c5;--green:#314d43;--gold:#9d7b3d;--plum:#6e4b62;--serif:"Hiragino Mincho ProN","YuMincho","Yu Mincho",serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.9 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #956724;outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}.section-width{width:min(1240px,90%);margin-inline:auto}.section-space{padding-block:100px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.17em;color:var(--gold);line-height:1.8}h2{font-size:clamp(27px,3.3vw,42px);line-height:1.6;letter-spacing:.04em}.skip{position:fixed;top:-100px;left:12px;background:#fff;padding:12px;z-index:20}.skip:focus{top:12px}.site-header{display:flex;align-items:center;gap:28px;justify-content:space-between;padding:25px 5%;border-bottom:1px solid var(--line);min-height:95px}.brand{display:flex;align-items:center;gap:22px}.brand img{width:168px}.brand>span{font:16px var(--serif);border-left:1px solid var(--line);padding-left:22px;letter-spacing:.08em}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:14px}.site-header nav a{padding-block:8px}.site-header nav a:hover{color:var(--plum);text-decoration:underline;text-underline-offset:7px}.shop-status{border:1px solid var(--line);border-radius:3px;font-size:12px;padding:4px 12px;white-space:nowrap}.shop-status i{display:inline-block;width:5px;height:5px;background:#9b8752;border-radius:50%;margin-right:7px}
.hero{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:1%;min-height:680px;padding-block:60px 76px}.hero-copy{position:relative;z-index:1}.hero-copy>.eyebrow{font-size:14px;letter-spacing:.12em;color:var(--plum);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reading{display:block;font-size:10px;letter-spacing:.05em;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.hero h1{font-size:clamp(34px,3.75vw,54px);line-height:1.6;letter-spacing:.03em;margin:23px 0 20px;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--plum);position:relative}.hero h1 em:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:7px;border-top:1px solid #b792a3;border-radius:50%;transform:rotate(-3deg)}.hero-lead{font-size:16px;line-height:2.25;letter-spacing:.04em;color:#5f6358}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;padding:13px 25px;font-size:15px;border:1px solid currentColor;border-radius:4px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);border-color:var(--green);color:#fff9e8}.primary:hover{background:#233f35}.hero .button{margin-top:31px}.hero-note{font-size:12px;color:var(--muted);margin-top:12px}.hero-window{position:relative;height:510px;isolation:isolate}.window-arch{position:absolute;inset:6% 2% 10%;border:1px solid #c9b993;border-radius:50% 50% 4px 4px;background:radial-gradient(ellipse at 48% 35%,#fffaf1 20%,#e2e9dd 65%,#dbe6dc 100%);box-shadow:inset 0 0 0 12px var(--paper),inset 0 0 0 13px #ded0b3}.window-arch:after{content:"";position:absolute;inset:25px;border:1px solid #a6997030;border-radius:50% 50% 2px 2px}.window-label{position:absolute;top:26%;left:0;right:0;text-align:center;color:#736849;font:10px Georgia,serif;letter-spacing:.2em}.moon{position:absolute;top:14%;width:33px;height:33px;border:1px solid #aa8a4b;border-radius:50%}.moon.one{left:43%;background:#c8ae7520}.moon.two{left:50%;width:25px;height:25px;top:15%}.letter-tag{position:absolute;right:9%;top:32%;background:#fffaf1;padding:12px 17px;border:1px solid #ddccad;transform:rotate(10deg);box-shadow:4px 5px 0 #b29b7710;z-index:0}.letter-tag>span{display:block;font:16px var(--serif)}.letter-tag small{font:italic 12px Georgia,serif;color:#908368}.spark{position:absolute;color:#aa8a4b}.s1{left:14%;top:34%;font-size:30px}.s2{right:12%;top:20%;font-size:22px}.s3{right:9%;top:60%;font-size:32px}.hero-soda{position:absolute;width:40%;left:-6%;bottom:7%;height:75%;transform:rotate(-9deg);z-index:2}.hero-soda>img:first-child{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #8c66521c)}.berry{position:absolute}.hero-soda .berry{width:22%;left:40%;top:47%}.hero-soda .b2{width:19%;left:49%;top:58%;transform:rotate(38deg)}.hero-cat{position:absolute;width:58%;height:auto;aspect-ratio:1;left:17%;bottom:9%;z-index:3;filter:drop-shadow(0 9px 8px #75604415)}.cat-art{width:100%;height:100%;background:url('assets/cat.webp') 0 0/200% 200% no-repeat}.hero-flower{position:absolute;width:39%;height:57%;bottom:6%;right:-3%;z-index:4;transform:rotate(9deg)}.flower-art{position:absolute;width:50%;aspect-ratio:1;background-image:url('assets/flowers.webp');background-size:300% 200%;background-repeat:no-repeat}.f0{background-position:0 0}.f1{background-position:50% 0}.f2{background-position:100% 0}.f3{background-position:0 100%}.f4{background-position:50% 100%}.hero-flower .f0{width:83%;left:-12%;top:12%;transform:rotate(-25deg)}.hero-flower .f1{width:82%;left:11%;top:-1%;transform:rotate(1deg)}.hero-flower .f2{width:80%;left:28%;top:22%;transform:rotate(25deg)}.flower-ribbon{position:absolute;bottom:11%;left:30%;font:70px Georgia,serif;color:#aa7f9f;transform:rotate(-9deg)}.window-base{position:absolute;left:-1%;right:-1%;bottom:7%;height:20px;background:#e1d5b8;border-top:1px solid #bfa779;border-bottom:4px solid #cbbb96;box-shadow:0 13px 20px #60462c0d;border-radius:2px;z-index:1}.window-caption{position:absolute;bottom:-2%;left:0;right:0;text-align:center;color:#91876e;font:14px var(--serif);letter-spacing:.17em}.hanging-key{position:absolute;width:57px;right:13%;top:-1%;transform:rotate(-15deg)}.hanging-key:before{content:"";position:absolute;width:1px;height:45px;background:#baa373;left:36%;bottom:72%}.hanging-key svg,.key-illustration svg{stroke:#a6823e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ribbon-strip{display:flex;justify-content:center;align-items:center;gap:5%;padding:20px;background:#eee9de;border-block:1px solid #e1d9c9;font-size:14px;letter-spacing:.1em}.ribbon-strip i{font-style:normal;color:#a28c5f}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-heading h2{margin-top:9px}.section-heading>p{font-size:14px;color:var(--muted);padding-bottom:7px}.sample-key{display:flex;align-items:center;gap:15px;border-block:1px solid var(--line);padding:17px 0;margin-bottom:35px;font-size:14px}.sample-key strong{font-family:var(--serif);font-size:21px;letter-spacing:.16em;color:var(--plum);margin-left:12px}.sample-key p>span{margin-left:25px;color:var(--muted);font-size:12px}.key-mark{font-size:30px;color:var(--gold);line-height:1}.sample-tag{margin-left:auto;color:var(--muted);font-size:12px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product{--accent:#965963;--light:#f4e5df;min-width:0}.product.mooncat{--accent:#346760;--light:#e3eade}.product.bouquet{--accent:#7b5e87;--light:#eee6ed}.product-art{position:relative;display:block;height:340px;overflow:hidden;background:var(--light);border-radius:160px 160px 5px 5px;border:1px solid #dacfc2}.product-art:before{content:"";position:absolute;inset:10px;border:1px solid #b9a58360;border-radius:150px 150px 1px 1px;pointer-events:none;z-index:1}.edition{position:absolute;top:27px;left:0;right:0;text-align:center;color:var(--accent);font:12px Georgia,serif;letter-spacing:.1em}.edition>span{display:block;font-size:9px;letter-spacing:.16em;margin-top:5px}.soda-art{position:absolute;inset:15% 15% 9%;transition:transform .5s}.soda-art .glass{height:100%;width:100%;object-fit:contain}.art-berry{width:14%;left:44%;top:41%}.art-berry.b2{width:16%;left:43%;top:54%;transform:rotate(60deg)}.art-berry.b3{width:12%;left:34%;top:52%;transform:rotate(-40deg)}.art-note{position:absolute;bottom:20px;left:0;right:0;text-align:center;font:12px var(--serif);color:var(--accent)}.art-arrow{position:absolute;right:18px;bottom:17px;font-size:22px;line-height:1}.vault-scene{position:absolute;inset:17% 4% 7%;transition:transform .5s}.vault{position:absolute;width:96%;bottom:0;left:2%}.vault-scene .cat-art{position:absolute;width:51%;height:auto;aspect-ratio:1;top:-3%;left:23%}.flower-scene{position:absolute;inset:17% 4% 10%;transition:transform .5s}.garden-dome{position:absolute;inset:0 4% 0;border:1px solid #b7a27d;border-radius:50% 50% 40% 40%/70% 70% 12% 12%;background:#fffcf233;box-shadow:inset 5px 3px 0 #ffffff30}.flower-scene .flower-art{width:42%}.flower-scene .f0{top:28%;left:1%;transform:rotate(-23deg)}.flower-scene .f1{top:14%;left:27%}.flower-scene .f2{top:31%;left:57%;transform:rotate(24deg)}.flower-scene .f3{top:43%;left:20%;transform:rotate(-12deg)}.flower-scene .f4{top:45%;left:43%;transform:rotate(13deg)}.product-art:hover .soda-art,.product-art:hover .vault-scene,.product-art:hover .flower-scene{transform:translateY(-6px)}.product-copy{padding:23px 1px 0}.product-mood{font-size:13px;color:var(--accent);letter-spacing:.07em}.product h3{font-size:25px;line-height:1.6;margin:5px 0 13px;letter-spacing:.035em}.product-copy>p:not(.product-mood){font-size:14px;line-height:1.9;min-height:56px;color:var(--muted)}.product-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:18px 0 20px;padding-block:10px;border-block:1px solid var(--line);font-size:12px;color:var(--accent)}.product-meta>span:last-child{color:var(--muted)}.product-button{width:100%;background:var(--accent);color:#fffaf2;border-color:var(--accent)}.product-button:hover{filter:brightness(.94)}.card-link{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;font-size:13px;padding:15px 5px;border:0;background:transparent;color:var(--muted)}.card-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.collection-foot{margin-top:22px;text-align:center;font-size:13px;color:var(--muted)}
.personal-wrap{background:#eeeae1;border-block:1px solid #e2d9cb}.personal{display:grid;grid-template-columns:1fr 1fr;gap:42px 65px;align-items:center}.personal-copy h2{margin:14px 0 25px}.personal-copy>p:not(.eyebrow){font-size:15px;line-height:2.2}.small-note{font-size:13px!important;color:var(--muted);line-height:1.9!important;margin-top:18px}.letter-demo{position:relative;padding:38px 32px;background:#fffcf7;border:1px solid #d9cdb9;box-shadow:10px 10px 0 #dcd4c540;transform:rotate(2deg)}.paper-label{display:block;font-size:12px;color:var(--muted);margin-bottom:24px}.paper-heading{display:flex;align-items:center;justify-content:space-between;font:20px var(--serif);border-bottom:1px solid var(--line);padding-bottom:20px}.paper-heading>span:last-child{font-size:14px}.word-chips{padding:0;list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.word-chips li{font-size:12px;padding:4px 9px;background:#f2e8e7;border:1px solid #e5d7d6;border-radius:2px;color:#7c5362}.demo-message{font:15px/2.3 var(--serif);letter-spacing:.02em;padding-bottom:18px}.letter-stamp{position:absolute;right:25px;bottom:19px;color:#b7909f;font-size:44px;line-height:1;border:1px solid;border-radius:50%;width:48px;height:48px;text-align:center}.example-note{font-size:11px;color:var(--muted)}.personal-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px}.personal-fields>div{padding:0 26px;border-left:1px solid #d4cab6}.personal-fields>div:first-child{padding-left:0;border:0}.personal-fields>div>span{font:italic 18px Georgia,serif;color:var(--gold);display:block;margin-bottom:10px}.personal-fields h3{font-size:21px;margin-bottom:13px}.personal-fields p{font-size:14px;color:var(--muted);line-height:2}.personal-fields small{font-size:12px;display:block;margin-top:13px;color:#74705f}.fixed-note{grid-column:1/-1;font-size:13px;line-height:1.9;color:var(--muted);text-align:center;border-top:1px solid #d8cebc;padding-top:23px}.seal-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center}.seal-story h2{margin:12px 0 22px}.seal-story>div>p:not(.eyebrow){font-size:15px;line-height:2.2}.key-illustration{position:relative;height:320px;background:radial-gradient(ellipse,#eadbc480 0,transparent 68%);display:flex;align-items:center;justify-content:center}.key-illustration svg{width:170px;transform:rotate(-14deg);filter:drop-shadow(5px 12px 0 #b2915620)}.key-orbit{position:absolute;width:240px;height:240px;border:1px solid #d6c6a6;border-radius:50%;transform:rotate(-25deg);outline:1px solid #e9dcc5;outline-offset:18px}.key-orbit:after{content:"✧";position:absolute;right:0;top:0;color:var(--gold);font-size:40px;background:var(--paper);line-height:1}.key-word{position:absolute;bottom:35px;right:5%;border:1px solid #cabb9c;padding:7px 25px;background:var(--paper);font:20px var(--serif);letter-spacing:.2em;transform:rotate(-7deg)}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}details summary:after{content:"＋";float:right;margin-left:14px;color:var(--gold)}details[open] summary:after{content:"−"}.seal-detail{margin-top:22px;font-size:13px;border-top:1px solid var(--line);padding-top:13px;max-width:550px}.seal-detail>p{font-size:13px;color:var(--muted);padding-top:12px}
.keepsake-wrap{background:#f0e9ed;border-block:1px solid #e3d8dd}.keepsake{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:10%;padding-block:80px}.keepsake-art{height:380px;position:relative}.keepsake-art button{position:absolute;top:8%;left:28%;width:43%;padding:0;border:0;background:none;box-shadow:0 12px 25px #49333e21;transform:rotate(-1deg);z-index:2;transition:transform .3s}.keepsake-art button:first-child{left:0;top:13%;transform:rotate(-12deg);z-index:1}.keepsake-art button:last-child{left:57%;top:13%;transform:rotate(12deg);z-index:3}.keepsake-art button:hover,.keepsake-art button:focus-visible{transform:translateY(-13px);z-index:4}.keepsake-art img{display:block;width:100%;height:auto}.keepsake-copy h2{margin:12px 0 23px}.keepsake-copy>p:not(.eyebrow){font-size:15px;line-height:2.2}.format-label{display:inline-block;margin-top:25px;padding-top:15px;border-top:1px solid #d8c7d2;font-size:12px;color:#746472;letter-spacing:.04em}.information-grid{display:grid;grid-template-columns:1fr .85fr;gap:8%;align-items:start}.facts{margin:0}.facts>div{display:grid;grid-template-columns:125px 1fr;padding:21px 0;border-bottom:1px solid var(--line)}.facts dt{font-size:13px;color:var(--muted);padding-top:4px}.facts dd{font-family:var(--serif);font-size:20px;margin:0;line-height:1.7}.facts small{display:block;font:12px/1.8 var(--sans);color:var(--muted);margin-top:7px}.opening-note{border:1px solid #d7cbb6;background:#f4efe4;text-align:center;padding:35px 20px;border-radius:140px 140px 4px 4px}.opening-star{font-size:42px;color:var(--gold);display:block;line-height:1;margin-bottom:16px}.opening-note h3{font-size:23px;margin:10px 0 18px}.opening-note>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:2.1}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:3px;margin-top:22px}.order-flow{margin-top:50px}.order-flow>h3{font-size:18px}.order-flow ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin-top:25px;list-style:none;gap:22px}.order-flow li{position:relative;border-top:1px solid var(--line);padding-top:19px}.order-flow li>span{font:italic 18px Georgia,serif;color:var(--gold);display:block;margin-bottom:10px}.order-flow strong{font-weight:500;font-size:15px}.order-flow p{font-size:12px;color:var(--muted);margin-top:6px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;border-top:1px solid var(--line);padding-block:64px}.faq h2{font-size:32px;margin-top:12px}.faq details{border-bottom:1px solid var(--line)}.faq summary{font-size:15px;padding:20px 0;display:flex;justify-content:space-between;gap:12px;line-height:1.8}.faq summary:after{float:none;flex:none}.faq details>p{font-size:14px;color:var(--muted);padding:0 10px 23px 0;line-height:2}.last-invitation{text-align:center;padding:50px 0 80px}.last-invitation>span{font-size:40px;color:var(--gold)}.last-invitation p{font:clamp(22px,3vw,32px)/1.8 var(--serif);margin:13px 0 28px}.site-footer{border-top:1px solid var(--line);padding:32px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.site-footer>div{display:flex;align-items:center;gap:18px}.site-footer img{width:135px}.site-footer>div>span{font-family:var(--serif)}.site-footer a{padding:10px 0}
dialog{color:var(--ink);padding:0;border:1px solid var(--line);background:var(--paper)}dialog::backdrop{background:#29392fcc;backdrop-filter:blur(6px)}.sample-dialog{width:100%;height:100%;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;margin:0;overflow:hidden}.sample-dialog[open]{display:flex;flex-direction:column}.sample-toolbar{display:flex;align-items:center;gap:20px;padding:12px 22px;min-height:68px;border-bottom:1px solid var(--line);background:var(--paper);flex:none;z-index:2}.back-button{border:1px solid var(--line);background:#fffdf8;border-radius:4px;min-height:44px;padding:8px 14px;font-size:14px;white-space:nowrap}.sample-toolbar h2{font:16px var(--serif);margin:0}.toolbar-key{margin-left:auto;font-size:12px;white-space:nowrap}.toolbar-key strong{color:var(--plum);font:20px var(--serif);letter-spacing:.13em;margin-left:10px}.sample-body{flex:1;position:relative;min-height:0;background:var(--paper)}.sample-body iframe{display:block;border:0;width:100%;height:100%;position:relative;z-index:1;background:var(--paper)}.sample-loading{position:absolute;inset:15% 0 auto;text-align:center;color:var(--muted);z-index:2;pointer-events:none;font-size:14px}.card-dialog{max-width:min(94vw,590px);width:590px;max-height:94dvh;border-radius:8px;padding:20px 24px 24px;text-align:center;overflow-y:auto}.card-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.card-toolbar h2{font:16px/1.6 var(--serif);text-align:left}.card-toolbar button{background:none;border:0;font-size:14px;padding:8px 0;min-height:44px;white-space:nowrap}.card-dialog>img{display:block;width:100%;max-width:350px;margin:0 auto;box-shadow:0 8px 25px #49333e15}.card-dialog>p{font-size:13px;margin:21px 0 16px;color:var(--muted)}.card-dialog>.button{font-size:14px}
@media(min-width:1400px){.hero{min-height:720px}.hero-window{height:550px}}
@media(max-width:1100px){.brand{gap:15px}.brand>span{padding-left:15px;font-size:14px}.brand img{width:145px}.site-header{gap:20px}.site-header nav{gap:19px}.shop-status{display:none}.hero-window{height:440px}.hero{min-height:610px}.reading{font-size:9px;border:0;padding-left:27px;margin-top:-10px;width:100%}.hero h1{font-size:3.6vw}.products{gap:20px}.product-art{height:290px}.product h3{font-size:21px}.product-copy>p:not(.product-mood){font-size:13px}.sample-key p>span{display:block;margin-left:0}.personal{gap:40px}.letter-demo{padding:28px 24px}.keepsake-art{height:310px}.keepsake{gap:7%}.facts>div{grid-template-columns:100px 1fr}.facts dd{font-size:18px}.opening-note h3{font-size:20px}.section-space{padding-block:80px}}
@media(max-width:760px){.site-header{padding:17px 5%;min-height:80px;flex-wrap:wrap;gap:12px}.brand{width:100%;justify-content:space-between}.brand>span{border:0;padding:0;font-size:14px}.brand img{width:148px}.site-header nav{margin:0;gap:24px;font-size:12px}.site-header nav a{padding:3px 0}.shop-status{display:block;font-size:10px;margin-left:auto;padding:1px 7px}.hero{display:flex;flex-direction:column;padding:42px 0 28px;gap:25px;min-height:0}.hero-copy{width:100%;text-align:center}.hero-copy>.eyebrow{justify-content:center;font-size:12px;gap:8px}.reading{width:auto;border-left:1px solid var(--line);padding-left:8px;margin:0;font-size:9px}.hero h1{font-size:clamp(30px,6.9vw,48px);margin:17px 0 15px;line-height:1.65;letter-spacing:.03em}.hero-lead{font-size:14px;line-height:2.1}.hero .button{margin-top:24px;font-size:14px}.hero-note{font-size:11px;margin-top:9px}.hero-window{width:90%;height:auto;aspect-ratio:1.14;max-width:500px;margin:0 auto 12px}.window-label{font-size:8px}.window-caption{font-size:12px}.letter-tag{padding:8px 12px}.letter-tag>span{font-size:13px}.letter-tag small{font-size:10px}.hanging-key{width:42px;top:1%}.hanging-key:before{height:25px}.moon{width:25px;height:25px}.moon.two{width:19px;height:19px}.flower-ribbon{font-size:50px}.ribbon-strip{gap:12px;font-size:10px;letter-spacing:0;padding:16px 8px}.ribbon-strip i{font-size:10px}.section-space{padding-block:58px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:16px;font-size:13px}.eyebrow{font-size:10px}.section-heading h2{margin-top:9px}.sample-key{gap:10px;margin-bottom:30px;padding-block:12px}.sample-key p{font-size:12px}.sample-key p>span{font-size:10px;margin-top:3px}.sample-key strong{font-size:19px;margin-left:7px}.sample-tag{display:none}.key-mark{font-size:26px}.products{display:block}.product{max-width:440px;margin:0 auto 44px}.product-art{height:auto;aspect-ratio:1.16;border-radius:180px 180px 5px 5px}.product-art:before{border-radius:180px 180px 2px 2px}.edition{top:25px}.product h3{font-size:27px}.product-copy{padding-top:20px}.product-mood{font-size:13px}.product-copy>p:not(.product-mood){font-size:14px;min-height:0}.product-meta{margin-block:16px;font-size:12px;justify-content:space-between}.product-button{min-height:53px}.card-link{font-size:13px}.collection-foot{margin-top:-6px;font-size:12px}.personal{display:block}.personal-copy h2{margin:13px 0 19px}.personal-copy>p:not(.eyebrow){font-size:14px}.personal-copy .small-note{font-size:12px!important}.letter-demo{margin:32px 4px 40px;padding:25px 22px;transform:rotate(1deg)}.paper-label{font-size:11px;margin-bottom:17px}.paper-heading{font-size:20px;padding-bottom:15px}.word-chips{gap:6px;margin:18px 0}.word-chips li{font-size:11px;padding:3px 7px}.demo-message{font-size:13px;line-height:2.3}.personal-fields{display:block;margin:0}.personal-fields>div,.personal-fields>div:first-child{padding:20px 0 21px 38px;border:0;border-top:1px solid #d4cab6;position:relative}.personal-fields>div>span{position:absolute;left:0;top:24px}.personal-fields h3{font-size:19px;margin-bottom:8px}.personal-fields p{font-size:13px}.personal-fields small{margin-top:6px}.fixed-note{text-align:left;font-size:12px;padding-top:20px;margin-top:3px}.seal-story{display:flex;flex-direction:column;gap:20px}.key-illustration{height:240px;width:100%;max-width:320px}.key-orbit{width:180px;height:180px;outline-offset:13px}.key-illustration svg{width:135px}.key-word{font-size:17px;bottom:11px}.seal-story>div:last-child{width:100%}.seal-story>div>p:not(.eyebrow){font-size:14px}.seal-story h2{margin:12px 0 18px}.seal-detail{font-size:13px}.keepsake{display:flex;flex-direction:column;gap:30px}.keepsake-art{width:100%;max-width:460px;height:auto;aspect-ratio:1.35;order:1;margin-top:10px}.keepsake-copy{width:100%;order:0}.keepsake-copy h2{margin:12px 0 18px}.keepsake-copy>p:not(.eyebrow){font-size:14px}.format-label{margin-top:20px}.information-grid{display:block}.facts>div{grid-template-columns:105px 1fr;padding-block:18px}.facts dt{font-size:12px}.facts dd{font-size:18px}.facts small{font-size:11px}.opening-note{margin-top:35px;padding:32px 15px}.opening-note h3{font-size:22px}.opening-note>p:not(.eyebrow){font-size:13px}.order-flow{margin-top:35px}.order-flow ol{grid-template-columns:1fr 1fr;gap:22px}.order-flow strong{font-size:14px}.order-flow p{font-size:11px}.faq{display:block;padding-block:38px}.faq h2{font-size:27px;margin-bottom:20px}.faq summary{font-size:14px;padding-block:18px}.faq details>p{font-size:13px}.last-invitation{padding:30px 0 60px}.last-invitation .button{font-size:14px}.site-footer{flex-wrap:wrap;gap:18px;font-size:11px;padding-block:25px}.site-footer>div{width:100%;justify-content:space-between}.site-footer img{width:130px}.site-footer p{font-size:10px}.sample-toolbar{flex-wrap:wrap;gap:7px 12px;padding:10px 14px;min-height:92px}.sample-toolbar h2{font-size:14px;flex:1;min-width:100px}.back-button{padding:5px 10px;min-height:40px;font-size:12px}.toolbar-key{width:100%;text-align:center;font-size:11px;border-top:1px solid var(--line);padding-top:6px;margin:0;line-height:1.5}.toolbar-key strong{font-size:17px}.card-dialog{padding:15px 18px 22px}.card-toolbar h2{font-size:14px}.card-toolbar button{font-size:12px}.card-dialog>.button{width:100%;font-size:13px}}
@media(max-width:360px){.brand>span{font-size:12px}.brand img{width:132px}.site-header nav{gap:18px}.hero-copy>.eyebrow{font-size:11px}.reading{font-size:8px}.hero h1{font-size:28px}.hero-lead{font-size:13px}.ribbon-strip{font-size:9px;gap:8px}.letter-tag{right:6%;top:31%;padding:6px 8px}.hero-window{width:94%;margin-top:4px}.window-label{font-size:7px}.s1{font-size:23px}.product h3{font-size:24px}.product-copy>p:not(.product-mood){font-size:13px}.product-meta{font-size:10px}.demo-message{font-size:12px}.letter-demo{padding:23px 17px}.facts>div{grid-template-columns:87px 1fr}.facts dd{font-size:16px}.facts dt{font-size:11px}.key-word{right:8%}.sample-toolbar{gap:6px;padding-inline:10px}.sample-toolbar h2{font-size:12px}}
.hero-flower{width:35%;right:0}.vault-scene .vault{width:71%;left:27%;bottom:3%}.vault-scene .cat-art{width:58%;left:0;top:30%;z-index:2}
@media(max-width:1100px) and (min-width:761px){.hero-window{width:94%}}
@media(max-width:760px){.keepsake-art{width:90%;margin-inline:auto}.hero-window{width:86%}.hero-flower{width:35%;right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.sample-key{padding:18px 20px;border:2px solid #bca689;border-radius:8px;background:#fffaf0;align-items:flex-start}
.sample-key p{flex:1;min-width:0}
.sample-key strong{font-size:28px}
.sample-key p>span{display:block;margin:4px 0 0;font-size:12px;line-height:1.9}
.toolbar-key{padding:5px 12px;border:1px solid #d3c0a7;border-radius:6px;background:#fffaf0}
.toolbar-key strong{font-size:22px;font-weight:700}
.toolbar-key>span{display:block;margin-top:2px;font-size:10px;color:var(--muted);letter-spacing:0}
@media(max-width:760px){.sample-key{padding:14px 12px}.sample-key p{font-size:13px}.sample-key strong{font-size:25px}.sample-key p>span{font-size:11px}.toolbar-key{border:0;border-radius:0;padding:4px 0 0;background:none}.toolbar-key>span{display:none}.toolbar-key strong{font-size:19px}}

/* The full-size preview has the same save instructions as the playable gifts. */
#cardPreview { -webkit-touch-callout: default; -webkit-user-select: auto; user-select: auto; touch-action: auto; }
#cardDialog .save-hint { font-size: 13px; line-height: 1.8; max-width: 380px; margin: 16px auto 12px; padding: 0 8px; overflow-wrap: anywhere; }
#cardDialog .save-hint strong, #cardDialog .save-hint span { display: block; }
#cardDialog .save-hint strong { font-weight: 600; }