:root{--sand:#E9DFCC;--cream:#F4EEE3;--stone:#A48C74;--stone-d:#66543F;--drift:#574D3E;--ink:#343229;--pearl1:#CAC6CC;--pearl2:#E3E9EB;--line:#A48C7466}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:400 1.0625rem/1.65 "Jost",system-ui,sans-serif;background:var(--sand);color:var(--drift);-webkit-font-smoothing:antialiased}
@media(min-width:760px){body{font-size:1.125rem}}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;color:var(--ink);font-weight:400;line-height:1.15;letter-spacing:.01em}
h1{font-size:2.6rem;font-weight:300;margin:.3em 0}h2{font-size:1.9rem;margin:1.4em 0 .5em}h3{font-size:1.45rem}
b,strong{font-weight:500;color:var(--ink)}
a{color:var(--ink);text-decoration-color:var(--stone);text-underline-offset:3px}a:hover{color:var(--stone-d)}
img{max-width:100%;height:auto}
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;position:sticky;top:0;z-index:5;background:#F4EEE3e6;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;gap:10px;align-items:center;font:400 1.3rem "Cormorant Garamond",serif;text-decoration:none;color:var(--ink);letter-spacing:.02em}.brand img{border-radius:50%;filter:sepia(.55) saturate(.6)}
.top nav{display:flex;gap:16px;align-items:center;font-size:.9rem}.top nav a{text-decoration:none;color:var(--drift)}
.top nav .pill{background:var(--ink);color:var(--cream);padding:6px 14px;border-radius:20px;font-weight:400}
section{padding:56px 22px;max-width:960px;margin:auto;text-align:center}
.hero{max-width:none;background:linear-gradient(#E9DFCCb3,#E9DFCC 92%),url(/img/decor/smoke.webp) center top/cover no-repeat;padding-top:64px}
.hero>*{max-width:720px;margin-left:auto;margin-right:auto}
.av{width:112px;height:112px;border-radius:50%;border:1px solid var(--stone);filter:sepia(.55) saturate(.6);box-shadow:0 10px 30px #57493a33}
.btn{display:inline-block;background:var(--ink);color:var(--cream);font:400 1rem "Jost",sans-serif;letter-spacing:.06em;padding:15px 30px;border-radius:40px;border:0;cursor:pointer;text-decoration:none;box-shadow:0 8px 24px #3432292e;transition:background .5s,transform .5s}
.btn:hover{background:var(--drift);transform:translateY(-1px)}.btn:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--stone-d);outline-offset:3px}
.btn.big{font-size:1.08rem;padding:18px 38px}
.draw{margin:30px auto;max-width:300px;min-height:230px;border:1px solid var(--line);border-radius:16px;padding:20px;background:linear-gradient(135deg,#F4EEE3,#ECEBEC 55%,#E3E9EB);box-shadow:0 18px 40px #57493a22;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.draw .back{font-size:3.4rem;color:var(--stone-d)}.draw img{border-radius:12px;animation:in .6s ease}.draw b{font:400 1.7rem "Cormorant Garamond",serif;color:var(--ink)}.draw .dm{margin:0}
@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.signup{background:linear-gradient(#F4EEE3f2,#F4EEE3f2),url(/img/decor/pearl.webp) center/cover;border:1px solid var(--line);border-radius:16px;margin:20px 16px;max-width:620px;box-shadow:0 18px 50px #57493a1f}
@media(min-width:640px){.signup{margin:20px auto}}
.sf{max-width:420px;margin:auto;text-align:left}.sf label{display:block;margin:10px 0 6px;color:var(--ink)}
.sf input[type=email]{width:100%;padding:14px;font-size:1rem;border-radius:12px;border:1px solid var(--stone);background:#fffdf9;color:var(--ink);font-family:inherit}
.sf .ck{font-size:.95rem;display:flex;gap:10px;align-items:flex-start}.sf .ck input{margin-top:6px;accent-color:var(--ink);width:18px;height:18px;flex:none}.sf .btn{width:100%;margin-top:16px}
.pile{background:linear-gradient(90deg,#E9DFCC 0,#E9DFCCe0 45%,#E9DFCC99),url(/img/decor/oyster.webp) right center/contain no-repeat;border-radius:16px}
.tiers{display:grid;gap:18px;margin:26px 0}.tier{border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--cream)}
.tier .pr{font:400 2.3rem "Cormorant Garamond",serif;color:var(--ink)}
.tag{font:500 .72rem "Jost";letter-spacing:.06em;background:var(--pearl2);color:var(--ink);padding:4px 10px;border-radius:20px;border:1px solid var(--pearl1)}
.mg{max-width:420px;margin:0 auto 24px;text-align:left}.mg ul{padding-left:20px}
.vids{display:grid;gap:18px}.vids iframe,.short iframe{width:100%;aspect-ratio:9/16;max-width:340px;margin:auto;display:block;border:0;border-radius:14px;box-shadow:0 14px 34px #57493a26}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0}
.gc{text-decoration:none;color:var(--drift);background:var(--cream);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:.9rem;display:flex;flex-direction:column;transition:box-shadow .5s}
.gc img{aspect-ratio:540/560;object-fit:cover;filter:saturate(.75) sepia(.12)}.gc span{padding:9px}.gc:hover{box-shadow:0 12px 30px #57493a26}
.soc{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.soc a{border:1px solid var(--stone);padding:9px 18px;border-radius:30px;text-decoration:none;color:var(--ink)}
footer{font-size:.88rem;color:var(--drift);padding:56px 20px 50px;text-align:center;border-top:1px solid var(--line);max-width:960px;margin:48px auto 0;background:linear-gradient(#E9DFCC,#E9DFCCd9),url(/img/decor/stones.webp) center/cover;border-radius:16px 16px 0 0}
.fl{font:400 1.3rem "Cormorant Garamond",serif;color:var(--ink)}
small{color:var(--drift)}
.page{max-width:720px;margin:auto;padding:28px 22px}.page.wide{max-width:960px}.center{text-align:center}
.crumb{font-size:.78rem;letter-spacing:.08em;color:var(--stone-d)}.kw{color:var(--stone-d);font-size:1.1rem;margin-top:0;font-style:italic}
.art{border-radius:16px;border:10px solid var(--cream);outline:1px solid var(--line);box-shadow:0 18px 40px #57493a2b;display:block;margin:24px auto;max-width:360px;width:100%;filter:saturate(.8) sepia(.1)}
.draw img,#p3out img{filter:saturate(.8) sepia(.1)}
blockquote{font:italic 400 1.55rem/1.35 "Cormorant Garamond",serif;color:var(--ink);border-left:1px solid var(--stone);margin:20px 0;padding:4px 18px}
.cta{text-align:center;margin:32px 0}.soon{text-align:center;color:var(--drift);font-size:.92rem}
.pn{display:flex;justify-content:space-between;gap:10px;font-size:.92rem;border-top:1px solid var(--line);padding-top:16px;margin-top:24px}
.follow{display:grid;gap:12px;margin:22px 0}.fc{display:block;text-align:left;text-decoration:none;color:var(--drift);border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--cream)}
.fc b{color:var(--ink);font:400 1.35rem "Cormorant Garamond",serif;display:block}.fc em{color:var(--stone-d);font-style:normal;font-weight:500}.fc span{display:block}
.sig{font:italic 1.35rem "Cormorant Garamond",serif;color:var(--ink)}
hr{border:0;border-top:1px solid var(--line)}
@media(min-width:760px){h1{font-size:3.6rem}.tiers,.vids,.follow{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(4,1fr)}}
.brand,.top nav a{white-space:nowrap}section[id]{scroll-margin-top:64px}
@media(max-width:400px){.brand{font-size:1.08rem}.top nav{gap:10px;font-size:.84rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.signup #sib-container a{color:#343229;text-decoration-color:#A48C74}
.yt{position:relative;display:block;width:100%;max-width:340px;aspect-ratio:9/16;margin:auto;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--cream) center/cover no-repeat;cursor:pointer;overflow:hidden;box-shadow:0 14px 34px #57493a26;font:inherit;color:var(--ink)}
.yt::before{content:attr(data-name);position:absolute;left:0;right:0;top:16%;font:300 2.4rem/1.1 "Cormorant Garamond",serif;color:var(--ink);letter-spacing:.02em}
.yt::after{content:"";position:absolute;inset:0;background:linear-gradient(#F4EEE300 40%,#E9DFCC99);pointer-events:none}
.yt-play{position:absolute;z-index:1;left:50%;top:55%;width:72px;height:72px;margin:-36px 0 0 -36px;border:1px solid var(--ink);border-radius:50%;background:#F4EEE3b3;backdrop-filter:blur(4px);transition:background .5s,transform .5s}
.yt-play::after{content:"";position:absolute;left:29px;top:23px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent var(--ink)}
.yt:hover .yt-play{background:#F4EEE3;transform:scale(1.05)}.yt:focus-visible{outline:2px solid var(--stone-d);outline-offset:4px}
.vids iframe,.short iframe{background:var(--sand)}

/* variant C */
body{background:#F8F7F5}.top{background:#F8F7F5e6}.hero{background:linear-gradient(#F8F7F51a,#F8F7F599 65%,#F8F7F5 100%),url(/img/decor/smoke.webp) center top/cover no-repeat}.pile{background:linear-gradient(90deg,#F8F7F5 0,#F8F7F5e0 45%,#F8F7F599),url(/img/decor/oyster.webp) right center/contain no-repeat}footer{background:linear-gradient(#F8F7F5,#F8F7F5d9),url(/img/decor/stones.webp) center/cover}

/* READINGS */@media(min-width:720px){.tiers.rd{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.tiers.rd{grid-template-columns:repeat(4,1fr)}}.tiers.rd .tier h3{margin:0 0 4px}.tiers.rd .pr{margin:4px 0;font-size:2rem}
/* header v2 */
.top{gap:14px}.top nav{margin-left:auto}.navt{position:absolute;opacity:0;pointer-events:none}.burger{display:none}
.top>.pill{background:var(--ink);color:var(--cream);padding:6px 14px;border-radius:20px;text-decoration:none;font-size:.9rem;white-space:nowrap;font-weight:400}
.brand img{filter:none}
@media(max-width:640px){
.top{flex-wrap:wrap;padding:10px 14px;gap:10px}.brand{font-size:1.1rem;flex:1;min-width:0}
.top>.pill{order:2;padding:5px 12px;font-size:.82rem}
.burger{order:3;display:flex;width:34px;height:34px;align-items:center;justify-content:center;cursor:pointer}
.burger span,.burger span:before,.burger span:after{display:block;width:20px;height:1px;background:var(--ink);position:relative;transition:.2s}
.burger span:before,.burger span:after{content:"";position:absolute}.burger span:before{top:-6px}.burger span:after{top:6px}
.navt:checked+.burger span{background:transparent}.navt:checked+.burger span:before{top:0;transform:rotate(45deg)}.navt:checked+.burger span:after{top:0;transform:rotate(-45deg)}
.top nav{order:4;display:none;flex-basis:100%;flex-direction:column;align-items:flex-start;gap:0;margin:0;font:300 1.05rem "Cormorant Garamond",serif;letter-spacing:.04em}
.top nav a{padding:10px 2px;width:100%;border-top:1px solid var(--line)}
.navt:checked~nav{display:flex}.navt:focus-visible+.burger{outline:1px solid var(--ink)}}
@media(max-width:360px){.brand{font-size:.98rem;gap:7px}.top>.pill{padding:4px 10px}}
/* portrait emblem */
.av{object-fit:cover;filter:none;border:1px solid #CDBFAE;box-shadow:0 0 0 5px #F8F4EC,0 0 0 6px #D9CCBB,0 10px 30px #57493a2e}
.av{width:170px;height:170px}@media(min-width:641px){.av{width:200px;height:200px}}
/* 2026 upgrade: readability */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}
.top nav a,.top>.pill{display:inline-flex;align-items:center;min-height:44px;font-size:17px}
.top nav a{padding:0 6px}.top nav .pill,.top>.pill{padding:0 18px}
footer{font-size:16px}footer a,.soc a,.pn a,.crumb a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
.pn{font-size:16px}.gc{font-size:16px}.gc span{padding:12px}.soon,.crumb{font-size:16px}small{font-size:16px}
.tag{font-size:.85rem}
.page p[style*="font-size:13px"],main p[style*="font-size:13px"]{font-size:16px!important}
.burger{width:44px!important;height:44px!important}
.sf .ck input{width:24px;height:24px}
main a:not(.btn):not(.gc):not(.fc){display:inline-block;min-height:44px;line-height:44px}
main p a:not(.btn){min-height:0;line-height:inherit;padding:10px 0;margin:-10px 0}
@media(min-width:760px){body{font-size:19px;line-height:1.65;font-weight:400;color:#463D31}}
@media(min-width:1200px){
.top{justify-content:center;gap:40px}.top nav{margin-left:0}
h1{font-size:4.4rem}.hero h1{font-size:4.8rem}
.page.wide,main.page:has(.tiers){max-width:1280px}
.page .tiers{grid-template-columns:repeat(4,1fr)!important;gap:22px}
.page .tiers .tier{display:flex;flex-direction:column}
.page .tiers .pr{font-size:2rem;margin:4px 0}
}
/* trend touches */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(40% 35% at 30% 40%,#CAC6CC55,transparent 70%),radial-gradient(35% 30% at 70% 60%,#E3E9EB66,transparent 70%),radial-gradient(30% 30% at 50% 20%,#A48C7422,transparent 70%);animation:smoke 28s ease-in-out infinite alternate}
@keyframes smoke{to{transform:translate3d(4%,-3%,0) scale(1.08)}}
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#E3E9EB55 45%,#fff8 50%,#CAC6CC55 55%,transparent 70%);transform:translateX(-120%);pointer-events:none}
.btn:hover::after,.btn:focus-visible::after{transform:translateX(120%);transition:transform 1.1s ease}
.tier,.gc,.fc{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.tier:hover,.gc:hover,.fc:hover{transform:translateY(-4px);box-shadow:0 18px 40px #57493a24}
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none}.hero::before{animation:none}@view-transition{navigation:none}.tier:hover,.gc:hover,.fc:hover{transform:none}}
.tag{font-size:16px;padding:6px 12px}
/* card draw v1 */
.greet{font:400 1.15rem "Jost",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--stone-d);margin:18px auto 0}
.hero .av{transition:transform .4s ease-out;will-change:transform}
.dd{margin:26px auto 10px}
.fan{position:relative;height:250px;max-width:560px;margin:10px auto 0;touch-action:none}
.fcard{position:absolute;left:50%;bottom:0;width:120px;height:184px;margin-left:-60px;min-width:44px;padding:0;border-radius:12px;border:1px solid var(--stone);cursor:pointer;
background:radial-gradient(circle at 50% 50%,#F4EEE3 0 15%,transparent 16%),radial-gradient(circle at 50% 50%,transparent 0 22%,#E3E9EB99 23% 24%,transparent 25%),linear-gradient(#66543Fb3,#574D3Ed9),url(/img/decor/stones.webp) center/cover;
box-shadow:0 10px 24px #3432293d,inset 0 0 0 5px #F4EEE355;transform-origin:50% 120%;
transform:translate(calc(var(--i)*30px + var(--dx,0px)),calc(var(--dy,0px) + (var(--i)*var(--i))*3px)) rotate(calc(var(--i)*8deg));transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s,box-shadow .3s}
.fcard::after{content:"";position:absolute;inset:0;border-radius:11px;background:url(/img/decor/oyster.webp) center/46% no-repeat;opacity:.35;mix-blend-mode:screen}
.fcard:hover,.fcard:focus-visible{transform:translate(calc(var(--i)*30px),-22px) rotate(calc(var(--i)*8deg));box-shadow:0 18px 34px #34322955}
.fcard:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.fcard.drag{transition:none;transform:translate(calc(var(--i)*30px + var(--dx,0px)),var(--dy,0px)) rotate(calc(var(--i)*4deg));z-index:3}
.fan.picked .fcard{opacity:0;transform:translate(calc(var(--i)*12px),40px) rotate(0)}
.fan.picked .fcard.chosen{opacity:1;transform:translate(0,-30px) scale(1.08);z-index:4}
@media(min-width:700px){.fcard{width:140px;height:214px;margin-left:-70px}.fan{height:280px}.fcard{transform:translate(calc(var(--i)*58px + var(--dx,0px)),calc(var(--dy,0px) + (var(--i)*var(--i))*3px)) rotate(calc(var(--i)*7deg))}.fcard:hover,.fcard:focus-visible{transform:translate(calc(var(--i)*58px),-22px) rotate(calc(var(--i)*7deg))}}
.stage{perspective:1200px;margin:10px auto 0;width:230px}
.flip{position:relative;width:230px;height:330px;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.7,.2,1)}
.flip.flipped{transform:rotateY(180deg)}
.fc-b,.fc-f{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--stone);box-shadow:0 18px 40px #57493a33;overflow:hidden}
.fc-b{background:linear-gradient(#66543Fb3,#574D3Ed9),url(/img/decor/stones.webp) center/cover}
.fc-f{transform:rotateY(180deg);background:var(--cream);display:flex;flex-direction:column;align-items:center;padding:10px;gap:8px}
.fc-f img{width:100%;height:auto;border-radius:10px;filter:saturate(.85) sepia(.08)}
.fc-f b{font:400 1.6rem "Cormorant Garamond",serif;color:var(--ink)}
.fc-f::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#E3E9EBcc 45%,#CAC6CC88 50%,transparent 62%);transform:translateX(-120%);pointer-events:none}
.flip.flipped .fc-f::after{animation:pearl 1.6s .8s ease-out forwards}
@keyframes pearl{to{transform:translateX(120%)}}
.dd .draw{min-height:0;border:0;box-shadow:none;background:none;padding:6px 0;margin:14px auto}
.dd .draw:empty{display:none}.dd .draw .lead{font-size:1.15rem;margin:0}
@media(prefers-reduced-motion:reduce){.fcard,.flip,.hero .av{transition:none!important}.flip.flipped .fc-f::after{animation:none}}
.btn[hidden],.dd [hidden]{display:none!important}
.dd .draw{max-width:480px}.dd .draw .lead b{font:500 1.15rem "Jost",sans-serif}
.flip{height:296px}