/* A small illustrated publication: open compositions, cloth books, paper and ink. */
.english-site{--wrap:1248px;--shelf:#F4EDE3;--surface:#EDE3D5;--paper:#FFFCF6;--rule:#D6C9B8;background:var(--shelf)}
.english-site .top{position:relative;gap:26px;height:76px}
.english-site .brand b{font-size:25px}
.primary-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
.primary-nav a{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}
.primary-nav a:hover,.primary-nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}
.english-site .top-end{margin-left:0}
.english-site .top .get{background:none;border-color:var(--ink)}
.mobile-nav{display:none}
.mobile-nav:not([open]) nav{display:none}
.english-site h2{font-size:clamp(34px,4.1vw,52px);font-weight:500;line-height:1.14}
.english-site .eyebrow{font-size:12px;letter-spacing:.04em;font-weight:500}
.english-site .cta{min-height:52px;padding-inline:26px}
.english-site .cta:active{transform:translateY(1px)}
.english-site .textlink{font-size:14px;font-weight:500}
.english-site .art{border:0;border-radius:0;box-shadow:none;background:none;transform:none;overflow:visible}
.english-site .art img,.hero-illustration img,.book-illustration img,.card-art img,.featured-art img,.resource-item>img{mix-blend-mode:multiply;filter:brightness(1.1) contrast(1.04);mask-image:radial-gradient(ellipse 80% 80% at 50% 52%,#000 64%,transparent 100%)}
.english-site .art img{object-fit:contain}

/* The first page. Let the illustration sit in the page, without a picture frame. */
.home-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;min-height:650px;gap:24px;padding:16px 0 24px}
.hero-copy{position:relative;z-index:1;padding-bottom:28px}
.hero-copy .eyebrow{margin-bottom:26px}
.hero-copy h1{font-size:clamp(60px,7.3vw,92px);font-weight:500;line-height:1.04;letter-spacing:-.045em;max-width:8em;text-wrap:initial}
.hero-copy .lede{margin:28px 0 0;max-width:24em;font-size:17px;color:var(--muted);line-height:1.7}
.hero-copy .actions{margin-top:30px;gap:20px}
.hero-illustration{margin:0 -36px 0 -32px;align-self:stretch;display:flex;align-items:center;pointer-events:none}
.hero-illustration img{width:100%;height:620px;object-fit:cover;object-position:50% 58%;max-width:none}
.availability{display:flex;justify-content:space-between;gap:24px;max-width:660px;padding:22px 0;border-top:1px solid var(--rule);font-size:12px;color:var(--muted)}
.memory-story{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:70px;padding:110px 0 100px;align-items:start}
.memory-story h2{font-size:38px;max-width:8em}
.memory-story>div>p{font-size:15px;color:var(--muted);max-width:20em}
.memory-quote{padding-top:4px}
.memory-quote blockquote{font:400 clamp(31px,3.7vw,47px)/1.35 var(--display);letter-spacing:-.025em;margin:0 0 28px;max-width:16em}
.memory-quote p{font-size:13px!important;margin-bottom:12px}
.memory-quote small{display:block;max-width:31em;color:var(--muted);font-size:11px;line-height:1.6}
.home-features{padding:64px 0 0;border-top:1px solid var(--rule)}
.home-features>h2{max-width:11em;white-space:pre-line}
.feature-spread{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:80px;align-items:center;margin-top:20px}
.book-illustration{margin:0}
.book-illustration img{width:100%;height:540px;object-fit:contain}
.feature-copy>div{margin-bottom:36px}
.feature-copy h3{font:500 31px/1.15 var(--display);margin:0 0 14px;letter-spacing:-.015em}
.feature-copy p{font-size:16px;color:var(--muted);max-width:29em;margin:0}
.quiet-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin-top:32px}
.quiet-features h3{font:500 25px/1.25 var(--display);margin:0 0 14px}
.quiet-features p{font-size:15px;color:var(--muted);margin:0;line-height:1.75}
.english-site .sec{padding-top:100px}
.section-heading{margin-bottom:24px}
.section-heading h2{max-width:14em;margin-bottom:16px}
.section-heading .textlink{display:inline-block}
.scenario-list{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:44px;margin-top:38px}
.scenario-list article{padding-top:22px;border-top:1px solid var(--rule)}
.scenario-list article:nth-child(2){margin-top:36px}
.scenario-list article:nth-child(3){margin-top:72px}
.scenario-list h3{font:500 29px/1.2 var(--display);margin:0 0 14px}
.scenario-list p{font-size:15px;color:var(--muted);margin:0 0 24px;max-width:27em}
.scenario-list a{font-size:13px;font-weight:500}
.english-site .plan{background:none;border:0;border-radius:0;padding:26px 0}
.english-site .plans{gap:80px;border-top:1px solid var(--rule);margin-top:32px}
.english-site .plan.pro{border-left:1px solid var(--rule);padding-left:48px}
.english-site .plan h3{font-size:30px;font-weight:500}
.english-site .plan li{font-size:15px}
.english-site .price-note{font-size:13px;max-width:61em}
.product-notes{margin-top:40px}
.product-notes .sec{padding-top:24px}
.product-notes h2{font-size:28px}
.home-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px}
.home-faq h2{font-size:44px}
.home-faq .qa div:first-child{padding-top:0;border:0}
.english-site .qa h3{font-size:16px;font-weight:500}
.english-site .qa p{font-size:15px}
.resource-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:42px;padding:28px 0;border-block:1px solid var(--rule)}
.resource-strip h3{font:500 28px/1.2 var(--display);margin:0 0 8px}
.resource-strip p{margin:0;color:var(--muted);font-size:14px}
.resource-strip>a{flex:none;font-size:14px}
.home-end{padding:110px 0 70px;text-align:center}
.home-end h2{font-size:clamp(42px,5.5vw,68px);letter-spacing:-.035em;margin-bottom:32px}
.download-qr{display:none}
html.is-desk .download-qr{display:flex;align-items:center;justify-content:center;gap:16px;margin:26px auto 0}
.download-qr img{width:72px;height:72px;mix-blend-mode:multiply}
.download-qr p{text-align:left;color:var(--muted);font-size:12px;line-height:1.6}

/* Journal covers and stories. No mats, pills or shadows around the artwork. */
.journal-masthead{padding:58px 0 38px}
.journal-masthead .eyebrow{margin-bottom:24px}
.journal-masthead h1{max-width:14em;font-size:clamp(48px,6.7vw,84px);font-weight:500;letter-spacing:-.035em;line-height:1.08}
.journal-masthead .lede{max-width:39em;margin:24px 0 0;color:var(--muted);font-size:17px}
.journal-categories{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:30px;font-size:13px}
.journal-categories a{min-height:32px;display:flex;align-items:center;text-decoration:none;border-bottom:1px solid var(--ink)}
.featured-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:80px;padding:24px 0 50px;border-bottom:1px solid var(--rule)}
.featured-art{display:block;order:2;background:none;border:0;border-radius:0;overflow:visible}
.featured-art img{width:100%;height:auto;max-height:none;object-fit:contain}
.featured-story h2{font-size:clamp(36px,4.2vw,52px);line-height:1.12;font-weight:500;margin:16px 0 22px}
.featured-story h2 a,.journal-card h3 a{text-decoration:none}
.featured-story h2 a:hover,.journal-card h3 a:hover{text-decoration:underline;text-underline-offset:6px}
.featured-story p:not(.eyebrow):not(.reading-time){color:var(--muted);font-size:16px;margin:0 0 26px;max-width:30em}
.reading-time{font-size:12px;color:var(--muted);margin:18px 0 0}
.journal-category{padding-top:58px;scroll-margin-top:24px}
.journal-category>h2{font-size:34px;margin-bottom:30px}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}
.journal-category .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.journal-category .journal-grid:has(>.journal-card:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
.journal-card{min-width:0}
.card-art{display:block;aspect-ratio:7/5;overflow:hidden;background:none;border-radius:0}
.card-art img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;transition:transform .25s}
.card-art:hover img{transform:scale(1.025)}
.journal-card .eyebrow{margin:22px 0 12px;font-size:12px;letter-spacing:0}
.journal-card h3{font:500 29px/1.18 var(--display);letter-spacing:-.02em;margin:0 0 14px}
.journal-card .card-description{font-size:15px;line-height:1.7;color:var(--muted);margin:0;max-width:37em}
.journal-card .reading-time{margin-top:16px}
.journal-tools{margin-top:72px;padding:32px 0;border-top:1px solid var(--rule)}
.journal-tools h2{font-size:36px}
.journal-tools p{max-width:42em;color:var(--muted);font-size:16px}
.journal-tools .actions{margin-top:24px}
.journal-tools .actions a{font-size:14px}

/* Reading pages keep a comfortable measure and usable, printable navigation. */
.journal-article{max-width:760px;padding-top:44px}
.journal-article h1{font-size:clamp(37px,4.5vw,56px);font-weight:500;line-height:1.13;max-width:19em;letter-spacing:-.025em}
.journal-article .journal-label{font-size:12px;letter-spacing:0;margin:0 0 22px}
.journal-article .article-byline{font-size:12px;color:var(--muted);margin:22px 0 30px;line-height:1.8}
.journal-article p,.journal-article li{line-height:1.85}
.journal-article h2,.journal-article .prompt-group h2{margin-top:48px;font-size:31px;font-weight:500;line-height:1.23}
.journal-article>h3{font-size:18px;margin-top:30px}
.journal-article>blockquote{margin:30px 0;padding:12px 0 12px 28px;border-left:2px solid var(--rule);font:400 22px/1.75 var(--display)}
.journal-article>blockquote p{margin:0 0 14px}
.journal-article>blockquote p:last-child{margin:0}
.journal-figure{margin:36px 0;max-width:620px}
.journal-figure img{width:100%;height:auto;mix-blend-mode:multiply}
.journal-figure figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px}
.photo-ideas{padding-left:26px}
.photo-ideas>li{padding-left:8px;margin:24px 0}
.photo-ideas h3{font-size:18px;line-height:1.4;margin:0 0 8px}
.photo-ideas p{margin:0}
.story-study{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;margin:36px 0}
.story-study>img{width:100%;height:auto;mix-blend-mode:multiply}
.story-study .eyebrow{font-size:11px;margin:0 0 18px}
.story-study .study-title{font:500 30px/1.2 var(--display);letter-spacing:-.02em;margin:0 0 18px}
.story-study .study-words{font:400 19px/1.65 var(--display);margin:0}
.story-study .study-note{font-size:12px;line-height:1.7;color:var(--muted);margin:24px 0 0}
.study-reverse>img{order:2}
@media(max-width:540px){.story-study{grid-template-columns:1fr;gap:20px}.study-reverse>img{order:0}.story-study>img{max-width:360px}.story-study .study-title{font-size:28px}}
.article-toc{margin:32px 0 40px;padding:0 0 0 20px;border-left:1px solid var(--ink)}
.article-toc summary{cursor:pointer;font-size:13px;font-weight:500;min-height:28px}
.article-toc ol{padding-left:20px;margin:12px 0 0;display:grid;gap:6px;font-size:13px}
.article-toc a{text-decoration:none}
.article-toc a:hover{text-decoration:underline}
.english-site:has(.journal-article) .tool-faq,.english-site:has(.journal-article) .appcard{max-width:760px}
.english-site .appcard{background:none;border:0;border-top:1px solid var(--rule);border-radius:0;padding:30px 0;gap:24px}
.related-reading{margin-top:64px;padding-top:36px;border-top:1px solid var(--rule)}
.related-reading .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.related-reading .journal-card h3{font-size:27px}
.related-heading{margin-bottom:28px}
.related-heading h2{margin:0 0 14px;font-size:36px}
.related-heading>a{font-size:13px}

/* Product and free-resource overviews. */
.overview-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:64px;padding:42px 0 64px}
.overview-hero h1{font-size:clamp(42px,5.2vw,65px);font-weight:500;line-height:1.09;letter-spacing:-.035em}
.overview-hero .lede{font-size:17px;color:var(--muted);margin:26px 0 0;max-width:31em}
.overview-hero .art{width:100%;max-width:480px}
.overview-section{padding:56px 0;border-top:1px solid var(--rule)}
.overview-section>h2{max-width:20em;font-size:clamp(32px,3.5vw,44px)}
.overview-section>p:not(.eyebrow){color:var(--muted);max-width:47em;font-size:16px}
.detail-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;margin:36px 0}
.detail-pair h3{font:500 27px/1.2 var(--display);margin:0 0 16px}
.detail-pair p{font-size:16px;color:var(--muted)}
.detail-pair a{font-size:14px}
.memory-example{margin:34px 0;padding:10px 0 10px 26px;border-left:1px solid var(--rule);max-width:560px}
.memory-example p{font:400 30px/1.4 var(--display);margin:0 0 18px}
.memory-example footer{font-size:11px;color:var(--muted)}
.overview-end{padding:64px 0;text-align:center;border-top:1px solid var(--rule)}
.overview-end p{color:var(--muted);margin:0 0 28px}
.resource-intro{padding:56px 0 60px}
.resource-intro h1{font-size:clamp(44px,5.8vw,72px);font-weight:500;line-height:1.08;letter-spacing:-.035em}
.resource-intro .lede{font-size:17px;color:var(--muted);max-width:36em;margin-top:26px}
.resource-item{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:70px;align-items:center;padding:36px 0;border-top:1px solid var(--rule)}
.resource-item h2{font-size:clamp(34px,3.7vw,46px)}
.resource-item p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:37em}
.resource-item>img{width:100%;height:400px;object-fit:cover;object-position:50% 60%}
.resource-link{font-size:15px;font-weight:500;display:inline-flex;gap:24px;margin-top:18px}
.english-site .foot{background:none;margin-top:40px}
.english-site .foot h2{font-size:11px;letter-spacing:.04em}
.english-site .foot li,.english-site .foot p{font-size:13px}

@media(max-width:1100px){
 .primary-nav{display:none}.english-site .top-end{margin-left:auto}.mobile-nav{display:block}
 .mobile-nav summary{display:flex;align-items:center;min-height:44px;padding:8px 12px;font-size:14px;font-weight:500;cursor:pointer;list-style:none}
 .mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] summary{text-decoration:underline;text-underline-offset:5px}
 .mobile-nav nav{position:absolute;z-index:6;top:calc(100% + 8px);left:16px;right:16px;padding:12px 20px;background:var(--shelf);border:1px solid var(--rule);border-radius:8px}
 .mobile-nav nav a{display:flex;align-items:center;min-height:46px;text-decoration:none;border-bottom:1px solid var(--rule);font-size:16px}.mobile-nav nav a:last-child{border:0}.mobile-nav nav a[aria-current]{font-weight:700}
 .home-hero{min-height:570px}.hero-copy h1{font-size:clamp(56px,7.2vw,80px)}.hero-illustration img{height:550px}
 .feature-spread,.memory-story,.home-faq,.featured-story{gap:44px}
}
@media(max-width:820px){
 .english-site{--gutter:24px}.english-site .top{height:68px;gap:8px}.english-site .brand b{font-size:23px}.english-site .top-end{gap:0}
 .english-site .sec{padding-top:68px}.english-site h2{font-size:38px}
 .home-hero{grid-template-columns:1fr;min-height:0;gap:0;padding:36px 0 0}.hero-copy{padding:0}.hero-copy .eyebrow{margin-bottom:22px}
 .hero-copy h1{font-size:clamp(53px,10.5vw,80px);max-width:10em}.hero-copy .lede{font-size:16px;margin-top:22px;max-width:27em}.hero-copy .actions{margin-top:24px;gap:14px 22px}
 .hero-illustration{margin:0 -24px;justify-content:center}.hero-illustration img{width:100%;height:420px;object-fit:contain;object-position:50% 60%;max-width:600px}
 .availability{font-size:11px;gap:12px;padding:18px 0}.memory-story{grid-template-columns:1fr;padding:70px 0;gap:24px}.memory-story h2{max-width:12em;font-size:34px;margin-bottom:14px}.memory-story>div>p{max-width:33em}
 .memory-quote blockquote{font-size:34px;max-width:19em}.home-features{padding-top:44px}.home-features>h2{white-space:normal;max-width:11em}
 .feature-spread{grid-template-columns:1fr;gap:12px}.book-illustration img{height:auto;max-height:440px}.feature-copy h3{font-size:29px}.feature-copy p{max-width:36em}.quiet-features{grid-template-columns:1fr;gap:30px;margin-top:44px}
 .quiet-features p{max-width:36em}.quiet-features h3{font-size:25px}.scenario-list{grid-template-columns:1fr;gap:26px;margin-top:32px}.scenario-list article:nth-child(n){margin:0}.scenario-list p{max-width:36em;margin-bottom:16px}.scenario-list h3{font-size:28px}
 .english-site .plans{grid-template-columns:1fr;gap:0}.english-site .plan.pro{padding-left:0;border-left:0;border-top:1px solid var(--rule)}.home-faq{grid-template-columns:1fr;gap:20px}.home-faq h2{font-size:38px}
 .home-end{padding:76px 0 40px}.home-end h2{font-size:44px}.resource-strip{align-items:start;flex-direction:column;gap:18px}
 .journal-masthead{padding:36px 0 28px}.journal-masthead h1{font-size:clamp(43px,7.5vw,62px);max-width:15em}.journal-masthead .lede{font-size:16px}.featured-story{grid-template-columns:1fr;gap:18px;padding:12px 0 36px}.featured-art{order:0}.featured-art img{max-height:440px;width:100%;object-fit:contain}.featured-story h2{font-size:37px;max-width:19em}
 .journal-grid,.journal-category .journal-grid:has(>.journal-card:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.journal-card h3{font-size:27px}.journal-category{padding-top:44px}.journal-category>h2{font-size:31px}
 .journal-tools{margin-top:50px}.journal-tools h2{font-size:33px}.journal-article{padding-top:32px}.journal-article h2,.journal-article .prompt-group h2{font-size:28px}
 .overview-hero{grid-template-columns:1fr;padding-top:32px;gap:24px}.overview-hero .art{width:min(100%,400px)}.overview-hero h1{font-size:clamp(40px,7.3vw,58px)}.overview-section{padding:40px 0}.overview-section>h2{font-size:34px}.detail-pair{grid-template-columns:1fr;gap:28px}
 .resource-item{grid-template-columns:1fr;gap:16px}.resource-item>img{max-width:380px;height:320px;justify-self:center;order:-1}.resource-intro{padding:40px 0}.resource-intro h1{font-size:48px}
}
@media(max-width:540px){
 .english-site{--gutter:20px}.english-site .brand{gap:8px}.english-site .brand b{font-size:21px}.english-site .brand img{width:30px;height:30px}.mobile-nav summary{padding-inline:10px}
 .hero-copy h1{font-size:clamp(48px,11.5vw,62px)}.hero-illustration{margin-inline:-20px}.hero-illustration img{height:370px}
 .journal-grid,.journal-category .journal-grid,.journal-category .journal-grid:has(>.journal-card:nth-child(3)),.related-reading .journal-grid{grid-template-columns:1fr;gap:32px}
 .journal-card{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:start;gap:20px}.card-art{aspect-ratio:4/5}.journal-card .eyebrow{margin:0 0 9px;font-size:11px}.journal-card h3,.related-reading .journal-card h3{font-size:23px}.journal-card .card-description{font-size:13px}.journal-card .reading-time{font-size:11px;margin-top:12px}
 .featured-story h2{font-size:36px}.featured-art img{max-height:370px}.article-toc{padding-left:16px}.journal-article .article-byline{font-size:11px}.related-heading h2{font-size:31px}.resource-intro h1{font-size:43px}
}
@media(prefers-reduced-motion:reduce){.card-art img{transition:none}.card-art:hover img{transform:none}}
@media print{.article-toc,.journal-label,.article-byline,.related-reading,.journal-tools{display:none!important}.journal-article{max-width:none}.english-site{background:#fff}}