:root{color-scheme:dark;--ivory:#f3f0e9;--gold:#dfc18e;--jade:oklch(66.11% .116 185.94);--jade-deep:oklch(48.78% .0851 187.2);--serif:'Cormorant Garamond',Georgia,serif;--display:'Bodoni Moda','Times New Roman',serif;--sans:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0e0f;color:var(--ivory);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:2px solid var(--jade);outline-offset:5px}::selection{background:#9fd8cf;color:#10191a}.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}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ivory);color:#111;padding:15px;z-index:100}.skip-link:focus{top:12px}.experience{max-width:1800px;margin:auto;overflow:hidden;background:radial-gradient(ellipse at 62% -5%,#e0dfdc20,transparent 43%),linear-gradient(110deg,#090b0c,#181a1b 57%,#0c0e0f)}
.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 4.2% 13px;min-height:76px;border-bottom:1px solid #d9c9aa40;background:linear-gradient(90deg,#080a0b45,#23252635);box-shadow:0 1px 0 #0005}.wordmark{font:36px/.9 var(--serif);white-space:nowrap}.wordmark span{color:var(--jade)}.wordmark small{display:block;font:12px/1.3 var(--serif);letter-spacing:.14em;margin-top:5px;color:#d3cfc5}.site-header nav{display:flex;gap:35px;font:18px var(--serif);color:#ece7db}.site-header a:hover{color:#b2dfd5}
.stage{position:relative;isolation:isolate;aspect-ratio:1536 / 920;width:100%;background:radial-gradient(ellipse at 48% -4%,#e1ded530,transparent 37%);overflow:visible}.spotlight{position:absolute;left:35%;top:-12%;width:42%;height:70%;background:linear-gradient(105deg,transparent,#ebede810 40%,#fafbf40c 53%,transparent 67%);filter:blur(26px);transform:rotate(-9deg);z-index:0;pointer-events:none}.floor{position:absolute;z-index:-1;left:0;right:0;top:53%;bottom:-65px;border-top:1px solid #c5c8bd14;background:radial-gradient(ellipse at 68% 95%,#cfb78b20,transparent 40%),radial-gradient(ellipse at 24% 90%,#b6b9b31c,transparent 45%),repeating-linear-gradient(0deg,#ffffff00 0 25px,#ffffff02 26px 27px,#0000 29px 51px),linear-gradient(#090d0f,#1b1d1d 85%,#101415);box-shadow:0 -13px 20px #0006}
.hero-copy{position:absolute;z-index:7;left:5.2%;top:6.2%;width:48.5%}.hero-copy h1{font:400 clamp(62px,9.15vw,164px)/.92 var(--display);letter-spacing:-.055em;margin:0 0 26px;text-shadow:0 2px 2px #0006}.last-line{white-space:nowrap}.hero-copy h1 em{font-weight:400;font-style:italic;background:linear-gradient(140deg,#fff0c9 8%,#c08c40 28%,#edd6a5 45%,#b38a50 66%,#f8dfaa 84%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px #6c5633)}.lead{font:clamp(16px,1.88vw,32px)/1.2 var(--serif);margin:0 0 10px;color:#f1ece3}.intro{font:clamp(13px,1.5vw,25px)/1.35 var(--serif);margin:0;color:#c1bdb5}
.book{position:absolute;z-index:4;left:49%;top:-1.8%;width:46%;margin:0;border:0;padding:0;background:none;filter:drop-shadow(9px 15px 11px #0009);transform-origin:50% 90%;transition:filter .4s,transform .6s}.book img{width:100%;-webkit-box-reflect:below -5.5% linear-gradient(transparent 43%,#ffffff16)}.book:hover{transform:translateY(-4px);filter:drop-shadow(10px 18px 14px #000b) brightness(1.06)}.book-hint{position:absolute;bottom:2%;left:25%;right:25%;padding:7px 10px;border:1px solid #dcc48d77;background:#0b1416eb;color:#f5e7c9;border-radius:30px;font:10px var(--sans);letter-spacing:.06em;opacity:0;transition:opacity .2s}.book:hover .book-hint,.book:focus-visible .book-hint{opacity:1}
.ribbon{position:absolute;z-index:1;left:36%;bottom:-2%;width:73%;max-width:none;pointer-events:none;filter:drop-shadow(0 12px 10px #0007);animation:silk-breathe 14s ease-in-out infinite}.pen{position:absolute;z-index:8;right:3%;bottom:5.5%;width:39%;pointer-events:none;filter:drop-shadow(3px 11px 5px #000a);-webkit-box-reflect:below -33% linear-gradient(transparent 45%,#ffffff16)}
.purchase-panel{position:absolute;z-index:9;left:2.8%;top:46%;width:43.5%;aspect-ratio:1635 / 962;filter:drop-shadow(0 15px 12px #0007);container-type:inline-size}.console-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.amounts{position:absolute;left:7.4%;right:6.5%;top:18.8%;height:20.9%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5%;border:0;padding:0;margin:0;min-width:0}.amount{position:relative;cursor:pointer;min-width:0}.amount input{position:absolute;opacity:0;width:1px;height:1px}.amount>span{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;border-radius:15px;transition:background .25s,box-shadow .25s,transform .25s}.amount b{font:400 clamp(24px,3.05vw,54px)/1 var(--display);color:#eddec4;text-shadow:0 2px 2px #0008}.amount:hover>span{background:#ffffff0d}.amount input:checked+span{box-shadow:inset 0 0 0 1px #83d2c575,0 0 11px #65a99b26;background:radial-gradient(ellipse at 50% 0%,#59ab9840,#18342d18 65%)}.amount input:focus-visible+span{outline:3px solid #9fdfd2;outline-offset:3px}.support-button{position:absolute;left:7.4%;right:6.5%;top:45.4%;height:15.9%;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:7px;background:none;border:0;border-radius:15px;color:#161a16;font:500 clamp(15px,1.9vw,34px)/1 var(--serif);text-shadow:0 1px 1px #fff5;transition:background .2s}.support-button:hover{background:#ffffff18}.support-button:active{background:#0000000e}.support-button>span:last-child{font:32px var(--serif)}.included{position:absolute;top:72.5%;left:7%;right:7%;margin:0;display:flex;align-items:center;justify-content:center;gap:11px;font:clamp(14px,1.55vw,29px)/1.1 var(--serif);color:#e9e6df}.included svg{width:20px;height:24px}.preview-status{position:absolute;left:7%;right:7%;top:81%;text-align:center;color:#bdb9b1;font:clamp(10px,1.1vw,18px)/1.3 var(--serif);margin:0}
.poetry-note{position:absolute;z-index:10;left:29%;bottom:.4%;width:40%;height:19%;border:1px solid #fffefb;border-radius:0;background:linear-gradient(145deg,#fffefb,#eeede7);color:#121515;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:perspective(950px) rotateX(24deg) rotateZ(11deg) skewX(-24deg);box-shadow:1px 2px 0 #b6b4ae,3px 5px 0 #ebe9df,0 14px 16px #0007;transform-origin:center;transition:filter .3s}.poetry-note:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffffff60,transparent 55%);pointer-events:none}.poetry-note:hover{filter:brightness(1.04)}.note-title{display:block;font:italic 500 clamp(19px,2.6vw,44px)/1 var(--display);letter-spacing:-.025em;text-align:center;transform:skewX(16deg);position:relative}.note-rule{width:30px;height:1px;background:#c4b187;margin:12px auto}.note-author{font:clamp(9px,.9vw,15px)/1 var(--serif);letter-spacing:.3em;text-transform:uppercase;transform:skewX(16deg)}
.site-footer{position:relative;z-index:12;margin:0;padding:20px 2.5% 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(#11161800,#11141555);font:14px var(--serif);color:#c5bfae;letter-spacing:.1em;min-height:57px}.site-footer p{margin:0;white-space:nowrap}.site-footer p>span{color:#e4d5b6}.footer-rule{height:1px;background:#d0c6b565;flex:1}.footer-rule.short{flex:.1}.motion-control{padding:5px 8px;border:0;border-radius:20px;background:#161d1d69;color:#9caaa4;font:8px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase}.motion-control:hover{color:#dfd3b7}.motion-paused .element{animation-play-state:paused}
@keyframes silk-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
#poem-dialog{color:#f2ecdf;background:linear-gradient(135deg,#343a3b,#0f171b 65%);padding:42px;width:min(650px,calc(100% - 30px));max-height:90svh;overflow:auto;border:1px solid #d7c49b;border-radius:12px;box-shadow:inset 0 0 0 3px #0d1517,inset 0 0 0 4px #c3bca763,0 4px 0 #887e65,0 30px 100px #000b}dialog::backdrop{background:#06090bd6;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:none;font:28px var(--sans);padding:5px 10px}.eyebrow{font:9px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.22em;color:#adcfc6}dialog h2{font:400 35px/1.1 var(--serif);margin:16px 0}dialog>p:not(.eyebrow){font:12px/1.8 var(--sans);color:#c1beb3}.poem-sheet{padding:36px;margin:24px 0;background:linear-gradient(145deg,#fffefa,#eae7de);color:#172b25;min-height:240px;border-radius:1px;border:1px solid #e3dece;box-shadow:3px 4px 0 #bbb4a1,5px 7px 0 #e4ded0,0 17px 25px #0006;animation:poem-reveal .6s ease both}.poem-sheet .eyebrow{color:#4b7469}.poem-sheet p{font:29px/1.35 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;margin:25px 0}.poem-signature{font:italic 24px var(--serif)}.dialog-status{text-align:center;margin:25px 0 18px}.dialog-done{width:100%;border:1px solid #ecdbb9;border-radius:6px;padding:12px;background:linear-gradient(130deg,#f3e0b6,#cbb07a 70%,#ead6a5);color:#202a23;font:22px var(--serif);box-shadow:inset 0 1px 0 #fff8,0 3px 0 #8a7750}.dialog-done:hover{filter:brightness(1.1)}@keyframes poem-reveal{from{opacity:0;transform:translateY(12px) rotateY(-10deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}
@media(min-width:1800px){.hero-copy h1{font-size:164px}.lead{font-size:32px}.intro{font-size:25px}.amount b{font-size:54px}.support-button{font-size:34px}}
@media(max-width:1050px) and (min-width:761px){.site-header{min-height:65px;padding-top:14px;padding-bottom:12px}.wordmark{font-size:30px}.wordmark small{font-size:10px}.site-header nav{font-size:15px;gap:25px}.hero-copy h1{margin-bottom:18px}.included{gap:6px}.included svg{width:15px;height:18px}.site-footer{font-size:10px;gap:12px}}
@media(max-width:760px){.site-header{min-height:78px;padding:18px 22px 14px;gap:18px}.wordmark{font-size:32px}.wordmark small{font-size:9px}.site-header nav{font-size:14px;gap:0}.site-header nav a:not(:nth-child(2)){display:none}.stage{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column;padding:26px 16px 24px;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#afb4ab1a,transparent 45%)}.hero-copy{position:relative;top:auto;left:auto;width:100%;text-align:center;order:0;z-index:7}.hero-copy h1{font-size:clamp(52px,12.7vw,90px);line-height:.95;letter-spacing:-.05em;margin:0 0 20px}.lead{font-size:clamp(20px,5.2vw,28px);max-width:390px;margin:0 auto 8px}.intro{font-size:15px;line-height:1.35;margin:0 auto;max-width:340px;padding:0 10px}.floor{top:48%;bottom:0}.book{position:relative;left:auto;top:auto;align-self:center;width:80%;max-width:420px;order:1;z-index:4;margin:22px 0 0;filter:drop-shadow(9px 14px 9px #0009)}.book img{-webkit-box-reflect:unset}.book-hint{opacity:1;bottom:0;left:24%;right:24%;font-size:9px;padding:6px 2px}.ribbon{width:150%;left:-25%;bottom:32%;z-index:1}.pen{width:73%;right:0;bottom:37%;z-index:5;transform:rotate(-2deg);-webkit-box-reflect:unset}.poetry-note{position:relative;left:auto;bottom:auto;width:75%;height:115px;margin:-12px 0 14px 3%;align-self:center;flex-shrink:0;order:2;z-index:6;transform:perspective(700px) rotateX(24deg) rotateZ(10deg) skewX(-22deg)}.note-title{font-size:24px}.note-author{font-size:8px}.note-rule{margin:8px auto}.purchase-panel{position:relative;left:auto;top:auto;order:3;width:100%;max-width:540px;align-self:center;z-index:8;flex-shrink:0;margin:10px 0 -13px}.amount b{font-size:clamp(24px,7.5vw,44px)}.amount>span{border-radius:8px}.support-button{font-size:clamp(16px,4.7vw,28px);border-radius:8px}.support-button>span:last-child{font-size:24px}.included{font-size:clamp(15px,4vw,22px);gap:7px}.included svg{width:15px;height:18px}.preview-status{font-size:clamp(11px,2.8vw,15px)}.site-footer{padding:15px 20px 24px;gap:12px;font-size:9px;flex-wrap:wrap}.motion-control{font-size:7px;padding:4px}.footer-rule{min-width:10px}.footer-rule.short{display:none}.site-footer p{letter-spacing:.06em}#poem-dialog{padding:36px 24px}.poem-sheet{padding:29px}dialog h2{font-size:31px}.poem-sheet p{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.element,.poem-sheet{animation:none!important}*,*:before,*:after{transition:none!important}}

@media(max-width:760px){.pen{position:relative;right:auto;bottom:auto;align-self:flex-end;order:2;width:76%;max-width:400px;margin:-48px -9px -12px 0;transform:rotate(-2deg)}.poetry-note{order:3;margin-top:-13px}.purchase-panel{order:4}}

/* Responsive finishing: keep copy clear of the sculptural controls. */
@media(min-width:761px){.hero-copy{top:5%}.hero-copy h1{margin-bottom:20px}.intro{max-width:95%}.poetry-note{bottom:-2.5%}.stage{margin-bottom:25px}.motion-control{min-height:44px;min-width:44px}}
@media(min-width:761px) and (max-width:760px){/* retired: desktop composition now applies from 761px */
 .stage{aspect-ratio:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 8px;padding:34px 26px 30px;align-items:center;overflow:hidden}
 .hero-copy{position:relative;left:auto;top:auto;width:100%;grid-column:1/-1;grid-row:1;text-align:center;margin-bottom:8px}
 .hero-copy h1{font-size:clamp(80px,10vw,112px);margin-bottom:22px}.lead{font-size:28px}.intro{font-size:20px}
 .book{position:relative;left:auto;top:auto;width:100%;grid-column:2;grid-row:2/5;align-self:start;margin:0}.book img{-webkit-box-reflect:unset}.book-hint{opacity:1;font-size:10px;bottom:1%}
 .purchase-panel{position:relative;left:auto;top:auto;width:100%;min-height:270px;grid-column:1;grid-row:2;align-self:start}
 .amount b{font-size:clamp(28px,3.8vw,42px)}.support-button{font-size:clamp(19px,2.6vw,28px);min-height:44px}.included{font-size:20px}.preview-status{font-size:14px}
 .poetry-note{position:relative;left:auto;bottom:auto;width:86%;height:130px;grid-column:1;grid-row:3;justify-self:center;margin:0;transform:perspective(950px) rotateX(20deg) rotateZ(6deg) skewX(-12deg)}.note-title{font-size:28px}.note-author{font-size:10px}
 .pen{position:relative;left:auto;right:auto;bottom:auto;width:95%;grid-column:1;grid-row:4;justify-self:center;-webkit-box-reflect:unset;transform:rotate(-5deg)}
 .ribbon{left:20%;bottom:2%;width:110%;opacity:.85}.floor{top:35%;bottom:0}.motion-control{min-height:44px;min-width:44px}.site-header nav a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:760px){
 .site-header{padding-left:18px;padding-right:18px}.site-header nav a{min-height:44px;display:inline-flex;align-items:center}.stage{padding-top:28px;padding-bottom:30px}.hero-copy{margin-bottom:12px}.intro{font-size:16px;max-width:350px}.book{margin-top:20px;width:88%;max-width:380px}.book-hint{padding:9px 5px;min-height:32px}.pen{margin-top:-24px;margin-bottom:0}.poetry-note{margin-top:0;margin-bottom:18px;transform:perspective(700px) rotateX(16deg) rotateZ(6deg) skewX(-12deg)}
 .purchase-panel{min-height:250px;margin:0;max-width:500px}.amounts{height:21%}.support-button{top:44%;height:18%;min-height:44px;font-size:clamp(17px,4.7vw,26px);padding-left:4%;padding-right:4%}.included{top:71%;font-size:clamp(16px,4vw,21px)}.preview-status{top:82%;font-size:13px;line-height:1.4}.motion-control{min-height:44px;min-width:44px;font-size:9px}.site-footer{justify-content:center;padding-top:6px;gap:8px}.site-footer p{white-space:normal;text-align:center;line-height:1.5;letter-spacing:.04em;font-size:11px}.footer-rule{display:none}
 .dialog-close{min-width:44px;min-height:44px;right:5px;top:5px}.dialog-done{min-height:48px}.poem-sheet{padding:24px}
}
@media(max-width:359px){.hero-copy h1{font-size:12.3vw}.lead{font-size:20px}.purchase-panel{min-height:260px}.amount b{font-size:26px}.support-button{font-size:16px}.site-header nav{font-size:13px}.wordmark{font-size:29px}}

/* Phone composition: the real console stays early; book and note share
   the same still-life below it, rather than becoming a tall separate stack. */
@media(max-width:600px){
 .stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px;padding:28px 16px 24px;align-items:start}
 .hero-copy{grid-column:1/-1;grid-row:1;min-width:0;margin-bottom:0}
 .hero-copy h1{font-size:52px;line-height:.95;letter-spacing:0}
 .lead{font-size:22px;line-height:1.25}
 .intro{font-size:17px;line-height:1.4;padding:0;max-width:340px}
 .stage .purchase-panel{grid-column:1/-1;grid-row:2;position:relative;width:100%;min-height:0;margin:22px 0 0}
 .stage .book{grid-column:2;grid-row:3;position:relative;inset:auto;width:100%;max-width:none;align-self:start;margin:-4px 0 0;z-index:4}
 .book-hint{position:relative;inset:auto;display:block;width:100%;font-size:10px;line-height:1.4;min-height:36px;padding:10px 4px;opacity:1}
 .stage .poetry-note{grid-column:1;grid-row:3;position:relative;inset:auto;align-self:start;width:100%;height:106px;margin:-16px 0 0 6px;padding:12px;transform:perspective(700px) rotateX(16deg) rotateZ(6deg) skewX(-12deg);z-index:10}
 .note-title{font-size:20px;line-height:1.1;letter-spacing:0}
 .note-author{font-size:10px;letter-spacing:0}
 .stage .pen{grid-column:1/-1;grid-row:4;position:relative;inset:auto;justify-self:end;width:74%;max-width:320px;margin:-18px 0 -8px;transform:rotate(-2deg)}
 .ribbon{width:125%;left:-12.5%;bottom:8%;max-width:none;animation:none}
 .floor{top:49%;bottom:0}
 .purchase-panel .included{font-size:17px;line-height:1.1}
 .purchase-panel .included small{font-size:12px;line-height:1.1}
 .purchase-panel .preview-status{font-size:12px;line-height:1.3}
 .skip-link:not(:focus){visibility:hidden}
}