.landing{--landing-width: 1120px;--landing-gutter: var(--space-4);--landing-gap: clamp(64px, 9vw, 120px);--landing-split: 860px;--landing-title: clamp(2.5rem, 1.55rem + 3.9vw, 4.6rem);--landing-heading: clamp(1.875rem, 1.45rem + 1.5vw, 2.75rem);display:flex;flex:1;flex-direction:column}@media (min-width: 720px){.landing{--landing-gutter: var(--space-10)}}.landing-hero,.landing-foot{--focus-ring: var(--art-bone);position:relative;isolation:isolate;background:var(--door-wall);color:var(--art-bone)}.landing-hero:before,.landing-foot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--door-wall-joint);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='88'%3E%3Cpath d='M0 .75H132M0 44.75H132M.75 0V44M66.75 0V44M33.75 44V88M99.75 44V88' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='88'%3E%3Cpath d='M0 .75H132M0 44.75H132M.75 0V44M66.75 0V44M33.75 44V88M99.75 44V88' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");-webkit-mask-size:132px 88px;mask-size:132px 88px;pointer-events:none}.landing-hero:after,.landing-foot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 90% 80% at 50% 60%,transparent 40%,var(--door-vignette));pointer-events:none}.landing-hero:after{background:radial-gradient(ellipse 34% 46% at 74% 92%,color-mix(in srgb,var(--door-light) 16%,transparent),transparent 70%),radial-gradient(ellipse 90% 90% at 50% 55%,transparent 45%,var(--door-vignette))}.landing-hero{z-index:1;padding-top:var(--safe-top)}.landing-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:calc(var(--landing-width) + 2 * var(--landing-gutter));margin:0 auto;padding:var(--space-4) var(--landing-gutter)}.landing-wordmark{font-family:var(--font-display);font-size:var(--text-28);letter-spacing:0;line-height:1}.landing-wordmark--small{font-size:var(--text-22)}.landing-bar-links{display:flex;align-items:center;gap:var(--space-2)}.landing-bar-link{display:inline-flex;align-items:center;min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--art-bone);font-size:var(--text-16);text-decoration:none}.landing-bar-link:hover{background:color-mix(in srgb,var(--art-bone) 10%,transparent)}.landing-bar-join{min-height:40px;padding:0 var(--space-4);font-size:var(--text-15)}@media (max-width: 559px){.landing-bar-join{display:none}}.landing-hero-body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-12);max-width:calc(var(--landing-width) + 2 * var(--landing-gutter));margin:0 auto;padding:var(--space-6) var(--landing-gutter) 0}.landing-title{max-width:12.5em;font-family:var(--font-display);font-size:var(--landing-title);font-weight:var(--weight-regular);letter-spacing:-.01em;line-height:1.04;text-wrap:balance}.landing-lede{max-width:31em;margin-top:var(--space-6);color:color-mix(in srgb,var(--art-bone) 88%,transparent);font-family:var(--font-text);font-size:clamp(var(--text-17),1rem + .35vw,1.25rem);letter-spacing:0;line-height:1.6}.landing-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.landing-actions--centered{justify-content:center}:is(.landing-hero,.landing-foot) .ui-button--ghost{border-color:color-mix(in srgb,var(--art-bone) 38%,transparent);color:var(--art-bone)}:is(.landing-hero,.landing-foot) .ui-button--ghost:hover{background:color-mix(in srgb,var(--art-bone) 10%,transparent)}.landing-door{position:relative;justify-self:center;width:min(72%,280px);margin-top:var(--space-12)}.landing-door .door-stage{width:100%}.landing-door .door-plaque{font-size:clamp(1.125rem,.9rem + .8vw,1.5rem)}.landing-door .door-leaf{transition:transform 1.5s cubic-bezier(.45,0,.2,1)}.landing-door.is-open .door-leaf--left{transform:rotateY(74deg)}.landing-door.is-open .door-leaf--right{transform:rotateY(-74deg)}.landing-door .door-room-glow{transition:fill-opacity 1.4s ease .3s}.landing-door.is-open .door-room-glow{fill-opacity:1}.landing-door-spill{position:absolute;top:100%;left:calc(var(--spill-x) - var(--spill-w) * .35);width:calc(var(--spill-w) * 1.7);height:clamp(56px,8vw,96px);background:linear-gradient(180deg,color-mix(in srgb,var(--door-light) 48%,transparent),transparent);clip-path:polygon(20.6% 0,79.4% 0,100% 100%,0 100%);filter:blur(6px);opacity:0;transition:opacity 1.4s ease .4s;pointer-events:none}.landing-door.is-open .landing-door-spill{opacity:1}@media (prefers-reduced-motion: reduce){.landing-door .door-leaf,.landing-door .door-room-glow,.landing-door-spill{transition:none}}@media (min-width: 860px){.landing-hero-body{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:var(--space-10);padding-top:var(--space-10)}.landing-hero-words{align-self:center;padding-bottom:var(--space-16)}.landing-door{width:min(100%,350px);margin-top:var(--space-16)}}.landing-main{display:flex;flex-direction:column}.landing-section{width:100%;max-width:calc(var(--landing-width) + 2 * var(--landing-gutter));margin:0 auto;padding:var(--landing-gap) var(--landing-gutter) 0}.landing-copy{max-width:34rem}.landing-copy--wide{max-width:44rem}.landing-heading{max-width:18em;color:var(--ink);font-family:var(--font-display);font-size:var(--landing-heading);font-weight:var(--weight-regular);letter-spacing:0;line-height:1.1;text-wrap:balance}.landing-text{max-width:34em;margin-top:var(--space-4);color:var(--ink);font-family:var(--font-text);font-size:var(--text-17);letter-spacing:0;line-height:1.65}.landing-heading+.landing-text{margin-top:var(--space-5)}.landing-split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-10)}@media (min-width: 860px){.landing-text{font-size:var(--text-18)}.landing-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space-16)}.landing-split--page>.landing-page-sample{order:-1}}.landing-split--case{grid-template-areas:"copy" "case" "choices"}.landing-split--case>.landing-copy{grid-area:copy}.landing-split--case>.landing-case{grid-area:case}.landing-split--case>.landing-style-choices{grid-area:choices}@media (min-width: 860px){.landing-split--case{grid-template-areas:"copy case" "choices case";grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto 1fr;align-items:start;row-gap:0}}.landing-case{margin:0}.landing-case-frame{display:flex;justify-content:center}.landing-caption{margin-top:var(--space-4);color:var(--ink-soft);font-size:var(--text-14);text-align:center}.landing-style-choices .shelf-style-group{margin-top:var(--space-5)}.landing-style-choices .shelf-style-group:first-child{margin-top:0}@media (min-width: 860px){.landing-style-choices{margin-top:var(--space-8)}}.landing-style-choices .shelf-style-options{grid-template-columns:repeat(4,minmax(0,52px));gap:var(--space-3)}@media (min-width: 520px){.landing-style-choices .shelf-style-options{grid-template-columns:repeat(8,minmax(0,52px));gap:var(--space-2)}}.landing-style-choices .shelf-style-swatch{max-width:52px;border-radius:var(--radius-field)}.landing-style-choices .shelf-style-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.landing-covers{display:flex;flex-wrap:wrap;gap:var(--space-8) clamp(var(--space-4),2.5vw,var(--space-8));margin:var(--space-10) 0 0;padding:0;list-style:none}.landing-cover .cover{--cover-w: clamp(132px, 13vw, 176px);box-shadow:var(--shadow-cover)}@media (max-width: 719px){.landing-covers{flex-wrap:nowrap;margin-inline:calc(-1 * var(--landing-gutter));padding:0 var(--landing-gutter) var(--space-4);overflow-x:auto;scroll-padding-inline:var(--landing-gutter);scroll-snap-type:x mandatory;scrollbar-width:none}.landing-covers::-webkit-scrollbar{display:none}.landing-cover{scroll-snap-align:start}.landing-cover .cover{--cover-w: 148px}}.landing-page-sample{display:flex;justify-content:center}.landing-page-sample .journal-surface{flex:0 1 34rem;box-shadow:var(--shadow-page)}.landing-wheel{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.landing-wheel .reading-wheel{width:min(100%,360px);margin:0}.landing-wheel-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.landing-wheel-result{min-height:1.75rem;color:var(--ink-soft);font-family:var(--font-text);text-align:center}.landing-wheel-title{color:var(--ink);font-family:var(--font-display);font-size:var(--text-22)}.landing-challenges{--stand: 104px;display:grid;gap:var(--space-8);margin:var(--space-10) 0 0;padding:0;list-style:none}.landing-challenge{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--space-5);align-content:start;align-items:start}.landing-challenge-stand{position:relative;display:flex;align-items:flex-end;justify-content:center;height:var(--stand);background:radial-gradient(ellipse 60% 70% at 50% 100%,var(--candle-glow),transparent 70%)}.landing-challenge-stand>.art-object{filter:drop-shadow(var(--shadow-case-drop))}.landing-challenge-stand:after,.landing-challenges:before{content:"";position:absolute;height:12px;border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--gilt) 12%,transparent),transparent 45%),linear-gradient(180deg,var(--wood-plank-top) 0 5px,var(--wood-frame-hi) 5px 6px,var(--wood-plank-front) 6px calc(100% - 1px),var(--wood-back) calc(100% - 1px));box-shadow:var(--shadow-case)}.landing-challenge-stand:after{top:100%;right:0;left:0}.landing-challenge-words{display:flex;flex-direction:column;gap:var(--space-1)}.landing-challenge-title{color:var(--ink);font-family:var(--font-display);font-size:var(--text-22);line-height:var(--leading-tight)}.landing-challenge-blurb{color:var(--ink);font-family:var(--font-text);font-size:var(--text-16);letter-spacing:0;line-height:1.55}.landing-challenge-reward{margin-top:var(--space-1);color:var(--ink-soft);font-size:var(--text-14)}@media (min-width: 600px){.landing-challenges{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) var(--space-10)}}@media (min-width: 1024px){.landing-challenges{position:relative;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-6)}.landing-challenges:before{top:var(--stand);right:calc(-1 * var(--space-4));left:calc(-1 * var(--space-4))}.landing-challenge{grid-template-columns:none;gap:calc(12px + var(--space-5))}.landing-challenge-stand:after{display:none}}.landing-sharing{width:100%;max-width:26rem;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-4);border-radius:var(--radius-sheet);background:var(--paper-raised);box-shadow:var(--shadow-dialog)}.landing-sharing-title{margin-bottom:var(--space-4);padding-inline:var(--space-1);color:var(--ink);font-size:var(--text-17);font-weight:var(--weight-strong)}.landing-sharing-options{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.landing-sharing .ui-share-option{cursor:default}.landing-sharing .ui-share-option.is-current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.landing-sharing-check{margin-left:auto;color:var(--accent)}.landing-sharing-note{margin-top:var(--space-4);padding-inline:var(--space-1);color:var(--ink-soft);font-size:var(--text-14)}.landing-foot{margin-top:var(--landing-gap);padding:var(--landing-gap) var(--landing-gutter) calc(var(--safe-bottom) + var(--space-6))}.landing-foot-body{max-width:36rem;margin:0 auto;text-align:center}.landing-foot .landing-heading{margin-inline:auto;color:var(--art-bone)}.landing-foot .landing-text{margin-inline:auto;color:color-mix(in srgb,var(--art-bone) 88%,transparent)}.landing-foot-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-6);max-width:var(--landing-width);margin:var(--landing-gap) auto 0;padding-top:var(--space-5);border-top:1px solid color-mix(in srgb,var(--art-bone) 18%,transparent);color:color-mix(in srgb,var(--art-bone) 72%,transparent);font-size:var(--text-14)}.landing-foot-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-4)}.landing-foot-link{color:var(--art-bone);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--art-bone) 40%,transparent);text-underline-offset:3px}.landing-foot-link:hover{text-decoration-color:currentColor}