:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20312d;background:#f5f8f7}*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.6}a{color:#2e6457;text-underline-offset:.2em}a:focus-visible{outline:3px solid #d8a83f;outline-offset:4px}.wrap{width:min(100% - 2.5rem,72rem);margin-inline:auto}header{background:#fff;border-bottom:1px solid #dbe7e2}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:5.3rem}.brand{display:inline-flex;align-items:center;gap:.7rem;color:#223c35;font-size:1.05rem;font-weight:780;text-decoration:none}.brand img{width:2.45rem;height:2.45rem;object-fit:contain}.nav-links{display:flex;flex-wrap:wrap;gap:1.3rem}.nav-links a{color:#2c4a43;font-size:.94rem;font-weight:700;text-decoration:none}main{padding:4.5rem 0 5rem}.eyebrow{margin:0 0 1rem;color:#8d632f;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.04em}h1{margin:0;font-size:clamp(2.7rem,7vw,5.6rem);line-height:1.02}h2{margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08}h3{margin:0;font-size:1.36rem;line-height:1.15}.page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:start}.page-heading p,.book-intro{max-width:46rem;margin:1.2rem 0 0;color:#52645e;font-size:1.12rem}.app-icon{width:clamp(5rem,11vw,8rem);border-radius:1.55rem;box-shadow:0 18px 35px rgb(21 58 47 / 20%)}.feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);gap:clamp(2rem,6vw,5rem);margin-top:4rem;align-items:center}.feature p,.pen-section>p{color:#52645e;font-size:1.05rem}.detail-card{padding:1.8rem;border:1px solid #d6e4df;border-radius:1.2rem;background:#fff}.detail-card dl{margin:0}.detail-card div+div{margin-top:1rem;padding-top:1rem;border-top:1px solid #e4ede9}.detail-card dt{color:#63736f;font-size:.8rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.detail-card dd{margin:.2rem 0 0;font-weight:700}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.button{display:inline-flex;align-items:center;min-height:2.8rem;padding:.55rem 1rem;border:1px solid #2f6658;border-radius:.7rem;background:#2f6658;color:#fff;font-size:.95rem;font-weight:800;text-decoration:none}.button.secondary{background:transparent;color:#2f6658}.button.coming-soon,.store-link.coming-soon{border:1px solid #d2b16a;background:#fff8df;color:#6a5529;cursor:default}.notice{max-width:60rem;margin:4rem 0;padding:1.1rem 1.2rem;border-left:4px solid #c38e3f;background:#fffaf0;color:#625746}.gallery-heading{margin-bottom:1.4rem}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.shot{overflow:hidden;border:1px solid #d5e3dd;border-radius:1.1rem;background:#fff;box-shadow:0 12px 28px rgb(27 72 59 / 7%)}.shot img{display:block;width:100%;height:auto}.shot p{margin:0;padding:.8rem 1rem;color:#53645f;font-size:.91rem;font-weight:700}.pen-section{margin-top:4.5rem}.pen-section>p{max-width:46rem;margin:.8rem 0 1.7rem}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.book{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid #d5e3dd;border-radius:1.1rem;background:#fff;box-shadow:0 12px 28px rgb(27 72 59 / 6%)}.book img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#e5eeea}.book-content{display:flex;min-height:11rem;flex-direction:column;padding:1.1rem}.book-content p{margin:.55rem 0 1.05rem;color:#687772;font-size:.91rem}.book-content a{margin-top:auto;font-weight:800}footer{padding:2rem 0;border-top:1px solid #dbe7e2;color:#65746f;font-size:.9rem}@media(max-width:800px){.feature,.book-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{grid-template-columns:1fr}.app-icon{grid-row:1}}@media(max-width:560px){.nav{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:1.1rem}.gallery{grid-template-columns:1fr}main{padding-top:3rem}}