:root{--navy-900:#0B1322;--navy-800:#12203A;--navy-700:#1A2C4A;--line:#32415F;--gold:#D4B982;--gold-bright:#E7CE98;--gold-ink:#9A7F42;--cream:#E6DCC3;--paper:#EFEADD;--paper-2:#E7DFCC;--ink:#1B2436;--ink-soft:#4C5468;--serif:Georgia,"Times New Roman",times,serif;--sans:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--maxw:64rem;--measure:38rem;--nav-h:60px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:clamp(1.02rem,1.6vw,1.14rem);line-height:1.72;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{text-wrap:balance;font-weight:700}.eyebrow{font-family:var(--sans);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;font-weight:600}em{font-style:italic}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;min-height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem clamp(1rem,4vw,2.5rem);background:rgba(11,19,34,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);color:var(--cream);flex-wrap:wrap}.nav__brand{font-family:var(--serif);font-size:1.15rem;color:var(--gold);text-decoration:none;letter-spacing:.01em;font-weight:700;white-space:nowrap}.nav__links{display:flex;gap:clamp(.8rem,2.5vw,1.7rem);align-items:center;flex-wrap:wrap;font-family:var(--sans);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.nav__links a{color:var(--cream);opacity:.8;text-decoration:none;transition:opacity .2s,color .2s;white-space:nowrap}.nav__links a:hover{opacity:1;color:var(--gold)}.nav__cta{border:1px solid var(--gold);border-radius:2px;padding:.4rem .8rem;color:var(--gold)!important;opacity:1!important}.nav__cta:hover{background:var(--gold);color:var(--navy-900)!important}.hero{position:relative;min-height:calc(100dvh - var(--nav-h));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;background:radial-gradient(120% 90% at 50% 8%,#1B3057 0,var(--navy-800) 42%,var(--navy-900) 100%);color:var(--cream);padding:clamp(2rem,6vw,5rem) 1.5rem;isolation:isolate}.hero__lights{position:absolute;inset:0;z-index:-2;opacity:.9;background:radial-gradient(9rem 9rem at 12% 30%,rgba(212,185,130,.16),transparent 70%),radial-gradient(7rem 7rem at 28% 68%,rgba(190,205,235,.1),transparent 70%),radial-gradient(11rem 11rem at 46% 22%,rgba(212,185,130,.13),transparent 70%),radial-gradient(6rem 6rem at 61% 74%,rgba(231,206,152,.14),transparent 70%),radial-gradient(10rem 10rem at 78% 36%,rgba(180,200,235,.09),transparent 70%),radial-gradient(8rem 8rem at 92% 66%,rgba(212,185,130,.12),transparent 70%);background-size:200% 100%;background-repeat:no-repeat;animation:drift 46s linear infinite alternate}@keyframes drift{0%{background-position:0 50%}to{background-position:100% 50%}}.hero__glass{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(11,19,34,.55),transparent 22%,transparent 68%,rgba(11,19,34,.85)),radial-gradient(120% 80% at 50% 40%,transparent 55%,rgba(7,12,22,.55) 100%)}.hero__inner{position:relative;max-width:44rem;display:flex;flex-direction:column;align-items:center;gap:1.35rem;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero .eyebrow{color:var(--gold);opacity:.9}.hero h1{color:var(--gold);font-size:clamp(3rem,10.5vw,6.4rem);line-height:.98;letter-spacing:.005em;text-shadow:0 2px 30px rgba(0,0,0,.35)}.hero .lede{max-width:34rem;color:var(--cream);opacity:.9;font-size:clamp(1.06rem,2.3vw,1.32rem);line-height:1.6}.hero__quote{margin:.4rem 0 .2rem;font-style:italic;color:var(--cream);opacity:.72;font-size:clamp(1rem,2vw,1.18rem);line-height:1.55;max-width:30rem}.hero__quote b{color:var(--gold);font-weight:400;font-style:normal}.rule{width:2.5rem;height:1px;background:var(--gold);opacity:.6;margin:.2rem 0}.scrollcue{position:absolute;bottom:1.4rem;left:50%;transform:translateX(-50%);font-family:var(--sans);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(230,220,195,.5);display:flex;flex-direction:column;align-items:center;gap:.4rem}.scrollcue span{display:block;width:1px;height:2rem;background:linear-gradient(var(--gold),transparent);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.9}}.page-hero{position:relative;background:radial-gradient(120% 140% at 50% 0,var(--navy-700),var(--navy-800) 60%,var(--navy-900));color:var(--cream);text-align:center;padding:clamp(3rem,8vw,5.5rem) 1.5rem;overflow:hidden}.page-hero .eyebrow{color:var(--gold);opacity:.85;margin-bottom:.9rem}.page-hero h1{margin:0 auto;max-width:24ch;color:var(--gold);font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.02}.page-hero p{margin:1rem auto 0;max-width:42ch;color:var(--cream);opacity:.85;font-size:1.1rem;line-height:1.55}.section{padding:clamp(3.5rem,9vw,7rem) 1.5rem}.section--tight{padding:clamp(2.5rem,6vw,4.5rem) 1.5rem}.wrap{max-width:var(--maxw);margin:0 auto}.narrow{max-width:var(--measure);margin:0 auto}.section h2{font-size:clamp(1.7rem,4.4vw,2.5rem);line-height:1.1;margin:0 0 1.1rem;color:var(--ink)}.section .eyebrow{color:var(--gold-ink);margin-bottom:.9rem}.section p{margin:0 0 1.1rem}.section p:last-child{margin-bottom:0}.intro{background:var(--paper)}.paper-2{background:var(--paper-2)}.center{text-align:center}.stack{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.prose{max-width:var(--measure);margin:0 auto}.prose p{margin:0 0 1.2rem}.prose h2{font-size:1.6rem;margin:2.2rem 0 .8rem}.prose h3{font-size:1.25rem;margin:1.8rem 0 .6rem}.prose ul{margin:0 0 1.2rem;padding-left:1.2rem}.prose li{margin:.3rem 0}.prose a{color:var(--gold-ink);text-underline-offset:3px}.prose blockquote{margin:1.6rem 0;padding:.4rem 0 .4rem 1.4rem;border-left:2px solid var(--gold-ink);font-style:italic;color:var(--ink-soft)}.author{max-width:var(--maxw);margin:0 auto;display:grid;grid-gap:2.4rem;gap:2.4rem;grid-template-columns:1fr;align-items:start}@media(min-width:48rem){.author{grid-template-columns:17rem 1fr;gap:3rem}}.author__photo img{width:100%;border-radius:6px;border:1px solid rgba(76,84,104,.25);box-shadow:0 16px 40px rgba(11,19,34,.18)}.author__text{max-width:38rem}.author__lede{font-style:italic;font-size:1.18rem;line-height:1.5;color:var(--ink);margin:0 0 1.7rem;padding-bottom:1.4rem;border-bottom:1px solid rgba(76,84,104,.2)}.band{background:radial-gradient(120% 120% at 50% 0,var(--navy-700),var(--navy-800) 60%,var(--navy-900));color:var(--cream);text-align:center;padding:clamp(3.5rem,8vw,6rem) 1.5rem}.band .eyebrow{color:var(--gold);opacity:.85;margin-bottom:2rem;display:block}.tiles{display:grid;grid-gap:1.4rem;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));max-width:58rem;margin:0 auto}.tile{border:1px solid var(--line);border-radius:3px;padding:2rem 1.6rem;background:rgba(255,255,255,.015);display:flex;flex-direction:column;gap:1rem;transition:border-color .25s,transform .25s}.tile:hover{border-color:var(--gold);transform:translateY(-3px)}.tile__mark{font-size:2.6rem;line-height:0;color:var(--gold);height:1rem;font-family:var(--serif)}.tile p{font-style:italic;color:var(--cream);font-size:1.06rem;line-height:1.55}.tile p b{font-style:normal;color:var(--gold);font-weight:400}.tile .who{font-family:var(--sans);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--line);font-style:normal;margin-top:auto}.steps__grid{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-top:2.2rem}.step{flex-direction:column}.step,.step__n{display:flex;gap:.7rem}.step__n{font-family:var(--sans);font-weight:700;font-size:.8rem;letter-spacing:.1em;color:var(--gold-ink);align-items:center}.step__n:after{content:"";flex:1 1;height:1px;background:rgba(154,127,66,.35)}.step h3{font-size:1.24rem;color:var(--ink)}.step p{color:var(--ink-soft);font-size:1rem}.btn{font-family:var(--sans);font-weight:600;font-size:.95rem;letter-spacing:.02em;cursor:pointer;border:none;border-radius:2px;padding:.9rem 1.4rem;white-space:nowrap;background:var(--gold);color:var(--navy-900);transition:background .2s,transform .2s;text-decoration:none;display:inline-block}.btn:hover{background:var(--gold-bright);transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.btn--ink{background:var(--navy-800);color:var(--cream)}.btn--ink:hover{background:var(--navy-700)}.btn--ghost{background:transparent;border:1px solid var(--gold-ink);color:var(--gold-ink)}.btn--ghost:hover{background:var(--gold-ink);color:var(--paper)}.signup{width:100%;max-width:31rem;display:flex;flex-direction:column;gap:.6rem;margin-top:.6rem}.signup__label{font-family:var(--sans);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.signup__row{display:flex;gap:.5rem;flex-wrap:wrap}.signup input{flex:1 1 12rem;min-width:0;font-family:var(--sans);font-size:1rem;padding:.9rem 1.05rem;border-radius:2px}.signup__note{font-family:var(--sans);font-size:.78rem;letter-spacing:.01em}.signup__done{font-family:var(--sans);font-size:.98rem;padding:.4rem 0}.signup--dark .signup__label{color:var(--gold)}.signup--dark input{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--cream)}.signup--dark input::placeholder{color:rgba(230,220,195,.45)}.signup--dark input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,185,130,.18)}.signup--dark .signup__note{color:rgba(230,220,195,.55)}.signup--dark .signup__done{color:var(--gold)}.signup--light .signup__label{color:var(--gold-ink)}.signup--light input{border:1px solid var(--ink-soft);background:#fff;color:var(--ink)}.signup--light input:focus{outline:none;border-color:var(--gold-ink);box-shadow:0 0 0 3px rgba(154,127,66,.15)}.signup--light .signup__note{color:var(--ink-soft)}.signup--light .signup__done{color:var(--gold-ink)}.book-hd{display:grid;grid-gap:2.5rem;gap:2.5rem;grid-template-columns:minmax(0,1fr);align-items:start}@media(min-width:52rem){.book-hd{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}.book-cover{aspect-ratio:2/3;border-radius:4px;background:linear-gradient(180deg,rgba(11,19,34,.2) 0,rgba(11,19,34,0) 28%,rgba(11,19,34,.55) 60%,rgba(11,19,34,.95) 100%),url(/korica.jpg) 50%/cover no-repeat,var(--navy-900);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.4rem;text-align:center;padding:2rem;color:var(--cream);box-shadow:0 20px 50px rgba(11,19,34,.25)}.book-cover .t{font-size:2rem;color:var(--gold);line-height:1.05;text-shadow:0 2px 14px rgba(0,0,0,.7)}.book-cover .a{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);opacity:.85;text-shadow:0 2px 10px rgba(0,0,0,.7)}.book-cover .a,.spec{font-family:var(--sans)}.spec{list-style:none;margin:1.4rem 0;display:flex;flex-direction:column;gap:.5rem;font-size:.95rem}.spec li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed rgba(76,84,104,.3);padding-bottom:.5rem}.spec .k{color:var(--ink-soft)}.spec .v{color:var(--ink);font-weight:600}.order{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-top:1.5rem}.order-card{border:1px solid rgba(76,84,104,.25);border-radius:4px;padding:1.6rem;background:#fff}.order-card h3{margin:0 0 .5rem;font-size:1.15rem}.order-card p{margin:0 0 1rem;color:var(--ink-soft);font-size:.95rem}.qr-placeholder{width:150px;height:150px;border:1px dashed var(--gold-ink);border-radius:4px;margin:.4rem 0 1rem;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--sans);font-size:.7rem;color:var(--gold-ink);background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(154,127,66,.06) 0,rgba(154,127,66,.06) 16px)}.qr-img{width:180px;height:180px;background:#fff;border:1px solid rgba(76,84,104,.2);border-radius:6px;padding:10px}.post-list{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin-top:2rem}.post-card{border:1px solid rgba(76,84,104,.2);border-radius:4px;overflow:hidden;background:#fff;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,19,34,.1)}.post-card__body{padding:1.4rem;display:flex;flex-direction:column;gap:.5rem}.post-card__date{font-family:var(--sans);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}.post-card__title{font-size:1.25rem;margin:0;color:var(--ink)}.post-card__excerpt{margin:0;color:var(--ink-soft);font-size:.95rem}.post-meta{font-size:.78rem;color:var(--ink-soft);margin-bottom:1.5rem}.back-link,.post-meta{font-family:var(--sans);letter-spacing:.06em}.back-link{font-size:.8rem;color:var(--gold-ink);text-decoration:none;display:inline-block;margin-top:2.5rem}.back-link:hover{text-decoration:underline}.social-card{max-width:34rem;margin:2rem auto;border:1px solid rgba(76,84,104,.25);border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(11,19,34,.08)}.social-card__media{background:var(--navy-900)}.social-card__media img,.social-card__media video{width:100%;display:block}.social-card__body{padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:1rem}.social-card__text{font-style:italic;color:var(--ink);line-height:1.55}.social-card__links{display:flex;gap:.6rem;flex-wrap:wrap}.social-btn{font-family:var(--sans);font-size:.8rem;letter-spacing:.04em;text-decoration:none;padding:.5rem .95rem;border-radius:2px;border:1px solid rgba(76,84,104,.35);color:var(--ink);display:inline-flex;align-items:center;gap:.4rem;transition:background .2s,color .2s,border-color .2s}.social-btn:hover{border-color:var(--gold-ink);color:var(--gold-ink)}.footer{background:var(--navy-900);color:var(--cream);padding:3rem 1.5rem;text-align:center}.footer__nav{display:flex;gap:1.4rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.4rem;font-family:var(--sans);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.footer__nav a{color:var(--cream);opacity:.75;text-decoration:none;transition:opacity .2s,color .2s}.footer__nav a:hover{opacity:1;color:var(--gold)}.footer .name{font-size:1.3rem;color:var(--gold);margin:0 0 .3rem}.footer .tag{font-family:var(--sans);font-size:.8rem;letter-spacing:.05em;color:rgba(230,220,195,.55);margin:0 0 1.4rem}.footer .fine{font-family:var(--sans);font-size:.72rem;color:rgba(230,220,195,.4);margin:1.2rem 0 0}.order-tabs{display:flex;gap:.4rem;max-width:34rem;margin:0 auto 1.4rem;border:1px solid rgba(76,84,104,.2);border-radius:5px;padding:.3rem;background:#fff}.order-tab{flex:1 1;font-family:var(--sans);font-size:.9rem;font-weight:600;padding:.75rem;border:none;background:transparent;color:var(--ink-soft);border-radius:3px;cursor:pointer;transition:background .2s,color .2s}.order-tab[aria-selected=true]{background:var(--navy-800);color:var(--cream)}.order-panel{max-width:34rem;margin:0 auto;border:1px solid rgba(76,84,104,.2);border-radius:6px;background:#fff;padding:1.8rem;box-shadow:0 10px 30px rgba(11,19,34,.06)}.order-panel>p.lead{margin:0 0 1.2rem;color:var(--ink-soft);font-size:.95rem}.order-form{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:.35rem}.field--full{grid-column:1/-1}.field label{font-family:var(--sans);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.field input{font-family:var(--sans);font-size:1rem;padding:.7rem .8rem;border:1px solid var(--ink-soft);border-radius:2px;background:#fff;color:var(--ink);width:100%}.field input:focus{outline:none;border-color:var(--gold-ink);box-shadow:0 0 0 3px rgba(154,127,66,.15)}.pay-methods{display:grid;grid-gap:.7rem;gap:.7rem;grid-template-columns:1fr 1fr}.pay-opt{border:1px solid rgba(76,84,104,.3);border-radius:4px;padding:.9rem;cursor:pointer;font-family:var(--sans);font-size:.9rem;text-align:left;background:#fff;transition:border-color .2s,background .2s}.pay-opt[aria-pressed=true]{border-color:var(--gold-ink);background:rgba(154,127,66,.06)}.pay-opt b{display:block;color:var(--ink);margin-bottom:.15rem}.pay-opt span{color:var(--ink-soft);font-size:.78rem;line-height:1.35;display:block}.amount-opts{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.amount-btn{font-family:var(--sans);font-weight:600;padding:.6rem 1rem;border:1px solid rgba(76,84,104,.3);border-radius:2px;background:#fff;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}.amount-btn[aria-pressed=true]{border-color:var(--gold-ink);background:rgba(154,127,66,.08);color:var(--gold-ink)}.amount-custom{flex:1 1 8rem;min-width:0;font-family:var(--sans);font-size:1rem;padding:.6rem .7rem;border:1px solid var(--ink-soft);border-radius:2px}.order-note{font-family:var(--sans);font-size:.78rem;color:var(--ink-soft);line-height:1.4}.reveal{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.reveal h3{margin:0;font-size:1.2rem}.summary{font-family:var(--sans);font-size:.88rem;color:var(--ink-soft);text-align:left;width:100%;border-top:1px dashed rgba(76,84,104,.3);padding-top:1rem;display:flex;flex-direction:column;gap:.25rem}.summary b{color:var(--ink)}.linklike{background:none;border:none;color:var(--gold-ink);font-family:var(--sans);font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}.order-form__actions{gap:1rem;margin-top:.3rem}.order-fieldset,.order-form__actions{grid-column:1/-1;display:flex;flex-direction:column}.order-fieldset{gap:.5rem;border:none;padding:0;margin:0}.order-fieldset>.lbl{font-family:var(--sans);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.alt-pay{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-top:.2rem;padding-top:1rem;border-top:1px dashed rgba(76,84,104,.3)}.alt-pay .order-note{margin:0}.kofi-link{font-family:var(--sans);font-size:.85rem;font-weight:600;text-decoration:none;color:var(--gold-ink);border:1px solid var(--gold-ink);border-radius:2px;padding:.5rem .95rem;white-space:nowrap;transition:background .2s,color .2s}.kofi-link:hover{background:var(--gold-ink);color:var(--paper)}@media(max-width:36rem){.order-form,.pay-methods{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto}}