/* The Art Walk page (/artwalk): Amal Lana at the Art Walk. Four small moments, made for a phone in one hand.
   The book's water look, with a touch of her art: her mark, painted ripples, and her soft peach. */
:root{--aw-peach:#efc9ad;--aw-deep:#123f63}
body:has(main.aw){background:var(--paper)}
body:has(main.aw) .buybar{display:none!important}

/* a slim header: the page is a moment, not a menu */
.aw-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem max(var(--gutter,1.5rem),calc((100% - var(--w-std,1120px))/2 + var(--gutter,1.5rem)));background:rgba(251,247,238,.94);backdrop-filter:blur(8px);border-bottom:1px solid #ebe3d2}
.aw-top a{text-decoration:none}
.aw-brand{display:flex;align-items:center;gap:.55rem;font-family:var(--display);font-weight:700;font-size:1.08rem;color:var(--navy)}
.aw-brand img{width:16px;height:22px}
.aw-toplink{font-family:var(--ui);font-weight:600;font-size:.92rem;color:var(--teal-d);padding:.5rem .2rem;white-space:nowrap}
.aw-toplink:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- hero: Amal, at the water ---------- */
.aw-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(120% 90% at 70% 0%,#2a6f97 0%,#1a4c74 55%,#174669 100%)}
.aw-hero+.aw-deep{background:linear-gradient(180deg,#174669 0%,#163f66 40%,#0e2a48 100%)}
.aw-hero::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-1px;height:70px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 70' preserveAspectRatio='none'%3E%3Cpath d='M0 40 C200 10 380 14 560 36 S900 64 1200 30 V70 H0Z' fill='%23fbf7ee'/%3E%3C/svg%3E") center bottom/100% 70px no-repeat}
.aw-hero-in{position:relative;z-index:1;max-width:var(--w-std,1120px);margin:0 auto;padding:2.2rem var(--gutter,1.5rem) 4.6rem;display:grid;gap:1.6rem;align-items:center}
.aw-amal{position:relative;justify-self:center;width:min(250px,64vw);margin:0}
.aw-amal::before{content:"";position:absolute;inset:-14% -18%;border-radius:50%;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.035' numOctaves='2' seed='4'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='9'/%3E%3CfeGaussianBlur stdDeviation='1.2'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23w)' fill='none'%3E%3Cellipse cx='100' cy='100' rx='92' ry='92' stroke='%23efc9ad' stroke-opacity='.55' stroke-width='2.5'/%3E%3Cellipse cx='100' cy='100' rx='80' ry='80' stroke='%23bfe3ef' stroke-opacity='.4' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.aw-arch{display:block;aspect-ratio:4/5;border-radius:999px 999px 26px 26px;overflow:hidden;box-shadow:0 0 0 6px rgba(255,255,255,.12),0 24px 50px rgba(0,0,0,.35)}
.aw-arch img{width:100%;height:100%;object-fit:cover;object-position:78% 40%;display:block}
.aw-seal{position:absolute;right:-12px;bottom:12%;width:70px;height:70px;border-radius:50%;background:#fbf6ee;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.aw-seal img{width:52px;height:52px}
.aw-hero-txt{text-align:center}
.aw .aw-lede b{color:#fff}
.aw-eyebrow{display:block;font-family:var(--ui);font-weight:600;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--aw-peach);margin-bottom:.6rem}
.aw-hero h1{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem,9vw,4rem);line-height:1.02;color:#fff;margin:0 0 .8rem}
.aw-lede{font-family:var(--serif,Lora,serif);font-size:1.1rem;line-height:1.55;max-width:30rem;margin:0 auto 1.3rem;color:rgba(255,255,255,.9)}
.aw-steps-mini{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;list-style:none;margin:0;padding:0;counter-reset:s}
.aw-steps-mini li{counter-increment:s}
.aw .aw-steps-mini a{display:inline-flex;align-items:center;gap:.45rem;min-height:40px;padding:.3rem .95rem .3rem .4rem;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26);color:#fff!important;font-family:var(--ui);font-size:.92rem;text-decoration:none}
.aw-steps-mini a::before{content:counter(s);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--navy);font-weight:700;font-size:.8rem}
.aw .aw-steps-mini a::after{display:none!important}
@media(min-width:860px){
  .aw-hero-in{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);padding-top:3.4rem;padding-bottom:5.4rem}
  .aw-amal{order:2;width:min(320px,100%)}
  .aw-hero-txt{text-align:left}.aw-lede{margin-left:0}.aw-steps-mini{justify-content:flex-start}
}

/* ---------- the moments ---------- */
.aw-step{position:relative;max-width:640px;margin:0 auto;padding:3.6rem var(--gutter,1.5rem) 3.4rem;text-align:center}
.aw-step:not(.aw-deep)+.aw-step::before{content:"";position:absolute;left:50%;top:0;width:120px;height:14px;transform:translateX(-50%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'%3E%3Cpath d='M2 7c15-8 25-8 39 0s25 8 39 0 25-8 38 0' fill='none' stroke='%239fcde0' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
/* every number is a drop resting in a painted ripple */
.aw-num{position:relative;z-index:0;display:inline-grid;place-items:center;width:44px;height:52px;margin:0 0 1.2rem;font-family:var(--display);font-weight:700;font-size:1.15rem;color:#fff;padding-top:12px}
.aw-num::after{content:"";position:absolute;inset:0;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 27'%3E%3Cpath d='M10 0C10 0 0 11.5 0 17.3 0 22.7 4.5 27 10 27S20 22.7 20 17.3C20 11.5 10 0 10 0Z' fill='%232a7f9e'/%3E%3C/svg%3E") center/contain no-repeat}
.aw-num::before{content:"";position:absolute;left:50%;bottom:-17px;width:150px;height:44px;transform:translateX(-50%);z-index:-2;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 44'%3E%3Cdefs%3E%3Cfilter id='w' x='-10%25' y='-30%25' width='120%25' height='160%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' numOctaves='2' seed='9'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='5'/%3E%3CfeGaussianBlur stdDeviation='.7'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23w)' fill='none' stroke-linecap='round'%3E%3Cellipse cx='75' cy='24' rx='68' ry='15' stroke='%23efc9ad' stroke-width='2.2' stroke-opacity='.8'/%3E%3Cellipse cx='75' cy='24' rx='44' ry='9' stroke='%239fcde0' stroke-width='2' stroke-opacity='.9'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.aw-step h2{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,6vw,2.3rem);color:var(--navy);margin:0 0 .6rem;line-height:1.1}
.aw-step>p{font-size:1.08rem;line-height:1.6;color:var(--ink-2);margin:0 auto 1.4rem;max-width:32rem}
.aw-step .pill{min-height:48px}
.aw .aw-fine{font-family:var(--ui);font-size:.88rem;color:var(--ink-2);margin:1rem auto 0}
.aw .aw-fine a{color:var(--teal-d);text-decoration:underline;text-underline-offset:3px}

/* 1. draw a card: a pool you touch */
.aw-deep{max-width:none;color:#fff;background:radial-gradient(120% 80% at 50% 0%,#24618a 0%,#163f66 45%,#0e2a48 100%)}
.aw-deep h2{color:#fff}
.aw .aw-deep>p.aw-ask{color:rgba(255,255,255,.88)}
.aw-pool{position:relative;display:grid;place-items:center;width:min(340px,84vw);aspect-ratio:1;margin:.6rem auto 1.2rem;padding:2.2rem;border:0;border-radius:50%;cursor:pointer;color:#fff;
  background:radial-gradient(circle at 50% 42%,#5fb4cf 0%,#2f86a8 38%,#1b5c82 70%,#123f63 100%);box-shadow:inset 0 -18px 40px rgba(4,20,40,.45),inset 0 10px 30px rgba(255,255,255,.18),0 0 0 10px rgba(239,201,173,.12),0 24px 60px rgba(0,0,0,.35);transition:transform .3s ease}
.aw-pool:hover{transform:scale(1.015)}
.aw-pool:focus-visible{outline:3px solid #bfe3ef;outline-offset:6px}
.aw-rings{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}
.aw-rings i{position:absolute;left:50%;top:50%;width:30%;height:30%;margin:-15% 0 0 -15%;border:1.5px solid rgba(255,255,255,.55);border-radius:50%;opacity:0;animation:awRing 4.8s ease-out infinite}
.aw-rings i:nth-child(2){animation-delay:1.6s}.aw-rings i:nth-child(3){animation-delay:3.2s}
@keyframes awRing{0%{opacity:.8;transform:scale(.3)}100%{opacity:0;transform:scale(3.2)}}
.aw-pool.stir .aw-rings i{animation:awStir .65s ease-out both}.aw-pool.stir .aw-rings i:nth-child(2){animation-delay:.12s}.aw-pool.stir .aw-rings i:nth-child(3){animation-delay:.24s}
@keyframes awStir{0%{opacity:1;transform:scale(.2)}100%{opacity:0;transform:scale(3.6)}}
.aw-pool.drawn .aw-rings i{border-color:rgba(255,255,255,.2)}
.aw-touch{font-family:var(--display);font-style:italic;font-size:1.3rem;text-shadow:0 2px 10px rgba(0,0,0,.3);transition:opacity .4s}
.aw-card{position:absolute;inset:14%;display:grid;place-items:center;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(1.1rem,4.6vw,1.4rem);line-height:1.35;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.35);opacity:0;transform:translateY(10px);transition:opacity .7s ease .1s,transform .7s ease .1s}
.aw-pool.stir .aw-touch,.aw-pool.drawn .aw-touch{opacity:0}
.aw-pool.drawn .aw-card{opacity:1;transform:none}
.aw .aw-deep .aw-src{font-family:var(--ui);font-size:.9rem;color:#bfe3ef;margin:0 0 1.2rem}
.aw-src i{font-family:var(--display)}
.aw-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:560px;margin:0 auto}
.pill-white{background:#fff;color:var(--navy);border:1.5px solid #fff}
.pill-white:hover{background:#e9f4f8}
.pill-white-line{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.pill-white-line:hover{background:rgba(255,255,255,.12)}
.aw .aw-acts .pill::before,.aw .aw-acts .pill::after{display:none!important}
.aw .aw-deep .aw-note{font-family:var(--ui);font-size:.92rem;color:rgba(255,255,255,.82);margin:1.3rem 0 0}
.aw .aw-deep .aw-note a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){.aw-rings i{animation:none;opacity:.35;transform:scale(1.6)}.aw-card{transition:none}}

/* 2. find your water: the answer appears right here, as a painted chip */
.aw-date{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.7rem;margin:0 auto}
.aw-date label{display:flex;flex-direction:column;text-align:left;font-family:var(--ui);font-size:.82rem;font-weight:600;color:var(--ink-2);gap:.3rem}
.aw-date select{min-height:48px;min-width:8.5rem;padding:0 2.2rem 0 .9rem;border:1.5px solid #c9d9df;border-radius:12px;background:#fff;font:500 1rem var(--ui);color:var(--navy)}
.aw-date label:nth-child(2) select{min-width:6rem}
.aw-yours{position:relative;margin:1.6rem auto 0;max-width:30rem;padding:1.7rem 1.4rem 1.5rem;border-radius:28px/22px;
  background:radial-gradient(120% 90% at 20% 0%,rgba(239,201,173,.45),transparent 60%),radial-gradient(120% 100% at 90% 100%,rgba(159,205,224,.55),transparent 65%),#fffaf2;
  box-shadow:0 0 0 1px rgba(26,62,106,.06),0 16px 36px rgba(12,38,68,.1)}
.aw-yours.rise{animation:awRise .6s ease-out}
@keyframes awRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.aw-y-k{display:block;font-family:var(--ui);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#b07a4e}
.aw-y-name{font-family:var(--display);font-weight:700;font-size:1.65rem;color:var(--navy);margin:.3rem 0 .15rem;line-height:1.15}
.aw .aw-yours p{margin:0;max-width:none}
.aw-y-inv{font-family:var(--display);font-style:italic;font-size:1.15rem;color:var(--teal-d)}
.aw .aw-yours .aw-y-dates{font-family:var(--ui);font-size:.9rem;color:var(--ink-2);margin-top:.35rem}
.aw-y-line{font-family:var(--display);font-style:italic;font-size:1.15rem;line-height:1.4;color:var(--navy);margin:1rem 0 .3rem;padding:0;border:0}
.aw-y-src{font-family:var(--ui);font-size:.8rem;color:var(--ink-2)}
.aw-yours .pill{margin-top:1.1rem;min-height:42px}

/* 4. add your drop */
.aw-drops{display:flex;justify-content:center;margin:0 0 1.5rem}
.aw-drops img{width:74px;height:74px;object-fit:cover;border-radius:50%;border:3px solid var(--paper);margin-left:-14px;box-shadow:0 6px 14px rgba(12,38,68,.18)}
.aw-drops img:first-child{margin-left:0}

/* before you go: quiet doors, a list rather than boxes */
.aw-go{max-width:640px;margin:0 auto;padding:1rem var(--gutter,1.5rem) 4.5rem}
.aw-go h2{font-family:var(--ui);font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-d);text-align:center;margin:0 0 1rem}
.aw-go-row{border-top:1px solid #e3ddcf}
.aw .aw-go-i{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;padding:1.05rem .3rem;border-bottom:1px solid #e3ddcf;text-decoration:none;color:var(--ink)}
.aw-go-i::before{content:"";grid-row:1/3;width:14px;height:19px;margin-top:.3rem;background:url(/assets/brand/Water_Drop.svg) center/contain no-repeat}
.aw-go-i b{font-family:var(--display);font-size:1.15rem;color:var(--navy)}
.aw-go-i span{font-size:.95rem;color:var(--ink-2)}
.aw-go-i:hover b{text-decoration:underline;text-underline-offset:3px}
.aw .aw-go-i::after{display:none!important}

.aw-deep .aw-num::after{filter:brightness(1.5)}

/* tonight, at a glance (where Amal is comes from ARTWALK in assets/config.js) */
.aw .aw-tonight{display:inline-block;font-family:var(--ui);font-size:.92rem;line-height:1.5;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(239,201,173,.45);border-radius:14px;padding:.55rem .9rem;margin:0 0 1.2rem}
.aw-tonight b{color:var(--aw-peach);font-weight:700}
.aw-where{display:block;margin-top:.15rem}
.aw-where a{color:#fff;text-decoration:underline;text-underline-offset:3px}
button.aw-go-i{width:100%;background:none;border:0;border-bottom:1px solid #e3ddcf;text-align:left;font:inherit;cursor:pointer}

.aw .aw-tonight .aw-where a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
.aw .aw-hero-in{padding-top:3rem}

/* ---------- for first-time visitors (Nov 2026) ---------- */
.aw .aw-lede{font-size:1.06rem;max-width:34rem}
/* tonight, or the next ArtWalk, and where to find her */
.aw .aw-tonight{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-family:var(--ui);font-size:.95rem;line-height:1.45;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(239,201,173,.5);border-radius:16px;padding:.8rem 1rem .9rem;margin:0 auto;max-width:30rem}
.aw-when b{color:var(--aw-peach);font-weight:700}
.aw .aw-where{display:block;margin:0}
.aw-where b{font-weight:700}
.aw-addr{display:block;font-size:.85rem;color:rgba(255,255,255,.78)}
.aw .aw-dir{display:inline-flex;align-items:center;gap:.35rem;margin-top:.45rem;min-height:38px;padding:0 1rem;border-radius:99px;background:#fff;color:var(--navy)!important;font-weight:700;font-size:.88rem;text-decoration:none}
.aw .aw-dir::before{content:"";width:12px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath d='M6 0C2.7 0 0 2.6 0 5.9 0 10.3 6 16 6 16s6-5.7 6-10.1C12 2.6 9.3 0 6 0Zm0 8.2a2.3 2.3 0 1 1 0-4.6 2.3 2.3 0 0 1 0 4.6Z' fill='%23173f66'/%3E%3C/svg%3E") center/contain no-repeat}
.aw .aw-dir::after{display:none!important}
@media(min-width:860px){.aw .aw-tonight{align-items:flex-start;margin:0}}
/* the four moments, introduced in plain words */
.aw-intro{max-width:640px;margin:0 auto;padding:2rem var(--gutter,1.5rem) 1.6rem;text-align:center}
.aw-intro p{font-family:var(--display);font-style:italic;font-size:1.25rem;line-height:1.4;color:var(--navy);margin:0 0 1rem}
.aw .aw-intro .aw-steps-mini a{background:#fff;border:1px solid #d9e6ea;color:var(--navy)!important}
.aw .aw-intro .aw-steps-mini a::before{background:#2a7f9e;color:#fff}
.aw-intro+.aw-deep{background:radial-gradient(120% 80% at 50% 0%,#24618a 0%,#163f66 45%,#0e2a48 100%)}
.aw-hero{padding-bottom:0}
/* the book, between the card and the rest */
.aw-book{background:linear-gradient(180deg,#fbf7ee 0%,#eef6f8 100%);padding:3.6rem var(--gutter,1.5rem)}
.aw-book-in{max-width:760px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:2rem;align-items:center}
.aw-cover{width:100%;max-width:230px;justify-self:center;border-radius:3px;box-shadow:0 22px 44px rgba(12,38,68,.28),0 6px 14px rgba(12,38,68,.18)}
.aw-k{display:block;font-family:var(--ui);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-d);margin-bottom:.3rem}
.aw-book h2{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,5vw,2.3rem);color:var(--navy);margin:0 0 .7rem}
.aw-book p{font-size:1.04rem;line-height:1.6;color:var(--ink-2);margin:0 0 .8rem}
.aw .aw-book .aw-for{font-family:var(--display);font-style:italic;color:var(--navy)}
.aw .aw-book .aw-signed{display:inline-block;font-family:var(--ui);font-weight:600;font-size:.92rem;color:#8a5a33;background:rgba(239,201,173,.35);border-radius:10px;padding:.45rem .75rem}
.aw-buy{display:flex;flex-wrap:wrap;gap:.6rem;margin:.6rem 0 .8rem}
.aw-buy .pill{min-height:48px}
.aw .aw-sample{font-family:var(--ui);font-weight:600;font-size:.95rem;color:var(--teal-d);text-decoration:underline;text-underline-offset:3px}
.aw .aw-sample::after{display:none!important}
@media(max-width:700px){.aw-book-in{grid-template-columns:1fr;text-align:center}.aw-cover{max-width:170px}.aw-buy{justify-content:center}}
.aw-book+.aw-step::before{display:none}

/* questions (also read by search engines and AI assistants) */
.aw-faq{max-width:720px;margin:0 auto;padding:1rem var(--gutter,1.5rem) 2.5rem}
.aw-faq h2{font-family:var(--display);font-weight:700;font-size:1.8rem;color:var(--navy);text-align:center;margin:0 0 1rem}

/* walking, or sitting down to eat */
.aw-modes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:640px;margin:0 auto}
.aw-mode{background:#fff;border-radius:18px;padding:1rem 1rem 1.1rem;box-shadow:0 0 0 1px #e6dfcf,0 8px 22px rgba(12,38,68,.06);text-align:center}
.aw-mode-k{display:block;font-family:var(--display);font-weight:700;font-size:1.12rem;color:var(--navy)}
.aw-mode-v{display:block;font-family:var(--ui);font-size:.82rem;color:var(--ink-2);margin:.1rem 0 .7rem}
.aw .aw-mode .aw-steps-mini{flex-direction:column;align-items:stretch;gap:.45rem}
.aw .aw-mode .aw-steps-mini li{counter-increment:none}
.aw .aw-mode .aw-steps-mini a::before{content:attr(data-n)}
@media(max-width:560px){.aw-modes{grid-template-columns:1fr}}

/* 3. read the beginning */
.aw-acts-ink .pill-line{color:var(--navy)}

/* 4. a note to Amal: a message in a bottle */
.aw-noteband{max-width:none;background:linear-gradient(180deg,#fbf7ee 0%,#f6efe3 100%)}
.aw-noteband>*{max-width:600px;margin-left:auto;margin-right:auto}
.aw-noteform{position:relative;text-align:left;background:#fffdf8;border-radius:22px;padding:1.4rem 1.3rem 1.2rem;box-shadow:0 0 0 1px #e6dfcf,0 18px 40px rgba(12,38,68,.1);
  background-image:repeating-linear-gradient(transparent 0 31px,rgba(159,205,224,.35) 31px 32px);background-position:0 54px;transition:transform .55s ease,opacity .55s ease}
.aw-f{display:flex;flex-direction:column;gap:.35rem;margin:0 0 .9rem;font-family:var(--ui);font-size:.86rem;font-weight:600;color:var(--navy)}
.aw-f i{font-weight:400;font-style:normal;color:var(--ink-2)}
.aw-f textarea,.aw-f input,.aw-f select{font:400 1.02rem var(--ui);color:var(--ink);background:#fff;border:1.5px solid #cfdde2;border-radius:12px;padding:.7rem .8rem;min-height:46px;width:100%;box-sizing:border-box}
.aw-f textarea{font-family:var(--display);font-style:italic;font-size:1.12rem;line-height:1.5;resize:vertical;min-height:120px}
.aw-f textarea:focus,.aw-f input:focus,.aw-f select:focus{outline:none;border-color:#2a7f9e;box-shadow:0 0 0 3px rgba(42,127,158,.18)}
.aw-f2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
@media(max-width:560px){.aw-f2{grid-template-columns:1fr;gap:0}}
.aw-noteform .hp{position:absolute;left:-9999px}
.aw-send{width:100%;justify-content:center;min-height:50px;margin-top:.2rem}
.aw-noteform .aw-fine{text-align:center}
.aw-noteform.aw-folding{transform:scale(.2) translateY(200px);opacity:0;border-radius:50%}
.aw-sent{position:relative;text-align:center;padding:1rem 0 .5rem}
.aw-bottle{display:block;width:34px;height:46px;margin:0 auto;color:#2a7f9e}
.aw-bottle svg{width:100%;height:100%;fill:currentColor}
.aw-sent.is-sent .aw-bottle{animation:awFall 1s cubic-bezier(.5,0,.75,0) both}
@keyframes awFall{0%{transform:translateY(-80px);opacity:0}30%{opacity:1}100%{transform:translateY(40px);opacity:0}}
.aw-sent-pool{position:relative;display:block;width:220px;height:50px;margin:0 auto 1rem}
.aw-sent-pool i{position:absolute;left:50%;top:50%;width:60px;height:16px;margin:-8px 0 0 -30px;border:2px solid rgba(42,127,158,.6);border-radius:50%;opacity:0}
.aw-sent.is-sent .aw-sent-pool i{animation:awSentRing 1.8s ease-out .9s both}
.aw-sent.is-sent .aw-sent-pool i:nth-child(2){animation-delay:1.15s}.aw-sent.is-sent .aw-sent-pool i:nth-child(3){animation-delay:1.4s}
@keyframes awSentRing{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(3.4)}}
.aw-sent-h{font-family:var(--display);font-weight:700;font-size:1.5rem;color:var(--navy);margin:0 0 .4rem}
.aw-sent-p{font-size:1.02rem;color:var(--ink-2)}
.aw-sent-p a{color:var(--teal-d);text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){.aw-noteform{transition:none}.aw-sent.is-sent .aw-bottle,.aw-sent.is-sent .aw-sent-pool i{animation:none}}

/* keep going with the book */
.aw-more{max-width:900px;margin:0 auto;padding:3rem var(--gutter,1.5rem) 1rem;text-align:center}
.aw-more h2{font-family:var(--display);font-weight:700;font-size:1.8rem;color:var(--navy);margin:0 0 1.2rem}
.aw-more-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.aw .aw-more-i{display:flex;flex-direction:column;gap:.3rem;padding:1.1rem 1rem;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #e6dfcf;text-decoration:none;text-align:left;transition:transform .2s,box-shadow .2s}
.aw .aw-more-i:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #cfdde2,0 10px 24px rgba(12,38,68,.08)}
.aw-more-i b{font-family:var(--display);font-size:1.08rem;color:var(--navy)}
.aw-more-i span{font-size:.92rem;color:var(--ink-2);line-height:1.45}
.aw .aw-more-i::after{display:none!important}
@media(max-width:820px){.aw-more-row{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.aw-more-row{grid-template-columns:1fr}}

.aw-sent.is-sent .aw-sent-pool i:nth-child(3){animation-name:awSentStay}
@keyframes awSentStay{0%{opacity:.9;transform:scale(.4)}100%{opacity:.35;transform:scale(2.4)}}
.aw-sent.is-sent .aw-bottle{animation-name:awFallStay}
@keyframes awFallStay{0%{transform:translateY(-80px);opacity:0}30%{opacity:1}100%{transform:translateY(34px) scale(.6);opacity:.9}}

/* =====================================================================
   APP LAYOUT (Nov 2026): one-thumb, made for a phone on the street.
   Short hero · "Start here" tiles · "Help me choose" · a pinned jump bar
   · each section opens with an icon, a title and one line.
   ===================================================================== */
.aw-hero::after,.aw-amal,.aw-intro{display:none!important}
.aw-hero{background:linear-gradient(160deg,#1f5a86 0%,#174669 55%,#123a5c 100%);padding:0 0 1.1rem}
.aw .aw-hero-in{display:flex;gap:1rem;align-items:center;max-width:720px;margin:0 auto;padding:1.4rem var(--gutter,1.5rem) .9rem;text-align:left}
.aw-face{flex:none;width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:78% 35%;box-shadow:0 0 0 3px rgba(239,201,173,.75),0 8px 20px rgba(0,0,0,.3)}
.aw .aw-hero-txt{text-align:left}
.aw-eyebrow{margin-bottom:.25rem!important;font-size:.72rem!important}
.aw .aw-hero h1{font-size:clamp(1.6rem,6.4vw,2.4rem);margin:0 0 .3rem;line-height:1.08}
.aw .aw-lede{font-size:.98rem;line-height:1.45;margin:0;max-width:none;color:rgba(255,255,255,.88)}
.aw .aw-tonight{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.8rem;max-width:calc(720px - 2 * var(--gutter,1.5rem));margin:0 auto;width:calc(100% - 2 * var(--gutter,1.5rem));box-sizing:border-box;text-align:left;padding:.75rem .8rem .75rem 1rem;border-radius:16px}
.aw-tn-txt{min-width:0}
.aw-tonight .aw-addr{font-size:.8rem}
.aw .aw-dir{flex:none;margin:0;min-height:44px;padding:0 .9rem;gap:.35rem}
.aw .aw-dir::before{display:none}
.aw-dir svg{width:18px;height:18px;fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* start here: big, tappable tiles */
.aw-start{max-width:720px;margin:0 auto;padding:1.4rem var(--gutter,1.5rem) .6rem}
.aw-k2{font-family:var(--ui);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-d);margin:0 0 .7rem}
.aw-tiles{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.aw .aw-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;width:100%;min-height:108px;padding:.9rem .4rem .8rem;border:0;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #e6dfcf,0 6px 16px rgba(12,38,68,.06);text-decoration:none;color:var(--navy);font:inherit;cursor:pointer;text-align:center;transition:transform .15s,box-shadow .15s}
.aw .aw-tile:active{transform:scale(.97)}
.aw .aw-tile:hover{box-shadow:0 0 0 1.5px #9fcde0,0 10px 22px rgba(12,38,68,.1)}
.aw .aw-tile::after,.aw .aw-tile::before{display:none!important}
.aw-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e6f2f6}
.aw-ic svg,.aw-sic svg,.aw-jump svg{width:24px;height:24px;fill:none;stroke:#1f6f8b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aw-tile b{font-family:var(--ui);font-weight:700;font-size:.92rem;line-height:1.2}
.aw-tile small{font-family:var(--ui);font-size:.75rem;color:var(--ink-2)}
.aw .aw-tile[data-listen] .ls-time,.aw .aw-tile[data-listen] .wave-bars{display:none}
@media(min-width:860px){.aw-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* help me choose: plain sentences */
.aw-choose{display:flex;flex-direction:column;gap:.5rem;margin:0}
.aw .aw-choose a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;padding:.7rem 1rem;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #e6dfcf;text-decoration:none;color:var(--ink)}
.aw-choose span{font-family:var(--display);font-style:italic;font-size:1.05rem;color:var(--navy)}
.aw-choose em{flex:none;font-style:normal;font-family:var(--ui);font-weight:700;font-size:.85rem;color:var(--teal-d)}
.aw .aw-choose a::after{display:none!important}

/* the jump bar: pins under the menu, fills in where you are */
.aw-jump{position:sticky;top:var(--nav-h,64px);z-index:40;background:rgba(251,247,238,.96);backdrop-filter:blur(8px);border-bottom:1px solid #e6dfcf;margin-top:1.2rem}
.aw-jump-in{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;max-width:720px;margin:0 auto;padding:.45rem var(--gutter,1rem)}
.aw-jump-in::-webkit-scrollbar{display:none}
.aw .aw-jump a{flex:none;display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 .85rem;border-radius:99px;font-family:var(--ui);font-weight:600;font-size:.86rem;color:var(--navy);text-decoration:none;background:transparent}
.aw-jump svg{width:18px;height:18px}
.aw .aw-jump a.on{background:var(--navy);color:#fff}
.aw .aw-jump a.on svg{stroke:#fff}
.aw .aw-jump a::after{display:none!important}
.aw section[id]{scroll-margin-top:calc(var(--nav-h,64px) + 64px)}

/* each section: icon, title, one line */
.aw-step{padding:2.6rem var(--gutter,1.5rem) 2.6rem}
.aw-step::before{display:none!important}
.aw-step+.aw-step{border-top:1px solid #ece4d3}
.aw-sic{display:grid;place-items:center;width:52px;height:52px;margin:0 auto .6rem;border-radius:16px;background:#e6f2f6}
.aw-sic svg{width:28px;height:28px}
.aw-deep .aw-sic{background:rgba(255,255,255,.14)}.aw-deep .aw-sic svg{stroke:#fff}
.aw-step h2{font-size:clamp(1.5rem,5.4vw,2rem)!important}
.aw-step>p{font-size:1rem!important;margin-bottom:1.1rem!important}
.aw-pool{width:min(300px,78vw)}
.aw-book{padding:2.4rem var(--gutter,1.5rem)}
.aw-noteband{border-top:0!important}
@media(prefers-reduced-motion:reduce){.aw .aw-tile{transition:none}}

@media(max-width:560px){
  .aw-face{width:72px;height:72px}
  .aw .aw-tonight{flex-direction:column;align-items:stretch;gap:.6rem}
  .aw .aw-dir{justify-content:center}
}

.aw-tiles li{display:flex}
.aw .aw-tile{height:100%}
@media(min-width:640px) and (max-width:859px){.aw-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.aw-tile b{overflow-wrap:anywhere}

/* =====================================================================
   WATER TILES (Nov 2026): one feature tile you can tap right away, then
   five picture tiles in the book's own look. Strict grid: same image
   height, one-line Playfair labels on one baseline, time as a corner badge.
   ===================================================================== */
.aw-start{max-width:760px;padding-top:1.6rem}
.aw-badge{display:inline-flex;align-items:center;height:22px;padding:0 .55rem;border-radius:99px;background:rgba(255,255,255,.92);color:var(--navy);font:700 .7rem/1 var(--ui);letter-spacing:.04em;box-shadow:0 2px 6px rgba(12,38,68,.15)}

/* the feature: draw a card, right here */
.aw-feature{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin:0 0 .8rem;padding:1.4rem 1.2rem 1.4rem 1.5rem;border-radius:24px;color:#fff;
  background:radial-gradient(120% 120% at 85% 20%,#2f86a8 0%,#1d5a85 40%,#123a5c 100%);box-shadow:0 18px 40px rgba(12,38,68,.25)}
.aw-feature::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:26px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 26' preserveAspectRatio='none'%3E%3Cpath d='M0 14 C60 2 120 2 190 14 S320 26 400 12 V26 H0Z' fill='%23ffffff' fill-opacity='.07'/%3E%3C/svg%3E") center bottom/100% 26px no-repeat}
.aw-feat-txt{position:relative;z-index:1}
.aw-feat-txt .aw-badge{margin-bottom:.6rem}
.aw-feature h3{font-family:var(--display);font-weight:700;font-size:clamp(1.45rem,5.6vw,1.9rem);line-height:1.12;margin:0 0 .4rem;color:#fff}
.aw-feature p{margin:0;font-size:1rem;line-height:1.45;color:rgba(255,255,255,.86)}
.aw-feat-pool{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.aw-feature .aw-pool{width:min(210px,44vw);margin:0;padding:1.3rem}
.aw-feature .aw-touch{font-size:1rem}
.aw-feature .aw-card{inset:12%;font-size:clamp(.85rem,3.4vw,1rem);line-height:1.3}
.aw-feature .aw-src{grid-column:1/-1;margin:.2rem 0 .6rem!important;font-size:.82rem!important;color:#bfe3ef!important;text-align:center}
.aw-feature .aw-acts{gap:.45rem}
.aw-feature .aw-acts .pill{min-height:40px;padding:0 .9rem;font-size:.85rem}
.aw-feature .aw-note{font-size:.82rem!important;text-align:center;margin:.6rem 0 0!important}
/* once drawn, the card gets the whole width */
.aw-feature.drawn{grid-template-columns:1fr;text-align:center}
.aw-feature.drawn .aw-feat-txt{display:none}
.aw-feature.drawn .aw-pool{width:min(300px,78vw)}
.aw-feature.drawn .aw-card{font-size:clamp(1.05rem,4.4vw,1.3rem)}
@media(max-width:520px){
  .aw-feature{grid-template-columns:1fr;text-align:center;padding:1.3rem 1.1rem}
  .aw-feature .aw-pool{width:min(230px,66vw)}
}

/* five picture tiles */
.aw-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem;margin-bottom:1.6rem}
@media(min-width:760px){.aw-tiles{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
.aw-tiles li{display:flex}
.aw .aw-tile{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:100%;height:100%;min-height:0;padding:0;border-radius:20px;overflow:hidden;background:#fffdf8;text-align:left;box-shadow:0 0 0 1px #e6dfcf,0 8px 20px rgba(12,38,68,.07)}
.aw .aw-tile:hover{box-shadow:0 0 0 1.5px #d9b46a,0 12px 26px rgba(12,38,68,.12)}
.aw .aw-tile:focus-visible{outline:3px solid #d9b46a;outline-offset:3px}
.aw-art{position:relative;display:block;height:118px;overflow:hidden;background:#cfe7f1}
.aw-art::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M0 9 C35 1 70 1 105 9 S170 16 200 7 V16 H0Z' fill='%23fffdf8'/%3E%3C/svg%3E") center bottom/100% 16px no-repeat}
.aw-art .aw-badge{position:absolute;top:.55rem;right:.55rem;z-index:2}
.aw-art img{width:100%;height:100%;object-fit:cover;display:block}
.aw .aw-tile b{display:block;padding:.55rem .85rem 0;font-family:var(--display);font-weight:700;font-size:1.02rem;line-height:1.2;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw .aw-tile small{display:block;padding:.15rem .85rem .85rem;font-family:var(--ui);font-size:.78rem;line-height:1.35;color:var(--ink-2)}
/* the art for each */
.aw-art-wheel{background:conic-gradient(from -20deg,#dcebd6 0 25%,#f1e2b8 0 48%,#efcdb6 0 72%,#d4e6f1 0 100%)}
.aw-art-wheel::before{content:"";position:absolute;left:50%;top:54%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:repeating-radial-gradient(circle,rgba(255,255,255,0) 0 18px,rgba(255,255,255,.55) 18px 20px)}
.aw-art-book{background:radial-gradient(120% 120% at 50% 0%,#2f86a8,#123a5c)}
.aw-art-book img{position:absolute;left:50%;top:14px;width:58px;height:auto;transform:translateX(-50%) rotate(-4deg);border-radius:2px;box-shadow:0 10px 22px rgba(0,0,0,.35)}
.aw-art-voice img{object-position:78% 35%}
.aw-art-voice::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,38,68,0) 40%,rgba(12,38,68,.45) 100%)}
.aw-play{position:absolute;left:50%;top:46%;z-index:2;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 6px 16px rgba(0,0,0,.3)}
.aw-play::before{content:"";position:absolute;left:16px;top:12px;border-left:13px solid var(--navy);border-top:9px solid transparent;border-bottom:9px solid transparent}
.aw-art-note{background:#fbf3e4;background-image:repeating-linear-gradient(transparent 0 21px,rgba(159,205,224,.45) 21px 22px)}
.aw-hand{position:absolute;left:.9rem;top:1.9rem;font-family:var(--display);font-style:italic;font-size:1.35rem;color:#3b5f86;transform:rotate(-3deg)}
.aw-hand::after{content:"";position:absolute;left:0;top:2.3rem;width:5.5rem;height:2px;border-radius:2px;background:rgba(59,95,134,.35);box-shadow:0 11px 0 rgba(59,95,134,.25)}
.aw-art-drops{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;background:#fffdf8}
.aw-art-drops img{width:100%;height:100%}
.aw .aw-tile[data-listen] .ls-time,.aw .aw-tile[data-listen] .wave-bars{display:none}

/* help me choose: cream cards, an italic line, a drop pointing the way */
.aw .aw-choose a{background:#fffdf8;box-shadow:0 0 0 1px #e6dfcf}
.aw-choose em{display:inline-flex;align-items:center;gap:.35rem}
.aw-choose em::after{content:"";width:9px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 27'%3E%3Cpath d='M10 0C10 0 0 11.5 0 17.3 0 22.7 4.5 27 10 27S20 22.7 20 17.3C20 11.5 10 0 10 0Z' fill='%232a7f9e'/%3E%3C/svg%3E") center/contain no-repeat}
.aw .aw-choose a:hover{box-shadow:0 0 0 1.5px #d9b46a}
/* labels never cut off: wrap, and in the 5-across row keep two lines for every label so sublines line up */
.aw .aw-tile b{white-space:normal;overflow:visible;text-overflow:clip}
@media(min-width:760px){.aw .aw-tile b{min-height:2.45em;font-size:.98rem}}
/* phones: the fifth tile takes the full row, picture on the left */
@media(max-width:759px){
  .aw-tiles li:last-child:nth-child(odd){grid-column:1/-1}
  .aw-tiles li:last-child:nth-child(odd) .aw-tile{display:grid;grid-template-columns:44% 1fr;grid-template-rows:auto 1fr;align-content:center}
  .aw-tiles li:last-child:nth-child(odd) .aw-art{grid-row:1/3;height:100%;min-height:118px}
  .aw-tiles li:last-child:nth-child(odd) .aw-art::after{display:none}
  .aw-tiles li:last-child:nth-child(odd) b{align-self:end;padding-top:0}
}
/* the Daily link reads on the dark water */
.aw-feature .aw-note a{color:#fff;text-decoration:underline;text-underline-offset:2px}
@media(min-width:760px){.aw .aw-tile b{min-height:0;height:2.5em;line-height:1.2}}
@media(max-width:759px){
  .aw-tiles li:last-child:nth-child(odd) .aw-tile{grid-template-rows:auto auto;align-content:center;min-height:0}
  .aw-tiles li:last-child:nth-child(odd) .aw-art{height:112px;min-height:0}
  .aw-tiles li:last-child:nth-child(odd) .aw-tile b{padding:0 .9rem}
  .aw-tiles li:last-child:nth-child(odd) .aw-tile small{padding:.15rem .9rem 0}
}
@media(min-width:760px){.aw .aw-tile b{height:calc(2.4em + .55rem)}}
.aw-art-drops{grid-template-rows:repeat(2,minmax(0,1fr))!important}
.aw-art-drops img{min-height:0}

/* =====================================================================
   ONE HEADING SYSTEM (Nov 2026)
   label (small caps, teal) → Playfair heading → one plain sentence.
   Activities grouped by where people are: on the walk, at the table, before you go.
   ===================================================================== */
.aw .aw-k{display:block;font-family:var(--ui);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-d);margin:0 0 .45rem}
.aw-start-h{font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,6vw,2.2rem);line-height:1.12;color:var(--navy);margin:0 0 .45rem}
.aw-start-p{font-size:1.04rem;line-height:1.55;color:var(--ink-2);margin:0 0 1.3rem;max-width:34rem}

/* six tiles: two across on phones, three on bigger screens; every label on one line */
@media(min-width:760px){.aw-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem}.aw .aw-tile b{height:auto;min-height:0;font-size:1.08rem}.aw-art{height:140px}}
.aw .aw-tile small{min-height:2.7em}
.aw-art-talk{background:linear-gradient(160deg,#f6dcc8 0%,#efc9ad 55%,#e3b59a 100%)}
.aw-q{position:absolute;left:.85rem;right:.85rem;top:2.2rem;font-family:var(--display);font-style:italic;font-size:1.02rem;line-height:1.25;color:#6b3f2a}
.aw-art-walk{background:linear-gradient(170deg,#1d3d5c 0%,#2a5a6e 60%,#3f7a73 100%)}
.aw-art-walk::before{content:"";position:absolute;inset:0;background:
  radial-gradient(1.5px 1.5px at 18% 22%,#fff 99%,transparent),radial-gradient(1px 1px at 40% 12%,#fff 99%,transparent),radial-gradient(1.5px 1.5px at 66% 28%,#fff 99%,transparent),radial-gradient(1px 1px at 85% 15%,#fff 99%,transparent),radial-gradient(1px 1px at 30% 40%,#fff 99%,transparent)}
.aw-trail{position:absolute;left:12%;right:12%;bottom:26px;height:56px}
.aw-trail svg{position:absolute;width:12px;height:16px;fill:#9fd4e4}
.aw-trail svg:nth-child(1){left:0;bottom:0;opacity:.55}
.aw-trail svg:nth-child(2){left:22%;bottom:16px;opacity:.65}
.aw-trail svg:nth-child(3){left:45%;bottom:6px;opacity:.75}
.aw-trail svg:nth-child(4){left:68%;bottom:24px;opacity:.88}
.aw-trail svg:nth-child(5){left:90%;bottom:38px;fill:#efc9ad}

/* not sure where to start */
.aw-choosebox{margin:.4rem 0 0}
.aw-choose-h{font-family:var(--display);font-style:italic;font-weight:400;font-size:1.25rem;color:var(--navy);margin:0 0 .7rem}
@media(min-width:760px){.aw-choose{display:grid!important;grid-template-columns:1fr 1fr;gap:.6rem}}

/* chapter bands */
.aw-group{position:relative;padding:0 0 1rem}
.aw-g-walk{background:linear-gradient(180deg,#eef4f0 0%,#f5f7f1 100%)}
.aw-g-table{background:linear-gradient(180deg,#fbf0e6 0%,#fbf5ec 100%)}
.aw-g-go{background:linear-gradient(180deg,#eef6f8 0%,#fbf7ee 100%)}
.aw-chap{max-width:640px;margin:0 auto;padding:3.4rem var(--gutter,1.5rem) .4rem;text-align:center}
.aw-chap-w{display:block;width:96px;height:14px;margin:0 auto .9rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 14'%3E%3Cpath d='M2 7c10-7 20-7 30 0s20 7 30 0 20-7 32 0' fill='none' stroke='%232a7f9e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.aw .aw-chap-h{font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(2.1rem,8vw,2.8rem);line-height:1.05;color:var(--navy);margin:0 0 .5rem}
.aw-chap p{font-size:1.05rem;line-height:1.5;color:var(--ink-2);margin:0 auto;max-width:28rem}
.aw-group .aw-step{padding-top:2.6rem;padding-bottom:2.8rem}
.aw-chap+.aw-step::before{display:none}
.aw-step .aw-sic{margin-bottom:.8rem}
.aw-step .aw-k{margin-bottom:.35rem}
.aw-step>p{margin-bottom:1.5rem}

/* water on the walk */
.aw-walk{list-style:none;margin:0 auto;padding:0;max-width:30rem;text-align:left;display:flex;flex-direction:column;gap:.55rem}
.aw-walk label{display:flex;align-items:center;gap:.85rem;min-height:56px;padding:.7rem 1rem;border-radius:16px;background:#fffdf8;box-shadow:0 0 0 1px #e1e6dc;cursor:pointer;transition:background .2s,box-shadow .2s}
.aw-walk input{position:absolute;opacity:0;pointer-events:none}
.aw-chk{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 2px #9fc5cf;background:#fff;transition:background .2s,box-shadow .2s}
.aw-chk svg{width:12px;height:16px;fill:#fff;transform:scale(0);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.aw-wt{font-size:1rem;line-height:1.4;color:var(--ink)}
.aw-walk input:checked+.aw-chk{background:#2a7f9e;box-shadow:none}
.aw-walk input:checked+.aw-chk svg{transform:scale(1)}
.aw-walk input:checked~.aw-wt{color:var(--ink-2)}
.aw-walk label:has(input:checked){background:#f1f8f9;box-shadow:0 0 0 1px #bfdde6}
.aw-walk input:focus-visible+.aw-chk{outline:3px solid #d9b46a;outline-offset:2px}
.aw-walk-done{margin:1rem auto 0;max-width:30rem;padding:.8rem 1rem;border-radius:14px;background:#16304f;color:#fff;font-size:1rem}
.aw-walk-done a{color:#efc9ad}

/* table talk */
.aw-qcard{position:relative;max-width:30rem;margin:0 auto 1.2rem;padding:2rem 1.6rem 1.6rem;border-radius:22px;background:linear-gradient(160deg,#fffaf3,#f8e6d7);box-shadow:0 0 0 1px #ecd6c4,0 14px 30px rgba(107,63,42,.1)}
.aw-qcard::before{content:"“";position:absolute;left:1rem;top:-.2rem;font-family:var(--display);font-size:4.2rem;line-height:1;color:#e3b59a}
.aw-qtext{font-family:var(--display);font-style:italic;font-size:clamp(1.2rem,4.6vw,1.45rem);line-height:1.35;color:var(--navy);margin:0}
.aw-qsrc{font-family:var(--ui);font-size:.85rem;color:#8a5a40;margin:.9rem 0 0}
.aw-qcard.on{animation:awq .5s ease}
@keyframes awq{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.aw-qcard.on{animation:none}}

/* the note form sits in the before-you-go band now */
.aw-g-go .aw-step{max-width:640px}
.aw-g-go .aw-book{background:none;padding-top:1rem}

/* after-tonight, around the ArtWalk, questions: same label + heading + sentence */
.aw-more,.aw-go,.aw-faq{text-align:center;padding-top:3.4rem}
.aw .aw-go h2,.aw .aw-more h2,.aw .aw-faq h2{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,5.6vw,2rem);letter-spacing:0;text-transform:none;color:var(--navy);margin:0 0 .45rem;line-height:1.15}
.aw-sub{font-size:1.04rem;color:var(--ink-2);margin:0 0 1.4rem}
.aw-go-row,.aw-faq .faq{margin-top:1.2rem;text-align:left}
@media(max-width:759px){.aw-more-row{grid-template-columns:1fr 1fr!important}}
@media(max-width:759px){.aw-more-row{grid-template-columns:1fr!important}.aw .aw-more-i{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:.6rem}}
.aw .aw-choose-h{font-style:italic;font-weight:400}

/* =====================================================================
   FILL THE JAR (Nov 2026)
   ===================================================================== */
.aw-jarbox{display:flex;align-items:center;gap:1.1rem;margin:.2rem 0 1.1rem;padding:1rem 1.2rem;border-radius:20px;background:#fffdf8;box-shadow:0 0 0 1px #ecd9c8,0 8px 22px rgba(107,63,42,.07)}
.aw-jarbox .aw-jarsvg{flex:none;width:76px;height:92px}
.aw-jarsvg{overflow:visible}
.aw-jarsvg path[fill="none"]{fill:rgba(243,220,203,.25)}
.aw-jw{transform:translateY(58px);transition:transform 1s cubic-bezier(.3,1.3,.5,1)}
.aw-jw path:first-child{animation:awslosh 3.5s ease-in-out infinite alternate}
@keyframes awslosh{to{transform:translateX(-15px)}}
.aw-jarsvg.pop{animation:awpop .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes awpop{40%{transform:scale(1.12) rotate(-3deg)}}
.aw-jarp{margin:0 0 .55rem;font-size:1rem;line-height:1.45;color:var(--ink)}
.aw-dots{display:flex;gap:.35rem;margin:0 0 .35rem}
.aw-dots i{width:14px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 27'%3E%3Cpath d='M10 1.5C10 1.5 1 12 1 17.3 1 22.2 5 26 10 26S19 22.2 19 17.3C19 12 10 1.5 10 1.5Z' fill='none' stroke='%239fc5cf' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s}
.aw-dots i.on{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 27'%3E%3Cpath d='M10 0C10 0 0 11.5 0 17.3 0 22.7 4.5 27 10 27S20 22.7 20 17.3C20 11.5 10 0 10 0Z' fill='%232a7f9e'/%3E%3C/svg%3E");transform:scale(1.08)}
.aw .aw-jarcount{margin:0;font-family:var(--ui);font-weight:700;font-size:.85rem;color:var(--teal-d)}
.aw-ksbtn{margin-top:.7rem;min-height:44px}
.aw .aw-start-fine{text-align:center;margin:.2rem 0 0}
@media(max-width:420px){.aw-jarbox{gap:.85rem;padding:.9rem 1rem}.aw-jarbox .aw-jarsvg{width:62px;height:76px}.aw-jarp{font-size:.95rem}}

/* mini jar in the sticky bar */
.aw-jump{display:flex;align-items:center}
.aw-jump .aw-jump-in{flex:1;min-width:0;margin:0}
.aw .aw-jarmini{flex:none;display:flex;align-items:center;gap:.3rem;padding:.3rem .55rem .3rem var(--gutter,1rem);text-decoration:none;font-family:var(--ui);font-weight:700;font-size:.82rem;color:var(--navy);border-right:1px solid #e6dfcf}
.aw-jarmini .aw-jarsvg{width:24px;height:29px}
.aw-jarmini.full span{color:#a8742a}

/* found tiles */
.aw .aw-tile.done .aw-badge,.aw-feature.done .aw-feat-txt .aw-badge{background:#d9b46a;color:#fff}
.aw .aw-tile.done .aw-badge::before,.aw-feature.done .aw-feat-txt .aw-badge::before{content:"";width:9px;height:12px;margin-right:.3rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 27'%3E%3Cpath d='M10 0C10 0 0 11.5 0 17.3 0 22.7 4.5 27 10 27S20 22.7 20 17.3C20 11.5 10 0 10 0Z' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat}
.aw .aw-tile.done{box-shadow:0 0 0 1.5px #d9b46a,0 8px 20px rgba(12,38,68,.07)}

/* toast */
.aw-toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:90;transform:translate(-50%,140%);max-width:calc(100% - 32px);padding:.75rem 1.1rem;border-radius:99px;background:#16304f;color:#fff;font:600 .9rem/1.3 var(--ui);box-shadow:0 12px 30px rgba(0,0,0,.25);transition:transform .35s cubic-bezier(.3,1.3,.5,1);text-align:center;pointer-events:none}
.aw-toast.on{transform:translate(-50%,0)}

/* keepsake */
.aw-ks{max-width:min(440px,calc(100% - 24px));max-height:calc(100% - 24px);border:0;border-radius:24px;padding:1.4rem 1.2rem 1.2rem;background:#fbf7ee;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.aw-ks::backdrop{background:rgba(16,47,77,.7)}
.aw-ks h2{font-family:var(--display);font-weight:700;font-size:1.7rem;color:var(--navy);margin:0 0 .3rem}
.aw-ks-p{font-size:.98rem;color:var(--ink-2);margin:0 0 .9rem}
.aw-ks img{display:block;width:100%;max-height:52vh;object-fit:contain;border-radius:14px;margin:0 0 1rem;box-shadow:0 10px 26px rgba(12,38,68,.25)}
@media(prefers-reduced-motion:reduce){.aw-jw,.aw-jw path:first-child,.aw-jarsvg.pop{animation:none;transition:none}}
.aw .aw-jarmini{background:rgba(251,247,238,.98);position:relative;z-index:1}

/* =====================================================================
   SIMPLE NIGHT (Nov 2026): take a line home, pass it on, the book, stay close.
   ===================================================================== */
.aw-sec{max-width:680px;margin:0 auto;padding:3rem var(--gutter,1.5rem) 1rem;text-align:center}
.aw-sec-draw{padding-top:2rem}
.aw .aw-h{font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,6vw,2.2rem);line-height:1.12;color:var(--navy);margin:0 0 .45rem}
.aw .aw-p{font-size:1.05rem;line-height:1.5;color:var(--ink-2);margin:0 auto 1.3rem;max-width:30rem}
.aw-sec-draw .aw-feature{text-align:left}
.aw-sec-draw .aw-feature.drawn{text-align:center}
.aw-feature .aw-note a{color:#fff}

/* pass it on: two big choices */
.aw-pass{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;text-align:left}
.aw .aw-passc{display:flex;flex-direction:column;padding:0;border:0;border-radius:20px;overflow:hidden;background:#fffdf8;box-shadow:0 0 0 1px #e6dfcf,0 8px 20px rgba(12,38,68,.07);text-decoration:none;color:var(--navy);font:inherit;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s}
.aw .aw-passc:hover{box-shadow:0 0 0 1.5px #d9b46a,0 12px 26px rgba(12,38,68,.12)}
.aw .aw-passc.on{box-shadow:0 0 0 2px #d9b46a}
.aw-passart{position:relative;display:block;height:150px;overflow:hidden}
.aw-pa-friend{background:radial-gradient(120% 120% at 50% 0%,#2f86a8,#123a5c)}
.aw-pa-friend img{position:absolute;top:16px;width:84px;height:auto;border-radius:6px;box-shadow:0 10px 22px rgba(0,0,0,.35)}
.aw-pa-friend img:first-child{left:calc(50% - 74px);transform:rotate(-7deg)}
.aw-pa-friend img:last-child{left:calc(50% - 10px);top:24px;transform:rotate(6deg)}
.aw-pa-amal{background:#fbf3e4;background-image:repeating-linear-gradient(transparent 0 21px,rgba(159,205,224,.45) 21px 22px)}
.aw-pa-amal .aw-hand{top:2.6rem}
.aw-passart::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M0 9 C35 1 70 1 105 9 S170 16 200 7 V16 H0Z' fill='%23fffdf8'/%3E%3C/svg%3E") center bottom/100% 16px no-repeat}
.aw-passc b{display:block;padding:.6rem 1rem 0;font-family:var(--display);font-size:1.25rem}
.aw-passc small{display:block;padding:.2rem 1rem 0;font-family:var(--ui);font-size:.85rem;line-height:1.4;color:var(--ink-2);flex:1}
.aw-passc em{display:inline-flex;align-items:center;gap:.35rem;margin:.8rem 1rem 1rem;font-style:normal;font-family:var(--ui);font-weight:700;font-size:.9rem;color:var(--teal-d)}
.aw-passc em::after{content:"→"}
.aw-amal{margin:1rem 0 0;text-align:left}
.aw-amal .aw-noteform{margin:0}
.aw-sec .aw-fine a{color:var(--teal-d);font-weight:600}

/* the book */
.aw-sec+.aw-book,.aw-book{margin-top:3rem}
.aw-booklinks{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center}
.aw .aw-hearlink{border:0;background:none;padding:0;font-family:var(--ui);font-weight:600;font-size:.95rem;color:var(--teal-d);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* stay close, for later */
.aw-stay .aw-go-row,.aw-later-row{text-align:left}
.aw-later-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.aw .aw-later-row a{display:flex;flex-direction:column;gap:.15rem;padding:.85rem .95rem;border-radius:16px;background:#fffdf8;box-shadow:0 0 0 1px #e6dfcf;text-decoration:none}
.aw-later-row b{font-family:var(--display);font-size:1.05rem;color:var(--navy)}
.aw-later-row span{font-family:var(--ui);font-size:.8rem;line-height:1.35;color:var(--ink-2)}
.aw .aw-later-row a:hover{box-shadow:0 0 0 1.5px #d9b46a}
.aw .aw-faq{padding-top:3.4rem}
@media(max-width:420px){.aw-pass{gap:.6rem}.aw-passart{height:124px}.aw-pa-friend img{width:70px}.aw-pa-friend img:first-child{left:calc(50% - 62px)}.aw-passc b{font-size:1.12rem;padding:.5rem .85rem 0}.aw-passc small{padding:.2rem .85rem 0}.aw-passc em{margin:.7rem .85rem .9rem}}
@media(max-width:700px){.aw-booklinks{justify-content:center}}
.aw .aw-feature .aw-note a{color:#fff!important;text-decoration:underline;text-underline-offset:2px}

/* =====================================================================
   DRAW A CARD: a real deck. Tap it, the top card lifts and turns over to
   show the actual card art from the book (the same cards printed for the table).
   ===================================================================== */
.aw-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.aw-table{position:relative;margin:.4rem auto 0;padding:1.6rem 0 2.6rem;perspective:1400px}
.aw-table::before{content:"";position:absolute;left:50%;top:50%;width:min(520px,118vw);aspect-ratio:1.5;transform:translate(-50%,-48%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(159,212,228,.55),rgba(159,212,228,.18) 60%,rgba(159,212,228,0));pointer-events:none}
.aw .aw-deck{position:relative;display:block;width:min(270px,70vw);aspect-ratio:4/5;margin:0 auto;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.aw-deck:focus-visible{outline:3px solid #d9b46a;outline-offset:8px;border-radius:18px}
.aw-under,.aw-flip,.aw-cf{position:absolute;inset:0;border-radius:16px}
.aw-u1{transform:rotate(-6deg) translate(-10px,6px);opacity:.92}
.aw-u2{transform:rotate(4deg) translate(9px,3px)}
.aw-flip{transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,1.2,.4,1);animation:awFloat 4s ease-in-out infinite;z-index:2}
@keyframes awFloat{50%{transform:translateY(-6px) rotate(-.6deg)}}
.aw-deck:hover .aw-flip{animation-duration:2s}
.aw-deck.lift .aw-flip{animation:none;transform:translateY(-14px) scale(1.03)}
.aw-flip.open{animation:none;transform:translateY(-6px) scale(1.06) rotateY(180deg)!important}
.aw-table.drawn .aw-u1{transform:rotate(-11deg) translate(-26px,14px)}
.aw-table.drawn .aw-u2{transform:rotate(9deg) translate(24px,10px)}
.aw-under{transition:transform .7s ease}
.aw-cf{position:absolute;inset:0;border-radius:16px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.aw-cf-front{transform:rotateY(180deg);background:#fbf7ee;box-shadow:0 22px 50px rgba(12,38,68,.35)}
.aw-cf-front img{display:block;width:100%;height:100%;object-fit:cover}
/* the back of every card */
.aw-back{position:absolute;inset:0;display:block;border-radius:16px;overflow:hidden;
  background:radial-gradient(120% 90% at 30% 15%,#3a9bbd 0%,#1d5a85 45%,#123a5c 100%);box-shadow:0 14px 34px rgba(12,38,68,.3)}
.aw-back::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 46%,rgba(255,255,255,0) 0 16px,rgba(255,255,255,.07) 16px 17.5px)}
.aw-back-in{position:absolute;inset:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;border:1.5px solid rgba(217,180,106,.75);border-radius:11px}
.aw-back-in svg{width:30px;height:40px;fill:#d9b46a;filter:drop-shadow(0 3px 8px rgba(0,0,0,.25))}
.aw-back-in i{font-family:var(--display);font-style:italic;font-size:1rem;color:rgba(255,255,255,.9);letter-spacing:.02em}
.aw-cf-back .aw-back{box-shadow:0 22px 50px rgba(12,38,68,.35)}
/* the "tap to draw" hint */
.aw-tap{position:absolute;left:50%;bottom:.2rem;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:99px;background:#16304f;color:#fff;font:700 .85rem/1 var(--ui);box-shadow:0 8px 20px rgba(12,38,68,.25);white-space:nowrap;z-index:3;pointer-events:none}
.aw-tapdot{position:relative;width:10px;height:10px;border-radius:50%;background:#efc9ad}
.aw-tapdot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #efc9ad;animation:awPing 1.6s ease-out infinite}
@keyframes awPing{from{transform:scale(.6);opacity:1}to{transform:scale(1.8);opacity:0}}
/* after the draw */
.aw-sec-draw .aw-src{margin:.4rem 0 1rem;font-size:.92rem;color:var(--ink-2)}
.aw-sec-draw .aw-acts .pill{min-height:46px}
.aw-sec-draw .aw-note{margin:1rem 0 0;text-align:center}
.aw .aw-again{border:0;background:none;padding:.4rem;font:600 .95rem var(--ui);color:var(--teal-d);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media(prefers-reduced-motion:reduce){.aw-flip{animation:none;transition:none}.aw-tapdot::after{animation:none}}
.aw-sec-draw .aw-acts{margin-top:1.4rem}

.aw .aw-sec-draw .aw-src{display:flex;flex-direction:column;gap:.35rem;max-width:26rem;margin:.6rem auto 0;text-align:center}
.aw-src-k{font-family:var(--ui);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-d)}
.aw-src-s{font-family:var(--display);font-style:italic;font-size:1.08rem;line-height:1.45;color:var(--navy)}

/* if a card picture can't load, the line itself shows on a cream card */
.aw-cf-txt{display:none}
.aw-cf-front.noimg img{display:none}
.aw-cf-front.noimg .aw-cf-txt{position:absolute;inset:0;display:grid;place-items:center;padding:1.6rem;font-family:var(--display);font-style:italic;font-size:1.35rem;line-height:1.35;color:var(--navy);text-align:center;background:linear-gradient(160deg,#fffaf3,#f3ece0)}