/* Handlezen is a personal atlas: a tall photographic study, lines and a fixed editorial axis. */
.inner-page--palm { --palm-paper:#171510; --palm-ink:#b9aa91; }
.inner-page--palm .palm-opening { display:grid; grid-template-columns:1fr 1.05fr; gap:70px; align-items:center; padding:48px var(--gutter) 88px; }
.inner-page--palm .palm-masthead { position:relative; height:660px; margin:0; overflow:hidden; border-radius:48% 48% 0 0; }
.inner-page--palm .palm-masthead img { width:100%; height:100%; object-fit:cover; object-position:54% 50%; }
.inner-page--palm .palm-masthead figcaption { position:absolute; right:18px; bottom:14px; padding:5px 10px; background:var(--surface-base); color:var(--text-secondary); font:400 var(--text-utility)/1.5 var(--body); }
.inner-page--palm .palm-opening__copy { min-width:0; max-width:590px; }
.inner-page--palm .palm-opening__copy h1 { margin:0 0 30px; font-size:clamp(62px,calc(6.3 * var(--layout-vw)),92px); line-height:.98; }
.inner-page--palm .palm-opening__copy h1 em { color:var(--accent-gold); }
.inner-page--palm .palm-opening__copy .lede { max-width:26ch; margin-bottom:20px; font-size:30px; line-height:1.25; }
.inner-page--palm .palm-opening__copy > p:not(.lede,.eyebrow) { max-width:47ch; font-size:19px; line-height:1.6; margin-bottom:25px; }
.inner-page--palm .palm-opening__explore { display:table; margin-top:22px; }
.inner-page--palm .palm-opening__explore .icon { margin-left:24px; }
.inner-page--palm .palm-atlas { display:grid; grid-template-columns:1fr 1.22fr; gap:0 90px; padding:90px var(--gutter) 80px; background:var(--palm-paper); }
.inner-page--palm .palm-atlas__heading { grid-column:1/-1; display:grid; grid-template-columns:1fr 1.22fr; gap:0 90px; align-items:end; margin-bottom:38px; }
.inner-page--palm .palm-atlas__heading .eyebrow { grid-column:1/-1; }
.inner-page--palm .palm-atlas__heading h2 { margin:0; }
.inner-page--palm .palm-atlas__heading > p:not(.eyebrow) { max-width:42ch; font-size:20px; line-height:1.55; margin:0; }
.inner-page--palm .palm-study { margin:0; padding:0 30px 0 0; align-self:center; }
.inner-page--palm .palm-study__drawing { display:block; width:100%; max-width:340px; height:auto; margin:0 auto; overflow:visible; }
.inner-page--palm .palm-study__outline { stroke:var(--palm-ink); stroke-width:1.2; }
.inner-page--palm .palm-study__crease { stroke:var(--palm-ink); stroke-width:.8; opacity:.4; }
.inner-page--palm .palm-study__line { stroke:var(--palm-ink); stroke-width:2; opacity:.3; stroke-linecap:round; transition:stroke .35s ease,opacity .35s ease; }
.inner-page--palm .palm-study__point { fill:var(--palm-ink); opacity:.3; transition:fill .35s ease,opacity .35s ease; }
.inner-page--palm .palm-atlas:has([data-palm-line="heart"][open]) :is(.palm-study__line--heart,.palm-study__point--heart),
.inner-page--palm .palm-atlas:has([data-palm-line="head"][open]) :is(.palm-study__line--head,.palm-study__point--head),
.inner-page--palm .palm-atlas:has([data-palm-line="life"][open]) :is(.palm-study__line--life,.palm-study__point--life) { stroke:var(--gold-bright); opacity:1; }
.inner-page--palm .palm-atlas:has([data-palm-line="heart"][open]) .palm-study__point--heart,
.inner-page--palm .palm-atlas:has([data-palm-line="head"][open]) .palm-study__point--head,
.inner-page--palm .palm-atlas:has([data-palm-line="life"][open]) .palm-study__point--life { fill:var(--gold-bright); }
.inner-page--palm .palm-study figcaption { margin-top:20px; text-align:center; color:var(--text-secondary); font:400 var(--text-utility)/1.6 var(--body); }
.inner-page--palm .palm-lines { align-self:start; }
.inner-page--palm .palm-lines details { border-bottom:1px solid var(--border-subtle); }
.inner-page--palm .palm-lines details:first-child { border-top:1px solid var(--border-subtle); }
.inner-page--palm .palm-lines summary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 0; list-style:none; cursor:pointer; min-height:64px; color:var(--text-primary); font:400 31px/1.2 var(--display); }
.inner-page--palm .palm-lines summary::-webkit-details-marker { display:none; }
.inner-page--palm .palm-lines summary .icon { transition:transform .35s var(--ease); color:var(--accent-gold); }
.inner-page--palm .palm-lines details[open] summary .icon { transform:rotate(90deg); }
.inner-page--palm .palm-lines details[open] summary { color:var(--gold-bright); }
.inner-page--palm .palm-line-copy { padding:0 48px 24px 0; }
.inner-page--palm .palm-line-copy p { font-size:19px; line-height:1.6; margin-bottom:16px; }
.inner-page--palm .palm-line-copy .palm-line-topic { font:400 var(--text-utility)/1.5 var(--body); color:var(--accent-gold); margin-bottom:14px; }
.inner-page--palm .palm-line-copy .palm-line-question { font-style:italic; color:var(--text-primary); margin-bottom:0; }
.inner-page--palm .palm-lines > .content-note { margin-top:24px; max-width:58ch; }
.inner-page--palm .palm-conversation { display:grid; grid-template-columns:38% 62%; padding:100px var(--gutter); gap:0; }
.inner-page--palm .palm-conversation__title { padding-right:35px; }
.inner-page--palm .palm-conversation__title h2 { margin-bottom:0; }
.inner-page--palm .palm-conversation__body { max-width:57ch; }
.inner-page--palm .palm-conversation__body .lede { font-size:30px; line-height:1.3; margin-bottom:25px; }
.inner-page--palm .palm-conversation__body > p:not(.lede) { font-size:19px; line-height:1.6; }
.inner-page--palm .palm-practical { grid-column:2; display:grid; grid-template-columns:1fr; margin-top:25px; }
.inner-page--palm .palm-practical article { display:grid; grid-template-columns:.85fr 1.15fr; gap:30px; padding:25px 0; border-top:1px solid var(--border-subtle); }
.inner-page--palm .palm-practical h3 { font-size:26px; line-height:1.1; margin:0; }
.inner-page--palm .palm-practical p { font-size:18px; line-height:1.6; margin:0; }
.inner-page--palm .palm-conversation__note { grid-column:2; margin:0; max-width:64ch; }
.inner-page--palm .palm-conversation__link { grid-column:2; justify-self:start; margin-top:20px; }
.inner-page--palm .palm-invitation { padding:85px var(--gutter) 100px; background:var(--palm-paper); text-align:center; }
.inner-page--palm .palm-invitation h2 { margin-bottom:28px; }
.inner-page--palm .palm-invitation > p:not(.eyebrow) { font-size:21px; line-height:1.5; margin-bottom:30px; }
@media (max-width:1000px) {
  .inner-page--palm .palm-opening { gap:38px; padding-block:38px 75px; grid-template-columns:1fr 1fr; }
  .inner-page--palm .palm-masthead { height:590px; }
  .inner-page--palm .palm-opening__copy h1 { font-size:64px; }
  .inner-page--palm .palm-opening__copy .lede { font-size:24px; }
  .inner-page--palm .palm-atlas { gap:0 40px; padding-block:70px; grid-template-columns:.8fr 1.2fr; }
  .inner-page--palm .palm-atlas__heading { grid-template-columns:.8fr 1.2fr; gap:0 40px; }
  .inner-page--palm .palm-atlas__heading h2 { font-size:43px; }
  .inner-page--palm .palm-conversation { grid-template-columns:30% 70%; padding-block:75px; }
  .inner-page--palm .palm-conversation__title h2 { font-size:43px; }
  .inner-page--palm .palm-practical article { grid-template-columns:1fr; gap:12px; }
}
@media (max-width:700px) {
  .inner-page--palm .palm-opening { display:flex; flex-direction:column; gap:35px; padding-top:28px; padding-bottom:58px; }
  .inner-page--palm .palm-masthead { width:100%; max-width:400px; height:420px; }
  .inner-page--palm .palm-masthead img { object-position:54% 48%; }
  .inner-page--palm .palm-masthead figcaption { right:24px; bottom:14px; }
  .inner-page--palm .palm-opening__copy h1 { font-size:52px; margin-bottom:24px; }
  .inner-page--palm .palm-opening__copy .lede { font-size:24px; }
  .inner-page--palm .palm-opening__copy > p:not(.lede,.eyebrow) { font-size:18px; }
  .inner-page--palm .palm-atlas { display:flex; flex-direction:column; padding-block:58px; gap:0; }
  .inner-page--palm .palm-atlas__heading { display:block; margin-bottom:24px; }
  .inner-page--palm .palm-atlas__heading h2 { font-size:42px; margin-bottom:24px; }
  .inner-page--palm .palm-atlas__heading > p:not(.eyebrow) { font-size:18px; }
  .inner-page--palm .palm-study { align-self:stretch; padding:0; margin:0 0 32px; }
  .inner-page--palm .palm-study__drawing { width:220px; }
  .inner-page--palm .palm-study figcaption { margin-top:10px; }
  .inner-page--palm .palm-lines { align-self:stretch; }
  .inner-page--palm .palm-lines summary { font-size:28px; padding-block:20px; }
  .inner-page--palm .palm-line-copy { padding-right:0; }
  .inner-page--palm .palm-line-copy p { font-size:18px; }
  .inner-page--palm .palm-conversation { display:block; padding-block:62px; }
  .inner-page--palm .palm-conversation__title { padding-right:0; margin-bottom:30px; }
  .inner-page--palm .palm-conversation__title h2 { font-size:42px; }
  .inner-page--palm .palm-conversation__body .lede { font-size:24px; }
  .inner-page--palm .palm-conversation__body > p:not(.lede) { font-size:18px; }
  .inner-page--palm .palm-practical { margin-top:30px; }
  .inner-page--palm .palm-practical article { padding-block:22px; }
  .inner-page--palm .palm-practical h3 { font-size:25px; }
  .inner-page--palm .palm-invitation { padding-block:62px; }
  .inner-page--palm .palm-invitation h2 { font-size:42px; }
  .inner-page--palm .palm-invitation > p:not(.eyebrow) { font-size:19px; }
  .inner-page--palm .palm-invitation > p > br { display:none; }
}
@media (max-width:360px) {
  .inner-page--palm .palm-opening__copy h1 { font-size:46px; }
  .inner-page--palm .palm-atlas__heading h2,.inner-page--palm .palm-conversation__title h2,.inner-page--palm .palm-invitation h2 { font-size:38px; }
  .inner-page--palm .button { gap:15px; padding-inline:18px; letter-spacing:.02em; }
}
@media (prefers-reduced-motion:reduce) {
  .inner-page--palm .palm-study__line,.inner-page--palm .palm-study__point,.inner-page--palm .palm-lines summary .icon { transition:none; }
}
