
:root{--ink:#222820;--paper:#f4f0e7;--green:#244b39;--orange:#d96b3b;--line:#d7d5c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:absolute;top:-80px;padding:12px;background:white;z-index:9}.skip:focus{top:8px}.header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:800;line-height:1.3;letter-spacing:1px}.monogram{display:grid;place-items:center;background:var(--green);color:var(--paper);width:49px;height:49px;border-radius:50%;font-family:Georgia,serif;font-size:33px;letter-spacing:-3px;padding-right:4px}nav{display:flex;gap:36px;font-size:13px}nav span{margin-left:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;padding:76px 0 84px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;line-height:1.7}.intro>.eyebrow{display:flex;align-items:center;gap:10px}.dot{height:7px;width:7px;background:var(--orange);border-radius:50%}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(54px,5.5vw,82px);line-height:1.02;letter-spacing:-4px;margin:28px 0}h1 em{color:var(--green);font-weight:400}.lede{max-width:390px;line-height:1.8;font-size:15px;color:#62665d}.text-link{display:inline-flex;gap:55px;align-items:center;font-size:13px;font-weight:bold;margin-top:23px;padding-bottom:10px;border-bottom:1px solid var(--ink)}.composition{height:480px;position:relative;isolation:isolate;overflow:hidden;background:#e8e6da;border-radius:48% 48% 4px 4px}.orbit{position:absolute;width:410px;height:410px;border:1px solid #d1d3c4;border-radius:50%;left:70px;top:26px}.orbit-two{width:310px;height:310px;left:120px;top:76px}.app-tile{position:absolute;z-index:2;top:56px;left:36px;width:195px;height:215px;background:var(--orange);color:#fff0da;transform:rotate(-11deg);border-radius:27px;box-shadow:8px 18px 26px #27332622;padding:23px;display:flex;flex-direction:column;justify-content:space-between;font-size:30px;font-weight:700;letter-spacing:-1px;line-height:1.02}.tile-star{font-size:54px;line-height:1}.tile-arrow{float:right;font-size:27px;margin-top:25px}.notebook{position:absolute;z-index:3;top:162px;right:33px;width:219px;height:270px;background:var(--green);color:#e9e8be;transform:rotate(12deg);border-radius:4px 14px 14px 4px;box-shadow:12px 18px 26px #27332630,inset -5px 0 #193c2d;padding:30px 24px 25px 34px;display:flex;flex-direction:column;justify-content:space-between}.binding{position:absolute;left:11px;top:0;bottom:0;border-left:2px solid #ffffff17}.notebook-caption{font-size:8px;letter-spacing:1.3px}.notebook strong{font-size:47px;line-height:1;letter-spacing:-2px}.notebook-footer{font-size:7px;letter-spacing:1px}.caption{position:absolute;bottom:18px;left:22px;font-size:8px;letter-spacing:1.5px;color:#777e6e}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:baseline;border-top:1px solid var(--line);padding-top:28px;margin-bottom:28px}h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-1px;font-size:34px;margin:0}.section-heading h2{font-size:28px}.venture-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.venture{padding:31px 35px 26px;display:flex;flex-direction:column;min-height:385px;border-radius:4px}.ginger{background:var(--green);color:var(--paper)}.paper{background:#e7e4d8}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.card-top .eyebrow{font-size:9px}.badge{font-size:8px;letter-spacing:1px;border:1px solid #ffffff44;padding:6px 8px;border-radius:20px}.paper .badge{border-color:#b7baac}.venture-symbol{font-size:58px;margin:22px 0 8px;line-height:1}.paper-symbol{font-size:62px;line-height:.94}h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.5px;font-size:32px;margin:10px 0}.venture p{font-size:14px;line-height:1.8;max-width:370px;opacity:.78;margin:0 0 25px}.card-link,.card-status{margin-top:auto;padding-top:16px;border-top:1px solid #ffffff40;display:flex;justify-content:space-between;font-size:12px}.card-status{border-color:#bfc3b4;color:#646a5b}.about{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:75px 0}.about h2{font-size:43px}.about p:not(.eyebrow){font-size:14px;line-height:1.8;color:#62665d;max-width:440px;margin-top:24px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:26px 0 34px;font-size:11px;color:#62665d}.footer-name{font-weight:700;color:var(--ink);font-size:14px}.footer-name span{display:none}footer p{font-size:10px}a:hover{opacity:.8}@media(min-width:1450px){.hero{padding-top:90px;padding-bottom:100px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}h1{letter-spacing:-2.5px}.composition{height:420px}.app-tile{left:15px;width:165px;height:185px}.notebook{right:15px;width:185px;height:240px}.notebook strong{font-size:40px}.section-heading{display:block}.section-heading h2{margin-top:12px}.venture{padding:25px}.badge{font-size:7px;letter-spacing:.5px}.about h2{font-size:35px}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{padding:22px 0}nav{gap:18px;font-size:11px}.brand{font-size:9px;gap:8px}.monogram{width:38px;height:38px;font-size:27px}.hero{grid-template-columns:1fr;padding:42px 0;gap:38px}h1{font-size:61px}.lede{max-width:100%}.composition{height:400px;max-width:420px;width:100%;margin:auto}.app-tile{left:35px;top:45px;width:175px;height:190px}.notebook{right:30px;top:130px;width:190px;height:235px}.venture-grid{grid-template-columns:1fr}.venture{min-height:370px}.section-heading h2{font-size:27px}.about{grid-template-columns:1fr;padding:44px 0;gap:15px}.about h2{font-size:36px}footer{flex-wrap:wrap;padding-bottom:25px}footer p{order:3;width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.notebook-links{margin-top:auto}.notebook-links .card-link{border-color:#bfc3b4;align-items:center;padding:14px 0}.notebook-links small{display:block;font-size:10px;color:#62665d;margin-top:5px}.notebook-links .card-link:last-child{padding-bottom:0}

.notebook-links .card-link{gap:18px;line-height:1.5}.notebook-links small{line-height:1.6}

.notebook-links .card-link{display:flex;flex-direction:column;align-items:stretch;gap:13px;padding:20px 0}.product-info{font-size:15px;font-weight:700}.product-info small{font-weight:400}.shop-button{display:flex;justify-content:space-between;align-items:center;background:var(--green);color:var(--paper);padding:15px 18px;border-radius:4px;font-size:13px;font-weight:700;min-height:48px;transition:background .15s}.shop-button>span{font-size:18px}.notebook-links .card-link:hover{opacity:1}.notebook-links .card-link:hover .shop-button{background:#173626}.notebook-links .card-link:focus-visible .shop-button{outline:3px solid var(--orange);outline-offset:3px}

.ginger h3{margin-top:24px}.app-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;margin:2px 0 26px}.app-preview{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:11px;font-weight:700}.app-preview img{width:80px;height:80px;max-width:100%;object-fit:cover;border-radius:18px;box-shadow:0 5px 14px #0003;transition:transform .15s}.app-preview:hover img{transform:translateY(-3px)}.app-preview small{font-size:8px;font-weight:400;opacity:.75;margin-top:-4px}.ginger-cta{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--paper);color:var(--green);padding:15px 18px;min-height:50px;border-radius:4px;font-size:14px;font-weight:700;margin-top:auto}.ginger-cta span{font-size:21px}@media(max-width:360px){.app-preview img{width:64px;height:64px;border-radius:14px}}@media(prefers-reduced-motion:reduce){.app-preview img{transition:none}.app-preview:hover img{transform:none}}

.notebook-links .card-link{display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:18px;row-gap:12px;align-items:center}.book-cover{grid-column:1;grid-row:1 / 3;display:block;width:90px;height:auto;border-radius:2px;box-shadow:3px 5px 12px #0003}.notebook-links .product-info{grid-column:2}.notebook-links .shop-button{grid-column:2;padding:12px;font-size:12px;gap:8px}@media(max-width:380px){.notebook-links .card-link{grid-template-columns:70px minmax(0,1fr);column-gap:12px}.book-cover{width:70px}.notebook-links .shop-button{font-size:11px;padding:10px}.product-info{font-size:13px}}

/* Readability and brand polish */
body{font-size:clamp(16px,1.15vw,18px)}.lede,.venture p,.about p:not(.eyebrow){font-size:clamp(16px,1.15vw,18px);line-height:1.75}.eyebrow,.card-top .eyebrow,.caption,.app-preview,.app-preview small,.notebook-caption,.notebook-footer,footer,footer p,nav,.brand,.text-link,.card-link,.card-status,.notebook-links small,.badge{font-size:12px}.caption{color:#505848;letter-spacing:1px}.notebook-caption,.notebook-footer{letter-spacing:.4px}.notebook strong{font-size:44px}.section-heading{display:block}.section-heading h2{margin-top:12px;font-size:clamp(28px,2.4vw,36px)}.ginger{background:#0f172a}.app-tile{background:#0f172a;color:#fff;font-family:Arial,Helvetica,sans-serif}.ginger-mark{display:inline-grid;place-items:center;background:#4f46e5;color:#fff;width:44px;height:44px;border-radius:10px;font:700 28px Arial,Helvetica,sans-serif;letter-spacing:0;flex-shrink:0}.ginger-title{font-family:Arial,Helvetica,sans-serif;font-weight:700;display:flex;align-items:center;gap:12px}.ginger-title .ginger-mark{width:34px;height:34px;border-radius:8px;font-size:22px}.ginger-cta{color:#0f172a;font-size:16px}.app-preview{font-size:12px}.app-preview small{font-size:12px;opacity:1;color:#cbd5e1}.notebook-links .shop-button{font-size:14px}.notebook-links .product-info{font-size:16px}.notebook-links small{font-size:12px}.about a{text-decoration:underline;text-underline-offset:3px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}footer p{line-height:1.8}.privacy{max-width:800px;padding:40px 0 70px}.privacy h1{font-size:clamp(40px,6vw,64px)}.privacy h2{font-size:26px;margin-top:30px}.privacy p{font-size:16px;line-height:1.8}.privacy p a{text-decoration:underline}@media(max-width:640px){nav{gap:14px}.brand{font-size:10px}.caption{max-width:85%;font-size:12px}.footer-links{gap:16px}}

.notebook-footer{white-space:nowrap;font-size:clamp(10px,.85vw,12px);letter-spacing:0}.app-tile{position:absolute}.tile-arrow{position:absolute;top:22px;right:22px;margin:0;float:none}.notebook-caption{white-space:nowrap;font-size:10px;letter-spacing:.1px}
