:root{--ink:#2f3a3f;--ink-soft:#66727a;--title:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--text:"EB Garamond", "Iowan Old Style", Georgia, serif;--ease:cubic-bezier(.2, .8, .2, 1);--white-glow:0 0 6px #ffffffd9, 0 0 20px #a587d780;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--ink);font-family:var(--text);background:#fff;margin:0;font-size:16px}img{max-width:100%}a{color:inherit}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:1px solid var(--ink-soft);outline-offset:4px}header.top{z-index:10;padding:calc(env(safe-area-inset-top,0px) + 18px) max(22px, env(safe-area-inset-right,0px)) 16px max(22px, env(safe-area-inset-left,0px));font-family:var(--title);letter-spacing:.02em;justify-content:space-between;align-items:baseline;font-size:1.15rem;display:flex;position:fixed;inset:0 0 auto}header.top.solid{background:linear-gradient(#fff 70%,#fff0)}header.top.light{color:#4a3a5c;text-shadow:0 0 10px #fff9}header.top a{text-decoration:none}header.top nav{gap:22px;display:flex}header.top nav a{opacity:.85;transition:opacity .5s}header.top nav a:hover,header.top nav a[aria-current]{opacity:1}header.top nav a[aria-current],.switch [aria-pressed=true]{text-underline-offset:6px;text-decoration:underline 1px}.home{background:#f3e6ef;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.stage{width:max(100vw, calc(100vh * var(--ar)));height:max(100vh, calc(100vw / var(--ar)));transition:opacity 1.4s;position:absolute;top:50%;left:50%;translate:-50% -50%}.stage .art,.stage .lines{width:100%;height:100%;position:absolute;inset:0}.mediums-bg,[data-view=mediums] .themes-bg{opacity:0;pointer-events:none}[data-view=mediums] .mediums-bg{opacity:1}.part{pointer-events:none;opacity:0;background:var(--art) var(--bx) var(--by) / var(--bw) var(--bh) no-repeat;position:absolute;-webkit-mask:radial-gradient(closest-side,#000 55%,#0000);mask:radial-gradient(closest-side,#000 55%,#0000)}.stage .wing{pointer-events:none;position:absolute}.alive .part{opacity:1;transition:opacity 2s}.wing{animation:4.2s ease-in-out infinite flap}.wing.right{animation-name:flap-r}@keyframes flap{0%,to{transform:none}50%{transform:rotate(-6deg)scale(1.06,1.03)}}@keyframes flap-r{0%,to{transform:none}50%{transform:rotate(6deg)scale(1.06,1.03)}}.alive .orb,.alive .butterfly{animation:8s ease-in-out infinite breathe}.alive .butterfly{animation-duration:4.5s;animation-delay:-1s}@keyframes breathe{0%,to{filter:none;transform:none}50%{filter:brightness(1.08)saturate(1.15);transform:scale(1.06)}}.aura{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(closest-side,#fff8d6,#ffeab08c 45%,#0000);border-radius:50%;animation:5s ease-in-out infinite alternate glow;position:absolute}.aura.figure{background:radial-gradient(closest-side,#fffae8d9,#fff0d259 55%,#0000);animation-duration:6.5s}.aura.halo{animation-duration:3.6s}.aura.heart{background:radial-gradient(closest-side,#e1fffa,#aaf0e873 45%,#0000);animation-duration:5.5s}.aura.heart.low{animation-delay:-3s}@keyframes glow{0%{opacity:.35;scale:.95}to{opacity:1;scale:1.06}}.glimmer{width:calc(1.7vmax * var(--s));aspect-ratio:1;pointer-events:none;opacity:0;mix-blend-mode:screen;animation:glimmer 9s var(--d) ease-in-out infinite;background:conic-gradient(#ffd6f0,#fff3b8,#c9ffe6,#bfe7ff,#e3cdff,#ffd6f0);position:absolute;translate:-50% -50%;-webkit-mask:radial-gradient(closest-side,#000,#000000b3 22%,#0000 55%),radial-gradient(closest-side,#000,#0000) 50%/9% 100% no-repeat,radial-gradient(closest-side,#000,#0000) 50%/100% 9% no-repeat;mask:radial-gradient(closest-side,#000,#000000b3 22%,#0000 55%),radial-gradient(closest-side,#000,#0000) 50%/9% 100% no-repeat,radial-gradient(closest-side,#000,#0000) 50%/100% 9% no-repeat}@keyframes glimmer{0%,62%,to{opacity:0;transform:scale(.3)rotate(0)}76%{opacity:1;transform:scale(1)rotate(45deg)}88%{opacity:.5;transform:scale(.7)rotate(80deg)}}.mediums-bg .lines{filter:drop-shadow(0 0 3px #fff9);animation:120s linear infinite turn}@keyframes turn{to{rotate:360deg}}.home .inner{padding:110px max(18px, env(safe-area-inset-right,0px)) 80px max(18px, env(safe-area-inset-left,0px));justify-items:center;gap:34px;display:grid;position:relative}.home ol{justify-items:center;gap:clamp(4px,.9vw,10px);margin:0;padding:0;list-style:none;display:grid}.home li a{font-family:var(--title);color:#fff;text-align:center;text-shadow:var(--white-glow), 0 0 46px #ffffff8c;transition:transform .9s var(--ease), text-shadow .9s ease;font-size:clamp(1.6rem,3.9vw,2.75rem);line-height:1.2;text-decoration:none;display:inline-block}.home li a:hover,.home li a:focus-visible{text-shadow:0 0 8px #fff,0 0 22px #fffffff2,0 0 40px #b9a0ffd9,0 0 80px #fffc;transform:scale(1.12)}.switch{font-family:var(--title);color:#fff;text-shadow:var(--white-glow);align-items:baseline;gap:6px;font-size:1.2rem;display:flex}.switch button{all:unset;cursor:pointer;opacity:.75;padding:2px 6px;transition:opacity .6s}.switch button:hover,.switch [aria-pressed=true]{opacity:1}.page{padding:calc(env(safe-area-inset-top,0px) + 110px) max(32px, env(safe-area-inset-right,0px)) 90px max(32px, env(safe-area-inset-left,0px));max-width:1640px;margin:0 auto}.title{font-family:var(--title);text-align:center;text-wrap:balance;margin:0 auto clamp(36px,5vw,64px);font-size:clamp(2.3rem,5.6vw,4.2rem);font-weight:300;line-height:1.02}.turn{font-family:var(--title);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:clamp(60px,8vw,110px);font-size:1.25rem;display:flex}.turn a{opacity:.8;text-decoration:none}.turn a:hover{opacity:1}@media (width<=640px){.page{padding-left:14px;padding-right:14px}}.gallery{--h:clamp(260px, 34vw, 500px);--lh:clamp(24px, 3vw, 40px);--gap:clamp(26px, 4vw, 64px);flex-wrap:wrap;align-items:flex-start;display:flex}.gallery .br{flex-basis:100%}.series-title{font:italic 300 clamp(1.4rem, 2.6vw, 1.9rem) var(--title);text-align:center;color:var(--ink-soft);flex-basis:100%;margin:clamp(10px,2vw,26px) 0 clamp(12px,1.6vw,20px)}.series-title:first-child{margin-top:0}.gallery .br.pause{height:clamp(40px,7vw,110px)}.piece{margin:0 var(--gap) var(--gap) 0;height:var(--h);width:calc(var(--r) * var(--h));flex:none;max-width:100%}.piece.poem{width:calc(var(--pw) * var(--lh));height:auto;aspect-ratio:var(--pw) / var(--ph)}.piece button{all:unset;cursor:zoom-in;width:100%;height:100%;display:block;position:relative}.piece img{object-fit:cover;width:100%;height:100%;display:block}.piece button>*{transition:transform 1.4s var(--ease), filter 1.4s ease}.piece button:hover>*{transform:translateY(-3px)}.piece.art button:hover img{filter:brightness(1.03)}.rise{animation:rise 1.6s var(--ease) both}@keyframes rise{0%{opacity:.35;transform:translateY(16px)}}.piece.glow img{animation:5s ease-in-out infinite alternate frame-glow}@keyframes frame-glow{0%{filter:drop-shadow(0 0 4px #ffc86e99)drop-shadow(0 0 12px #ffd68c66)}to{filter:drop-shadow(0 0 8px #ffba50)drop-shadow(0 0 32px #ffcc74f2)}}.oracle{grid-template-columns:repeat(4,1fr);gap:clamp(14px,2.4vw,34px);max-width:1100px;margin:0 auto;display:grid}.card{all:unset;aspect-ratio:.63;perspective:1400px;cursor:pointer;display:block}.card.open{cursor:zoom-in}.turn-card{height:100%;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.3,.7,.2,1);display:block;position:relative}.card[data-hidden]:hover .turn-card{transform:translateY(-6px)}.card.open .turn-card{transform:rotateY(180deg)}.side{object-fit:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:7%/4.4%;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 12px 26px -16px #28284680}.side.front{transform:rotateY(180deg)}@media (width<=640px){.oracle{grid-template-columns:repeat(2,1fr)}}.writing{max-width:720px;margin:clamp(70px,9vw,120px) auto 0}.writing h2{font-family:var(--title);text-align:center;text-wrap:balance;margin:0 0 1.4em;font-size:clamp(1.5rem,3vw,2rem);font-style:italic;font-weight:300}.writing p{margin:0 0 1.2em;font-size:1.16rem;line-height:1.8}.writing h3{font-family:var(--title);margin:2em 0 .7em;font-size:1.45rem;font-style:italic;font-weight:400}.contact-page{align-content:end;justify-items:center;min-height:100svh;padding:100px 6vw max(5vh,32px);display:grid}.contact-page .bg{z-index:-1;object-fit:cover;width:100%;height:100%;position:fixed;inset:0}.contact{color:#fff;text-shadow:0 0 2px #6e3250e6,0 0 9px #6e3250b3,0 0 22px #6e325073;gap:10px;width:min(380px,100%);display:grid}.contact h1{font:300 1.2rem/1.4 var(--title);text-align:center;margin:0 0 6px;font-style:italic}.contact label{font:1.05rem var(--title);letter-spacing:.03em;display:grid}.contact input,.contact textarea{font:1.05rem var(--text);color:#fff;resize:none;background:0 0;border:0;border-bottom:1px solid #fff;border-radius:0;outline:none;padding:4px 0;box-shadow:0 1px #6e325059,0 6px 10px -7px #6e3250b3}.contact input:focus,.contact textarea:focus{border-color:#fff}.contact button{all:unset;cursor:pointer;font:1.2rem var(--title);letter-spacing:.08em;justify-self:center;padding:6px 14px;transition:letter-spacing .6s}.contact button:hover,.contact button:focus-visible{letter-spacing:.16em}.contact .note{font:italic 1.05rem var(--title);text-align:center;min-height:1.2em;margin:0}.hp{position:absolute;left:-9999px}.viewer{z-index:30;opacity:0;padding:calc(env(safe-area-inset-top,0px) + 58px) max(56px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 30px) max(56px, env(safe-area-inset-left,0px));background:#fffffffa;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.viewer.on{opacity:1}.viewer img{filter:drop-shadow(0 22px 28px #1e282d38);width:auto;max-height:calc(100vh - 110px)}.viewer img.flat{filter:none}.viewer button{all:unset;cursor:pointer;font-family:var(--title);color:var(--ink);padding:10px 14px;position:absolute}.viewer .close{top:calc(env(safe-area-inset-top,0px) + 14px);right:max(16px, env(safe-area-inset-right,0px));font-size:1.15rem;font-style:italic}.viewer .prev,.viewer .next{font-size:2.6rem;font-weight:300;top:50%;transform:translateY(-50%)}.viewer .prev{left:max(6px, env(safe-area-inset-left,0px))}.viewer .next{right:max(6px, env(safe-area-inset-right,0px))}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise,.piece.glow img,.stage *{animation:none!important}.glimmer{display:none}.home li a,.turn-card{transition:none}}
