:root{color-scheme:light;--bg:#e8fbf7;--bg-alt:#bfeee5;--text:#103a3a;--muted:#4d6f70;--card:rgba(255,255,255,0.72);--border:rgba(16,58,58,0.12);--accent:#0f8a8f;--accent-dark:#0b6f73;--shadow:0 20px 60px rgba(15,138,143,0.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,Times New Roman,serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,255,255,.9),transparent 35%),radial-gradient(circle at bottom right,rgba(15,138,143,.18),transparent 38%),linear-gradient(180deg,var(--bg) 0,var(--bg-alt) 100%)}a{color:inherit;text-decoration:none}.page{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:5rem 0 4rem}.hero{display:grid;grid-gap:1.5rem;gap:1.5rem;padding:2rem 0 3rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700;color:var(--accent-dark)}h1{margin:0;max-width:12ch;font-size:clamp(3rem,7vw,6rem);line-height:.94;letter-spacing:-.05em}.intro{margin:0;max-width:60ch;font-size:1.075rem;line-height:1.7;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.5rem}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:0 1.2rem;border-radius:999px;border:1px solid var(--border);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary{background:var(--accent);color:#fff;box-shadow:var(--shadow)}.secondary{background:rgba(255,255,255,.45)}.primary:hover,.secondary:hover{transform:translateY(-1px)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.card{padding:1.4rem;border-radius:1.4rem;border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.card h2{margin:0 0 .7rem;font-size:1.05rem}.card p{margin:0;line-height:1.65;color:var(--muted)}.sketchbook-page{display:grid;place-items:center;min-height:100vh;overflow:hidden;background:#ffeb3b}.flipbook-stage{display:grid;justify-items:center;grid-gap:1.25rem;gap:1.25rem;width:min(92vw,980px);perspective:1800px}.flipbook{position:relative;width:min(88vw,840px);height:min(60vw,500px);--book-radius:0 22px 22px 0;--book-border:2px solid rgba(0,0,0,0.12);--book-shadow:0 24px 60px rgba(0,0,0,0.14);transform-style:preserve-3d}.book-cover,.book-open,.book-page,.book-spine,.page-turn,.page-turn__back,.page-turn__front{position:absolute;inset:0;display:grid;place-items:center;border:0;padding:0;color:#1d1d1d;background:#fdf8cf;box-shadow:var(--book-shadow)}.book-open{display:grid;grid-template-columns:1fr 24px 1fr;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;transform:scale(.985);border-radius:var(--book-radius);overflow:hidden;border:var(--book-border);border-left-width:0;z-index:2}.book-cover{border-radius:var(--book-radius);cursor:pointer;transform-origin:left center;transition:transform .52s cubic-bezier(.2,.8,.16,1),box-shadow .22s ease;background:#090909;z-index:4}.book-cover:before{content:"";position:absolute;inset:0;border:2px solid rgba(255,105,180,.55);border-left-width:0;border-radius:var(--book-radius);pointer-events:none}.book-cover:after{content:"";position:absolute;inset:16px 18px 16px 18px;border-radius:0 18px 18px 0;background:linear-gradient(90deg,rgba(255,105,180,.98) 0 5px,transparent 5px 13px,rgba(255,105,180,.98) 13px 18px,transparent 18px 26px,rgba(255,105,180,.98) 26px 31px,transparent 31px 39px,rgba(255,105,180,.98) 39px 44px,transparent 44px 52px,rgba(255,105,180,.98) 52px 57px,transparent 57px 65px,rgba(255,105,180,.98) 65px 70px,transparent 70px 78px,rgba(255,105,180,.98) 78px 83px,transparent 83px 91px,rgba(255,105,180,.98) 91px 96px,transparent 96px 104px,rgba(255,105,180,.98) 104px 109px,transparent 109px 117px,rgba(255,105,180,.98) 117px 122px,transparent 122px 130px,rgba(255,105,180,.98) 130px 135px,transparent 135px 143px,rgba(255,105,180,.98) 143px 148px,transparent 148px 156px,rgba(255,105,180,.98) 156px 161px,transparent 161px 169px,rgba(255,105,180,.98) 169px 174px,transparent 174px 182px,rgba(255,105,180,.98) 182px 187px,transparent 187px 195px,rgba(255,105,180,.98) 195px 200px,transparent 200px 208px),radial-gradient(circle at 13px 14px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 39px 14px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 65px 14px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 91px 14px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 117px 14px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 143px 14px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 169px 14px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 195px 14px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 26px 48px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 52px 48px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 78px 48px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 104px 48px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 130px 48px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 156px 48px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 182px 48px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 208px 48px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 13px 82px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 39px 82px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 65px 82px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 91px 82px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 117px 82px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 143px 82px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 169px 82px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),radial-gradient(circle at 195px 82px,rgba(255,105,180,.98) 0 2px,transparent 2px 10px),linear-gradient(135deg,transparent 0 46%,rgba(255,105,180,.98) 46% 49%,transparent 49% 51%,rgba(255,105,180,.98) 51% 54%,transparent 54% 100%),linear-gradient(45deg,transparent 0 46%,rgba(255,105,180,.98) 46% 49%,transparent 49% 51%,rgba(255,105,180,.98) 51% 54%,transparent 54% 100%);background-color:#000;box-shadow:inset 0 0 0 1px rgba(255,182,220,.2),inset 0 0 0 6px rgba(0,0,0,.08);opacity:.94}.book-cover__label{position:relative;z-index:1;font-size:clamp(1.4rem,2vw,2rem);letter-spacing:.08em;text-transform:uppercase;color:#ff69b4}.is-open .book-cover{transform:translateX(-28%) rotateY(-112deg);box-shadow:24px 24px 60px rgba(0,0,0,.16);z-index:0}.is-open .book-cover:disabled{cursor:default}.is-open .book-open{opacity:1;pointer-events:auto;transform:scale(1);z-index:2}.is-closing .book-open,.is-opening .book-open{opacity:1;transform:scale(.985)}.is-closing .book-cover,.is-opening .book-cover{box-shadow:24px 24px 60px rgba(0,0,0,.16)}.is-closing .book-cover{transform:translateX(0) rotateY(0deg)}.book-page{position:relative;width:100%;height:100%;cursor:pointer;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,.94)),#fffdf4;transition:transform .52s cubic-bezier(.2,.8,.16,1)}.book-page:before{content:"";position:absolute;inset:0;border:0;pointer-events:none}.book-page--left{grid-column:1;border-radius:0}.book-page--right{grid-column:3;border-radius:0}.book-page--left:after,.book-page--right:after{content:"";position:absolute;top:0;bottom:0;width:14px;background:rgba(0,0,0,.04)}.book-page--left:after{right:0;border-right:1px solid rgba(0,0,0,.08)}.book-page--right:after{left:0;border-left:1px solid rgba(0,0,0,.08)}.book-spine{position:relative;grid-column:2;width:24px;height:90%;border-radius:999px;background:linear-gradient(90deg,rgba(0,0,0,.14),rgba(255,255,255,.2),rgba(0,0,0,.18)),#d9c98b;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.06);z-index:3}.page-number{font-size:clamp(2rem,4vw,3.75rem);font-weight:700;color:rgba(0,0,0,.44);-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-turn{left:50%;width:50%;transform-style:preserve-3d;transform-origin:left center;animation:pageTurn .56s cubic-bezier(.2,.8,.16,1) forwards;z-index:4}.page-turn__back,.page-turn__front{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,.94)),#fffdf4}.page-turn__front{transform:rotateY(0deg);border-radius:0 18px 18px 0}.page-turn__back{transform:rotateY(180deg);border-radius:0 18px 18px 0;background:linear-gradient(90deg,rgba(255,255,255,.74),rgba(255,255,255,.9)),#fffef7}@keyframes pageTurn{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}.is-turning .book-page{pointer-events:none}@media (max-width:900px){.grid{grid-template-columns:1fr}h1{max-width:14ch}.flipbook{width:min(94vw,780px);height:min(68vw,460px)}}@media (max-width:640px){.page{width:min(100% - 1.25rem,1120px);padding:3rem 0 2.5rem}.hero{padding-top:1rem}h1{font-size:clamp(2.5rem,14vw,4rem)}}