.js-site:not(.js-studio) .js-nav{width:90%;max-width:none;height:100px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute;top:0;left:5%}.js-site:not(.js-studio) .js-nav nav{margin-left:auto;margin-right:30px}.js-site:not(.js-studio) .js-nav nav a[href=\/design-system],.js-site:not(.js-studio) .js-footer>a[href=\/design-system]{display:none}.book-experience{--photo-away:1;--quote-away:1;--story-away:1;--keepsake-away:1;--letter-away:1;--ink-in:0;--book-arrival:1;--capture-caption:1;--transcript:0;--place-away:1;--journey:0;isolation:isolate;height:480svh;min-height:2600px;scroll-margin-top:0;position:relative}.book-sticky-stage{justify-content:center;align-items:flex-end;height:calc(100svh + 160px);min-height:800px;padding:110px 5% 80px;display:flex;position:sticky;top:-160px;overflow:clip}.book-editorial-copy{z-index:4;text-align:center;width:90%;opacity:var(--intro-show,1);position:absolute;top:112px;left:5%}.book-editorial-copy>.js-button{display:none}.book-experience[data-phase="1"] .book-editorial-copy,.book-experience[data-phase="2"] .book-editorial-copy{opacity:var(--ink-in);top:270px}.book-narration{animation:narration-in .75s var(--ease) both}.book-narration h1,.book-narration h2{font:400 clamp(28px, 3vw, 44px)/1.58 var(--font-serif);letter-spacing:-.045em;white-space:nowrap}.book-narration br{display:none}.book-narration em,.book-invitation em{color:var(--accent);font-style:normal}.book-narration p{font:15px/1.8 var(--font-serif);color:#756b60;margin:14px 0 0}.book-editorial-copy .js-button{gap:20px}.book-stage-object{place-self:end center;width:min(72vw,760px,83.3333svh - 150px);max-width:1100px;position:relative}.heirloom-reader{perspective:2000px;--photo-away:0;--quote-away:0;--story-away:0;--keepsake-away:0;--letter-away:0;--photo-sway:0;--story-sway:0;--place-sway:0;--quote-sway:0;--keepsake-sway:0;--letter-sway:0;--ink-in:1;width:100%}.book-experience .heirloom-reader[data-collecting=true]{--photo-away:inherit;--quote-away:inherit;--story-away:inherit;--keepsake-away:inherit;--letter-away:inherit;--photo-sway:inherit;--story-sway:inherit;--place-sway:inherit;--quote-sway:inherit;--keepsake-sway:inherit;--letter-sway:inherit;--ink-in:inherit}.heirloom-book{aspect-ratio:1.5;perspective:1800px;width:100%;transform-style:preserve-3d;touch-action:pan-y;transform:translateX(calc(var(--book-close) * -23%));position:relative;container-type:inline-size}.book-object{pointer-events:none;-webkit-user-select:none;user-select:none;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000),linear-gradient(#0000,#000 3% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000),linear-gradient(#0000,#000 3% 95%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.book-page{color:#483b2e;width:41%;height:75.5%;position:absolute;top:9%}.page-left{left:9%}.page-right{left:50%}.book-leaf-copy{font-family:var(--font-serif);padding:8% 11% 10%;position:absolute;inset:0}.book-leaf-copy header,.book-leaf-copy footer{color:#85735e;font:1.1cqw/1.5 var(--font-serif);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:8px;display:flex}.book-leaf-copy header{border-bottom:1px solid #b8a78b6b;padding-bottom:7%}.book-leaf-copy footer{font-size:1cqw;position:absolute;bottom:4%;left:11%;right:11%}.book-leaf-copy h2{font:400 2.8cqw/1.65 var(--font-serif);letter-spacing:-.025em;margin:8% 0 7%}.collection-copy h2{margin-top:8%;font-size:3.3cqw;line-height:1.6}.dedication-copy,.collection-copy{opacity:var(--ink-in)}.chapter-body{font:1.6cqw/1.85 var(--font-serif);text-align:justify}.chapter-body p{text-indent:2em;margin-bottom:.7em}.chapter-photo{margin-top:9%!important}.chapter-photo img{aspect-ratio:1.4;object-fit:cover;filter:sepia(.12);width:100%;height:auto;display:block}.chapter-photo figcaption{font:1.1cqw/1.7 var(--font-serif);color:#85735e;text-align:center;margin-top:5%}.chapter-copy blockquote{font:1.95cqw/1.9 var(--font-serif);text-align:center;white-space:pre-line;margin:7% 0 0}.book-chop{float:right;color:#953b31;font:1.25cqw/1.15 var(--font-serif);border:1px solid #953b31;padding:.22em .35em}.book-collection{pointer-events:none;position:absolute;inset:0}.book-experience:not([data-phase="2"]) .book-collection{z-index:6;transform:translateZ(1px)}.material{transform-origin:50%;transform:translate(calc(var(--away) * var(--from-x) + var(--sway) * var(--curve)), calc(var(--away) * var(--from-y))) rotate(calc(var(--away) * var(--tilt) + var(--sway) * 3deg)) scale(calc(1 + var(--away) * var(--enlarge)));position:absolute}.material-photo{--away:var(--photo-away);--sway:var(--photo-sway,0);--from-x:-23.75cqw;--from-y:-46cqw;--curve:-8cqw;--tilt:-11deg;--enlarge:.7;width:27%;top:23%;left:15.5%}.material-place{--away:var(--place-away);--sway:var(--place-sway,0);--from-x:13cqw;--from-y:-60cqw;--curve:7cqw;--tilt:9deg;--enlarge:.75;width:14%;top:38%;left:74%}.material-quote{--away:var(--quote-away);--sway:var(--quote-sway,0);--from-x:-82cqw;--from-y:-26cqw;--curve:-9cqw;--tilt:-7deg;--enlarge:.35;width:19%;top:47%;left:54.5%}.material-story{--away:var(--story-away);--sway:var(--story-sway,0);--from-x:-14.5cqw;--from-y:-54cqw;--curve:6cqw;--tilt:-3deg;--enlarge:.35;z-index:6;width:31%;top:65%;left:54%}.book-fragment{color:#514432;margin:0}.fragment-photo,.fragment-place,.fragment-keepsake{background:#f9f1df;padding:4% 4% 5%;box-shadow:1px 3px 6px #3b291c2b,0 14px 24px #33261a1a}.fragment-photo img,.fragment-place img,.fragment-keepsake img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.book-fragment figcaption{font:1.15cqw/1.4 var(--font-serif);text-align:center;margin-top:5%}.fragment-quote{font:1.55cqw/1.85 var(--font-serif);background:#f7f0df;padding:7% 8%;box-shadow:0 3px 9px #51443215}.fragment-quote>span{color:#af8770;font:4cqw Georgia,serif;position:absolute;top:-15%;left:2%}.fragment-quote cite{font:1cqw/1.5 var(--font-serif);color:#907e69;margin-top:8%;display:block}.fragment-story{background:#f8f1e2;padding:4% 6%;position:relative;box-shadow:0 4px 12px #4c342a16}.fragment-story h3{font:500 1.2cqw/1.5 var(--font-serif);opacity:var(--transcript);margin:0 0 5px}.fragment-story p{font:1.15cqw/1.8 var(--font-serif);text-align:justify}.story-character{opacity:clamp(0, calc((var(--transcript) - var(--character-at) * .8) * 5), 1);transform:translateY(calc((1 - clamp(0, (var(--transcript) - var(--character-at) * .8) * 5, 1)) * .45em));display:inline-block}.story-source{color:var(--accent);opacity:clamp(0, calc(1 - var(--transcript) * 3), 1);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:6% 5%}.story-source>span{font:1.15cqw/1.5 var(--font-body);align-items:center;gap:6px;display:flex}.story-source small{font:.95cqw/1.5 var(--font-body);color:var(--muted)}.transcription-wave{justify-content:center;align-items:center;gap:4px;height:34px;display:flex}.transcription-wave i{height:var(--wave-height);width:2px;transform:translateX(calc(var(--transcript) * var(--wave-index) * 1px)) scaleY(calc(1 - var(--transcript) * .85));background:currentColor;border-radius:1px}.story-accessible{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.book-edge{z-index:8;background:0 0;border:0;width:7%;padding:0;position:absolute;top:10%;bottom:15%}.edge-left{left:4%}.edge-right{right:4%}.book-edge span{opacity:.4;transition:opacity .18s;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.book-edge:before{content:"";opacity:0;width:30%;transition:opacity .25s;position:absolute;top:0;bottom:0}.edge-right:before{background:linear-gradient(90deg,#0000,#76513928);right:18%}.edge-left:before{background:linear-gradient(270deg,#0000,#76513928);left:18%}.book-edge:hover:before,.book-edge:focus-visible:before,.book-edge:hover span,.book-edge:focus-visible span{opacity:1}.book-edge[aria-disabled=true]{cursor:default}.book-edge[aria-disabled=true] span,.book-edge[aria-disabled=true]:before{opacity:0}.turning-leaf{z-index:6;transform-origin:0;width:41%;height:75.5%;transform-style:preserve-3d;pointer-events:none;position:absolute;top:9%;left:50%}.leaf-face{backface-visibility:hidden;background-color:#eee6d2;background-image:url("/media/heirloom-book.jpg");background-position:85% 35%;background-size:244% 132.45%;position:absolute;inset:0}.leaf-face:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#432d225e,#0000 18%,#fff7e338 70%,#34291e2e);position:absolute;inset:0}.leaf-face .book-leaf-copy{opacity:1}.leaf-front{border-radius:0 2% 2% 0;box-shadow:5px 7px 15px #38251520}.leaf-back{background-position:15% 35%;border-radius:2% 0 0 2%;transform:rotateY(180deg)}.turn-forward{animation:book-turn-next var(--book-turn) cubic-bezier(.3, .08, .2, 1) both}.turn-backward{animation:book-turn-prev var(--book-turn) cubic-bezier(.3, .08, .2, 1) both}.turning-leaf .leaf-face:after{animation:leaf-light var(--book-turn) ease-in-out both}.book-reading-caption{font:11px/1.6 var(--font-body);color:#8a7b69;justify-content:space-between;align-items:center;margin-top:-1%;padding:0 7%;display:flex}.book-count{font-variant-numeric:tabular-nums;opacity:.7;padding-left:13px}.book-stage-foot{justify-content:space-between;align-items:center;gap:30px;display:flex;position:absolute;bottom:48px;left:5%;right:5%}.book-stage-foot ol{color:#9b8f80;font:13px var(--font-serif);gap:30px;margin:0;padding:0;list-style:none;display:flex}.book-stage-foot li{align-items:center;gap:9px;transition:color .4s;display:flex}.book-stage-foot li:not(:last-child):after{content:"";background:#c4b8a6;width:28px;height:1px;margin-left:10px}.book-stage-foot li[aria-current]{color:var(--accent)}.book-stage-foot li span{font:11px Georgia,serif}.book-scroll-hint{font:11px var(--font-body);color:#8b7d6c;align-items:center;gap:13px;display:flex}.book-scroll-line{background:#d5c8b5;width:75px;height:1px;position:relative}.book-scroll-line:after{content:"";background:var(--accent);transform:scaleX(var(--journey));transform-origin:0;position:absolute;inset:0}.book-fiction-note{color:#a39786;font:10px var(--font-body);position:absolute;bottom:18px;right:5%}.book-invitation{text-align:center;max-width:1160px;margin:0 auto;padding:100px 30px 110px}.invitation-rule{background:#ab7460;width:1px;height:64px;margin:0 auto 35px;display:block}.book-invitation>p{font:16px var(--font-serif);color:var(--muted)}.book-invitation h2{font:400 clamp(30px, 4vw, 52px)/1.6 var(--font-serif);margin:20px 0 36px}.book-promises{text-align:left;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:90px;display:grid}.book-promises p{border-top:1px solid var(--line);padding-top:25px}.book-promises strong{font:21px var(--font-serif);margin-bottom:16px;display:block}.book-promises span{font:13px/1.9 var(--font-body);color:var(--muted)}.book-demo-control{flex-wrap:wrap;align-items:center;gap:15px;margin:25px 0;font-size:14px;display:flex}.book-demo-control input{accent-color:var(--accent);flex:1;min-width:200px}.experience-demo{height:auto;min-height:0}.experience-demo .book-sticky-stage{align-items:flex-end;height:860px;min-height:0;padding:35px 0 80px;display:flex;position:relative;top:0}.experience-demo .book-editorial-copy{display:none}.experience-demo .book-stage-object{width:56%;max-width:760px;margin:0 auto}.experience-demo .book-stage-foot{bottom:32px}.experience-demo .book-scroll-hint,.experience-demo .book-fiction-note{display:none}.js-gallery-preview>.heirloom-reader{max-width:980px}@keyframes book-turn-next{0%{transform:rotateY(0)rotateX(0)}35%{transform:rotateY(-65deg)rotateX(4deg)}75%{transform:rotateY(-145deg)rotateX(1deg)}to{transform:rotateY(-180deg)rotateX(0)}}@keyframes book-turn-prev{0%{transform:rotateY(-180deg)rotateX(0)}35%{transform:rotateY(-120deg)rotateX(4deg)}75%{transform:rotateY(-25deg)rotateX(1deg)}to{transform:rotateY(0)rotateX(0)}}@keyframes leaf-light{0%,to{opacity:.08}40%,60%{opacity:.85}}@keyframes narration-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.turn-fragments{z-index:1;pointer-events:none;position:absolute;inset:0}.turn-fragments>*{position:absolute}.turn-fragments .fragment-photo,.turn-fragments .fragment-keepsake,.turn-fragments .fragment-letter{display:none}.turn-fragments .fragment-place{width:34%;top:38.411%;left:58.5%}.turn-fragments .fragment-quote{width:46%;top:50%;left:11%}.turn-fragments .fragment-story{width:75.6%;top:74.17%;left:9.8%}