:root{ /* brand */ --purple-deep:#5a189a; --purple:#7b2cbf; --purple-soft:#c6a4f9; --purple-pale:#f5eefe; --purple-ink:#2a0a4a; --ink:#2a1f3d; --ink-2:#3a2d52; --ink-soft:#5a4f6f; --muted:#7c8090; --mute-2:#9da2b3; --rule:#e6e3ee; --rule-2:#f0eef5; --paper:#ffffff; --paper-2:#faf9fc; --paper-3:#f4f1f9; --teal:#00c3d0; --coral:#ff8a65; /* playful warm */ --peach:#ffd5b5; --mint:#a3e4d7; --butter:#fff3c0; --rose:#ffd6e8; --cream:#fef8f1; --warm-bg:#faf6f0; --teal-soft:#7eecf3; --status:#16a34a; --display:'Source Serif 4','Source Serif Pro',Georgia,serif; --body:'Source Serif 4','Source Serif Pro',Georgia,serif; --mono:'Source Serif 4','Source Serif Pro',Georgia,serif; --maxw:1440px; --gutter:clamp(1.25rem,4vw,3rem); --radius:10px; --ease:cubic-bezier(.22,.7,.2,1); --ease-out:cubic-bezier(.16,1,.3,1); } *{box-sizing:border-box;margin:0;padding:0;} html{font-size:16px;scroll-behavior:smooth;background:#1a0530;scroll-padding-top:84px;} @media (max-width:760px){html{scroll-padding-top:64px;}} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}} body{ background:#ffffff; color:var(--ink); font-family:var(--body); font-weight:400; font-size:1rem; line-height:1.7; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; } img{display:block;max-width:100%;height:auto;} a{color:inherit;text-decoration:none;} .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);width:100%;} .tabular{font-variant-numeric:tabular-nums;} /* custom cursor disabled — using the native system pointer everywhere */ .cursor-dot,.cursor-ring{display:none !important;} /* ─── reading progress + status strip ───────────────── */ .progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--purple-deep),var(--purple-soft),var(--teal));z-index:60;width:0;transition:width .1s linear;} /* ─── status strip (replaces broken announce bar) ────── */ .statusbar{ background:linear-gradient(90deg,var(--purple-deep),var(--purple-ink));color:#fdf6ff; font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500; padding:.55rem var(--gutter);position:relative;z-index:35; border-bottom:1px solid rgba(255,255,255,.1); } .statusbar-inner{ max-width:var(--maxw);margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:1rem; } .statusbar .live-pill{display:inline-flex;align-items:center;gap:.5rem;color:#9efdaf;} .statusbar .live-pill::before{content:"";width:6px;height:6px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:livepulse 1.8s infinite;} @keyframes livepulse{ 0%{box-shadow:0 0 0 0 rgba(34,197,94,.6);} 70%{box-shadow:0 0 0 8px rgba(34,197,94,0);} 100%{box-shadow:0 0 0 0 rgba(34,197,94,0);} } .statusbar .right{display:flex;gap:1.4rem;align-items:center;} .statusbar .sep{color:#3a3d4a;} .statusbar a{color:var(--peach);border-bottom:1px solid transparent;transition:border-color .25s;} .statusbar a:hover{border-color:var(--purple-soft);} .statusbar b{color:#fff;font-weight:600;} /* ─── header ────────────────────────────────────────── */ header{ position:sticky;top:0;z-index:40; overflow:visible; background:#ffffffeb; border-bottom:1px solid rgba(90,24,154,.08); box-shadow:0 2px 14px -4px rgba(90,24,154,.1); transition:border-color .35s ease,box-shadow .35s ease; } header::before{ content:"";position:absolute;inset:0;z-index:-1; background:rgba(255,255,255,.42); backdrop-filter:saturate(200%) blur(24px); -webkit-backdrop-filter:saturate(200%) blur(24px); opacity:0;transition:opacity .35s ease; } header.scrolled::before{opacity:1;} header.scrolled{ border-bottom:1px solid rgba(90,24,154,.1); box-shadow:0 1px 20px -4px rgba(90,24,154,.09); } .head-inner{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding-block:.7rem;padding-inline-start:calc(var(--gutter) + 120px + 1.5rem);} /* brand — anchored to header bottom, half protruding below */ .brand{display:flex;align-items:center;} header .brand{position:absolute;left:var(--gutter);bottom:0;transform:translateY(50%);z-index:50;} .foot-mast .brand{position:static;transform:none;} .brand img{height:120px;width:auto;display:block;filter:drop-shadow(0 8px 24px rgba(90,24,154,.26));transition:height .3s ease;} header.scrolled .brand img{height:96px;} .foot-mast .brand img{height:80px;filter:none;} .brand-mark{ width:38px;height:38px;flex:0 0 38px;border-radius:10px; background:linear-gradient(135deg,var(--purple-deep) 0%,#1a0530 100%); display:grid;place-items:center;color:#fff;position:relative;overflow:hidden; box-shadow:0 8px 16px -6px rgba(90,24,154,.45),inset 0 1px 0 rgba(255,255,255,.18); } .brand-mark::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 30% 20%,rgba(255,255,255,.25),transparent 60%);} .brand-mark::before{content:"";position:absolute;inset:-2px;border-radius:12px;background:conic-gradient(from 0deg,var(--purple-soft),transparent 25%,transparent 75%,var(--purple-soft));opacity:0;animation:spinglow 6s linear infinite;} .brand:hover .brand-mark::before{opacity:.6;} @keyframes spinglow{to{transform:rotate(360deg);}} .brand-mark svg{width:19px;height:19px;position:relative;z-index:1;} .brand-name{display:flex;flex-direction:column;line-height:1;gap:.22rem;} .brand-name .n{font-family:var(--display);font-weight:500;font-size:1.22rem;letter-spacing:-.015em;color:var(--ink);font-variation-settings:"opsz" 144;} .brand-name .n em{font-style:italic;color:var(--purple-deep);font-weight:400;} .brand-name .n .dot{color:var(--muted);font-style:normal;font-weight:400;} .brand-name .tag{font-family:var(--mono);font-size:.6rem;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;} /* primary nav */ nav.primary{display:flex;gap:.1rem;justify-content:center;align-items:center;} nav.primary > a, nav.primary > .nav-item > .toggle{ font-family:var(--body);font-weight:500;font-size:.85rem;color:var(--ink-soft); padding:.55rem .95rem;border-radius:99px; display:inline-flex;align-items:center;gap:.35rem; transition:background .25s,color .25s;background:transparent;border:0; } nav.primary > a:hover, nav.primary > .nav-item:hover > .toggle, nav.primary > .nav-item.open > .toggle{background:var(--purple-pale);color:var(--purple-deep);} nav.primary .caret{ width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor; background:transparent;animation:none; transform:rotate(45deg) translate(-1px,-1px);transition:transform .35s var(--ease); } nav.primary .nav-item:hover .caret, nav.primary .nav-item.open .caret{transform:rotate(225deg) translate(-1px,-1px);} /* mega menu */ .mega{ position:absolute;top:100%;left:0;right:0; background:#fff;border-bottom:1px solid var(--rule);border-top:1px solid var(--rule); box-shadow:0 30px 60px -20px rgba(20,23,31,.2); opacity:0;visibility:hidden;transform:translateY(-8px); transition:opacity .35s var(--ease),transform .4s var(--ease),visibility 0s linear .35s;z-index:39; } .nav-item.open .mega,.nav-item:hover .mega{ opacity:1;visibility:visible;transform:translateY(0); transition:opacity .35s var(--ease),transform .4s var(--ease),visibility 0s linear 0s; } .mega-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;padding:2.5rem var(--gutter);max-width:var(--maxw);margin-inline:auto;} .mega-col h6{ font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase; color:var(--purple-deep);margin-bottom:.85rem;padding-bottom:.65rem; border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:.5rem; } .mega-col h6 .num{font-family:var(--display);font-style:italic;color:var(--muted);font-weight:400;font-size:.8rem;letter-spacing:0;text-transform:none;} .mega-col + h6{margin-top:1.5rem;} .mega-col ul{list-style:none;display:flex;flex-direction:column;gap:.05rem;} .mega-col li a{ display:flex;align-items:center;justify-content:space-between; font-family:var(--display);font-size:1rem;color:var(--ink);padding:.5rem 0; transition:color .25s,padding-left .25s;font-weight:400; } .mega-col li a:hover{color:var(--purple-deep);padding-left:.4rem;} .mega-col li a .pip{width:14px;height:1px;background:var(--purple-deep);opacity:0;transition:opacity .25s,width .25s;} .mega-col li a:hover .pip{opacity:1;width:24px;} .mega-col.group{display:flex;flex-direction:column;gap:0;} .mega-col.group ul + h6{margin-top:1.6rem;} .mega-feat{background:linear-gradient(180deg,var(--purple-pale),#fff);border:1px solid var(--rule);border-radius:var(--radius);padding:1.2rem;display:flex;flex-direction:column;gap:.85rem;height:fit-content;} .mega-feat .img{aspect-ratio:4/5;border-radius:6px;overflow:hidden;box-shadow:0 16px 30px -14px rgba(90,24,154,.45);} .mega-feat .img img{width:100%;height:100%;object-fit:cover;} .mega-feat .lab{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--purple-deep);} .mega-feat .t{font-family:var(--display);font-style:italic;font-size:1.1rem;line-height:1.15;color:var(--ink);} .mega-feat .a{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;} .mega-feat .link{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;color:var(--purple-deep);display:inline-flex;align-items:center;gap:.35rem;margin-top:.4rem;border-bottom:1px solid var(--purple-deep);align-self:flex-start;padding-bottom:1px;} .head-right{display:flex;align-items:center;gap:.7rem;margin-left:auto;} .burger{display:none;width:40px;height:40px;border:1px solid var(--rule);border-radius:99px;background:#fff;padding:0;} .burger span{display:block;width:16px;height:1.5px;background:var(--ink);margin:3.5px auto;transition:transform .35s var(--ease),opacity .25s;} .burger.open span:nth-child(1){transform:translateY(5px) rotate(45deg);} .burger.open span:nth-child(2){opacity:0;} .burger.open span:nth-child(3){transform:translateY(-5px) rotate(-45deg);} /* buttons */ .btn{ display:inline-flex;align-items:center;gap:.55rem; font-family:var(--body);font-weight:600;font-size:.86rem;letter-spacing:.01em; padding:.9rem 1.4rem;background:var(--ink);color:#fff;border:1.5px solid var(--ink); border-radius:999px;position:relative;will-change:transform; transition:transform .35s var(--ease),background .25s,color .25s,border-color .25s,box-shadow .35s; } .btn:hover{background:var(--purple-deep);border-color:var(--purple-deep);box-shadow:0 14px 30px -10px rgba(90,24,154,.5);transform:translateY(-1px);} .btn .arrow{transition:transform .25s;} .btn:hover .arrow{transform:translateX(4px);} .btn-purple{background:var(--purple-deep);border-color:var(--purple-deep);} .btn-purple:hover{background:var(--ink);border-color:var(--ink);} .btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink);} .btn-ghost:hover{background:var(--ink);color:#fff;} .btn-soft{background:transparent;color:var(--ink);border-color:rgba(90,24,154,.35);} .btn-soft:hover{background:var(--purple-deep);color:#fff;border-color:var(--purple-deep);} .btn-sm{padding:.6rem 1rem;font-size:.78rem;} .btn-glow{ background:linear-gradient(135deg,#3d0a6e 0%,var(--purple) 55%,#9d4edd 120%); border-color:transparent;color:#fff; position:relative;overflow:hidden;isolation:isolate; box-shadow:0 14px 28px -10px rgba(90,24,154,.45); } .btn-glow::before{ content:"";position:absolute;inset:0;border-radius:999px; background:linear-gradient(135deg,#9d4edd,#3d0a6e); opacity:0;transition:opacity .35s ease;z-index:-1; } .btn-glow:hover{ background:linear-gradient(135deg,#3d0a6e 0%,var(--purple) 55%,#9d4edd 120%); border-color:transparent;color:#fff; box-shadow:0 20px 36px -10px rgba(90,24,154,.55);transform:translateY(-2px); } .btn-glow:hover::before{opacity:1;} @keyframes btnspin{to{--ang:360deg;}} @property --ang{syntax:'';initial-value:0deg;inherits:false;} /* ============================================================ */ /* ─── HERO (cinematic dark) ────────────────────────────────── */ /* ============================================================ */ .hero{ position:relative;background:#ffffff;color:var(--ink); min-height:calc(100vh - 70px); padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(3rem,6vw,5rem); overflow:hidden;isolation:isolate; } /* grid backdrop */ .hero::before{ content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background-image: linear-gradient(rgba(90,24,154,.09) 1px,transparent 1px), linear-gradient(90deg,rgba(90,24,154,.09) 1px,transparent 1px); background-size:64px 64px; mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 80%); -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 80%); } /* animated mesh gradient */ .hero-mesh{ position:absolute;inset:0;z-index:0;pointer-events:none; background: radial-gradient(55% 50% at 15% 20%,rgba(90,24,154,.09),transparent 60%), radial-gradient(45% 40% at 80% 65%,rgba(123,44,191,.07),transparent 60%), radial-gradient(50% 50% at 50% 90%,rgba(198,164,249,.12),transparent 60%); filter:blur(20px);animation:mesh 22s ease-in-out infinite alternate; } @keyframes mesh{ 0%{transform:translate(0,0) scale(1);} 50%{transform:translate(2%,-1%) scale(1.04);} 100%{transform:translate(-1%,2%) scale(1.02);} } /* cursor spotlight */ .hero-spot{ position:absolute;inset:0;z-index:1;pointer-events:none; background:radial-gradient(circle 480px at var(--sx,50%) var(--sy,40%),rgba(198,164,249,.13),transparent 70%); transition:background .15s linear; } /* noise */ .hero-noise{ position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.18;mix-blend-mode:multiply; background-image:url("data:image/svg+xml;utf8,"); } .jcard .thumb img{object-fit: cover; object-position: left;} .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center;min-height:calc(100vh - 200px);} /* hero tag */ .hero-tag{ display:inline-flex;align-items:center;gap:.6rem; padding:.5rem .95rem;border-radius:99px; background:rgba(255,255,255,.7);border:1px solid rgba(90,24,154,.15); backdrop-filter:blur(10px); font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase; color:var(--purple-deep); box-shadow:0 8px 16px -8px rgba(90,24,154,.18); } .hero-tag .ic{width:14px;height:14px;color:var(--purple-deep);} .hero-tag .div{width:1px;height:10px;background:rgba(90,24,154,.2);} .hero-tag b{color:var(--ink);font-weight:600;} /* hero headline */ .hero h1{ font-family:var(--display);font-weight:400; font-size:clamp(2.8rem,7.4vw,6.4rem); line-height:.98;letter-spacing:-.025em; font-variation-settings:"opsz" 144,"SOFT" 60; color:var(--ink);margin-top:1.6rem;max-width:14ch; } .hero h1 .ital{font-style:italic;font-weight:600;letter-spacing:-.005em;background:linear-gradient(135deg,var(--purple-deep) 0%,#9d4edd 100%);-webkit-background-clip:text;background-clip:text;color:transparent;} .hero h1 .word{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.05em;margin-bottom:-.05em;} .hero h1 .word > span{display:inline-block;transform:translateY(110%);animation:rise 1.1s var(--ease-out) forwards;} .hero h1 .word.d1>span{animation-delay:.05s;} .hero h1 .word.d2>span{animation-delay:.18s;} .hero h1 .word.d3>span{animation-delay:.32s;} .hero h1 .word.d4>span{animation-delay:.46s;} @keyframes rise{to{transform:translateY(0);}} .hero h1 .swap-track{display:inline-flex;flex-direction:column;overflow:hidden;height:1.02em;vertical-align:-.16em;} .hero h1 .swap-track span{font-style:italic;background:linear-gradient(135deg,var(--purple-deep),#9d4edd);-webkit-background-clip:text;background-clip:text;color:transparent;animation:swap 12s cubic-bezier(.7,.2,.2,1) infinite;} @keyframes swap{0%,18%{transform:translateY(0);}20%,38%{transform:translateY(-100%);}40%,58%{transform:translateY(-200%);}60%,78%{transform:translateY(-300%);}80%,100%{transform:translateY(-400%);}} .hero-lede{ font-family:var(--display);font-style:italic;font-weight:400; font-size:1.15rem;line-height:1.6;color:var(--ink-soft); border-left:1px solid var(--purple-soft);padding:.1rem 0 .1rem 1rem; max-width:42ch;margin-top:1.8rem;opacity:0;animation:fadein .9s .8s var(--ease) forwards; } @keyframes fadein{to{opacity:1;}} .hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.9rem;opacity:0;animation:fadein .9s 1s var(--ease) forwards;} .hero-meta{ display:flex;gap:2rem;flex-wrap:wrap;margin-top:2.5rem;padding-top:1.6rem; border-top:1px solid rgba(90,24,154,.15);opacity:0;animation:fadein .9s 1.2s var(--ease) forwards; } .hero-meta .m{display:flex;flex-direction:column;gap:.2rem;} .hero-meta dt{font-family:var(--mono);font-size:.7rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;} .hero-meta dd{font-family:var(--display);font-size:1.05rem;color:var(--ink);font-weight:500;} /* ─── hero right: live manuscript stage ─────────────── */ .stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1800px;min-height:680px;} .stage-grid{ position:absolute;inset:-40px;z-index:0;pointer-events:none; background-image: linear-gradient(rgba(198,164,249,.05) 1px,transparent 1px), linear-gradient(90deg,rgba(198,164,249,.05) 1px,transparent 1px); background-size:32px 32px; mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 30%,transparent 80%); -webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 30%,transparent 80%); } .stage-ring{ position:absolute;width:520px;height:520px;border-radius:50%; border:1px solid rgba(198,164,249,.08); top:50%;left:50%;transform:translate(-50%,-50%); pointer-events:none; } .stage-ring::after{ content:"";position:absolute;inset:60px;border-radius:50%; border:1px dashed rgba(198,164,249,.06); } /* manuscript window — the hero centerpiece */ .manuscript{ position:relative;z-index:5; width:min(420px,92%); background:rgba(253,250,242,.985); backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%); color:var(--ink); border-radius:14px; padding:1.5rem 1.5rem 1.3rem; box-shadow: 0 60px 100px -30px rgba(20,23,31,.7), 0 30px 50px -25px rgba(90,24,154,.5), 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.6); transform:rotate(-1.5deg); transition:transform .8s var(--ease); } .manuscript:hover{transform:rotate(0deg);} .manuscript::before{ content:"";position:absolute;inset:-1px;border-radius:14px;pointer-events:none; background:linear-gradient(140deg,rgba(198,164,249,.45),transparent 30%,transparent 70%,rgba(0,195,208,.25)); mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000); -webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000); mask-composite:exclude;-webkit-mask-composite:xor;padding:1px;opacity:.5; } .m-header{ display:flex;justify-content:space-between;align-items:center; font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase; padding-bottom:.85rem;border-bottom:1px dashed rgba(20,23,31,.15); } .m-status{display:flex;align-items:center;gap:.4rem;color:#7a1f1f;} .m-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;animation:livepulse 1.6s infinite;} .m-time{color:var(--muted);font-variant-numeric:tabular-nums;} .m-meta{ display:flex;justify-content:space-between;align-items:baseline; padding-top:.85rem;padding-bottom:1.1rem; font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted); } .m-meta .m-title{font-family:var(--display);font-style:italic;font-size:1rem;color:var(--ink);letter-spacing:0;text-transform:none;font-weight:400;} .m-page{ background:linear-gradient(180deg,#fdfaf2 0%,#f8f3e6 100%); border:1px solid rgba(20,23,31,.06);border-radius:8px; padding:1.4rem 1.4rem 1.5rem; position:relative;overflow:hidden; box-shadow:inset 0 2px 8px rgba(122,31,31,.04); } .m-page::before{content:"";position:absolute;top:0;bottom:0;left:1.2rem;width:1px;background:rgba(122,31,31,.08);} .m-chap{ font-family:var(--mono);font-size:.58rem;letter-spacing:.3em;color:#7a1f1f;text-transform:uppercase; margin-bottom:.5rem;text-align:center; } .m-chap em{font-family:var(--display);font-style:italic;font-size:1.1rem;letter-spacing:0;text-transform:none;color:#7a1f1f;font-weight:400;} .m-chTitle{ font-family:var(--display);font-style:italic;font-weight:400;font-size:1.35rem; line-height:1.2;color:var(--ink);text-align:center;margin-bottom:1.2rem; font-variation-settings:"opsz" 144;letter-spacing:-.01em; } .m-chTitle em{font-style:italic;color:#7a1f1f;} .m-text{ font-family:var(--display);font-size:.88rem;line-height:1.65;color:var(--ink); font-weight:300;min-height:88px; text-indent:1.2em; } .m-text.has-drop::first-letter{ font-family:var(--display);font-size:2.4rem;line-height:.85; float:left;padding:.18rem .35rem 0 0;color:#7a1f1f;font-style:italic;font-weight:400; } .caret{display:inline-block;width:2px;height:1.05em;background:var(--purple-deep);vertical-align:text-bottom;margin-left:1px;animation:caretblink .9s steps(1) infinite;} @keyframes caretblink{50%{opacity:0;}} .m-foot{ display:flex;justify-content:space-between;align-items:center; padding-top:1rem;margin-top:.15rem; font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted); } .m-foot div{display:flex;flex-direction:column;gap:.15rem;} .m-foot .lab{color:var(--muted);font-size:.56rem;letter-spacing:.16em;} .m-foot .val{font-family:var(--display);font-style:italic;font-size:.9rem;color:var(--ink);letter-spacing:0;text-transform:none;font-weight:400;font-variant-numeric:tabular-nums;} .m-foot .val.live{color:var(--purple-deep);} .m-foot .val.live::before{content:"↑ ";color:#22c55e;font-style:normal;} /* ─── interactive book showcase (fan spread) ─── */ .book-showcase{position:absolute;inset:0;z-index:2;pointer-events:none;transform:translate(-60px,-40px);} .book-card{ position:absolute;top:50%;left:50%; border-radius:7px;overflow:hidden;background:#fff; box-shadow:0 24px 50px -14px rgba(90,24,154,.28),0 6px 14px -6px rgba(90,24,154,.14),0 0 0 1px rgba(255,255,255,.55); pointer-events:auto;cursor:pointer;will-change:transform; /* JS sets the real transform; this is the pre-spread default */ transform:translate(-50%,-50%) scale(.82);opacity:0; } .book-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;} .book-card.bc4{width:260px;height:370px;z-index:7;} .book-card.bc3,.book-card.bc5{width:235px;height:335px;z-index:6;} .book-card.bc2,.book-card.bc6{width:215px;height:306px;z-index:5;} .book-card.bc1,.book-card.bc7{width:195px;height:278px;z-index:4;} .book-card:hover{box-shadow:0 36px 70px -18px rgba(90,24,154,.42),0 0 0 1px rgba(90,24,154,.18);} .book-card.lifted{z-index:10!important;} .book-showcase-hint{ position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:3; font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase; color:rgba(255,255,255,.7);background:rgba(20,5,40,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px); padding:.4rem .7rem;border-radius:99px; pointer-events:none;opacity:0;animation:hintIn .5s ease 1.6s forwards; } @keyframes hintIn{to{opacity:1;}} @media (prefers-reduced-motion:reduce){ .book-showcase-hint{opacity:1;animation:none;} } /* scroll cue */ .scroll-cue{ position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:3; display:flex;flex-direction:column;align-items:center;gap:.5rem; font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;color:var(--mute-2);text-transform:uppercase; } .scroll-cue .line{width:1px;height:36px;background:linear-gradient(180deg,transparent,var(--purple-soft));position:relative;overflow:hidden;} .scroll-cue .line::after{content:"";position:absolute;top:-100%;left:0;width:100%;height:50%;background:linear-gradient(180deg,transparent,#fff);animation:scrollline 2s ease-in-out infinite;} @keyframes scrollline{0%{top:-50%;}100%{top:100%;}} /* ─── studio ticker (live feed) ─────────────────────── */ .studio-feed{ background:linear-gradient(90deg,var(--purple-ink),var(--purple-deep),var(--purple-ink));border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1); padding:.95rem 0;overflow:hidden;position:relative; } .studio-feed-inner{display:flex;gap:3rem;align-items:center;animation:slide 50s linear infinite;width:max-content;} .studio-feed:hover .studio-feed-inner{animation-play-state:paused;} @keyframes slide{to{transform:translateX(-50%);}} .studio-feed::before,.studio-feed::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;} .studio-feed::before{left:0;background:linear-gradient(90deg,var(--purple-ink),transparent);} .studio-feed::after{right:0;background:linear-gradient(-90deg,var(--purple-ink),transparent);} .feed-item{display:inline-flex;gap:.6rem;align-items:center;font-family:var(--mono);font-size:.76rem;color:#ecd9ff;letter-spacing:.06em;white-space:nowrap;font-weight:500;} .feed-item .dot{width:6px;height:6px;border-radius:50%;background:var(--purple-soft);} .feed-item .dot.green{background:#22c55e;} .feed-item .dot.blue{background:var(--teal);} .feed-item b{color:#fff;font-family:var(--display);font-style:italic;font-weight:400;font-size:.92rem;letter-spacing:0;text-transform:none;} .feed-item span.tag{color:var(--purple-soft);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;} .wp-caption {width: auto !important;} /* ─── sections ─────────────────────────────────────── */ section{padding:clamp(2.5rem,5vw,4.5rem) 0;position:relative;} .section-alt{background:rgba(90,24,154,.03);} .section-dark{background:linear-gradient(165deg,#f5f0fe 0%,#ede5fd 100%);color:var(--ink);} .section-dark .chapter-title{color:var(--ink);} .section-dark .chapter-title em{color:var(--purple-deep);} .section-dark .chapter-deck{color:var(--ink-soft);} .section-dark .chapter-num{color:var(--purple-deep);border-color:var(--purple-deep);} .section-dark .chapter-num small{color:var(--muted);} .chapter-head{display:grid;grid-template-columns:8rem 1fr;gap:1.6rem;align-items:start;margin-bottom:clamp(2rem,5vw,3.5rem);} .chapter-num{ font-family:var(--display);font-variation-settings:"opsz" 144; font-size:.85rem;font-weight:500;letter-spacing:.18em;color:var(--purple-deep); display:flex;flex-direction:column;gap:.3rem;padding-top:.7rem; border-top:2px solid var(--purple-deep); } .chapter-num small{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;} .chapter-title{font-family:var(--display);font-weight:400;font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1;letter-spacing:-.02em;font-variation-settings:"opsz" 144;color:var(--ink);} .chapter-title em, .cat-row .t em, .edition .name em, .last-headline em, .promise .body h4 em, .cta-strip p em{ font-style:italic;font-weight:600;color:var(--purple-deep); font-variation-settings:normal;letter-spacing:-.005em; } .last-section .last-headline em, .section-dark .chapter-title em, .cta-strip.dark p em{color:var(--purple-soft);} .chapter-title em{font-style:italic;font-weight:500;color:var(--purple-deep);} .chapter-deck{font-family:var(--display);font-style:italic;color:var(--ink-soft);font-weight:300;font-size:1.1rem;line-height:1.5;margin-top:.7rem;max-width:50ch;} /* ─── editor's letter ─────────────────────────────── */ .letter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(2rem,5vw,4.5rem);align-items:start;} .letter-figure{display:flex;flex-direction:column;gap:1.2rem;position:relative;} .letter-figure .img{width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:6px;box-shadow:0 30px 50px -25px rgba(20,23,31,.25);position:relative;} .letter-figure .img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease;} .letter-figure .img:hover img{transform:scale(1.05);} .letter-figure .caption{font-family:var(--mono);font-size:.7rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding-left:.8rem;border-left:2px solid var(--purple-deep);} .letter-figure .badge{position:absolute;top:1.1rem;left:1.1rem;background:#fff;color:var(--ink);padding:.55rem .8rem;border-radius:6px;display:flex;flex-direction:column;gap:.1rem;box-shadow:0 6px 14px -6px rgba(20,23,31,.2);} .letter-figure .badge .l{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;} .letter-figure .badge .v{font-family:var(--display);font-size:1.1rem;font-weight:500;color:var(--purple-deep);font-style:italic;} .letter-body{font-family:var(--display);font-size:1.18rem;line-height:1.65;color:var(--ink);max-width:60ch;font-weight:300;} .letter-body p{margin-bottom:1.1rem;} .letter-body p:first-child::first-letter{font-family:var(--display);font-style:italic;color:var(--purple-deep);font-size:4.6rem;line-height:.86;float:left;padding:.4rem .55rem 0 0;font-weight:400;} .letter-body em{font-style:italic;color:var(--purple-deep);} .signature{display:flex;flex-direction:column;gap:.3rem;margin-top:1.8rem;} .signature svg{width:160px;color:var(--purple-deep);} .sig-meta{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;} .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--rule);} .stat{display:flex;flex-direction:column;gap:.3rem;} .stat .n{font-family:var(--display);font-size:clamp(2rem,3.4vw,2.8rem);font-weight:400;line-height:1;color:var(--ink);font-variation-settings:"opsz" 144;letter-spacing:-.02em;font-variant-numeric:tabular-nums;} .stat .n em{font-style:italic;color:var(--purple-deep);font-weight:300;font-size:.65em;display:inline-block;margin-left:.1em;} .stat .l{font-family:var(--mono);font-size:.66rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;} /* ─── catalogue ────────────────────────────────────── */ .cat{display:flex;flex-direction:column;} .cat-row{ display:grid;grid-template-columns:5rem minmax(0,3fr) minmax(0,1.3fr) 2rem;gap:1.6rem;align-items:start; padding:1.9rem 1rem;border-bottom:1px solid var(--rule); transition:background .35s ease,padding .35s ease;position:relative; } .cat-row:first-of-type{border-top:1px solid var(--ink);} .cat-row:hover{background:linear-gradient(90deg,var(--rose) 0%,var(--purple-pale) 100%);padding-left:1.8rem;} .cat-row .n{font-family:var(--mono);font-size:.74rem;color:var(--purple-deep);letter-spacing:.12em;padding-top:.45rem;font-weight:500;} .cat-row .t{font-family:var(--display);font-size:clamp(1.45rem,2.6vw,1.95rem);font-weight:400;line-height:1.08;letter-spacing:-.01em;font-variation-settings:"opsz" 144;color:var(--ink);} .cat-row .t em{font-style:italic;color:var(--purple-deep);} .cat-row .d{color:var(--ink-soft);font-size:.92rem;line-height:1.55;max-width:54ch;margin-top:.5rem;} .cat-row .meta{font-family:var(--mono);font-size:.7rem;color:var(--muted);letter-spacing:.1em;text-align:right;padding-top:.55rem;line-height:1.7;} .cat-row .meta b{display:block;color:var(--ink);font-weight:500;font-size:.95rem;letter-spacing:.04em;margin-bottom:.2rem;font-family:var(--display);} .cat-row .arr{align-self:center;justify-self:end;color:var(--purple-soft);font-size:1.4rem;opacity:.5;transition:transform .3s var(--ease),opacity .3s,color .3s;line-height:1;} .cat-row:hover .arr{opacity:1;color:var(--purple-deep);transform:translateX(4px);} .cat-row .tag{display:inline-block;font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;color:var(--purple-deep);background:var(--purple-pale);padding:.2rem .5rem;border-radius:99px;margin-left:.5rem;vertical-align:middle;text-transform:uppercase;} /* ─── bookshelf ────────────────────────────────────── */ .shelf-wrap{position:relative;} .shelf-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;} .shelf-filters{display:flex;gap:.4rem;flex-wrap:wrap;} .shelf-filters button{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:.55rem .9rem;border:1px solid var(--rule);background:#fff;color:var(--ink-soft);border-radius:99px;transition:all .25s;} .shelf-filters button:hover,.shelf-filters button.active{background:var(--ink);color:#fff;border-color:var(--ink);} .shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(2rem,4vw,3.5rem) clamp(1rem,3vw,2.5rem);padding-block:1.5rem;justify-content:start;} .shelf-item{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;perspective:1400px;transition:opacity .5s,transform .5s;} .shelf-item.hidden{display:none;} .shelf-item{animation:shelfIn .55s var(--ease) backwards;} @keyframes shelfIn{from{opacity:0;transform:translateY(12px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}} .shelf-cover{display:block;position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:6px;filter:drop-shadow(10px 16px 22px rgba(90,24,154,.22));transition:transform .65s var(--ease),filter .65s ease;will-change:transform;text-decoration:none;color:inherit;} .shelf-item:hover .shelf-cover{transform:rotateY(-10deg) rotateX(3deg) translateY(-6px);filter:drop-shadow(18px 26px 32px rgba(20,23,31,.3));} .shelf-cover img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.2s ease;background:#fff;} .shelf-item:hover .shelf-cover img{transform:scale(1.06);} .shelf-cover .overlay{display:none;} .shelf-cover .top{position:absolute;top:.85rem;left:.9rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;background:rgba(255,255,255,.92);padding:.3rem .55rem;border-radius:99px;color:var(--purple-deep);font-weight:600;box-shadow:0 4px 8px rgba(90,24,154,.15);} .shelf-cover .t{font-family:var(--display);font-style:italic;font-size:1.15rem;line-height:1.1;font-variation-settings:"opsz" 144;font-weight:400;} .shelf-cover .a{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;opacity:.9;} .shelf-cover .spine-edge{position:absolute;top:0;right:0;bottom:0;width:5px;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.1));} .shelf-cover .preview-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);background:#fff;color:var(--ink);font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;padding:.5rem .8rem;border-radius:99px;text-transform:uppercase;opacity:0;transition:opacity .35s,transform .35s;pointer-events:none;} .shelf-item:hover .shelf-cover .preview-btn{opacity:1;transform:translate(-50%,-50%);} .shelf-meta{display:flex;flex-direction:column;gap:.15rem;} .shelf-meta .t{font-family:var(--display);font-size:1.02rem;font-style:italic;color:var(--ink);} .shelf-meta .b{font-family:var(--mono);font-size:.62rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;} /* Carousel modifier — horizontal scroll with snap points. Used on the homepage shelf section. Bookshelf page keeps the grid layout. */ .shelf--carousel{display:flex;grid-template-columns:none;gap:clamp(1rem,3vw,2rem);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:1.5rem .25rem 2rem;scrollbar-width:thin;scrollbar-color:var(--purple-soft) transparent;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 60px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 60px),transparent 100%);} .shelf--carousel .shelf-item{flex:0 0 auto;width:clamp(170px,24vw,220px);scroll-snap-align:start;} .shelf--carousel::-webkit-scrollbar{height:8px;} .shelf--carousel::-webkit-scrollbar-thumb{background:var(--purple-soft);border-radius:99px;} .shelf--carousel::-webkit-scrollbar-track{background:transparent;} @media (max-width:720px){ .shelf--carousel .shelf-item{width:clamp(150px,42vw,200px);} .shelf--carousel{mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 40px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 40px),transparent 100%);} } /* ─── hero book cover → animated info modal ─── */ .hero .book-card{cursor:pointer;} .book-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2.5rem);opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s linear .35s;} .book-modal.open{opacity:1;visibility:visible;transition:opacity .35s var(--ease),visibility 0s;} .book-modal-backdrop{position:absolute;inset:0;background:rgba(20,5,40,.55);backdrop-filter:blur(8px) saturate(110%);-webkit-backdrop-filter:blur(8px) saturate(110%);} .book-modal-panel{position:relative;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);background:var(--paper);border-radius:14px;box-shadow:0 40px 90px -25px rgba(20,5,40,.55);padding:clamp(1.5rem,4vw,2.4rem);max-width:880px;width:100%;max-height:90vh;overflow-y:auto;transform:translateY(20px) scale(.96);opacity:0;transition:transform .45s var(--ease),opacity .35s ease;} .book-modal.open .book-modal-panel{transform:translateY(0) scale(1);opacity:1;} .book-modal-close{position:absolute;top:.7rem;right:.9rem;width:36px;height:36px;border-radius:99px;background:rgba(20,5,40,.06);border:none;color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer;transition:background .25s,transform .25s;font-family:var(--display);} .book-modal-close:hover{background:rgba(20,5,40,.14);transform:rotate(90deg);} .book-modal-cover{aspect-ratio:2/3;border-radius:8px;overflow:hidden;box-shadow:0 24px 50px -18px rgba(20,5,40,.45);align-self:start;} .book-modal-cover img{width:100%;height:100%;object-fit:cover;display:block;} .book-modal-body{display:flex;flex-direction:column;gap:.85rem;align-self:center;} .book-modal-body .bm-cat{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--purple-deep);font-weight:600;} .book-modal-body .bm-title{font-family:var(--display);font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.1;font-style:italic;font-weight:500;color:var(--ink);margin:0;letter-spacing:-.01em;} .book-modal-body .bm-author{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;} .book-modal-body .bm-blurb{font-family:var(--display);font-size:1.02rem;line-height:1.55;color:var(--ink-soft);margin:.3rem 0 0;} .book-modal-body .bm-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;} @media (max-width:640px){ .book-modal-panel{grid-template-columns:1fr;max-height:94vh;} .book-modal-cover{max-width:200px;justify-self:center;} } @media (prefers-reduced-motion:reduce){ .book-modal,.book-modal-panel{transition:none;} } /* ─── process ──────────────────────────────────────── */ .process{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start;} .steps{display:flex;flex-direction:column;} .step{display:grid;grid-template-columns:4.2rem 1fr;gap:1.3rem;align-items:start;padding:1.8rem 0;border-bottom:1px solid rgba(90,24,154,.12);position:relative;transition:padding-left .35s var(--ease);} .step:first-child{border-top:1px solid rgba(90,24,154,.25);} .step:hover{padding-left:.7rem;} .step:hover::before{content:"";position:absolute;left:0;top:1.8rem;bottom:1.8rem;width:2px;background:var(--purple-soft);} .step .n{font-family:var(--display);font-size:1.1rem;color:var(--purple-deep);font-variation-settings:"opsz" 144;font-weight:600;letter-spacing:.04em;padding:.3rem .75rem;background:#fff;border-radius:10px;display:inline-flex;align-self:flex-start;border:1.5px solid var(--purple-deep);} .step h4{font-family:var(--display);font-weight:500;font-size:1.65rem;line-height:1.15;margin-bottom:.55rem;letter-spacing:-.01em;color:var(--ink);} .step h4 em{font-style:italic;color:var(--coral);} .step p{color:var(--ink-soft);font-size:.96rem;max-width:50ch;line-height:1.7;} .step .time{font-family:var(--mono);font-size:.7rem;color:var(--muted);letter-spacing:.12em;margin-top:.7rem;text-transform:uppercase;display:flex;gap:.5rem;align-items:center;} .step .time::before{content:"";width:1.2rem;height:1px;background:var(--purple-soft);} .process-aside{position:sticky;top:6rem;display:flex;flex-direction:column;gap:1.4rem;} .process-aside .img{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:8px;box-shadow:0 26px 40px -22px rgba(0,0,0,.5);position:relative;} .process-aside .img img{width:100%;height:100%;object-fit:cover;} .process-aside .img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(42,31,61,.35));} .process-aside .card{background:#fff;border:1.5px solid var(--purple-deep);box-shadow:0 24px 40px -20px rgba(90,24,154,.2);padding:1.9rem 1.8rem;border-radius:16px;display:flex;flex-direction:column;gap:1.2rem;position:relative;overflow:hidden;} .process-aside .card::before{content:"";position:absolute;top:-30%;right:-20%;width:280px;height:280px;background:radial-gradient(closest-side,rgba(255,138,101,.18),transparent 70%);pointer-events:none;} .process-aside .card h5{font-family:var(--display);font-style:italic;font-size:1.5rem;line-height:1.2;color:var(--ink);font-weight:500;position:relative;z-index:1;} .process-aside .card ul{list-style:none;display:flex;flex-direction:column;gap:.65rem;position:relative;z-index:1;} .process-aside .card li{display:flex;gap:.7rem;align-items:flex-start;color:var(--ink-soft);font-size:.94rem;line-height:1.55;} .process-aside .card li::before{content:"";flex:0 0 7px;width:7px;height:7px;background:var(--coral);margin-top:.55rem;border-radius:50%;} .process-aside .card .ftn{font-family:var(--mono);font-size:.68rem;color:var(--purple-deep);letter-spacing:.1em;border-top:1px solid rgba(90,24,154,.15);padding-top:1rem;text-transform:uppercase;line-height:1.65;position:relative;z-index:1;font-weight:500;} /* ─── services tiles ─────────────────────────────────── */ .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;} .svc-tile{ background:#fff;border:1px solid var(--rule);border-radius:14px; padding:2rem 1.8rem;display:flex;flex-direction:column;gap:.9rem; position:relative;overflow:hidden; text-decoration:none;color:inherit; transition:transform .35s var(--ease),box-shadow .35s,border-color .35s; } .svc-tile::after{ content:"";position:absolute;inset:0;border-radius:14px;opacity:0; transition:opacity .35s;pointer-events:none; } .svc-tile:hover{transform:translateY(-5px);} .svc-tile-icon{ width:46px;height:46px;border-radius:12px; display:grid;place-items:center;flex:0 0 46px; } .svc-tile-icon svg{width:22px;height:22px;} .svc-tile-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin-top:.2rem;} .svc-tile-title{font-family:var(--display);font-weight:400;font-size:1.32rem;line-height:1.15;letter-spacing:-.01em;font-variation-settings:"opsz" 144;color:var(--ink);} .svc-tile-desc{font-size:.91rem;color:var(--ink-soft);line-height:1.6;flex:1;} .svc-tile-foot{display:flex;justify-content:space-between;align-items:center;padding-top:.85rem;border-top:1px solid var(--rule-2);margin-top:auto;} .svc-tile-link{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem;transition:gap .25s;} .svc-tile:hover .svc-tile-link{gap:.7rem;} .svc-tile.c-writing .svc-tile-icon{background:rgba(90,24,154,.09);} .svc-tile.c-writing .svc-tile-icon svg,.svc-tile.c-writing .svc-tile-label,.svc-tile.c-writing .svc-tile-link{color:var(--purple-deep);} .svc-tile.c-writing:hover{border-color:var(--purple-deep);box-shadow:0 24px 44px -16px rgba(90,24,154,.18);} .svc-tile.c-writing::after{background:linear-gradient(160deg,rgba(90,24,154,.04),transparent 55%);} .svc-tile.c-writing:hover::after{opacity:1;} .svc-tile.c-childrens .svc-tile-icon{background:rgba(0,151,167,.1);} .svc-tile.c-childrens .svc-tile-icon svg,.svc-tile.c-childrens .svc-tile-label,.svc-tile.c-childrens .svc-tile-link{color:#0097a7;} .svc-tile.c-childrens:hover{border-color:#0097a7;box-shadow:0 24px 44px -16px rgba(0,151,167,.18);} .svc-tile.c-childrens::after{background:linear-gradient(160deg,rgba(0,195,208,.05),transparent 55%);} .svc-tile.c-childrens:hover::after{opacity:1;} .svc-tile.c-cover .svc-tile-icon{background:rgba(255,138,101,.12);} .svc-tile.c-cover .svc-tile-icon svg,.svc-tile.c-cover .svc-tile-label,.svc-tile.c-cover .svc-tile-link{color:#c0390f;} .svc-tile.c-cover:hover{border-color:var(--coral);box-shadow:0 24px 44px -16px rgba(255,138,101,.2);} .svc-tile.c-cover::after{background:linear-gradient(160deg,rgba(255,138,101,.06),transparent 55%);} .svc-tile.c-cover:hover::after{opacity:1;} .svc-tile.c-kdp .svc-tile-icon{background:rgba(42,31,61,.07);} .svc-tile.c-kdp .svc-tile-icon svg,.svc-tile.c-kdp .svc-tile-label,.svc-tile.c-kdp .svc-tile-link{color:var(--ink);} .svc-tile.c-kdp:hover{border-color:var(--ink);box-shadow:0 24px 44px -16px rgba(42,31,61,.15);} .svc-tile.c-kdp::after{background:linear-gradient(160deg,rgba(42,31,61,.04),transparent 55%);} .svc-tile.c-kdp:hover::after{opacity:1;} .svc-tile.c-memoir .svc-tile-icon{background:rgba(123,44,191,.09);} .svc-tile.c-memoir .svc-tile-icon svg,.svc-tile.c-memoir .svc-tile-label,.svc-tile.c-memoir .svc-tile-link{color:var(--purple);} .svc-tile.c-memoir:hover{border-color:var(--purple);box-shadow:0 24px 44px -16px rgba(123,44,191,.18);} .svc-tile.c-memoir::after{background:linear-gradient(160deg,rgba(123,44,191,.05),transparent 55%);} .svc-tile.c-memoir:hover::after{opacity:1;} .svc-tile.c-format .svc-tile-icon{background:rgba(0,195,208,.1);} .svc-tile.c-format .svc-tile-icon svg,.svc-tile.c-format .svc-tile-label,.svc-tile.c-format .svc-tile-link{color:#007c85;} .svc-tile.c-format:hover{border-color:var(--teal);box-shadow:0 24px 44px -16px rgba(0,195,208,.18);} .svc-tile.c-format::after{background:linear-gradient(160deg,rgba(0,195,208,.05),transparent 55%);} .svc-tile.c-format:hover::after{opacity:1;} .recent-post h6 a { text-decoration: none; transition:0.5s; border-bottom:1px solid #000; font-size: 16px; line-height: 26px; color: #000; margin-top: 10px !important; } .recent-post h6 a:hover{color:#5a189a !important;} .recent-post img { width: 130px !important; height: 100px; object-fit: cover; border-radius: 10% !important; object-position: left; } .services-foot{display:flex;justify-content:center;margin-top:2.8rem;} /* ─── process flow (6-step client journey) ──────────── */ .process-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem;position:relative;} .pstep{ background:#fff;border:1px solid rgba(90,24,154,.12);border-radius:14px; padding:1.8rem 1.6rem;display:flex;flex-direction:column;gap:.85rem; position:relative; transition:border-color .35s,transform .35s var(--ease),box-shadow .35s; } .pstep:hover{border-color:var(--purple-deep);transform:translateY(-4px);box-shadow:0 22px 42px -18px rgba(90,24,154,.2);} .pstep-num{ font-family:var(--display);font-size:1rem;color:var(--purple-deep); font-variation-settings:"opsz" 144;font-weight:700;letter-spacing:.04em; width:38px;height:38px;display:grid;place-items:center; background:var(--purple-pale);border-radius:10px;border:1.5px solid var(--purple-deep); flex:0 0 38px; } .pstep h4{font-family:var(--display);font-weight:500;font-size:1.18rem;line-height:1.2;color:var(--ink);margin:0;} .pstep h4 em{font-style:italic;color:var(--purple-deep);} .pstep p{font-size:.9rem;color:var(--ink-soft);line-height:1.65;} .process-cta{display:flex;gap:.75rem;margin-top:2.5rem;justify-content:center;flex-wrap:wrap;} /* ─── testimonials ─────────────────────────────────── */ .letters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.4rem,3vw,2rem);} .tcard{background:var(--paper);border:1px solid var(--rule);padding:1.8rem 1.7rem;border-radius:8px;display:flex;flex-direction:column;gap:1.1rem;position:relative;transition:transform .35s,box-shadow .35s,border-color .35s;} .tcard:hover{transform:translateY(-4px);box-shadow:0 28px 40px -22px rgba(20,23,31,.18);border-color:var(--purple-soft);} .tcard .q-mark{font-family:var(--display);color:var(--purple-deep);font-size:3rem;line-height:0;margin-bottom:.6rem;font-weight:400;font-variation-settings:"opsz" 144;} .tcard .quote{font-family:var(--display);font-size:1.05rem;line-height:1.55;color:var(--ink);font-style:italic;font-weight:300;} .tcard .stars{display:flex;gap:.1rem;color:var(--purple-deep);font-size:.9rem;} .tcard .by{display:flex;gap:.85rem;align-items:center;padding-top:1rem;border-top:1px solid var(--rule);} .tcard .by .avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;flex:0 0 42px;background:var(--purple-pale);} .tcard .by .avatar img{width:100%;height:100%;object-fit:cover;} .tcard .by .info{display:flex;flex-direction:column;gap:.05rem;} .tcard .by .name{font-family:var(--display);font-size:1rem;font-weight:500;font-style:italic;color:var(--ink);} .tcard .by .role{font-family:var(--mono);font-size:.62rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;} /* ─── editions ─────────────────────────────────────── */ .editions{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;} .edition{background:#fff;border:1px solid var(--rule);padding:2.2rem 1.8rem;border-radius:10px;display:flex;flex-direction:column;gap:1.4rem;position:relative;transition:transform .35s,box-shadow .35s;} .edition:hover{transform:translateY(-6px);box-shadow:0 30px 50px -25px rgba(20,23,31,.18);} .edition .label{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);} .edition .name{font-family:var(--display);font-weight:400;font-size:2rem;line-height:1.05;font-variation-settings:"opsz" 144;letter-spacing:-.01em;color:var(--ink);} .edition .name em{font-style:italic;color:var(--purple-deep);font-weight:300;} .edition .price{font-family:var(--display);font-size:.95rem;font-style:italic;color:var(--ink-soft);padding-block:.7rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);} .edition .price b{font-family:var(--display);font-weight:500;font-size:1.7rem;font-style:normal;display:inline-block;margin-right:.4rem;color:var(--ink);} .edition ul{list-style:none;display:flex;flex-direction:column;gap:.7rem;font-size:.9rem;} .edition li{display:flex;gap:.65rem;align-items:flex-start;color:var(--ink-soft);line-height:1.55;} .edition li::before{content:"✓";color:var(--purple-deep);flex:0 0 1rem;font-weight:500;} .edition .cta{margin-top:auto;} .edition.feature{background:linear-gradient(160deg,var(--purple-deep),var(--purple-ink));color:#fff;border-color:transparent;position:relative;overflow:hidden;} .edition.feature::before{content:"";position:absolute;top:-30%;right:-15%;width:280px;height:280px;background:radial-gradient(closest-side,rgba(255,138,101,.35),transparent 70%);pointer-events:none;} .edition.feature > *{position:relative;z-index:1;} .edition.feature .label{color:var(--purple-soft);} .edition.feature .name,.edition.feature .price b{color:#fff;} .edition.feature .name em{color:var(--purple-soft);} .edition.feature .price{color:#bcb5d0;border-color:rgba(198,164,249,.25);} .edition.feature li{color:#d8d2e8;} .edition.feature li::before{color:var(--purple-soft);} .edition.feature .btn{background:#fff;color:var(--ink);border-color:#fff;} .edition.feature .btn:hover{background:var(--purple-deep);border-color:var(--purple-deep);color:#fff;} .ribbon{position:absolute;top:1.2rem;right:1.2rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--purple-soft);padding:.3rem .65rem;border:1px solid var(--purple-soft);border-radius:99px;} /* ─── journal ─────────────────────────────────────── */ .journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.5rem);} .jcard{display:flex;flex-direction:column;gap:1rem;position:relative;} .jcard .thumb{aspect-ratio:5/3;border-radius:8px;overflow:hidden;position:relative;} .jcard .thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s ease;} .jcard:hover .thumb img{transform:scale(1.06);} .jcard .thumb .cat{position:absolute;top:1rem;left:1rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;background:#fff;color:var(--purple-deep);padding:.3rem .55rem;border-radius:99px;} .jcard .meta{display:flex;gap:.7rem;font-family:var(--mono);font-size:.62rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;} .jcard .meta .read::before{content:"·";margin-right:.5rem;} .jcard h3{font-family:var(--display);font-weight:400;font-size:1.45rem;line-height:1.2;letter-spacing:-.01em;font-variation-settings:"opsz" 144;color:var(--ink);} .jcard h3 em{font-style:italic;color:var(--purple-deep);} .jcard p{color:var(--ink-soft);font-size:.92rem;line-height:1.55;} .jcard .more{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--purple-deep);text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem;border-bottom:1px solid var(--purple-deep);padding-bottom:1px;align-self:flex-start;} /* ─── press strip ─────────────────────────────────── */ .press{padding:3.2rem 0;background:#06080d;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);color:#bcb5d0;} .press-grid{display:grid;grid-template-columns:auto repeat(5,1fr);gap:2.5rem;align-items:center;} .press-grid .lab{font-family:var(--mono);font-size:.66rem;color:var(--mute-2);letter-spacing:.16em;text-transform:uppercase;line-height:1.6;} .press-grid .lab b{display:block;font-family:var(--display);font-weight:400;font-style:italic;color:#fff;font-size:1.1rem;text-transform:none;letter-spacing:0;} .press-grid .l{font-family:var(--display);font-size:1.4rem;color:#bcb5d0;font-weight:500;letter-spacing:-.01em;text-align:center;opacity:.7;transition:opacity .3s,color .3s,transform .3s;} .press-grid .l:hover{opacity:1;color:var(--purple-soft);transform:translateY(-2px);} .press-grid .l em{font-style:italic;font-weight:400;} .press-grid .l span{font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;display:block;color:var(--mute-2);font-weight:400;} /* ─── last page (contact) ─────────────────────────── */ .last-section{background:linear-gradient(160deg,var(--purple-deep) 0%,var(--purple-ink) 60%,#2a0a4a 100%);color:#fff;position:relative;overflow:hidden;} .last-section::before{content:"";position:absolute;top:-30%;left:-15%;width:60vw;height:60vw;background:radial-gradient(closest-side,rgba(255,138,101,.22),transparent 70%);pointer-events:none;} .last-section::after{content:"";position:absolute;bottom:-40%;right:-20%;width:60vw;height:60vw;background:radial-gradient(closest-side,rgba(0,195,208,.12),transparent 70%);pointer-events:none;} /* readable ghost/soft buttons on the dark contact section */ .last-section .btn-soft,.last-section .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.04);} .last-section .btn-soft:hover,.last-section .btn-ghost:hover{background:#fff;color:var(--purple-deep);border-color:#fff;} .blog-content ul{padding-left:20px !important;} /* .last{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start;position:relative;z-index:1;} */ .last-headline{font-family:var(--display);font-weight:400;font-size:clamp(2.5rem,5.5vw,4.4rem);line-height:.98;letter-spacing:-.02em;font-variation-settings:"opsz" 144;color:#fff;margin-bottom:1.8rem;} .last-headline em{font-style:italic;color:var(--purple-soft);} .last-body p{font-family:var(--display);font-style:italic;font-size:1.16rem;line-height:1.5;color:#bcb5d0;max-width:42ch;font-weight:300;margin-bottom:1.6rem;} .last-actions{display:flex;gap:.7rem;flex-wrap:wrap;} .contact-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);padding:2rem 1.8rem;border-radius:18px;} .contact-row{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:1.1rem 0;border-top:1px solid rgba(255,255,255,.1);align-items:baseline;} .contact-row:first-of-type{border-top:0;padding-top:0;} .contact-row dt{font-family:var(--mono);font-size:.62rem;color:var(--purple-soft);letter-spacing:.16em;text-transform:uppercase;} .contact-row dd{font-family:var(--display);font-size:1.05rem;color:#fff;} .contact-row dd a{border-bottom:1px solid rgba(255,255,255,.2);transition:border-color .25s,color .25s;} .contact-row dd a:hover{border-color:var(--purple-soft);color:var(--purple-soft);} .contact-cta{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:.6rem;flex-wrap:wrap;} .contact-cta .btn-soft{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.04);} .contact-cta .btn-soft:hover{background:#fff;color:var(--purple-deep);border-color:#fff;} /* ─── footer ──────────────────────────────────────── */ footer{background:linear-gradient(180deg,var(--purple-ink) 0%,#1a0530 100%);color:#ecd9ff;padding:clamp(3.5rem,6vw,5rem) 0 2rem;} .foot-grid{display:grid;grid-template-columns:minmax(280px,2.4fr) repeat(6,minmax(0,1fr));gap:2.5rem 1.8rem;align-items:start;} .foot-mast{grid-column:1;max-width:420px;} .foot-mast .brand{margin-bottom:1rem;} .foot-mast .brand-name .n,.foot-mast .brand-name .n em{color:#fff;} .foot-mast .brand-name .n em{color:var(--purple-soft);} .foot-mast .brand-name .tag{color:#6e6c79;} .foot-mast p{color:#c8b5e0;font-size:.92rem;line-height:1.65;max-width:46ch;font-weight:300;} .foot-mast .newsletter{margin-top:1.5rem;display:flex;gap:0;border:1px solid rgba(255,255,255,.15);border-radius:99px;padding:.25rem;max-width:380px;background:rgba(255,255,255,.04);} .foot-mast .newsletter input{flex:1;background:transparent;border:0;color:#fff;font-family:var(--body);font-size:.85rem;padding:.55rem 1rem;outline:none;} .foot-mast .newsletter input::placeholder{color:#6e6c79;} .foot-mast .newsletter button{background:var(--purple-deep);color:#fff;border:0;border-radius:99px;padding:.55rem 1.1rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .25s;} .foot-mast .newsletter button:hover{background:var(--purple);} .foot-mast .imprint{margin-top:1.2rem;font-family:var(--mono);font-size:.7rem;color:#9b86c2;letter-spacing:.1em;text-transform:uppercase;line-height:1.7;} .foot-col{display:flex;flex-direction:column;gap:.6rem;min-width:0;} .foot-col h6{font-family:var(--mono);font-size:.66rem;color:var(--purple-soft);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.4rem;} .foot-col a{color:#d8c2f5;font-size:.94rem;transition:color .25s,padding-left .25s;font-weight:400;} .foot-col a:hover{color:#fff;padding-left:.3rem;} .foot-divider{border:0;border-top:1px solid rgba(255,255,255,.1);margin:2.8rem 0 1.5rem;} .foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-family:var(--mono);font-size:.7rem;color:#a08bcd;letter-spacing:.1em;text-transform:uppercase;align-items:center;} .foot-bottom a:hover{color:var(--purple-soft);} .foot-bottom .social{display:flex;gap:.8rem;} .foot-bottom .social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;transition:border-color .25s,color .25s,background .25s;} .foot-bottom .social a:hover{border-color:var(--purple-soft);background:var(--purple-deep);color:#fff;} .foot-bottom .social svg{width:14px;height:14px;} /* floating buttons */ .totop{position:fixed;bottom:1.4rem;right:1.4rem;z-index:30;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;border:0;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s,visibility .35s,transform .35s,background .25s;box-shadow:0 12px 24px -8px rgba(20,23,31,.4);} .totop.show{opacity:1;visibility:visible;transform:translateY(0);} .totop:hover{background:var(--coral);} .totop svg{width:18px;height:18px;} .chat-fab{position:fixed;bottom:1.4rem;left:1.4rem;z-index:30;background:linear-gradient(135deg,var(--purple-deep),#9d4edd);color:#fff;padding:.9rem 1.2rem;border-radius:99px;display:inline-flex;gap:.6rem;align-items:center;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;box-shadow:0 14px 28px -10px rgba(90,24,154,.45);transition:transform .25s,box-shadow .25s;} .chat-fab:hover{transform:translateY(-3px);box-shadow:0 18px 36px -10px rgba(90,24,154,.6);} .chat-fab .pulse{width:8px;height:8px;border-radius:50%;background:#9efdaf;box-shadow:0 0 0 0 rgba(158,253,175,.6);animation:livepulse 1.8s infinite;} /* mobile menu */ .mobile-menu{position:fixed;inset:0;background:#fff;z-index:38;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;overflow-y:auto;padding:6rem var(--gutter) 2rem;} .mobile-menu.open{opacity:1;visibility:visible;} .mobile-menu details{border-bottom:1px solid var(--rule);} .mobile-menu details summary{font-family:var(--display);font-size:1.6rem;padding:1rem 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--ink);min-height:48px;} .mobile-menu details summary::after{content:"+";color:var(--purple-deep);font-family:var(--display);} .mobile-menu details[open] summary::after{content:"−";} .mobile-menu details > div{padding-bottom:1rem;display:flex;flex-direction:column;gap:.5rem;} .mobile-menu details a{padding:.75rem 0;color:var(--ink-soft);min-height:48px;display:flex;align-items:center;} .mobile-menu .top-links{display:flex;flex-direction:column;} .mobile-menu .top-links a{font-family:var(--display);font-size:1.6rem;padding:1rem 0;border-bottom:1px solid var(--rule);color:var(--ink);min-height:48px;display:flex;align-items:center;} /* reveal */ .reveal{opacity:0;transform:translateY(20px);transition:opacity 1s var(--ease),transform 1s var(--ease);} .reveal.in{opacity:1;transform:translateY(0);} /* ─── skip-to-content (a11y) ─────────────────────── */ .skip{ position:fixed;top:-60px;left:.5rem;z-index:10001; background:var(--ink);color:#fff;padding:.95rem 1.2rem;border-radius:6px; font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase; transition:top .25s;text-decoration:none; min-height:48px;display:inline-flex;align-items:center; } .skip:focus{top:.5rem;outline:2px solid var(--purple-soft);outline-offset:2px;} /* ─── focus-visible fallback (a11y) ────────────────── */ :focus-visible{outline:2px solid var(--purple-deep);outline-offset:2px;border-radius:4px;} button:focus-visible,a:focus-visible{outline-offset:3px;} /* ─── case studies ───────────────────────────────── */ .cases{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,2.5vw,2rem);} .case{ background:#fff;border:1px solid var(--rule);border-radius:10px;overflow:hidden; display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s; } .case:hover{transform:translateY(-5px);box-shadow:0 30px 50px -25px rgba(20,23,31,.2);border-color:var(--purple-soft);} .case .cover{aspect-ratio:16/9;position:relative;overflow:hidden;} .case .cover img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s ease;} .case:hover .cover img{transform:scale(1.05);} .case .cover .tag{position:absolute;top:.85rem;left:.85rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;background:#fff;color:var(--purple-deep);padding:.3rem .55rem;border-radius:99px;text-transform:uppercase;} .case .body{padding:1.5rem 1.4rem;display:flex;flex-direction:column;gap:.9rem;flex:1;} .case .title{font-family:var(--display);font-weight:400;font-size:1.3rem;line-height:1.15;color:var(--ink);letter-spacing:-.01em;} .case .title em{font-style:italic;color:var(--purple-deep);} .case .author{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;} .case .metrics{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1rem;padding-top:.85rem;border-top:1px dashed var(--rule);} .case .metric{display:flex;flex-direction:column;gap:.15rem;} .case .metric .n{font-family:var(--display);font-size:1.5rem;font-weight:400;color:var(--purple-deep);line-height:1;font-variation-settings:"opsz" 144;letter-spacing:-.01em;} .case .metric .n em{font-style:italic;font-size:.65em;color:var(--muted);font-weight:300;margin-left:.1em;} .case .metric .l{font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;} .case .quote{font-family:var(--display);font-style:italic;font-size:.92rem;line-height:1.5;color:var(--ink-soft);margin-top:auto;} .case .more{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;color:var(--purple-deep);text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem;border-bottom:1px solid var(--purple-deep);align-self:flex-start;padding-bottom:1px;} /* ─── manuscript qualifier ──────────────────────── */ .qualifier{ background:linear-gradient(180deg,var(--purple-pale) 0%,#fff 100%);border:1px solid var(--rule);border-radius:14px; padding:clamp(2rem,4vw,3rem);position:relative;overflow:hidden; } .qualifier::before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(closest-side,rgba(198,164,249,.3),transparent 70%);pointer-events:none;} .qualifier-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;margin-bottom:1.8rem;position:relative;} .qualifier-head .lab{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;color:var(--purple-deep);text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;} .qualifier-head .lab::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--purple-deep);} .qualifier-head h3{font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.1;color:var(--ink);font-variation-settings:"opsz" 144;letter-spacing:-.01em;} .qualifier-head h3 em{font-style:italic;color:var(--purple-deep);} .qualifier-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;position:relative;} .q-opt{ background:#fff;border:1px solid var(--rule);border-radius:10px;padding:1.4rem 1.2rem; display:flex;flex-direction:column;gap:.55rem;text-align:left; cursor:pointer;transition:all .35s var(--ease);font-family:inherit;color:inherit; } .q-opt:hover{border-color:var(--purple-deep);background:#fff;transform:translateY(-4px);box-shadow:0 18px 30px -16px rgba(90,24,154,.3);} .q-opt.active{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-4px);} .q-opt .n{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;color:var(--purple-deep);text-transform:uppercase;} .q-opt.active .n{color:var(--purple-soft);} .q-opt .t{font-family:var(--display);font-weight:400;font-size:1.15rem;line-height:1.2;font-style:italic;color:inherit;} .q-opt .d{font-size:.82rem;line-height:1.45;color:var(--ink-soft);} .q-opt.active .d{color:#bcb5d0;} .q-result{ margin-top:1.5rem;padding:1.5rem 1.5rem;background:#fff;border:1px solid var(--rule);border-radius:10px; display:flex;justify-content:space-between;align-items:center;gap:1.2rem;flex-wrap:wrap; opacity:0;transform:translateY(8px);transition:all .4s var(--ease);position:relative; } .q-result.show{opacity:1;transform:translateY(0);} .q-result .info{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:240px;} .q-result .info .lab{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;} .q-result .rec{font-family:var(--display);font-size:1.2rem;color:var(--ink);font-weight:400;line-height:1.3;} .q-result .rec em{font-style:italic;color:var(--purple-deep);} .q-result .price-hint{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;} .q-result .price-hint b{font-family:var(--display);font-style:italic;color:var(--purple-deep);font-weight:400;font-size:.95rem;letter-spacing:0;text-transform:none;} /* ─── promises (Why us, editorial ledger) ────────── */ .promises{list-style:none;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#fff;border-radius:10px;overflow:hidden;} .promise{ display:grid;grid-template-columns:auto 1fr auto;gap:clamp(1rem,2.4vw,2.2rem); padding:clamp(1.4rem,2.6vw,2rem) clamp(1.2rem,2.4vw,2rem); border-bottom:1px solid var(--rule);align-items:start;position:relative; transition:background .3s ease; } .promise:last-child{border-bottom:0;} .promise:hover{background:rgba(198,164,249,.05);} .promise .num{ font-family:var(--display);font-style:italic;font-weight:300; font-size:clamp(1.8rem,3vw,2.4rem);line-height:1;color:var(--purple-deep); font-variation-settings:"opsz" 144;letter-spacing:-.02em;min-width:2.4rem; } .promise .body h4{ font-family:var(--display);font-weight:400;font-size:clamp(1.15rem,1.8vw,1.4rem); line-height:1.25;color:var(--ink);letter-spacing:-.005em;margin-bottom:.55rem; font-variation-settings:"opsz" 144; } .promise .body h4 em{font-style:italic;color:var(--purple-deep);} .promise .body p{ font-family:var(--display);font-size:.98rem;line-height:1.6;color:var(--muted); font-weight:300;max-width:62ch; } .promise .proof{ display:flex;flex-direction:column;align-items:flex-end;justify-content:center; font-family:var(--display);font-weight:300;font-size:clamp(1.6rem,2.6vw,2.1rem); line-height:1;color:var(--purple-deep);font-variation-settings:"opsz" 144; letter-spacing:-.02em;text-align:right;padding-left:1rem;border-left:1px solid var(--rule); min-width:7.2rem; } .promise .proof em{font-style:italic;font-size:.6em;color:var(--muted);font-weight:400;margin-left:.1em;} .promise .proof small{ font-family:var(--mono);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase; color:var(--muted);margin-top:.4rem;font-weight:400; } .promises-foot{ display:flex;align-items:center;gap:1.2rem;margin-top:2rem;padding:1.4rem 1.6rem; border-top:1px dashed var(--rule);max-width:760px;margin-inline:auto; } .promises-foot .seal{ font-size:1.8rem;color:var(--purple-deep);line-height:1; } .promises-foot p{ font-family:var(--display);font-size:.92rem;line-height:1.55;color:var(--muted); font-weight:300; } .promises-foot p em{font-style:italic;color:var(--ink);} .blog-image img { width: 100%; height: auto; border-radius: 10px; } .sidebar { background: #f8f9fa; padding:20px !important; } .recent-post img { width: 100%; border-radius: 5px; } .recent-post h6 a { text-decoration: none; color: #333; } .recent-post h6 a:hover { color: #007bff; } .postdetails{padding-top:80px !important; padding-bottom:80px !important;} h1{color:#000; font-size:50px !important; font-weight:600;} h2{color:#000; font-size:40px !important; font-weight:500;} h3{color:#000; font-size:28px !important; font-weight:500;} h4{color:#000; font-size:24px !important; font-weight:500;} .blog-content a{ font-weight:600 !important; border-bottom:1px solid #000 !important; transition:0.5s !important;} .blog-content a:hover{color:#5a189a !important;} @media (max-width:720px){ .promise{grid-template-columns:auto 1fr;gap:1rem;} .promise .proof{grid-column:1 / -1;flex-direction:row;align-items:baseline;gap:.6rem; border-left:0;border-top:1px solid var(--rule);padding:.9rem 0 0;margin-top:.4rem; text-align:left;justify-content:flex-start;min-width:0;} .promise .proof small{margin-top:0;margin-left:.2rem;} h1{color:#000; font-size:28px !important; font-weight:500; line-height:38px !important;} h1 b{color:#000; font-size:28px !important; font-weight:600; line-height:38px !important;} h2{color:#000; font-size:22px !important; font-weight:500; line-height:32px !important;} h2 b{color:#000; font-size:22px !important; font-weight:500; line-height:32px !important;} h3{color:#000; font-size:18px !important; font-weight:500; line-height:28px !important;} h3 b{color:#000; font-size:18px !important; font-weight:500; line-height:28px !important;} h4{color:#000; font-size:16px !important; font-weight:500; line-height:26px !important;} p br{display:none !important;} } /* ─── principles (AI disclosure + what we won't do) ─ */ .principles{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,2.5vw,2rem);} .principle{ background:#fff;border:1.5px solid var(--purple-deep); padding:2rem 1.8rem;border-radius:18px;box-shadow:0 24px 40px -20px rgba(90,24,154,.2); position:relative;overflow:hidden; } .principle{background:#fff;border:1.5px solid var(--purple-deep);} .principle::before{content:"";position:absolute;top:-30%;right:-20%;width:240px;height:240px;background:radial-gradient(closest-side,rgba(198,164,249,.25),transparent 70%);pointer-events:none;} .principle.no{border-color:#ff8a65;} .principle.no::before{background:radial-gradient(closest-side,rgba(255,138,101,.25),transparent 70%);} .principle .head-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.4rem;position:relative;z-index:1;} .principle h4{font-family:var(--display);font-weight:500;font-size:1.75rem;color:var(--ink);line-height:1.1;font-style:italic;font-variation-settings:"opsz" 144;letter-spacing:-.01em;} .principle h4 em{color:var(--purple-deep);font-style:italic;} .principle.no h4 em{color:var(--coral);} .principle .deck{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;color:var(--purple-deep);text-transform:uppercase;font-weight:600;} .principle.no .deck{color:var(--coral);} .principle ul{list-style:none;display:flex;flex-direction:column;gap:.95rem;position:relative;z-index:1;} .principle li{display:flex;gap:.95rem;align-items:flex-start;color:var(--ink-soft);font-size:.96rem;line-height:1.65;font-weight:400;} .principle li::before{content:"";flex:0 0 20px;width:20px;height:2px;background:var(--purple-deep);margin-top:.85rem;border-radius:2px;} .principle.no li::before{background:var(--coral);} .principle li b{color:var(--ink);font-weight:600;font-family:var(--display);font-style:italic;font-size:1rem;} /* ─── curator's pick ────────────────────────────── */ .curator{ display:grid;grid-template-columns:180px 1fr;gap:1.8rem;align-items:center; background:#fff;border:1px solid var(--rule);border-radius:14px;padding:1.6rem;margin-top:2.5rem; position:relative;overflow:hidden; } .curator::before{content:"";position:absolute;top:0;bottom:0;right:0;width:240px;background:radial-gradient(closest-side at right,rgba(198,164,249,.18),transparent 70%);pointer-events:none;} .curator .cv{width:180px;aspect-ratio:2/3;overflow:hidden;border-radius:4px;box-shadow:0 18px 30px -12px rgba(20,23,31,.35);position:relative;z-index:1;} .curator .cv img{width:100%;height:100%;object-fit:cover;} .curator .body{display:flex;flex-direction:column;gap:.55rem;position:relative;z-index:1;} .curator .lab{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;color:var(--purple-deep);text-transform:uppercase;display:inline-flex;gap:.6rem;align-items:center;} .curator .lab::before{content:"❦";color:var(--purple-deep);font-size:.85rem;} .curator h4{font-family:var(--display);font-style:italic;font-weight:400;font-size:1.7rem;color:var(--ink);font-variation-settings:"opsz" 144;letter-spacing:-.01em;line-height:1.1;} .curator p{font-family:var(--display);font-size:1rem;line-height:1.55;color:var(--ink-soft);font-weight:300;font-style:italic;max-width:60ch;} .curator .by{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;display:flex;align-items:center;gap:.6rem;margin-top:.3rem;} .curator .by b{font-family:var(--display);font-style:italic;color:var(--purple-deep);font-weight:400;font-size:.85rem;letter-spacing:0;text-transform:none;} /* ─── FAQ ──────────────────────────────────────── */ .faq{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(2rem,4vw,4rem);} .faq details{ border-bottom:1px solid var(--rule);padding:1.4rem 0;position:relative; } .faq .faq-item{ border-bottom:1px solid var(--rule);padding:1.4rem 0;position:relative; } .faq .faq-item:last-child{border-bottom:none;} .faq .faq-q{ font-family:var(--display);font-size:1.12rem;font-weight:400;color:var(--ink); margin:0;letter-spacing:-.005em;line-height:1.35; } .faq summary{ font-family:var(--display);font-size:1.12rem;font-weight:400;color:var(--ink);list-style:none; display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;letter-spacing:-.005em;cursor:pointer; } .faq summary::-webkit-details-marker{display:none;} .faq summary::after{ content:"+";color:var(--purple-deep);font-family:var(--display);font-size:1.5rem;line-height:.7; transition:transform .35s var(--ease);flex:0 0 auto; } .faq details[open] summary::after{transform:rotate(45deg);} .faq details[open] summary{color:var(--purple-deep);} .faq .a,.faq .faq-body{ font-family:var(--display);font-size:.98rem;line-height:1.65;color:var(--ink-soft); padding-top:.95rem;max-width:62ch;font-weight:300; } .faq .a em,.faq .faq-body em{font-style:italic;color:var(--purple-deep);} .faq .a b,.faq .faq-body b{font-weight:500;color:var(--ink);} .faq .faq-body p{margin:0 0 .6rem;} .faq .faq-body p:last-child{margin-bottom:0;} /* ─── lead magnet ──────────────────────────────── */ .lead-magnet{ display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(2rem,4vw,3rem);align-items:center; background:linear-gradient(135deg,var(--ink) 0%,#1a0530 100%);color:#fff;padding:clamp(2rem,4vw,3rem);border-radius:14px; margin-top:3rem;position:relative;overflow:hidden; } .lead-magnet::before{content:"";position:absolute;top:-50%;right:-15%;width:60%;height:200%;background:radial-gradient(closest-side,rgba(198,164,249,.25),transparent 70%);pointer-events:none;} .lead-magnet > *{position:relative;z-index:1;} .lead-magnet .lab{font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;color:var(--purple-soft);text-transform:uppercase;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.55rem;} .lead-magnet .lab::before{content:"↓";color:var(--purple-soft);font-size:.9rem;} .lead-magnet h3{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.05;color:#fff;letter-spacing:-.015em;font-variation-settings:"opsz" 144;margin-bottom:.85rem;} .lead-magnet h3 em{font-style:italic;color:var(--purple-soft);} .lead-magnet p{color:#bcb5d0;font-size:1rem;line-height:1.6;max-width:46ch;margin-bottom:1.3rem;font-weight:300;} .lead-magnet .feats{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.6rem;list-style:none;} .lead-magnet .feats li{display:flex;gap:.7rem;align-items:flex-start;color:#bcb5d0;font-size:.88rem;line-height:1.5;} .lead-magnet .feats li::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--purple-soft);margin-top:.55rem;} .lead-form{display:flex;gap:0;border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:.3rem;background:rgba(255,255,255,.04);max-width:460px;} .lead-form input{flex:1;background:transparent;border:0;color:#fff;font-family:var(--body);font-size:.88rem;padding:.65rem 1rem;outline:none;} .lead-form input::placeholder{color:#9e9aab;} .lead-form button{background:#fff;color:var(--ink);border:0;border-radius:99px;padding:.6rem 1.3rem;font-family:var(--body);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:.4rem;} .lead-form button:hover{background:var(--purple-soft);} .lead-magnet .meta{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;color:#9e9aab;text-transform:uppercase;margin-top:.85rem;} .lead-magnet .preview-pdf{ aspect-ratio:3/4;width:100%;max-width:280px;justify-self:end;border-radius:8px;overflow:hidden; background:linear-gradient(135deg,#fdfaf2,#f8f3e6); box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1); display:flex;flex-direction:column;color:var(--ink);padding:1.5rem 1.4rem;justify-content:space-between; position:relative;transform:rotate(3deg);transition:transform .8s var(--ease); } .lead-magnet:hover .preview-pdf{transform:rotate(1deg);} .lead-magnet .preview-pdf::before{content:"PDF";position:absolute;top:1rem;right:1rem;font-family:var(--mono);font-size:.55rem;letter-spacing:.18em;color:#fff;background:#7a1f1f;padding:.25rem .5rem;border-radius:4px;} .lead-magnet .preview-pdf .imp{font-family:var(--mono);font-size:.56rem;letter-spacing:.24em;color:#7a1f1f;text-transform:uppercase;} .lead-magnet .preview-pdf .tt{font-family:var(--display);font-size:1.55rem;font-weight:400;line-height:1.05;letter-spacing:-.01em;color:var(--ink);margin-top:.5rem;} .lead-magnet .preview-pdf .tt em{font-style:italic;color:#7a1f1f;} .lead-magnet .preview-pdf .yr{font-family:var(--display);font-style:italic;font-size:.88rem;color:#8a7c66;margin-top:1.3rem;} .lead-magnet .preview-pdf .ftr{font-family:var(--mono);font-size:.56rem;letter-spacing:.18em;color:#8a7c66;text-transform:uppercase;margin-top:auto;border-top:1px solid rgba(0,0,0,.12);padding-top:.85rem;line-height:1.7;} /* ─── inline CTA strips (homepage interstitials) ── */ .cta-strip{padding:clamp(2.2rem,4vw,3rem) 0;background:linear-gradient(110deg,var(--purple-pale) 0%,var(--cream) 100%);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);} .cta-strip > .wrap{display:flex;align-items:center;justify-content:space-between;gap:clamp(1.4rem,3vw,2.4rem);flex-wrap:wrap;} .cta-strip .ct-l{flex:1;min-width:260px;display:flex;flex-direction:column;gap:.35rem;} .cta-strip .lab{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--purple-deep);font-weight:600;} .cta-strip .lab::before{content:"● ";color:var(--coral);} .cta-strip p{font-family:var(--display);font-style:italic;font-weight:300;font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.3;color:var(--ink);max-width:60ch;} .cta-strip p em{color:var(--purple-deep);font-style:italic;} .cta-strip .actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;} .cta-strip.dark{background:linear-gradient(135deg,var(--purple-ink) 0%,var(--purple-deep) 60%,#2a0a4a 100%);border-color:transparent;color:#fff;position:relative;overflow:hidden;} .cta-strip.dark::before{content:"";position:absolute;top:-50%;right:-10%;width:50vw;height:50vw;background:radial-gradient(closest-side,rgba(255,138,101,.18),transparent 70%);pointer-events:none;} .cta-strip.dark > .wrap{position:relative;z-index:1;} .cta-strip.dark .lab{color:var(--purple-soft);} .cta-strip.dark p{color:#fff;} .cta-strip.dark p em{color:var(--purple-soft);} .cta-strip.dark .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.04);} .cta-strip.dark .btn-ghost:hover{background:#fff;color:var(--purple-deep);border-color:#fff;} .cta-strip.coral{background:linear-gradient(110deg,#fde6dc 0%,var(--cream) 100%);} .cta-strip.coral .lab::before{color:var(--purple-deep);} /* ─── PPC landing-page utilities ─────────────── */ /* trust bar — stat ticker beneath the hero */ .trust-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem 2rem;padding:1.6rem clamp(1.4rem,2.4vw,2rem);border:1px solid var(--rule);background:#fff;border-radius:14px;margin-top:-1rem;} .trust-bar .t{display:flex;flex-direction:column;gap:.2rem;} .trust-bar .n{font-family:var(--display);font-size:clamp(1.5rem,2.4vw,2rem);font-weight:300;color:var(--purple-deep);line-height:1;font-variation-settings:"opsz" 144;letter-spacing:-.015em;} .trust-bar .n em{font-style:italic;font-size:.55em;color:var(--muted);font-weight:400;margin-left:.1em;} .trust-bar .l{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);} @media (max-width:760px){.trust-bar{grid-template-columns:repeat(2,1fr);}} /* portfolio gallery — Unsplash thumbs */ .pf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;} .pf-card{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:4/5;background:var(--paper);box-shadow:0 16px 30px -14px rgba(20,23,31,.22);transition:transform .45s var(--ease),box-shadow .45s ease;} .pf-card:hover{transform:translateY(-4px);box-shadow:0 26px 40px -18px rgba(20,23,31,.32);} .pf-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;} .pf-card:hover img{transform:scale(1.05);} .pf-card .pf-meta{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.1rem;background:linear-gradient(180deg,transparent,rgba(20,5,40,.78));color:#fff;} .pf-card .pf-meta .t{font-family:var(--display);font-style:italic;font-size:1.02rem;line-height:1.2;} .pf-card .pf-meta .b{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;color:rgba(255,255,255,.7);text-transform:uppercase;margin-top:.3rem;} /* testimonial grid (reuses .tcard) */ .tlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem;} /* risk-reversal / guarantees */ .guarantees{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;} .guarantee{padding:1.6rem;border:1px solid var(--rule);border-left:3px solid var(--purple-deep);border-radius:6px;background:#fff;display:flex;flex-direction:column;gap:.6rem;} .guarantee .gi{font-family:var(--display);font-style:italic;font-size:1.25rem;color:var(--purple-deep);line-height:1.2;} .guarantee p{font-family:var(--display);font-size:.96rem;line-height:1.55;color:var(--ink-soft);font-weight:300;} /* sticky bottom CTA bar on landing pages */ .sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:24;background:rgba(252,248,243,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--rule);padding:.8rem clamp(1rem,3vw,2rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;transform:translateY(120%);transition:transform .4s var(--ease);max-width:100vw;box-sizing:border-box;overflow:hidden;} .sticky-cta.show{transform:translateY(0);} .sticky-cta .l{font-family:var(--display);font-style:italic;font-size:.95rem;color:var(--ink);line-height:1.3;flex:1;min-width:200px;} .sticky-cta .l b{font-style:normal;font-weight:500;color:var(--purple-deep);} .sticky-cta .cta{display:flex;gap:.5rem;flex-wrap:wrap;} /* ─── GEO / citability blocks (TL;DR, howto, byline, page-meta) ─── */ .tldr-block{padding-top:0;} .key-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem 1.6rem;padding:1.6rem clamp(1.2rem,2.4vw,1.8rem);background:#fff;border:1px solid var(--rule);border-radius:14px;} .key-facts > div{display:flex;flex-direction:column;gap:.25rem;} .key-facts dt{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;color:var(--purple-deep);text-transform:uppercase;font-weight:600;} .key-facts dd{font-family:var(--display);font-size:1rem;line-height:1.45;color:var(--ink);font-weight:400;} .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;} .howto-steps{list-style:none;counter-reset:howto;display:flex;flex-direction:column;gap:1.4rem;max-width:780px;} .howto-steps li{counter-increment:howto;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start;padding:1.4rem 1.6rem;background:#fff;border:1px solid var(--rule);border-left:3px solid var(--purple-deep);border-radius:8px;font-family:var(--display);font-size:1.02rem;line-height:1.55;color:var(--ink-soft);font-weight:300;} .howto-steps li::before{content:counter(howto,decimal-leading-zero);font-family:var(--display);font-style:italic;font-size:1.8rem;font-weight:300;color:var(--purple-deep);line-height:1;letter-spacing:-.02em;} .howto-steps li strong{font-family:var(--display);font-weight:500;color:var(--ink);font-style:italic;} .byline{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start;padding:1.4rem 1.6rem;background:var(--purple-pale);border-radius:10px;max-width:560px;margin:2rem auto;} .byline-avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover;} .byline-text{display:flex;flex-direction:column;gap:.25rem;} .byline-role{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;color:var(--purple-deep);text-transform:uppercase;font-weight:600;} .byline-name{font-family:var(--display);font-style:italic;font-size:1.15rem;color:var(--ink);} .byline-bio{font-family:var(--display);font-size:.94rem;line-height:1.55;color:var(--ink-soft);font-weight:300;} .page-meta{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin:1rem 0 2rem;} /* ─── long-form "about this service" block ─────── */ .long-form-body{max-width:780px;font-family:var(--display);font-size:1.05rem;line-height:1.7;color:var(--ink);font-weight:400;} .long-form-body p{margin-bottom:1.1rem;} .long-form-body p:last-child{margin-bottom:0;} .long-form-body h3{font-family:var(--display);font-weight:500;font-size:1.45rem;line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin:2.2rem 0 .9rem;} .long-form-body h3 em{font-style:italic;color:var(--purple-deep);font-weight:500;} .long-form-body strong{font-weight:500;color:var(--ink);} /* ─── cookie banner ───────────────────────────── */ .cookie{ position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:36;max-width:780px;margin:0 auto; background:rgba(255,255,255,.95);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);color:var(--ink); border:1.5px solid var(--purple-deep);border-radius:18px;padding:1.5rem 1.6rem; display:none;flex-direction:column;gap:1rem; box-shadow:0 30px 60px -20px rgba(0,0,0,.6); } .cookie.show{display:flex;animation:cookieIn .5s var(--ease);} @keyframes cookieIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}} .cookie .h{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;} .cookie .h h6{font-family:var(--display);font-style:italic;font-size:1.2rem;color:var(--ink);font-weight:500;} .cookie .h .l{font-family:var(--mono);font-size:.64rem;letter-spacing:.18em;color:var(--purple-deep);font-weight:600;text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem;} .cookie .h .l::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--purple-deep);} .cookie .b{font-family:var(--body);font-size:.9rem;line-height:1.6;color:var(--ink-soft);font-weight:400;} .cookie .b a{color:var(--purple-deep);border-bottom:1px solid var(--purple-deep);transition:color .25s;font-weight:500;} .cookie .b a:hover{color:var(--coral);border-color:var(--coral);} .cookie .actions{display:flex;gap:.55rem;flex-wrap:wrap;} .cookie button{font-family:var(--body);font-size:.78rem;font-weight:500;padding:.62rem 1.15rem;border-radius:99px;cursor:pointer;border:1px solid;transition:all .25s;} .cookie .b-accept{background:#fff;color:var(--ink);border-color:#fff;} .cookie .b-accept:hover{background:var(--purple-soft);} .cookie .b-reject{background:transparent;color:var(--ink);border-color:var(--rule);} .cookie .b-reject:hover{border-color:var(--ink);background:var(--warm-bg);} .cookie .b-cust{background:transparent;color:var(--purple-deep);border-color:transparent;font-weight:500;} .cookie .b-cust:hover{color:var(--coral);} /* ─── editors / team ──────────────────────────────── */ .editors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem);} .editor-card{ position:relative;overflow:hidden;border-radius:16px;aspect-ratio:4/5;background:var(--purple-ink); transition:transform .5s var(--ease);will-change:transform; } .editor-card:hover{transform:translateY(-6px);} .editor-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.55) brightness(.88) contrast(1.05);transition:filter .8s,transform 1.4s;} .editor-card:hover img{filter:grayscale(0) brightness(1) contrast(1);transform:scale(1.06);} .editor-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(42,10,74,.92));pointer-events:none;} .editor-card .corner{ position:absolute;top:.9rem;left:.9rem;z-index:2; font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;color:#fff;text-transform:uppercase; background:rgba(255,255,255,.1);backdrop-filter:blur(10px); padding:.3rem .55rem;border-radius:99px;border:1px solid rgba(255,255,255,.18); display:inline-flex;align-items:center;gap:.4rem; } .editor-card .corner .pulse{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:livepulse 1.8s infinite;} .editor-card .info{position:absolute;bottom:0;left:0;right:0;padding:1.4rem 1.3rem;color:#fff;z-index:2;transition:transform .45s var(--ease);} .editor-card:hover .info{transform:translateY(-8px);} .editor-card .role{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;color:var(--purple-soft);text-transform:uppercase;margin-bottom:.4rem;display:flex;justify-content:space-between;align-items:center;} .editor-card .role .ix{color:#bcb5d0;} .editor-card .name{font-family:var(--display);font-size:1.6rem;font-style:italic;line-height:1.05;font-variation-settings:"opsz" 144;font-weight:400;} .editor-card .name em{color:var(--purple-soft);font-style:italic;} .editor-card .specialty{font-family:var(--display);font-size:.92rem;color:#bcb5d0;font-style:italic;margin-top:.45rem;line-height:1.4;} .editor-card .bio{ position:absolute;inset:0;background:linear-gradient(180deg,rgba(42,10,74,.95),rgba(10,12,18,.98)); display:flex;flex-direction:column;justify-content:flex-end;padding:1.6rem 1.4rem;color:#fff; opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s;z-index:3; } .editor-card:hover .bio{opacity:1;transform:translateY(0);} .editor-card .bio .name{margin-bottom:.7rem;} .editor-card .bio .text{font-family:var(--display);font-size:.96rem;line-height:1.55;color:#d8d2e8;font-weight:300;font-style:italic;margin-bottom:.9rem;} .editor-card .bio .credits{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;color:var(--purple-soft);text-transform:uppercase;display:flex;flex-direction:column;gap:.25rem;padding-top:.8rem;border-top:1px solid rgba(198,164,249,.2);} .editor-card .bio .credits span b{color:#fff;font-family:var(--display);font-style:italic;font-weight:400;font-size:.78rem;letter-spacing:0;text-transform:none;margin-left:.25rem;} /* ─── page preview (typography showcase) ──────────── */ .page-frame{ position:relative;perspective:2000px; display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:center; } .page-frame .intro{display:flex;flex-direction:column;gap:1.2rem;max-width:46ch;} .page-frame .intro .eyebrow{color:var(--purple-soft);} .page-frame .intro h3{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05;color:var(--ink);letter-spacing:-.015em;font-variation-settings:"opsz" 144;} .page-frame .intro h3 em{font-style:italic;color:var(--purple-deep);} .page-frame .intro p{color:var(--ink-soft);font-size:1rem;line-height:1.65;} .page-frame .intro .specs{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.5rem;padding-top:1.3rem;border-top:1px solid var(--rule);margin-top:.8rem;} .page-frame .intro .specs dt{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;margin-bottom:.15rem;} .page-frame .intro .specs dd{font-family:var(--display);font-style:italic;color:var(--ink);font-size:1rem;} .spread{ display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fdfaf2;border-radius:6px;overflow:hidden; aspect-ratio:1.294/1; /* real 5.5x8.5 trim, opened = 11x8.5 */ box-shadow:0 50px 100px -30px rgba(20,23,31,.35),0 20px 40px -20px rgba(20,23,31,.15); transform:rotateY(-3deg) rotateX(2deg);transform-style:preserve-3d; transition:transform .8s var(--ease); position:relative;width:100%; } .page-frame:hover .spread{transform:rotateY(-1deg) rotateX(1deg);} .spread::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.15) 100%);transform:translateX(-.5px);z-index:2;box-shadow:0 0 14px rgba(0,0,0,.15);} .pg{ padding:clamp(1rem,2.4vw,2rem) clamp(.9rem,2vw,1.6rem);position:relative;overflow:hidden; background:linear-gradient(180deg,#fdfaf2 0%,#f8f3e6 100%); display:flex;flex-direction:column; } .pg.left{box-shadow:inset -10px 0 16px -8px rgba(0,0,0,.06);} .pg.right{box-shadow:inset 10px 0 16px -8px rgba(0,0,0,.06);background:linear-gradient(180deg,#fdfaf2 0%,#f6efe0 100%);} .pg .pg-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.1rem;font-family:var(--display);font-style:italic;font-size:.62rem;color:#8a7c66;letter-spacing:.02em;} .pg .imprint{font-family:var(--mono);font-size:.44rem;letter-spacing:.28em;color:#8a7c66;text-transform:uppercase;} .pg .ch-label{font-family:var(--mono);font-size:.5rem;letter-spacing:.4em;color:#7a1f1f;text-transform:uppercase;margin-bottom:.4rem;text-align:center;} .pg .ch-roman{font-family:var(--display);font-style:italic;font-weight:300;font-size:clamp(2.4rem,4vw,3.4rem);line-height:.9;color:#2a0a4a;font-variation-settings:"opsz" 144;text-align:center;margin-bottom:.4rem;letter-spacing:-.04em;} .pg .ch-title{font-family:var(--display);font-weight:400;font-style:italic;font-size:clamp(.85rem,1.3vw,1.05rem);line-height:1.2;color:#14110d;text-align:center;margin-bottom:.8rem;font-variation-settings:"opsz" 144;} .pg .ch-rule{display:flex;justify-content:center;margin-bottom:.8rem;} .pg .ch-rule::before{content:"❦";color:#7a1f1f;font-size:.85rem;} .pg .body{ font-family:var(--display);font-size:clamp(.62rem,.85vw,.78rem);line-height:1.55;color:#14110d;font-weight:400; flex:1;overflow:hidden; -webkit-mask-image:linear-gradient(180deg,#000 88%,transparent); mask-image:linear-gradient(180deg,#000 88%,transparent); } .pg .body p{margin-bottom:.45rem;text-indent:1.2em;text-align:justify;hyphens:auto;} .pg .body p:first-of-type{text-indent:0;} .pg .body p:first-of-type::first-letter{font-family:var(--display);font-size:2.4rem;float:left;line-height:.78;padding:.2rem .3rem 0 0;color:#7a1f1f;font-style:italic;font-weight:400;} .pg .folio{position:absolute;bottom:.65rem;font-family:var(--display);font-style:italic;font-size:.62rem;color:#8a7c66;} .pg.left .folio{left:clamp(.9rem,2vw,1.6rem);} .pg.right .folio{right:clamp(.9rem,2vw,1.6rem);} .pg .marginal{position:absolute;font-family:var(--mono);font-size:.44rem;letter-spacing:.1em;color:#b8a888;text-transform:uppercase;writing-mode:vertical-rl;} .pg.left .marginal{left:.35rem;top:50%;transform:rotate(180deg) translateY(50%);} .pg.right .marginal{right:.35rem;top:50%;transform:rotate(0deg) translateY(-50%);} /* ─── timeline ────────────────────────────────────── */ .timeline-wrap{position:relative;} .timeline{position:relative;padding:1rem 0 2.5rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;} .timeline::-webkit-scrollbar{display:none;} .timeline-track{display:flex;gap:0;min-width:min-content;position:relative;padding:3rem var(--gutter) 1.5rem;} .timeline-track::before{ content:"";position:absolute;top:60%;left:0;right:0;height:2px; background:linear-gradient(90deg,transparent,var(--rule) 8%,var(--rule) 92%,transparent); } .timeline-track::after{ content:"";position:absolute;top:calc(60% - 1px);left:8%;height:4px; background:linear-gradient(90deg,var(--purple-deep),var(--purple),var(--purple-soft)); border-radius:2px;width:0;transition:width 1.6s var(--ease); } .timeline-wrap.in .timeline-track::after{width:74%;} .tm-item{flex:0 0 240px;position:relative;padding:0 .5rem;text-align:center;} .tm-item .marker{ width:14px;height:14px;border-radius:50%;background:#fff; border:2px solid var(--purple-deep);margin:0 auto;position:relative;z-index:1; box-shadow:0 0 0 6px rgba(90,24,154,.08);transition:all .35s; } .tm-item.active .marker{background:var(--purple-deep);box-shadow:0 0 0 10px rgba(90,24,154,.2);transform:scale(1.15);} .tm-item .year{ font-family:var(--display);font-size:2.6rem;font-weight:300;line-height:1; color:var(--ink-soft);font-variation-settings:"opsz" 144;text-align:center; margin-top:1.6rem;letter-spacing:-.02em;transition:color .35s; } .tm-item.active .year{color:var(--purple-deep);font-weight:400;} .tm-item .ev{font-family:var(--display);font-style:italic;font-size:1rem;line-height:1.35;color:var(--ink);text-align:center;margin-top:.5rem;max-width:22ch;margin-inline:auto;} .tm-item .tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;text-align:center;margin-top:.55rem;} .tm-item.now .marker{background:#22c55e;border-color:#22c55e;box-shadow:0 0 0 8px rgba(34,197,94,.15),0 0 0 14px rgba(34,197,94,.08);animation:nowpulse 2s ease-in-out infinite;} @keyframes nowpulse{ 0%,100%{box-shadow:0 0 0 8px rgba(34,197,94,.15),0 0 0 14px rgba(34,197,94,.08);} 50%{box-shadow:0 0 0 12px rgba(34,197,94,.25),0 0 0 22px rgba(34,197,94,.05);} } .tm-item.now .year{color:var(--ink);font-weight:500;} .timeline-meta{display:flex;justify-content:space-between;padding:0 var(--gutter);font-family:var(--mono);font-size:.66rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:1rem;} .timeline-meta b{color:var(--ink);font-weight:500;} /* responsive */ @media (max-width: 1180px){ .mega-grid{grid-template-columns:repeat(2,1fr);} .editors-grid{grid-template-columns:repeat(2,1fr);} .page-frame{grid-template-columns:1fr;} } @media (max-width: 1080px){ .hero-grid{grid-template-columns:1fr;min-height:auto;} .stage{min-height:480px;} /* stage goes full-width — drop the desktop left-offset */ .book-showcase{transform:translate(0,-20px);} .letter{grid-template-columns:1fr;} .letter-figure{max-width:480px;} .process{grid-template-columns:1fr;} .process-aside{position:static;} .editions{grid-template-columns:1fr;} .journal-grid{grid-template-columns:1fr 1fr;} .press-grid{grid-template-columns:repeat(3,1fr);} .press-grid .lab{grid-column:1 / -1;} .stats-row{grid-template-columns:repeat(2,1fr);} .spread{transform:none;aspect-ratio:auto;} .pg{padding:1.2rem 1rem;} .pg .body{-webkit-mask-image:none;mask-image:none;font-size:.82rem;line-height:1.65;} .pg .ch-roman{font-size:3.2rem;} .pg .ch-title{font-size:1rem;} .services-grid{grid-template-columns:repeat(2,1fr);} .process-flow{grid-template-columns:repeat(2,1fr);} } @media (max-width: 880px){ nav.primary{display:none;} .burger{display: inline-grid; place-items: center; background: #fff; border-radius: 1px; padding: 6px;} .statusbar .right{display:none;} } @media (max-width: 760px){ .services-grid{grid-template-columns:1fr;} .process-flow{grid-template-columns:1fr;} /* book fan: scale down + hide outermost pair so nothing clips */ .stage{min-height:360px;} .book-showcase{transform:translate(0,-10px) scale(0.78);transform-origin:50% 50%;} .book-card.bc1,.book-card.bc7{display:none;} .head-inner{grid-template-columns:1fr;padding-inline-start:var(--gutter);} .brand img{height:90px;} header.scrolled .brand img{height:72px;} .cat-row{grid-template-columns:1fr;gap:.6rem;} .cat-row .meta{text-align:left;border-top:1px dashed var(--rule);padding-top:.7rem;} .cat-row .arr{display:none;} .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr));} .foot-mast{grid-column:1 / -1;max-width:560px;} .last{grid-template-columns:1fr;} .press-grid{grid-template-columns:repeat(2,1fr);} .stats-row{grid-template-columns:1fr 1fr;} .chapter-head{grid-template-columns:1fr;gap:1rem;} .chapter-num{flex-direction:row;align-items:center;padding-top:0;border-top:0;border-left:2px solid var(--purple-deep);padding-left:.8rem;} .journal-grid{grid-template-columns:1fr;} .book3d{width:220px;height:320px;} } @media (max-width: 480px){ .foot-grid{grid-template-columns:1fr;} .press-grid{grid-template-columns:1fr 1fr;} .stats-row{grid-template-columns:1fr;} /* small phones: 3-book fan only */ .stage{min-height:300px;} .book-showcase{transform:translate(0,0) scale(0.62);transform-origin:50% 50%;} .book-card.bc1,.book-card.bc2,.book-card.bc6,.book-card.bc7{display:none;} .head-right a{display: flex; gap: 10px; } } /* responsive additions for new sections */ @media (max-width: 1080px){ .cases{grid-template-columns:1fr;} .qualifier-options{grid-template-columns:1fr 1fr;} .principles{grid-template-columns:1fr;} .faq{grid-template-columns:1fr;} .lead-magnet{grid-template-columns:1fr;} .lead-magnet .preview-pdf{justify-self:center;} .curator{grid-template-columns:1fr;text-align:center;} .curator .cv{margin-inline:auto;} } @media (max-width: 760px){ .qualifier-options{grid-template-columns:1fr;} .compare-wrap{margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);} } /* ─── inner-page shared styles ───────────────────── */ .page-hero{padding:clamp(2.5rem,5vw,4rem) 0 clamp(2rem,4vw,3rem);position:relative;overflow:hidden;} .page-hero::before{content:"";position:absolute;top:-15%;right:-10%;width:480px;height:480px;background:radial-gradient(closest-side,rgba(198,164,249,.18),transparent 70%);pointer-events:none;} .page-hero > .wrap{position:relative;z-index:1;} .page-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:center;} .page-hero-img{aspect-ratio:4/5;border-radius:10px;overflow:hidden;box-shadow:0 40px 60px -25px rgba(20,23,31,.3);} .page-hero-img img{width:100%;height:100%;object-fit:cover;} .crumb{font-family:var(--mono);font-size:.66rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.4rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;} .crumb a{color:var(--muted);transition:color .25s;} .crumb a:hover{color:var(--purple-deep);} .crumb span{color:var(--ink);} .page-h1{font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,5vw,4rem);line-height:1;letter-spacing:-.02em;color:var(--ink);font-variation-settings:"opsz" 144;margin-top:.5rem;max-width:18ch;} .page-h1 em{font-style:italic;color:var(--purple-deep);font-weight:600;letter-spacing:-.005em;font-variation-settings:normal;} .page-lede{font-family:var(--display);font-style:italic;color:var(--ink-soft);font-weight:300;font-size:1.15rem;line-height:1.55;margin-top:1.4rem;max-width:54ch;} .page-block{padding:clamp(3rem,6vw,5rem) 0;} .deliv-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem 2rem;max-width:1100px;} .deliv-list li{display:flex;gap:.85rem;align-items:flex-start;color:var(--ink-soft);font-size:.98rem;line-height:1.55;padding:1rem 0;border-bottom:1px solid var(--rule);} .deliv-list li:nth-last-child(-n+2){border-bottom:0;} .deliv-list li::before{content:"";flex:0 0 20px;width:20px;height:1px;background:var(--purple-deep);margin-top:.85rem;} .deliv-list li b{font-family:var(--display);font-style:italic;font-weight:400;font-size:1.05rem;color:var(--ink);display:block;margin-bottom:.15rem;} .mini-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;} .mini-step{padding:1.4rem 1.2rem;background:#fff;border:1px solid var(--rule);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;} .mini-step .n{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;color:var(--purple-deep);} .mini-step h4{font-family:var(--display);font-weight:400;font-style:italic;font-size:1.2rem;color:var(--ink);} .mini-step p{font-size:.86rem;color:var(--ink-soft);line-height:1.5;} .related{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;} .related-card{display:flex;flex-direction:column;gap:.4rem;background:#fff;border:1px solid var(--rule);border-radius:8px;padding:1.4rem;transition:all .3s;} .related-card:hover{border-color:var(--purple-deep);transform:translateY(-3px);box-shadow:0 20px 30px -16px rgba(90,24,154,.2);} .related-card .rt{font-family:var(--display);font-style:italic;font-size:1.15rem;color:var(--ink);} .related-card .rd{font-size:.85rem;color:var(--ink-soft);} .page-cta{position:relative;} .page-cta::before{content:"";position:absolute;top:-50%;left:-15%;width:60vw;height:60vw;background:radial-gradient(closest-side,rgba(198,164,249,.15),transparent 70%);pointer-events:none;} .page-cta > .wrap{position:relative;z-index:1;} /* dark CTA — when combined with .section-dark, restore the deep purple background the inline white text expects */ .section-dark.page-cta{ background:linear-gradient(135deg,var(--purple-ink) 0%,var(--purple-deep) 60%,#2a0a4a 100%); color:#fff; } .section-dark.page-cta .chapter-title{color:#fff;} .section-dark.page-cta .chapter-title em{color:var(--purple-soft);} .section-dark.page-cta .chapter-deck{color:#bcb5d0;} .section-dark.page-cta::before{background:radial-gradient(closest-side,rgba(198,164,249,.22),transparent 70%);opacity:.6;} /* invert ghost/soft button variants on the dark CTA so their text is readable */ .section-dark.page-cta .btn-ghost,.section-dark.page-cta .btn-soft{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.04);} .section-dark.page-cta .btn-ghost:hover,.section-dark.page-cta .btn-soft:hover{background:#fff;color:var(--purple-deep);border-color:#fff;} .section-dark.page-cta .btn-ghost .arrow,.section-dark.page-cta .btn-soft .arrow{transition:transform .25s;} .section-dark.page-cta .btn-ghost:hover .arrow,.section-dark.page-cta .btn-soft:hover .arrow{transform:translateX(4px);} @media (max-width:1080px){ .page-hero-grid{grid-template-columns:1fr;} .mini-steps{grid-template-columns:1fr 1fr;} .related{grid-template-columns:1fr;} .deliv-list{grid-template-columns:1fr;} } /* ─── playful "Write my e-Book" header CTA ────────── */ .btn-write{ display:inline-flex;align-items:center;gap:.55rem; font-family:var(--body);font-weight:600;font-size:.86rem;letter-spacing:.01em; padding:.85rem 1.4rem; background:linear-gradient(135deg,var(--purple-deep) 0%,#9d4edd 100%); color:#fff;border:0;border-radius:999px;cursor:pointer; box-shadow:0 12px 24px -8px rgba(90,24,154,.4); transition:transform .35s var(--ease),box-shadow .35s var(--ease); position:relative;overflow:hidden;isolation:isolate; } .btn-write::before{ content:"";position:absolute;inset:0;border-radius:999px; background:linear-gradient(135deg,#9d4edd,var(--purple-deep)); opacity:0;transition:opacity .35s ease;z-index:-1; } .btn-write > *{position:relative;z-index:1;} .btn-write:hover{transform:translateY(-2px);box-shadow:0 18px 30px -8px rgba(90,24,154,.55);} .btn-write:hover::before{opacity:1;} .btn-emoji{font-size:1.05em;line-height:1;} .btn-write-label{white-space:nowrap;} /* compact header CTA on mobile — drop the "my e-Book" tail and tighten padding so it doesn't crowd the burger */ @media (max-width: 880px){ .btn-write{padding:.55rem .9rem;font-size:.78rem;gap:.4rem;} .btn-write-ext{display:none;} .btn-write .arrow{display:none;} .btn-emoji{font-size:1em;} } /* very narrow screens — icon-only round button (hero already carries the full CTA) */ @media (max-width: 420px){ .btn-write{padding:10px 20px;justify-content:center;gap:0;} .btn-write-label{display:none;} } /* ─── Wizard overlay & modal ────────────────────── */ .wiz-overlay{ position:fixed;inset:0;z-index:9000; background:radial-gradient(60% 60% at 50% 50%,rgba(90,24,154,.55),rgba(20,5,40,.85)); backdrop-filter:blur(8px); display:flex;align-items:center;justify-content:center;padding:1.2rem; opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility .35s; max-width:100vw;box-sizing:border-box;overflow-y:auto;overflow-x:hidden; } .wiz-overlay.open{opacity:1;visibility:visible;} .wiz-modal{ position:relative;width:100%;max-width:780px;max-height:92vh; background:linear-gradient(180deg,#fff,#fef8f1);border-radius:24px; box-shadow:0 60px 100px -30px rgba(20,5,40,.55),0 0 0 1px rgba(255,255,255,.5); display:flex;flex-direction:column;overflow:hidden; transform:translateY(20px) scale(.97);transition:transform .45s var(--ease); } .wiz-overlay.open .wiz-modal{transform:translateY(0) scale(1);} .wiz-close{ position:absolute;top:1rem;right:1rem;z-index:10; width:38px;height:38px;border-radius:99px;border:1px solid rgba(90,24,154,.18); background:#fff;color:var(--ink);font-size:1.4rem;line-height:1;cursor:pointer; display:grid;place-items:center;transition:all .25s;font-family:var(--display); } .wiz-close:hover{background:var(--ink);color:#fff;transform:rotate(90deg);} .wiz-header{ padding:1.4rem 4rem 1.1rem 2rem;display:flex;justify-content:space-between;align-items:center; gap:1rem;border-bottom:1px dashed rgba(90,24,154,.18);background:rgba(255,255,255,.6); } .wiz-brand{display:flex;align-items:center;gap:.55rem;font-family:var(--display);font-style:italic;font-weight:500;color:var(--ink);font-size:.95rem;} .wiz-brand img{height:72px;width:auto;display:block;} .wiz-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--purple-deep),var(--purple-ink));display:grid;place-items:center;color:#fff;} .wiz-mark svg{width:14px;height:14px;} .wiz-progress{display:flex;align-items:center;gap:.85rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-weight:600;} .wiz-progress b{color:var(--purple-deep);font-family:var(--mono);font-weight:700;} .wiz-bar{width:120px;height:4px;background:rgba(90,24,154,.12);border-radius:4px;overflow:hidden;} .wiz-fill{height:100%;width:20%;background:linear-gradient(90deg,var(--coral),var(--purple-deep));border-radius:4px;transition:width .45s var(--ease);} .wiz-body{padding:1.8rem 2rem;overflow-y:auto;flex:1;} .wiz-step{display:none;animation:wizIn .45s var(--ease);} .wiz-step.active{display:block;} @keyframes wizIn{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}} .wiz-eyebrow{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;color:var(--purple-deep);text-transform:uppercase;font-weight:600;display:inline-flex;gap:.5rem;align-items:center;} .wiz-step h2{font-family:var(--display);font-weight:500;font-size:clamp(1.7rem,3.5vw,2.4rem);line-height:1.05;letter-spacing:-.015em;color:var(--ink);font-variation-settings:"opsz" 144;margin:.65rem 0 .55rem;} .wiz-step h2 em{font-style:italic;color:var(--purple-deep);font-weight:400;} .wiz-lede{font-family:var(--display);font-style:italic;font-size:1rem;line-height:1.55;color:var(--ink-soft);max-width:54ch;margin-bottom:1.5rem;font-weight:400;} .wiz-fields{display:flex;flex-direction:column;gap:1rem;} .wiz-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;} .wiz-field{display:flex;flex-direction:column;gap:.4rem;} .wiz-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;color:var(--ink-soft);text-transform:uppercase;font-weight:600;} .wiz-label em{color:var(--coral);font-style:normal;} .wiz-opt{font-family:var(--mono);font-size:.6rem;color:var(--muted);text-transform:none;letter-spacing:.08em;font-weight:500;margin-left:.4rem;} .wiz-field input[type=text], .wiz-field input[type=email], .wiz-field input[type=tel], .wiz-field textarea, .wiz-field select{ font-family:var(--body);font-size:1rem;font-weight:500;color:var(--ink); padding:.85rem 1rem;border:1.5px solid var(--rule);border-radius:12px; background:#fff;outline:none;transition:border-color .25s,box-shadow .25s; } .wiz-field input:focus, .wiz-field textarea:focus, .wiz-field select:focus{border-color:var(--purple-deep);box-shadow:0 0 0 4px rgba(90,24,154,.12);} .wiz-field textarea{resize:vertical;font-family:var(--display);font-weight:400;line-height:1.55;} .wiz-check{display:flex;align-items:center;gap:.6rem;font-family:var(--body);font-size:.92rem;color:var(--ink-soft);cursor:pointer;padding:.5rem 0;} .wiz-check input{width:18px;height:18px;accent-color:var(--purple-deep);} /* Pills (genre) */ .wiz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.3rem;} .wiz-pill{ display:flex;flex-direction:column;align-items:center;gap:.45rem; padding:1rem .85rem;background:#fff;border:1.5px solid var(--rule);border-radius:14px; cursor:pointer;text-align:center;transition:all .25s var(--ease); } .wiz-pill:hover{border-color:var(--purple-deep);transform:translateY(-2px);box-shadow:0 12px 20px -10px rgba(90,24,154,.25);} .wiz-pill input{display:none;} .wiz-pill input:checked + .wp-ic + .wp-t{color:#fff;} .wiz-pill:has(input:checked){background:linear-gradient(135deg,var(--purple-deep),var(--purple-ink));border-color:transparent;color:#fff;} .wiz-pill:has(input:checked) .wp-ic{filter:brightness(1.2);} .wp-ic{font-size:1.8rem;line-height:1;} .wp-t{font-family:var(--display);font-size:.88rem;line-height:1.2;color:var(--ink);font-weight:400;} .wp-t b{display:block;font-weight:500;font-style:italic;color:var(--purple-deep);} .wiz-pill:has(input:checked) .wp-t b{color:var(--coral);} .wiz-pill:has(input:checked) .wp-t{color:#fff;} /* Stage option cards */ .wiz-options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;} .wiz-opt-card{ display:flex;flex-direction:column;gap:.35rem; padding:1.1rem 1.1rem;background:#fff;border:1.5px solid var(--rule);border-radius:14px; cursor:pointer;transition:all .25s var(--ease);text-align:left; } .wiz-opt-card:hover{border-color:var(--purple-deep);transform:translateY(-2px);} .wiz-opt-card input{display:none;} .wiz-opt-card:has(input:checked){background:linear-gradient(135deg,var(--purple-deep),var(--purple-ink));border-color:transparent;color:#fff;} .wiz-opt-card .wo-n{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;color:var(--purple-deep);text-transform:uppercase;font-weight:700;} .wiz-opt-card:has(input:checked) .wo-n{color:var(--coral);} .wiz-opt-card .wo-t{font-family:var(--display);font-style:italic;font-size:1.15rem;color:var(--ink);font-weight:500;} .wiz-opt-card:has(input:checked) .wo-t{color:#fff;} .wiz-opt-card .wo-d{font-size:.84rem;color:var(--ink-soft);line-height:1.45;} .wiz-opt-card:has(input:checked) .wo-d{color:#d8c2f5;} /* Chips (multi-select needs) */ .wiz-chips{display:flex;flex-wrap:wrap;gap:.5rem;} .wiz-chip{ display:inline-flex;align-items:center;gap:.4rem; padding:.65rem .95rem;background:#fff;border:1.5px solid var(--rule);border-radius:99px; cursor:pointer;transition:all .25s;font-family:var(--body);font-weight:500;font-size:.86rem;color:var(--ink); } .wiz-chip:hover{border-color:var(--purple-deep);} .wiz-chip input{display:none;} .wiz-chip:has(input:checked){background:var(--ink);color:#fff;border-color:var(--ink);} .wiz-chip:has(input:checked) span{color:#fff;} /* Success */ .wiz-success{text-align:center;padding:1.5rem 0;} .wiz-success-icon{font-size:3.5rem;line-height:1;margin-bottom:.8rem;animation:popIn .55s var(--ease);} @keyframes popIn{from{transform:scale(.4) rotate(-20deg);opacity:0;}to{transform:scale(1) rotate(0);opacity:1;}} .wiz-success h2{margin-bottom:.5rem;} .wiz-success .wiz-lede{margin-inline:auto;} .wiz-success-cta{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:1.4rem;} .wiz-success-meta{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-top:1.2rem;font-weight:500;} .wiz-success-meta b{color:var(--purple-deep);} /* Footer */ .wiz-footer{ padding:1.1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem; border-top:1px solid rgba(90,24,154,.12);background:rgba(255,255,255,.6);flex-wrap:wrap; } .wiz-back{background:transparent;border:1.5px solid var(--rule);color:var(--ink-soft); font-family:var(--body);font-weight:500;font-size:.84rem;padding:.7rem 1.1rem;border-radius:99px;cursor:pointer;transition:all .25s;} .wiz-back:hover{border-color:var(--ink);color:var(--ink);} .wiz-back:disabled{opacity:.4;cursor:not-allowed;} .wiz-skip{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--muted);} .wiz-skip em{color:var(--coral);font-style:normal;font-weight:600;} .wiz-next{background:linear-gradient(135deg,var(--purple-deep),var(--purple-ink));border:0;cursor:pointer;padding:.85rem 1.5rem;} .wiz-next:hover{background:linear-gradient(135deg,var(--coral),var(--purple-deep));} .wiz-next.is-finish{background:linear-gradient(135deg,var(--coral),#ff6f3c);} .wiz-next.is-finish:hover{background:linear-gradient(135deg,var(--purple-deep),var(--coral));} /* responsive wizard */ @media (max-width:760px){ .wiz-row{grid-template-columns:1fr;} .wiz-grid{grid-template-columns:repeat(2,1fr);} .wiz-options{grid-template-columns:1fr;} .wiz-body,.wiz-footer{padding-inline:1.2rem;} .wiz-header{padding:1.2rem 3.5rem 1rem 1.2rem;} .wiz-bar{width:80px;} .wiz-modal{max-height:96vh;} .wiz-skip{display:none;} } /* ─── playful section dividers ─────── */ .section-wave{position:relative;} .section-wave::after{ content:"";display:block;height:40px; background-image:url("data:image/svg+xml;utf8,"); background-size:100% 100%;background-repeat:no-repeat; } /* ─── softer / playful tweaks ─────── */ .chapter-title{font-weight:500;} .cat-row .t{font-weight:500;} .cat-row .t em{font-weight:400;} .chapter-deck{font-weight:400;} .letter-body{font-weight:400;} .case .title{font-weight:500;} .edition .name{font-weight:500;} /* ─── Journal posts — SEO scaffolding ───────────────── */ .post-meta{display:flex;gap:1.2rem;flex-wrap:wrap;font-family:var(--mono);font-size:.66rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:1rem 0 2rem;align-items:center;} .post-meta strong{color:var(--ink);font-weight:500;} .post-meta > span{display:inline-flex;align-items:center;gap:.4rem;} .post-author::before{content:"✎";color:var(--purple-deep);margin-right:.3rem;} .post-date::before{content:"·";opacity:.5;} .post-read::before{content:"·";opacity:.5;} .post-takeaways{background:var(--purple-pale);border-left:3px solid var(--purple-deep);border-radius:6px;padding:1.4rem 1.6rem;margin:2rem 0;max-width:680px;} .post-takeaways h2{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--purple-deep);margin:0 0 .8rem;font-weight:600;} .post-takeaways ul{list-style:none;display:flex;flex-direction:column;gap:.7rem;} .post-takeaways li{font-family:var(--display);font-size:.98rem;line-height:1.55;color:var(--ink);padding-left:1.4rem;position:relative;font-weight:300;} .post-takeaways li::before{content:"❦";position:absolute;left:0;color:var(--purple-deep);} .post-related{border-top:1px solid var(--rule);padding-top:1.8rem;margin-top:3rem;max-width:680px;} .post-related h3{font-family:var(--display);font-style:italic;font-size:1.3rem;color:var(--ink);margin-bottom:1rem;} .post-related ul{list-style:none;display:flex;flex-direction:column;gap:.7rem;} .post-related li{font-family:var(--display);font-size:1rem;color:var(--ink-soft);} .post-related li a{color:var(--purple-deep);border-bottom:1px solid rgba(90,24,154,.3);} .post-related li a:hover{border-bottom-color:var(--purple-deep);} .post-cta{background:linear-gradient(135deg,var(--purple-pale),var(--cream));border-radius:12px;padding:2rem;margin:3rem 0;max-width:680px;text-align:center;} .post-cta h3{font-family:var(--display);font-weight:400;font-size:1.6rem;color:var(--ink);margin-bottom:.5rem;font-variation-settings:"opsz" 40;} .post-cta p{font-family:var(--display);font-style:italic;color:var(--ink-soft);margin-bottom:1.4rem;font-size:1rem;} /* In-line contextual link used inside body copy on service pages and the homepage House/Promises sections to keep internal link equity flowing. */ .ilink{color:var(--purple-deep);border-bottom:1px solid rgba(90,24,154,.3);transition:border-color .25s;} .ilink:hover{border-bottom-color:var(--purple-deep);} /* ── Lead submission notification ─────────────────────────────── */ .ebw-notif{ position:fixed;bottom:2rem;right:2rem;z-index:9999; display:flex;align-items:flex-start;gap:1rem; max-width:380px;width:calc(100vw - 2.5rem); background:var(--cream); border:1px solid rgba(90,24,154,.18); border-radius:14px; padding:1.2rem 1rem 1.4rem 1.2rem; box-shadow:0 8px 40px rgba(42,10,74,.14),0 2px 8px rgba(42,10,74,.08); transform:translateX(calc(100% + 2.5rem)); opacity:0; transition:transform .45s cubic-bezier(.34,1.26,.64,1), opacity .35s ease; overflow:hidden; } .ebw-notif--in{transform:translateX(0);opacity:1;} .ebw-notif--out{transform:translateX(calc(100% + 2.5rem));opacity:0;} .ebw-notif__icon{ flex-shrink:0; width:36px;height:36px; border-radius:50%; background:linear-gradient(135deg,var(--purple-deep),var(--purple)); display:flex;align-items:center;justify-content:center; color:#fff; margin-top:.1rem; } .ebw-notif__icon svg{width:16px;height:16px;stroke:#fff;} .ebw-notif__body{flex:1;min-width:0;} .ebw-notif__title{ font-family:var(--display);font-weight:600;font-size:.95rem; color:var(--ink);margin:0 0 .3rem; font-variation-settings:"opsz" 20; } .ebw-notif__msg{font-size:.83rem;color:var(--ink-soft);margin:0 0 .4rem;line-height:1.45;} .ebw-notif__ref{font-size:.78rem;color:var(--purple-deep);margin:0;letter-spacing:.01em;} .ebw-notif__close{ flex-shrink:0;background:none;border:none;cursor:pointer; padding:.2rem;color:var(--ink-soft);line-height:0; border-radius:6px;transition:color .2s,background .2s; } .ebw-notif__close:hover{color:var(--ink);background:rgba(90,24,154,.07);} .ebw-notif__close svg{width:16px;height:16px;} .ebw-notif__progress{ position:absolute;bottom:0;left:0;height:3px;width:100%; background:linear-gradient(90deg,var(--purple-deep),var(--coral)); transform-origin:left; animation:ebw-notif-bar linear forwards; } @keyframes ebw-notif-bar{from{transform:scaleX(1);}to{transform:scaleX(0);}} @media(max-width:480px){ .ebw-notif{bottom:1rem;right:1rem;left:1rem;width:auto;max-width:none;} } .single-layout .container{ max-width:1200px; margin:auto; padding:60px 20px; display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:60px; } .content-area h1{ font-size:48px; line-height:1.2; margin-bottom:20px; } .post-meta{ color:#777; margin-bottom:30px; } .featured-image img{ width:100%; height:auto; display:block; margin-bottom:40px; } .entry-content{ font-size:20px; line-height:1.9; } .sidebar h3{ margin-bottom:30px; } .recent-post{ margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #eee; } .recent-post a{ font-weight:700; color:#111; text-decoration:none; } .small-meta{ margin-top:8px; font-size:13px; color:#888; } @media(max-width:991px){ .single-layout .container{ grid-template-columns:1fr; } } @media (min-width: 1400px) { .container { width: 1438px !important; } }