@font-face{font-family:Newsreader;src:url('./assets/NewsreaderDisplay-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Newsreader;src:url('./assets/NewsreaderDisplay-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Urbanist;src:url('./assets/Urbanist-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#123b40;--muted:#53676a;--paper:#f7f6f1;--sand:#eaece5;--rust:#ae4b30;--line:#cdd3cc;--serif:Newsreader,Georgia,serif;--sans:Urbanist,Arial,sans-serif;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}button{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.06}h2{font-size:clamp(40px,4.2vw,66px);letter-spacing:-.025em}h2 em,h1 em{font-weight:400}::selection{background:#d4e4db;color:var(--ink)}:focus-visible{outline:3px solid #d47b41;outline-offset:5px}section[id]{scroll-margin-top:20px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.18em;line-height:1.6}.section-pad{padding:100px max(6vw,24px)}.skip-link{position:fixed;left:20px;top:-80px;z-index:20;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:16px}
.site-header{height:96px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(247,246,241,.97);position:sticky;top:0;z-index:10;border-bottom:1px solid #123b4012}.wordmark{font-size:37px;letter-spacing:.22em;font-weight:300;line-height:1;display:block}.wordmark span{display:block;font-size:7px;font-weight:600;letter-spacing:.19em;margin-top:9px}.site-header nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:550}.nav-editorial{position:relative}.nav-editorial:after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--ink);transition:width .2s}.nav-editorial:hover:after{width:100%}.nav-cta{border:1px solid var(--ink);padding:11px 19px;display:flex;gap:28px;align-items:center}.nav-cta:hover{background:var(--ink);color:var(--paper)}
.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:730px;padding:68px 6vw 0;isolation:isolate;background:linear-gradient(112deg,#f1f1e9 0%,#eef0e9 46%,#dbe7df 100%);overflow:hidden}.hero-copy{position:relative;z-index:2;padding-top:20px;padding-bottom:68px}.launch-label{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.13em}.status-dot{display:block;width:6px;height:6px;background:var(--rust);border-radius:50%;flex-shrink:0}.hero h1{font-size:clamp(62px,6.4vw,100px);line-height:.99;letter-spacing:-.04em;margin:28px 0 24px;max-width:660px}.hero h1 em{color:#456e69}.hero-description{max-width:405px;font-size:16px;line-height:1.65;color:#415c5e}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:16px 23px;font-size:13px;font-weight:600;line-height:1.4;border:0;transition:background .2s,transform .2s}.button-rust{background:var(--rust);color:#fff}.button-rust:hover{background:#903e28;transform:translateY(-2px)}.hero .button{margin-top:30px}.text-link{font-size:12px;border-bottom:1px solid #6c8580;padding-bottom:5px}.hero-secondary{display:inline-block;margin-left:24px}.hero-secondary span{margin-left:15px}.hero-note{font-size:10px;color:#59716e;margin-top:19px;letter-spacing:.025em}.hero-product{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 0 60px 5vw}
/* The spine and page edge meet the front at right angles and share its perspective. */
.book-scene {
  position: relative;
  width: clamp(245px,26vw,385px);
  perspective: 1800px;
  container-type: inline-size;
  margin-top: 0;
}
.book-scene::after {
  content: '';
  position: absolute;
  z-index: -1;
  background: #163e3a35;
  width: 100%;
  height: 12%;
  filter: blur(20px);
  bottom: -8%;
  left: -3%;
  transform: rotate(-7deg);
}
.book-object {
  --book-depth: 12.5cqw;
  position: relative;
  transform: rotate(-8deg) rotateY(24deg) rotateX(5deg);
  transform-style: preserve-3d;
  transition: transform .7s cubic-bezier(.2,.6,.2,1);
}
.hero-product:hover .book-object {
  transform: rotate(-5deg) rotateY(17deg) rotateX(2deg);
}
.book-cover {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 200/260;
  object-fit: cover;
  border-radius: 1px 2px 2px 1px;
  backface-visibility: hidden;
}
.book-object::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #061e27;
  transform: translateZ(calc(-1 * var(--book-depth)));
  border-radius: 1px 2px 2px 1px;
  box-shadow: 12px 18px 25px #163e3a30;
}
.book-object::after {
  content: '';
  pointer-events: none;
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,#00000026,transparent 1.1%,#ffffff14 1.8%,#00000010 2.5%,transparent 4%);
  border-radius: 1px 2px 2px 1px;
}
.book-spine {
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--book-depth);
  left: calc(-1 * var(--book-depth));
  transform-origin: right center;
  transform: rotateY(-90deg);
  backface-visibility: hidden;
  background: linear-gradient(90deg,#04171e 0%,#0d303a 35%,#092833 76%,#061e27 100%);
  color: #fff;
  border-radius: 1px 0 0 1px;
}
.book-spine span,
.book-spine small {
  position: absolute;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl;
  white-space: nowrap;
  line-height: 1;
}
.book-spine span {
  top: 6%;
  height: 13%;
  font-size: 3.2cqw;
  letter-spacing: .35em;
  font-weight: 250;
}
.book-spine small {
  top: 20.5%;
  height: 62%;
  font-size: 1.6cqw;
  letter-spacing: .14em;
  font-weight: 400;
}
.book-pages {
  position: absolute;
  left: 1%;
  top: calc(100% - 2px);
  width: 98%;
  height: calc(var(--book-depth) - 4px);
  transform-origin: top center;
  transform: translateZ(-2px) rotateX(-90deg);
  background: repeating-linear-gradient(0deg,#deddd2 0,#deddd2 1px,#f5f3e8 1px,#f5f3e8 3px);
  backface-visibility: hidden;
}
.hero-product figcaption{position:absolute;left:7vw;right:0;bottom:16px;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.1em;color:#496a64}.hero-product figcaption span:last-child{letter-spacing:0;font-size:9px}.coordinate{position:absolute;right:-27px;top:43%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.25em;color:#57776f}.orbit{position:absolute;border:1px solid #5b8b791c;border-radius:50%;width:560px;height:560px;left:50%;top:44%;transform:translate(-43%,-50%);z-index:-1}.orbit-two{width:710px;height:710px}.hero-bottom{grid-column:1/-1;border-top:1px solid #75938a45;display:flex;align-items:center;justify-content:space-between;padding:21px 0;font-size:8px;letter-spacing:.14em;font-weight:600;gap:20px}.hero-bottom a span{font-size:16px;vertical-align:middle;margin-left:15px}
.intro{display:grid;grid-template-columns:1fr 3fr;gap:40px;background:var(--paper)}.section-index{padding-top:8px}.wind-symbol{font-family:var(--serif);font-size:90px;line-height:1;margin:30px 0;color:#749184;font-weight:400}.intro-content h2{font-size:clamp(36px,4vw,60px)}.intro-content h2 em{color:#6c8376}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px;font-size:15px;color:var(--muted);line-height:1.8}.book-facts{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:40px;padding-top:28px}.book-facts strong{display:block;font-family:var(--serif);font-weight:400;font-size:47px;line-height:1}.book-facts span{display:block;font-size:8px;font-weight:600;letter-spacing:.12em;margin-top:12px}
.inside{background:#e8ece7}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:22px}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.8;padding-bottom:5px}.editorial-features{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:70px;padding-top:30px;border-top:1px solid #bac7be}.editorial-features .eyebrow{font-size:8px;color:#587365}.editorial-features h3{font-size:28px;margin:14px 0}.editorial-features p{font-size:13px;color:var(--muted);max-width:320px;line-height:1.8}
.manifesto{position:relative;text-align:center;background:#f2efe5;overflow:hidden}.manifesto .eyebrow{color:#807451;font-size:9px}.manifesto h2{font-size:clamp(49px,6vw,88px);margin:28px 0;letter-spacing:-.04em}.manifesto h2 em{color:#6d8270}.manifesto>p:last-child{font-size:12px;color:#68736a;line-height:1.8}.journey-line{display:flex;align-items:center;justify-content:center;gap:20px;font-size:17px;font-weight:250;margin:30px auto 24px;max-width:210px}.journey-line span{height:1px;background:#bbbfaf;flex:1}
.join{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;background:#123b40;color:#f4f3e9}.join .eyebrow{color:#b4cbc0}.join h2{margin:25px 0;font-size:clamp(45px,5.3vw,77px)}.join h2 em{color:#acc5ad}.join-copy>p:not(.eyebrow){font-size:14px;color:#c2d1ca;max-width:390px;line-height:1.8}.join-copy .join-signature{margin-top:28px;color:#f4f3e9!important;font-family:var(--serif);font-size:22px!important;font-style:italic}.join-signature span{font-family:var(--sans);font-size:9px;letter-spacing:.04em;font-style:normal;color:#b7c7c0}.signup-panel{align-self:center;border:1px solid #ffffff2c;background:#ffffff04;padding:36px}.signup-panel h3{font-size:34px;margin:14px 0 12px}.signup-panel>p:not(.eyebrow){font-size:12px;color:#c5d3cd}.signup-panel label:not(.consent){display:block;font-size:11px;font-weight:500;margin:28px 0 9px}.signup-panel input[type=email]{width:100%;background:#f8f7ef;color:var(--ink);border:1px solid #f8f7ef;border-radius:0;padding:14px 15px;font-size:14px;outline-offset:3px}.signup-panel input::placeholder{color:#677674}.consent{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.6;margin:18px 0 20px;color:#c5d3cd;cursor:pointer}.consent input{accent-color:#b2caae;min-width:14px;min-height:14px;margin:2px 0 0}.signup-panel .button{width:100%}.signup-preview{border-top:1px solid #ffffff24;margin-top:22px;padding-top:17px;font-size:10px!important;color:#c0ccc6!important;line-height:1.6}.signup-status:empty{display:none}.signup-status{font-size:12px;line-height:1.7;margin-top:18px;padding:15px;background:#ffffff12;border-left:2px solid #b1c6a5}
.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.questions h2{font-size:42px;margin-top:20px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;font-size:14px;font-weight:500;padding:22px 0}summary::-webkit-details-marker{display:none}summary span{font-size:24px;font-weight:300;line-height:1;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.8;color:var(--muted);padding:0 26px 24px 0;max-width:570px}.site-footer{padding:40px 6vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:25px}.site-footer .wordmark{font-size:46px}.site-footer>p{font-size:9px;letter-spacing:.13em;line-height:1.7}.site-footer>div{font-size:9px;color:var(--muted);text-align:right;display:flex;flex-direction:column;gap:3px}.privacy-link{border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:inherit;padding:5px 0;align-self:flex-end;font-size:9px}
dialog{padding:25px;border:0;background:var(--paper);color:var(--ink);max-height:90dvh;max-width:calc(100vw - 32px)}dialog::backdrop{background:#061f28dc;backdrop-filter:blur(6px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;margin-bottom:22px}.dialog-top button{border:1px solid var(--line);background:transparent;padding:8px 14px;font-size:12px;flex-shrink:0}.spread-dialog{width:1200px}.dialog-image-scroll{overflow:auto}.spread-dialog img{width:100%;height:auto}.spread-dialog>p{font-size:10px;color:var(--muted);margin-top:14px}.privacy-dialog{width:540px;padding:35px}.privacy-dialog h2{font-size:48px;margin:35px 0 20px}.privacy-dialog>p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:15px}.noscript-note{background:#fff2da;padding:15px 6vw;font-size:13px}
@media(min-width:1600px){.hero{padding-left:calc((100vw - 1408px)/2);padding-right:calc((100vw - 1408px)/2)}.section-pad{padding-left:calc((100vw - 1408px)/2);padding-right:calc((100vw - 1408px)/2)}.hero-product{padding-left:50px}.hero-product figcaption{left:80px}.site-header,.site-footer{padding-left:calc((100vw - 1456px)/2);padding-right:calc((100vw - 1456px)/2)}}
@media(max-width:1100px){.hero{min-height:650px;padding-top:42px}.hero h1{font-size:70px}.hero-secondary{display:block;width:fit-content;margin:20px 0 0}.hero-note{display:none}.hero-product figcaption{left:15px;flex-direction:column;align-items:center;gap:3px}.hero-product{padding-left:25px}.book-scene{width:28vw}.section-pad{padding-top:75px;padding-bottom:75px}.intro{grid-template-columns:1fr 4fr;gap:20px}.join{gap:40px}.signup-panel{padding:26px}.join h2{font-size:60px}.editorial-features{gap:25px}.editorial-features h3{font-size:25px}.questions{gap:40px}.questions h2{font-size:36px}}
@media(max-width:760px){:root{scroll-padding-top:90px}.site-header{height:78px;padding:0 24px}.wordmark{font-size:30px}.wordmark span{font-size:6px}.site-header nav{gap:18px;font-size:11px}.nav-editorial{display:none}.nav-cta{padding:10px 13px;gap:15px}.hero{padding:40px 24px 0;grid-template-columns:1fr;min-height:0}.hero-copy{padding:0;text-align:center}.launch-label{justify-content:center;font-size:8px;letter-spacing:.1em}.hero h1{font-size:clamp(55px,10vw,78px);margin:25px 0 20px}.desktop-break{display:none}.hero-description{font-size:14px;max-width:410px;margin:auto}.hero .button{margin-top:24px;padding:15px 22px}.hero-secondary{display:inline-block;margin:0 0 0 18px;font-size:11px}.hero-secondary span{margin-left:5px}.hero-product{height:440px;padding:25px 0 45px;margin-top:35px}.book-scene{width:240px;margin-top:0}.hero-product figcaption{bottom:2px;left:0;right:0;flex-direction:row;align-items:baseline;font-size:7px}.hero-product figcaption span:last-child{font-size:8px}.coordinate{right:-9px;font-size:7px}.orbit{width:410px;height:410px;transform:translate(-50%,-50%)}.orbit-two{width:540px;height:540px}.hero-bottom{margin-top:22px;font-size:7px;padding:15px 0}.hero-bottom>span{max-width:200px}.hero-bottom a{font-size:0;flex-shrink:0}.hero-bottom a span{font-size:22px}.section-pad{padding:60px 24px}.intro{grid-template-columns:1fr;gap:24px}.wind-symbol{display:none}.intro-content h2{font-size:39px}.intro-columns{margin-top:24px;gap:20px;font-size:13px}.book-facts{gap:15px;margin-top:28px;padding-top:24px}.book-facts strong{font-size:38px}.book-facts span{font-size:7px;letter-spacing:.08em;max-width:110px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:42px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{font-size:12px;margin-top:20px}.editorial-features{grid-template-columns:1fr;gap:24px;margin-top:32px;padding-top:26px}.editorial-features article{display:grid;grid-template-columns:80px 1fr;gap:0 18px}.editorial-features .eyebrow{grid-row:span 2;padding-top:5px;font-size:7px}.editorial-features h3{font-size:25px;margin:0 0 10px}.editorial-features p{font-size:12px;max-width:none}.manifesto h2{font-size:51px}.manifesto>p:last-child{font-size:11px}.join{grid-template-columns:1fr;gap:38px}.join h2{font-size:60px}.join-copy>p:not(.eyebrow){max-width:none;font-size:13px}.join-copy .join-signature{margin-top:20px}.signup-panel{padding:27px}.signup-panel h3{font-size:34px}.signup-panel input[type=email]{font-size:16px}.questions{grid-template-columns:1fr;gap:28px}.questions h2{font-size:40px}.questions summary{font-size:13px;gap:14px}.site-footer{grid-template-columns:1fr 1fr;padding:32px 24px;gap:22px}.site-footer .wordmark{font-size:37px}.site-footer>p{font-size:7px;text-align:right}.site-footer>div{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:8px;text-align:left;font-size:8px}.privacy-link{font-size:8px;padding:0}.spread-dialog{padding:14px}.dialog-top{font-size:10px;gap:12px;margin-bottom:14px}.dialog-top button{font-size:11px}.dialog-image-scroll img{min-width:850px;max-width:none}.spread-dialog>p{font-size:9px}.privacy-dialog{padding:24px}.privacy-dialog h2{font-size:42px}}
@media(max-width:390px){.hero h1{font-size:52px}.hero-secondary{display:block;margin:18px auto 0}.hero-product{margin-top:20px}.intro-columns{grid-template-columns:1fr}.hero-product figcaption{font-size:6px}.signup-panel{padding:21px}.signup-panel h3{font-size:30px}}

.intro-content,.join-copy,.signup-panel,.faq-list{min-width:0}
@media(max-width:560px){.join h2{font-size:52px}}
@media(max-width:390px){}
/* Lifestyle photography keeps the complete book in view at every screen size. */
.book-at-home {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
  align-items: center;
  background: #eee9de;
}
.lifestyle-photo { position: relative; min-width: 0; }
.lifestyle-photo img { width: 100%; height: auto; }
.lifestyle-copy { padding: 40px clamp(30px, 4vw, 64px); min-width: 0; }
.lifestyle-copy .eyebrow { font-size: 8px; color: #647365; }
.lifestyle-copy h2 { font-size: clamp(36px, 3.7vw, 58px); margin: 22px 0; }
.lifestyle-copy h2 em { color: #6c8376; }
.lifestyle-copy > p:not(.eyebrow) { font-size: 13px; line-height: 1.8; color: var(--muted); margin-top: 16px; max-width: 350px; }
.lifestyle-copy .text-link { display: inline-block; margin-top: 25px; }
.lifestyle-copy .text-link span { margin-left: 18px; }
.physical-note { border-top: 1px solid #c8cbbf; margin-top: 30px; padding-top: 18px; }
.physical-note > span { font-size: 7px; letter-spacing: .16em; font-weight: 600; }
.physical-note p { font-family: var(--serif); font-size: 20px; margin-top: 5px; }
/* Real coastal photography; place copy over open water and keep the cove visible. */
.manifesto-photo {
  position: relative;
  isolation: isolate;
  aspect-ratio: 3 / 2;
  padding: 0;
  background: #0b5963;
  text-align: left;
  color: #fff;
  max-width: 1440px;
  margin-inline: auto;
}
.manifesto-photo .session-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.manifesto-photo::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(30deg, #062c3699 0%, #062c3620 38%, transparent 58%);
  z-index: 0;
  pointer-events: none;
}
.manifesto-copy { position: absolute; z-index: 1; left: 6vw; bottom: 9%; max-width: 65%; }
.manifesto-copy .eyebrow { color: #e4eee2; }
.manifesto-copy h2 { font-size: clamp(44px, 5.4vw, 80px); margin: 24px 0; }
.manifesto-copy h2 em { color: #e1e8cc; }
.manifesto-copy > p:last-child { font-size: 12px; line-height: 1.8; color: #ecf0e9; }
.manifesto-copy .journey-line { display: none; }
@media (min-width: 1800px) {
  .book-at-home { padding: 0 calc((100vw - 1800px) / 2); }
}
@media (max-width: 1100px) {
  .book-at-home { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
  .lifestyle-copy { padding: 30px; }
  .lifestyle-copy h2 { font-size: 37px; margin: 18px 0; }
  .lifestyle-copy > p:not(.eyebrow) { font-size: 12px; }
  .physical-note { margin-top: 22px; }
}
@media (max-width: 760px) {
  .book-at-home { grid-template-columns: 1fr; }
  .lifestyle-copy { padding: 36px 24px 44px; }
  .lifestyle-copy h2 { font-size: 45px; }
  .lifestyle-copy > p:not(.eyebrow) { max-width: 480px; font-size: 13px; }
  .manifesto-photo { aspect-ratio: auto; padding: 0; }
  .manifesto-photo .session-photo { position: relative; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
  .manifesto-photo::after { display: none; }
  .manifesto-copy { position: relative; left: auto; bottom: auto; max-width: none; padding: 38px 24px 30px; background: #0b5963; }
  .manifesto-copy h2 { font-size: clamp(38px, 8vw, 54px); margin: 20px 0; }
  .manifesto-copy > p:last-child { font-size: 11px; }
}
.tactile { background: #f4f1e9; }
.tactile-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 36px; margin-bottom: 38px; }
.tactile-heading h2 { margin-top: 18px; }
.tactile-heading > p { max-width: 310px; font-size: 14px; color: var(--muted); line-height: 1.8; }
.tactile-images { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.tactile-images figure { min-width: 0; }
.tactile-images img { width: 100%; height: auto; aspect-ratio: 3 / 2; }
.tactile-images figcaption { position: relative; padding-top: 36px; }
.tactile-images .image-credit { position: absolute; top: 8px; right: 0; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; text-align: right; }
.tactile-images .eyebrow { font-size: 8px; color: #647365; }
.tactile-images h3 { margin-top: 10px; font-size: 31px; }
.tactile-images figcaption > p:last-child { margin-top: 12px; max-width: 430px; font-size: 13px; line-height: 1.8; color: var(--muted); }
@media (max-width: 760px) {
  .tactile-heading { display: block; margin-bottom: 28px; }
  .tactile-heading h2 { font-size: 43px; }
  .tactile-heading > p { margin-top: 20px; max-width: 430px; font-size: 13px; }
  .tactile-images { grid-template-columns: 1fr; gap: 36px; }
  .tactile-images figcaption { padding-top: 32px; }
  .tactile-images h3 { font-size: 29px; }
}
/* Lead with the book and keep signup ahead of the product image on mobile. */
.hero { padding-top: 38px; }
.hero-copy { padding-bottom: 38px; min-width: 0; }
.hero h1 { font-size: clamp(42px, 4.1vw, 64px); line-height: 1.06; margin: 22px 0 18px; max-width: 620px; }
.hero-description { font-size: 15px; max-width: 460px; }
.hero-signup { margin-top: 24px; max-width: 510px; text-align: left; }
.hero-signup > label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 9px; }
.hero-signup-row { display: flex; }
.hero-signup-row input { min-width: 0; flex: 1; width: 100%; padding: 14px; border: 1px solid #829690; border-right: 0; border-radius: 0; background: var(--paper); color: var(--ink); font-size: 16px; }
.hero-signup .button { margin: 0; padding: 14px 20px; gap: 18px; flex-shrink: 0; }
.hero-signup-consent { font-size: 10px; line-height: 1.5; color: var(--muted); margin-top: 10px; }
.hero-preview-note { font-size: 10px; color: var(--muted); margin-top: 7px; }
.hero-signup .signup-status { background: #dce6dc; border-color: var(--ink); }
.hero .hero-secondary { display: inline-block; margin: 20px 0 0; }
.intro { padding-top: 70px; padding-bottom: 70px; }
.makers { display: grid; grid-template-columns: 1fr 1.2fr; gap: 8vw; background: #eaece5; }
.makers h2 { margin-top: 22px; }
.placeholder-tag { display: inline-block; margin-top: 24px; border: 1px dashed #8c9b91; padding: 5px 10px; font-size: 9px; letter-spacing: .12em; color: var(--muted); }
.makers-details { min-width: 0; }
.makers-details article { border-top: 1px solid #bdc7bf; padding: 20px 0; }
.makers-details h3 { font-size: 27px; margin: 10px 0; }
.makers-details article > p { font-size: 13px; color: var(--muted); max-width: 440px; }
.makers-details article > p + p { margin-top: 14px; }
.makers-details article > .makers-update { font-size: 11px; margin-bottom: 14px; }
@media (max-width: 760px) {
  .hero { padding-top: 30px; }
  .hero h1 { font-size: clamp(37px, 7.4vw, 54px); max-width: 520px; margin-inline: auto; }
  .hero-signup { margin-inline: auto; }
  .hero-copy { padding-bottom: 0; }
  .hero-signup .button { padding: 14px 16px; gap: 12px; }
  .intro { padding-top: 50px; padding-bottom: 50px; }
  .makers { grid-template-columns: 1fr; gap: 30px; }
  .makers h2 { font-size: 42px; }
}
@media (max-width: 350px) {
  .hero-signup-row { flex-direction: column; gap: 8px; }
  .hero-signup-row input { border-right: 1px solid #829690; }
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.manifesto-photo .session-photo { object-position: 50% 58%; }

/* Book sampler: full spread, explicit controls, and visual choices. */
.spread-gallery { max-width: 1060px; margin: 0 auto; }
.spread-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.spread-paging { display: flex; align-items: center; gap: 18px; }
.spread-paging > span, #dialog-position { font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--muted); }
.spread-arrow { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #aabdb3; border-radius: 50%; background: transparent; font-size: 23px; line-height: 1; }
.spread-arrow:hover, .spread-arrow:focus-visible { background: var(--ink); border-color: var(--ink); color: white; }
.spread-expand { display: flex; align-items: center; gap: 24px; min-height: 44px; padding: 10px 18px; border: 1px solid var(--ink); background: var(--ink); color: white; font-size: 12px; }
.spread-expand:hover { background: #24545a; }
.spread-figure { margin: 0; }
.spread-zoom { position: relative; display: block; width: 100%; padding: 0; border: 0; background: white; box-shadow: 0 18px 36px -16px #183b3b55; cursor: zoom-in; }
.spread-zoom img { width: 100%; height: auto; aspect-ratio: 400/260; object-fit: contain; }
.spread-figure figcaption { display: flex; justify-content: space-between; gap: 20px; margin: 18px 0 0; font-size: 11px; color: var(--muted); line-height: 1.7; }
.spread-figure figcaption span:last-child { font-style: italic; }
.spread-browse-label { margin: 30px 0 12px; font-size: 12px; color: var(--muted); }
.spread-selector { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.spread-selector button { position: relative; display: flex; flex-direction: column; align-items: stretch; min-width: 0; padding: 8px 8px 12px; border: 2px solid transparent; background: #ffffff60; text-align: left; transition: background .2s, border-color .2s; }
.spread-selector button img { display: block; width: 100%; height: auto; aspect-ratio: 400/260; object-fit: contain; background: white; }
.spread-selector button span { margin: 10px 4px 2px; font-family: var(--serif); font-size: 23px; line-height: 1.15; color: var(--ink); }
.spread-selector button small { margin: 0 4px; font-size: 11px; color: var(--muted); }
.spread-selector button:hover { background: #ffffffc0; border-color: #aabdb3; }
.spread-selector button[aria-pressed=true] { border-color: var(--rust); background: #fff; }
.spread-selector button[aria-pressed=true]:after { content: '✓'; position: absolute; right: 13px; top: 13px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: white; background: var(--rust); font-size: 13px; }
.dialog-spread-navigation { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 18px; }
.spread-nav-label { border: 1px solid var(--line); background: transparent; padding: 10px 14px; min-height: 44px; font-size: 12px; }
.spread-nav-label:hover { background: var(--ink); color: white; }
@media(max-width:760px) {
  .spread-toolbar { margin-bottom: 12px; }
  .spread-paging { gap: 12px; }
  .spread-expand { gap: 14px; padding: 10px 14px; }
  .spread-figure figcaption { display: block; font-size: 10px; margin-top: 14px; }
  .spread-figure figcaption span { display: block; }
  .spread-selector { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .spread-selector button span { font-size: 21px; }
  .spread-selector button small { font-size: 10px; }
  .spread-browse-label { margin-top: 24px; }
  .spread-nav-label { font-size: 10px; padding: 8px; }
  #dialog-position { font-size: 10px; }
}