/* Open page study. Layout and artwork only; source site copy retained. */
:root{--paper:#faf9f6;--paper-deep:#eeede9;--card:#fff;--ink:#1c2028;--ink-2:#646670;--red:#3757d6;--red-deep:#2946bc;--red-text:#2946bc;--blue:#3757d6;--amber:#db7050;--amber-soft:#efb397;--cream:#faf9f6;--font-display:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;--fs-h2:clamp(36px,5vw,66px);--fs-sub:clamp(17px,1.6vw,20px)}
html{scroll-padding-top:85px}body{line-height:1.55}.grain{display:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.nav,.nav.scrolled,.nav.on-ink{background:rgba(250,249,246,.94);color:var(--ink);backdrop-filter:blur(16px);border:0;box-shadow:none;padding:20px 4vw}.nav.on-ink .nav-mark{color:var(--ink)}.nav-word{font-family:"Instrument Serif",Georgia,serif;font-size:30px;letter-spacing:-.8px}.nav-mark img{border-radius:10px}.section{padding:120px 5vw;background:transparent}.section-inner{max-width:1200px}.section-title{font-weight:650;letter-spacing:-.055em;line-height:1.06}.section-sub{line-height:1.6}.hero{display:flex;flex-direction:column;max-width:none;min-height:0;gap:52px;padding:145px 3vw 30px;text-align:center;overflow:visible}.hero-copy{max-width:1000px;justify-items:center}.hero .hero-title{justify-items:center;max-width:100%;gap:8px;line-height:1.08}.hero-line{font-size:clamp(27px,4vw,52px);font-weight:600;letter-spacing:-.045em}.hero-line-rot{font-size:clamp(35px,7.4vw,94px);min-height:1.18em}.rotator{font-style:normal;letter-spacing:-.06em;font-weight:650}.hero .hero-title>.hero-line:last-child{font-size:clamp(20px,2vw,27px);font-weight:400;letter-spacing:-.035em;margin-top:12px}.hero-wink{font-family:"Instrument Serif",Georgia,serif;font-size:1.3em}.misreg-red{color:var(--blue);text-shadow:none}.hero-sub{max-width:650px;margin-top:25px;font-size:17px;line-height:1.65}.hero .hero-cta{justify-items:center;margin-top:23px}.hero-polaroid.polaroid{width:100%;max-width:1440px;rotate:0;padding:0;background:transparent;outline:0;box-shadow:none;margin:0}.hero-frames{aspect-ratio:2.15;background:#272257;border-radius:2px}.hero-frames .hero-frame{object-position:center 43%}.hero-polaroid .tape,.scroll-cue{display:none}.hero-polaroid figcaption{position:static;height:auto;font-family:var(--font-body);font-size:14px;color:var(--ink-2);padding:14px}.hero-frames.develop{filter:none!important;opacity:1!important;transform:none!important}.ache-inner{max-width:1120px}.ache-scrawl{font-family:var(--font-body);font-size:18px;color:var(--ink-2)}.ache-wall.cluster{height:480px;margin-top:45px}.ache-wall.cluster .scrap{background:transparent;box-shadow:none;clip-path:none;border:0;outline:0;padding:24px}.ache-wall.cluster li.featured .scrap{background:var(--paper);box-shadow:none}.ache-wall.cluster .scrap blockquote{font-family:"Instrument Serif",Georgia,serif;font-size:24px;line-height:1.35}.ache-wall.cluster li:not(.featured){opacity:.48}.scrap .tape{display:none}.ache-tally{font-family:var(--font-body);font-size:clamp(22px,3vw,34px);letter-spacing:-.03em}.ache-source{max-width:590px;font-size:17px;line-height:1.7}.flip{margin-top:100px;font-family:"Instrument Serif",Georgia,serif}.flip-b{color:#e8462e;text-shadow:3px 3px #f7d9a4}.flip-a:after{background:#e8462e}.doors-section{padding-top:40px}.doors-section .section-title{max-width:23ch}.collage{margin-top:65px;max-width:1120px;height:1050px}.polaroid:not(.hero-polaroid){box-shadow:none;outline:0;rotate:0;background:transparent;padding:0 0 50px}.polaroid:not(.hero-polaroid) .tape{display:none}.polaroid figcaption{font-family:var(--font-body);font-size:15px}.collage .polaroid{width:460px}.collage .polaroid img{aspect-ratio:1.5;object-fit:cover}.doors-closer{margin-top:30px}.phone-section{padding:80px 4vw 120px}.phone-grid{display:grid;grid-template-columns:1fr;max-width:1400px;gap:0;position:relative}.phone-copy{display:contents}.phone-copy>.section-title,.phone-copy>.section-sub{order:0;text-align:center;margin-inline:auto}.phone-copy>.section-sub{max-width:640px;margin-top:22px;margin-bottom:65px}.practice-art{grid-column:1;grid-row:3;width:100%;height:650px;object-fit:cover;object-position:center}.phone-stage{grid-column:1;grid-row:3;order:0;justify-self:end;align-self:center;margin:40px 7%;transform:scale(.82);transform-origin:right center;z-index:1}.phone{box-shadow:0 25px 60px #1113}.phone-hint{font-family:var(--font-body);font-size:15px;color:white}.feature-rows{order:4;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin:50px 4% 0}.feature-row,.feature-row:nth-child(n){background:none;clip-path:none;rotate:0;padding:0;margin:0;max-width:none}.feature-row h3{font-family:var(--font-body);font-size:25px;font-weight:600;letter-spacing:-.035em}.feature-row p{margin-top:15px;font-size:16px;line-height:1.65}.turn-section{padding-top:60px}.turn-inner{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;gap:0 65px;align-items:center}.turn-inner>.section-title,.turn-inner>.section-sub{grid-column:1/-1}.turn-inner>.section-sub{margin-bottom:55px}.turn-art{width:100%;aspect-ratio:1;object-fit:cover;object-position:60% center}.sim-card{background:transparent;box-shadow:none;rotate:0;padding:0;min-height:350px;margin:0}.sim-card .tape{display:none}.sim-scene{font-family:var(--font-body);font-size:22px;font-weight:500;line-height:1.4;letter-spacing:-.02em}.sim-choice{font-family:var(--font-body)}.trail{max-width:1200px;margin-top:60px}.trail-svg{visibility:hidden}.trail-stops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px 24px}.trail-stop,.trail-stop:nth-child(n){display:flex;flex-direction:column;align-items:start;text-align:left;width:auto;margin:0;gap:8px}.chapter-art{width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:13px}.stop-dot,.trail-stop.lit .stop-dot{width:auto;height:auto;border:0;border-radius:0;background:none;color:var(--ink-2);font:14px var(--font-body);animation:none}.stop-text h3,.trail-stop.lit .stop-text h3{font-family:var(--font-body);font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.03em}.stop-text p{font-size:15px;line-height:1.55;margin-top:8px;opacity:1}.trail-stop:nth-child(n+5){padding-top:32px;border-top:1px solid #dddcd8}.trail-stop:last-child{grid-column:1/-1;max-width:100%}.marquee-block{margin-top:65px}.never-section{margin:0;border-radius:0;padding:100px 5vw 120px;color:var(--ink);background:none}.never-title{color:var(--ink)}.never-item{color:var(--ink);font-family:"Instrument Serif",Georgia,serif}.never-item.is-struck{opacity:.6}.never-affirm{color:var(--blue);font-style:normal;font-size:26px;font-weight:500;letter-spacing:-.03em}.never-facts{gap:50px;max-width:1100px}.never-facts li,.never-facts li:nth-child(n){padding:0;background:none;clip-path:none;rotate:0;margin:0}.never-facts strong{font-family:var(--font-body);font-size:21px;font-weight:600;letter-spacing:-.02em;margin-bottom:12px}.closing-art{width:calc(100% - 8vw);margin:0 4vw;max-height:560px;object-fit:cover;object-position:center 46%}.cta-section{padding-top:75px;padding-bottom:100px}.cta-icon{width:62px;height:62px;box-shadow:none}.cta-title{margin-top:24px}.cta-title em{font-family:"Instrument Serif",Georgia,serif}.cta-scrawl{font-family:var(--font-body);font-size:15px}.footer{padding:35px 5vw;border-top:1px solid #e6e4e0;display:flex;justify-content:space-between;align-items:center}.footer-line{font-family:"Instrument Serif",Georgia,serif;font-size:28px}.footer-meta{margin:0}.store-badge{transition:opacity .2s}.store-badge:hover{opacity:.7}
@media(min-width:1500px){.hero{padding-top:160px}.section{padding-block:150px}}
@media(max-width:760px){.nav{padding:15px 22px}.nav-word{font-size:26px}.section{padding:75px 24px}.hero{padding:110px 20px 15px;gap:35px}.hero-title{gap:8px}.hero-line-rot{font-size:9vw;white-space:nowrap}.hero-sub{font-size:16px;max-width:37ch}.hero-frames{aspect-ratio:1.35}.hero-polaroid.polaroid{width:calc(100% + 40px);max-width:none}.hero-polaroid figcaption{font-size:12px}.ache-wall.cluster{height:420px}.flip{margin-top:65px}.collage .polaroid{width:280px}.collage{height:1170px}.phone-section{padding-inline:20px}.phone-copy>.section-sub{margin-bottom:35px}.practice-art{height:530px;object-position:27% center}.phone-stage{margin:0 8px 0 0;transform:scale(.62)}.feature-rows{grid-template-columns:1fr;gap:32px;margin:36px 4px 0}.feature-row p{max-width:100%}.turn-inner{grid-template-columns:1fr;gap:25px}.turn-inner>.section-sub{margin:0 0 12px}.turn-art{aspect-ratio:1.4}.sim-card{min-height:0;padding:12px 0}.trail-stops{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}.stop-text h3{font-size:19px}.trail-stop:nth-child(n+5){padding-top:20px}.never-facts{gap:30px}.closing-art{height:340px;width:100%;margin:0;object-position:50% center}.footer{display:block;text-align:center}.footer-meta{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the new compositions still and unframed. */
.hero-polaroid.polaroid{transform:none!important;rotate:0deg!important;animation:none!important}.hero{padding-top:118px;gap:35px}.hero-polaroid .hero-frames{transform:none!important}.phone,.phone-stage{rotate:0!important}.phone:after{display:none}.ph-card,.ph-chip,.ph-phrase,.ph-win{rotate:0!important}.ph-card{box-shadow:none}.phone-stage.is-in[data-rise]{transform:scale(.82);transform-origin:right center}.ache-wall.cluster{display:flex;gap:40px;overflow-x:auto;overflow-y:hidden;height:auto;min-height:0;padding:30px 0 26px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bfc2d1 transparent}.ache-wall.cluster li,.ache-wall.cluster li.featured,.ache-wall.cluster li.parked{position:relative!important;inset:auto!important;flex:0 0 320px;width:320px;height:auto;opacity:1!important;transform:none!important;animation:none!important;scroll-snap-align:start}.ache-wall.cluster .scrap,.ache-wall.cluster li.featured .scrap,.ache-wall.cluster li.parked .scrap{position:relative;inset:auto;width:100%;min-height:230px;height:auto;padding:20px 8px;transform:none!important;rotate:0!important;opacity:1!important;animation:none!important;transition:color .2s!important;background:transparent;box-shadow:none;border-bottom:1px solid #ccc}.ache-wall.cluster .scrap blockquote,.ache-wall.cluster .scrap.wide blockquote{font-size:26px;line-height:1.35;color:var(--ink)}.ache-wall.cluster .scrap.me{border-bottom:3px solid var(--blue)}#cluster-toggle{display:none}.ache-tally{margin-top:50px}.turn-art{object-position:center}.phone-hint{display:none}@media(max-width:760px){.hero{padding-top:105px}.ache-wall.cluster li,.ache-wall.cluster li.featured{flex-basis:280px;width:280px}.phone-stage.is-in[data-rise]{transform:scale(.62)}}
.hero{align-items:center}.hero-polaroid.polaroid{flex:none}@media(max-width:760px){.hero-polaroid.polaroid{width:100vw;align-self:center}.hero-frames{width:100%}.hero-copy{min-width:0}}

/* A lighter opening: a little Cal AI openness, within this direction. */
.hero {
  padding-top: 128px;
  gap: 40px;
  background: radial-gradient(ellipse 55% 34% at 50% 66%, #ece8f366, transparent 100%);
}
.hero-copy { max-width: 880px; }
.hero-line {
  font-size: clamp(26px, 3.1vw, 40px);
  font-weight: 450;
  letter-spacing: -.04em;
}
.hero-line-rot { font-size: clamp(36px, 5.8vw, 72px); }
.hero .rotator {
  font-weight: 500;
  letter-spacing: -.045em;
  color: #474461;
}
.hero .hero-title > .hero-line:last-child {
  font-size: clamp(20px, 1.9vw, 25px);
  margin-top: 10px;
  letter-spacing: -.025em;
}
.hero-sub { max-width: 610px; margin-top: 23px; color: #696773; }
.hero .hero-cta { margin-top: 22px; }
.hero-polaroid.polaroid { width: min(940px, 86vw); }
.hero-frames { aspect-ratio: 1.85; border-radius: 12px; }
.hero-polaroid figcaption { padding-top: 17px; }
@media (max-width: 760px) {
  .hero { padding-top: 108px; gap: 32px; }
  .hero-line-rot { font-size: 8.7vw; }
  .hero-sub { font-size: 16px; }
  .hero-polaroid.polaroid { width: 100%; }
  .hero-frames { aspect-ratio: 1.4; border-radius: 10px; }
}

/* Product and invitation share the opening viewport. */
.hero {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  grid-template-rows: auto;
  align-items: center;
  gap: 36px;
  max-width: 1320px;
  margin-inline: auto;
  padding: 115px 5vw 65px;
  min-height: min(760px, 100svh);
  text-align: left;
  background: radial-gradient(ellipse 40% 50% at 77% 52%, #eae4f288, transparent);
}
.hero-copy { grid-area: 1 / 1; justify-items: start; z-index: 2; }
.hero .hero-title, .hero .hero-line-rot, .hero .hero-cta { justify-items: start; }
.hero-line { font-size: clamp(25px, 2.9vw, 38px); }
.hero-line-rot { font-size: clamp(29px, 4.25vw, 57px); }
.hero .hero-title>.hero-line:last-child { font-size: 21px; margin-top: 18px; }
.hero-sub { max-width: 460px; font-size: 17px; margin-top: 24px; }
.hero .hero-cta { margin-top: 28px; }
.hero-polaroid.polaroid { grid-area: 1 / 2; width: 100%; align-self: center; margin-top: 50px; }
.hero-frames { aspect-ratio: 1.16; border-radius: 18px; }
.hero-frames .hero-frame { object-position: 30% center; }
.hero-polaroid figcaption { font-size: 12px; text-align: left; padding-left: 2px; }
.hero-app {
  grid-area: 1 / 2;
  position: relative;
  justify-self: end;
  align-self: center;
  z-index: 3;
  width: 258px;
  padding: 13px 12px 12px;
  margin-right: 7%;
  margin-block: 0 5px;
  border: 6px solid #22232a;
  border-radius: 39px;
  background: #f6f7fa;
  color: #1a1d23;
  text-align: left;
  text-decoration: none;
  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;
  box-shadow: 0 24px 50px -15px #20203540, 0 2px 5px #20203520;
  transform: rotate(3deg);
  transition: transform .25s ease;
}
.hero-app:hover { transform: rotate(1deg) translateY(-4px); }
.ha-status { display:flex; align-items:center; justify-content:space-between; position:relative; padding:0 9px; font-size:10px; font-weight:600; height:20px; }
.ha-island { width:65px; height:19px; background:#17191e; border-radius:15px; }
.ha-heading { display:flex; justify-content:space-between; align-items:center; margin:18px 5px 15px; font-size:28px; font-weight:700; letter-spacing:-1px; }
.ha-heading>span { font-size:21px; color:#3757d6; background:#e8ebfa; border-radius:9px; width:30px; text-align:center; }
.ha-set { background:white; border-radius:17px; padding:14px; display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; color:#646976; font-size:12px; }
.ha-set strong { display:block; color:#17191e; font-size:30px; line-height:1.25; letter-spacing:-1px; margin-top:5px; }
.ha-set small { font-size:13px; font-weight:400; color:#646976; letter-spacing:0; }
.ha-set svg { width:46px; height:46px; }
.ha-rep { background:white; border-radius:18px; overflow:hidden; }
.ha-rep>img { display:block; width:100%; height:120px; object-fit:cover; }
.ha-rep-copy { padding:14px; }
.ha-rep-copy>strong { display:block; font-size:21px; font-weight:650; letter-spacing:-.7px; line-height:1.2; }
.ha-rep-copy>p { font-size:12px; line-height:1.45; margin:9px 0; color:#646976; }
.ha-rep-copy>p.ha-cue { border-left:2px solid #b8c4fa; padding-left:8px; color:#3d4560; margin:13px 0; }
.ha-start { display:flex; justify-content:center; gap:18px; background:#191c23; color:white; border-radius:14px; padding:12px 10px; font-size:13px; font-weight:600; }
.ha-tabs { margin:13px 0 0; display:flex; justify-content:space-around; align-items:center; background:#fff9; border:1px solid white; border-radius:25px; padding:7px 5px; color:#969aa8; }
.ha-tabs>span { display:grid; justify-items:center; font-size:19px; line-height:1.2; width:60px; }
.ha-tabs small { font-size:9px; margin-top:2px; }
.ha-tabs .ha-selected { color:#253858; background:#e9edf7; border-radius:20px; }
.ha-home { height:4px; width:80px; border-radius:3px; background:#191c23; margin:13px auto 0; }
@media (max-width: 850px) {
  .hero { display:flex; flex-direction:column; min-height:0; padding:95px 24px 55px; gap:24px; text-align:center; }
  .hero-copy { align-self:stretch; justify-items:center; }
  .hero .hero-title,.hero .hero-line-rot,.hero .hero-cta { justify-items:center; }
  .hero-line { font-size:26px; }
  .hero-line-rot { font-size:8.4vw; }
  .hero .hero-title>.hero-line:last-child { font-size:19px; margin-top:8px; }
  .hero-sub { font-size:15px; line-height:1.55; margin-top:15px; max-width:460px; }
  .hero .hero-cta { margin-top:18px; }
  .hero-polaroid.polaroid { width:100%; max-width:470px; margin-top:35px; }
  .hero-frames { aspect-ratio:1.25; }
  .hero-app { margin:-345px 12px 0 auto; width:225px; transform:rotate(3deg); }
  .ha-rep>img { height:96px; }
  .ha-heading { font-size:25px; margin-top:12px; margin-bottom:10px; }
  .ha-set { padding:10px; margin-bottom:10px; }
}
/* Keep the complete product preview within a typical laptop opening. */
.hero-app { width:248px; }
.ha-heading { margin:12px 5px 10px; font-size:26px; line-height:1.2; }
.ha-set { padding:10px 12px; margin-bottom:12px; }
.ha-set strong { font-size:28px; }
.ha-rep>img { height:100px; }
.ha-rep-copy { padding:12px; }
.ha-rep-copy>p.ha-cue { margin:10px 0; }
.ha-tabs { margin-top:10px; padding:5px; }
.ha-home { margin-top:10px; }
@media(max-width:850px){.hero-app{width:225px}.ha-rep>img{height:90px}}