/* Approved oversized book intro; the rest of the site uses the original demo styles. */
:root{
  --sans:'Plus Jakarta Sans',sans-serif;
  --display:'Plus Jakarta Sans',sans-serif;
  --brand:'Plus Jakarta Sans',sans-serif;
}
.cinema{
  --paper:#fffdf9;--pw:min(520px,72vw,calc((100svh - 154px) * .77));--ph:calc(var(--pw) / .77);
}
html{overflow-x:clip}
html.has-book-intro{scroll-behavior:auto}
html.intro-complete{scroll-behavior:smooth}
html.has-book-intro .site-header{
  opacity:var(--header-opacity,0);
  visibility:var(--header-visibility,hidden);
}
.book-intro{position:relative;scroll-margin-top:0}
.has-book-intro .cinema{display:block}
.cinema .icon{width:20px;height:20px;stroke-width:1.5}
.cinema img{width:100%}
.scroll-track{height:0}.has-book-intro .scroll-track{height:215svh}.cinema{display:none;position:fixed;inset:0;z-index:20;pointer-events:none;opacity:var(--cinema-opacity,1);visibility:var(--cinema-visibility,visible);overflow:clip;background:radial-gradient(ellipse at 50% 52%,#e5d7f7,#f7f3fc 65%,#fbf9ff);--zoom:1;--hinge:0deg;--rx:10deg;--ry:-14deg;--rz:-5deg;--cover-opacity:1;--paper-opacity:0;--intro-opacity:1;--flip:0deg;--flip-opacity:0}
.room-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,#d9c5f455,transparent 65%);opacity:var(--intro-opacity)}
.room-orbit{position:absolute;top:50%;left:50%;width:1100px;height:340px;transform:translate(-50%,-50%) rotate(-18deg);border:1px solid #bea3da19;border-radius:50%;pointer-events:none;opacity:var(--intro-opacity)}
.cinema .orbit-two{width:1400px;height:500px;transform:translate(-50%,-50%) rotate(17deg)}
.opening-caption{position:absolute;top:51%;left:37px;right:37px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.7px;color:#b19ac1;opacity:var(--intro-opacity);pointer-events:none}
.opening-caption>span{writing-mode:vertical-rl}.opening-caption>span:last-child{transform:rotate(180deg)}
.camera-stage{position:absolute;inset:0;perspective:2200px;pointer-events:none}
.camera-anchor{position:absolute;width:calc(var(--pw) * 2);height:var(--ph);left:50%;top:48.5%;transform:translate(-75%,-50%) scale(var(--zoom));transform-origin:75% 50%;transform-style:preserve-3d;will-change:transform;opacity:var(--camera-opacity,1)}
.physical-book{position:relative;width:100%;height:100%;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));transform-style:preserve-3d;will-change:transform}
.book-bottom{position:absolute;top:-3px;bottom:-7px;left:calc(50% - 3px);right:-6px;background:#bca4d2;border-radius:4px 9px 9px 4px;transform:translateZ(-23px);box-shadow:0 20px 30px #4c1d9520}
.book-edge{position:absolute;left:50%;right:-2px;top:7px;bottom:0;border-radius:0 6px 6px 0;background:repeating-linear-gradient(0deg,#fffefb 0,#cfc5d0 1px,#fffefb 2px,#ece5ec 3px);transform:translateZ(-12px)}
.open-pages{position:absolute;inset:0;display:flex;transform-style:preserve-3d}
.inside-left,.inside-right{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;display:flex;flex-direction:column}
.inside-left{left:0;align-items:center;justify-content:center;background:linear-gradient(90deg,#fffdf9 0%,#fffdf9 88%,#ece5e0);border-radius:5px 0 0 5px;opacity:var(--left-opacity,0)}
.inside-left>span{font-size:8px;letter-spacing:2px;color:#b5a2c1}.inside-left>strong{font-family:Georgia,serif;font-size:55px;font-style:italic;font-weight:400;letter-spacing:-2px;color:#9a7cb0;margin-top:13px}
.inside-left>.icon{color:#aa8dc2;width:36px;height:36px;stroke-width:1;margin-top:25px}
.inside-right{right:0;padding:13% 5.2% 11%;border-radius:0 7px 7px 0;background:linear-gradient(90deg,#ede6e1 0%,#fffdf9 8%,#fffdf9);box-shadow:2px 2px 1px #9a82a52b}
.first-page-small{font-size:6px;color:#b29ac0;letter-spacing:1.5px}.inside-right>strong{font-family:var(--display);font-size:clamp(32px,4vw,58px);font-weight:500;letter-spacing:-2px;line-height:1.08;margin-top:18%}
.inside-right>strong>em{font-style:normal;color:var(--purple)}.first-page-foot{margin-top:auto;color:#b69ec4;font-size:5px;letter-spacing:1px}
.physical-binding{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#b29caa70;box-shadow:0 0 14px 5px #4b2c6510;opacity:var(--left-opacity,0)}
.physical-cover{position:absolute;top:0;left:50%;width:50%;height:100%;transform-style:preserve-3d;transform-origin:0 50%;transform:rotateY(var(--hinge));z-index:5;opacity:var(--cover-opacity);will-change:transform}
.hard-cover-front,.hard-cover-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:3px 8px 8px 3px;overflow:hidden}
.hard-cover-front{display:flex;flex-direction:column;padding:8.5% 8.5% 7% 10%;background:#dfd3ed;box-shadow:inset 4px 0 3px #fff9,inset 12px 0 16px #63427614,inset 0 1px 1px #fff9,2px 0 0 #9472a777}
.hard-cover-front::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#74558c05 0,#74558c05 .5px,transparent 1px,transparent 2px);opacity:.4;pointer-events:none}
.hard-cover-front::after{content:'';position:absolute;left:11px;top:0;bottom:0;width:1px;background:#a88abd44;box-shadow:1px 0 1px #fff8;pointer-events:none}
.book-cover-brand{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:-.3px;color:#5f3c78}
.book-cover-brand>span:first-child{display:grid;place-items:center;width:19px;height:19px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:5px;color:#fff;font-size:12px}
.book-cover-brand>span:last-child{margin-left:auto;letter-spacing:1.1px;font-size:5px;color:#a387b5;font-weight:400}
.cover-overline{display:block;font-size:6px;letter-spacing:2px;color:#9d7fb0;margin-top:12%}
.hard-cover-front .cover-title{font-family:Georgia,serif;font-weight:400;font-size:calc(var(--pw) * .18);letter-spacing:-.04em;line-height:.95;margin-top:6%;color:#503065}
.hard-cover-front .cover-title>em{font-weight:400;font-style:italic}.cover-window{position:relative;flex:1;min-height:0;margin-top:9%;overflow:hidden}
.cover-window>img{height:100%;filter:saturate(.72)}.cover-window>span{position:absolute;bottom:10px;left:10px;color:#fff;font-size:5px;letter-spacing:1px}
.cover-imprint{display:flex;justify-content:space-between;align-items:center;font-size:5px;color:#9974ae;letter-spacing:1px;margin-top:6%}
.cover-imprint>.icon{width:13px;height:13px;stroke-width:1}.hard-cover-back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:27px;background:linear-gradient(90deg,#e7ddf1,#e7ddf1 80%,#cbbada);transform:rotateY(180deg);color:#9274a6}
.hard-cover-back>span{font-family:Georgia,serif;font-size:38px;text-align:center;font-style:italic;letter-spacing:-1px;line-height:1.15}
.hard-cover-back>.icon{width:40px;height:40px;stroke-width:1}
.book-ground-shadow{position:absolute;z-index:-1;left:54%;top:99%;width:43%;height:23px;filter:blur(19px);background:#4c1d9526;border-radius:50%;opacity:var(--intro-opacity)}
.opening-control{position:absolute;z-index:10;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:13px;opacity:var(--intro-opacity);visibility:var(--intro-visibility,visible);white-space:nowrap}
.opening-control>button{pointer-events:auto;display:flex;align-items:center;gap:35px;border:1px solid #cbb4e1;background:#ffffffb0;color:var(--purple-deep,#4c1d95);padding:13px 23px;border-radius:100px;font-size:11px;backdrop-filter:blur(12px);transition:background .2s,transform .2s;box-shadow:0 5px 20px #4c1d9506}
.opening-control>button:hover{background:white;transform:translateY(-3px)}.opening-control>button>.icon{width:15px;height:15px;animation:scroll-hint 2s ease-in-out infinite}
.opening-control>span{font-size:7px;letter-spacing:.6px;color:#ad94bd}







.inside-paper{position:absolute;inset:0;background:var(--paper);opacity:var(--paper-opacity);pointer-events:none}
.inside-paper::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 100px #b9a5ba08}

/* The paper fades into the real homepage, not a sequence of fixed pages. */
.cinema .inside-paper{background:#f8f6ff}
.cinema .inside-left>strong{font-size:45px}
#top{scroll-margin-top:-110px}
.no-animation-note{padding:20px;text-align:center;background:var(--lavender)}
.hero-description{max-width:780px;margin-inline:auto}
.hero-eyebrow{font-size:10px}
@keyframes scroll-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(max-width:850px){
  .cinema .inside-left>strong{font-size:36px}
}
@media(max-width:580px){
  .hero h1{font-size:clamp(36px,9.1vw,51px);letter-spacing:-2px;line-height:1.09}
  .hero-eyebrow{font-size:8px;letter-spacing:.8px}
  .hero-description{font-size:14px}
  .hero-actions{gap:8px}
  .hero-actions .button{font-size:12px}
  .hero-actions>.button{white-space:nowrap}
  .hero-actions>.button-ghost{white-space:normal}
  .shopify-note{font-size:8px;flex-wrap:wrap;gap:5px}
}
@media(max-width:480px){
  .cinema{--pw:min(calc(100vw - 60px),calc((100svh - 205px) * .65));--ph:calc(var(--pw) / .65)}
  .camera-anchor{top:47.5%}


  .hard-cover-front{padding:9% 9% 8% 11%}
  .book-cover-brand{font-size:9px;gap:5px}
  .book-cover-brand>span:first-child{width:16px;height:16px;font-size:10px}
  .book-cover-brand>span:last-child{font-size:4px}
  .cover-overline{margin-top:18%;font-size:5px;letter-spacing:1.3px}
  .hard-cover-front .cover-title{letter-spacing:-.04em;margin-top:8%}
  .cover-window{margin-top:14%}
  .cover-window>span{font-size:3px;bottom:8px;left:8px}
  .cover-imprint{font-size:3px;letter-spacing:.8px;margin-top:8%}
  .cover-imprint>.icon{width:11px;height:11px}
  .inside-right{padding-top:17%;padding-bottom:13%}
  .inside-right>strong{font-size:34px;letter-spacing:-1.4px;margin-top:25%}
  .first-page-small{font-size:4px}.first-page-foot{font-size:3px}
  .cinema .inside-left>strong{font-size:28px}
  .inside-left>span{font-size:5px}
  .hard-cover-back>span{font-size:29px}
  .opening-control{bottom:36px;gap:13px}
  .opening-control>button{padding:13px 23px;font-size:11px;gap:33px}
  .opening-control>span{font-size:7px;letter-spacing:.2px}
  .opening-caption{left:16px;right:16px;font-size:4px;letter-spacing:1.3px}
}
@media(prefers-reduced-motion:reduce){
  html.has-book-intro{scroll-behavior:auto}
  .camera-anchor,.physical-book,.physical-cover{will-change:auto}
  .opening-control .icon{animation:none}
}

/* Plus Jakarta Sans with bold headings and the original brand lettering. */
.brand,.book-cover-brand{font-family:var(--brand)}
.book-cover-brand>span:first-child>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
h1,h2,h3{font-family:var(--display);font-weight:700}
.hero .hero-copy h1{
  font-family:var(--display);
  font-weight:700;
  letter-spacing:-.035em;
  line-height:1.08;
}
.hero-word{font-style:normal}
.intro-statement,.split-heading h2,.playground-copy h2,
.pricing-copy h2,.faq-heading h2,.final-cta h2{
  letter-spacing:-.025em;
  line-height:1.12;
}
.showcase-copy h3,.workflow-card h3,.customer-card h3{
  letter-spacing:-.02em;
  line-height:1.15;
}
.price-value strong{font-weight:400;letter-spacing:-.035em}
.hero-description{letter-spacing:.005em}
.hard-cover-front .cover-title,.cover-front h2,.collection-card h3{
  font-family:var(--display);font-weight:700;
}