@font-face{font-family:Poppins;src:url('/assets/poppins-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('/assets/poppins-medium.woff2') format('woff2');font-style:normal;font-weight:500 700;font-display:swap}@font-face{font-family:Playfair;src:url('/assets/playfair-display.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
:root{--paper:#f5efe3;--card:#faf6ee;--ink:#342a24;--muted:#6c5a4f;--accent:#b05541;--accent-dark:#94432f;--line:#d5c5b3;color:var(--ink);background:var(--paper);font-family:Poppins,Arial,sans-serif;font-size:16px;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent-dark);outline-offset:6px}.page{max-width:1440px;padding:0 64px;margin:auto}header{min-height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:inline-flex;padding:14px 0}.logo{width:214px;height:auto;display:block;animation:logo-float 6s ease-in-out infinite}.portal-label{display:flex;align-items:center;gap:10px;font-size:13px;text-transform:uppercase;letter-spacing:.16em;font-weight:500}.tiny-mark{width:9px;height:9px;background:var(--accent);border-radius:50%}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:56px 0 46px;gap:40px}.eyebrow{font-size:12px;letter-spacing:.19em;text-transform:uppercase;font-weight:500;color:var(--accent-dark);margin:0 0 18px}h1{font-family:Playfair,Georgia,serif;font-weight:500;font-size:clamp(46px,4.8vw,70px);line-height:1.08;letter-spacing:-.035em;margin:0}h1 em{font-style:italic;color:var(--accent)}.intro-note{padding-bottom:5px;max-width:355px}.note-line{display:block;width:42px;height:2px;background:var(--accent);margin-bottom:18px}.intro-note p{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 18px}.jump{display:inline-flex;align-items:center;gap:12px;font-size:13px;text-decoration:none;min-height:44px;font-weight:500}.jump svg{width:18px;height:18px;transform:rotate(90deg)}svg path{stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.spaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;scroll-margin-top:20px}.space{min-width:0;text-decoration:none;border:1px solid var(--line);border-radius:15px;padding:22px 24px 26px;display:flex;flex-direction:column;position:relative;background:var(--card);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;overflow:hidden}.space:hover,.space:focus-visible{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 12px 28px #6b3b2010}.card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.card-number{font-size:12px;color:var(--accent-dark);font-weight:500}.category{font-size:10px;letter-spacing:.025em;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:5px 9px;line-height:1.5}.illustration{height:136px;margin:14px 0 12px;display:flex;justify-content:center;align-items:center;color:var(--accent)}.illustration:before{content:"";position:absolute;width:107px;height:107px;border-radius:50%;background:#ead6c34d;pointer-events:none}.illustration svg{width:176px;height:123px;position:relative;overflow:visible}.illustration svg rect,.illustration svg circle{stroke:currentColor;stroke-width:1.7}.illustration svg .screen{fill:#efe3d0;stroke:none}.illustration svg .layer-front rect{fill:var(--card)}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.card-bottom h2{font-family:Playfair,Georgia,serif;font-size:32px;font-weight:500;letter-spacing:-.025em;margin:0 0 8px;line-height:1.12}.card-bottom p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.open{width:39px;height:39px;flex:none;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background .25s,color .25s,border-color .25s}.open svg{width:18px;height:18px}.space:hover .open,.space:focus-visible .open{background:var(--accent);color:var(--paper);border-color:var(--accent)}.space:hover .open svg{transform:translateX(2px)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:42px;padding:22px 0 28px;color:var(--muted);font-size:11px}footer p{margin:0;display:flex;align-items:center;gap:8px}.footer-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.footer-brand{white-space:nowrap}.skip{position:fixed;left:16px;top:12px;z-index:10;padding:14px;background:var(--ink);color:var(--paper);transform:translateY(-160%);border-radius:6px}.skip:focus{transform:translateY(0)}
@keyframes logo-float{0%,65%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}@keyframes check{0%,100%{opacity:1;transform:translateX(0)}45%{opacity:.35;transform:translateX(3px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes send{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-4px)}}@keyframes bar{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.65)}}.pulse,.dot-one,.dot-two,.dot-three{animation:pulse 4s ease-in-out infinite}.dot-two{animation-delay:.35s}.dot-three{animation-delay:.7s}.check-one,.check-two,.check-three{animation:check 6s ease-in-out infinite}.check-two{animation-delay:.5s}.check-three{animation-delay:1s}.layer-front,.document,.bubble{animation:float 6s ease-in-out infinite}.send{animation:send 5s ease-in-out infinite}.bar-one,.bar-two,.bar-three{animation:bar 5s ease-in-out infinite;transform-origin:center 103px}.bar-two{animation-delay:.6s}.bar-three{animation-delay:1.2s}
@media(min-width:1500px){.intro{padding-top:65px}.illustration{height:150px}}@media(max-width:1100px){.page{padding:0 36px}.space{padding:20px}.card-bottom h2{font-size:29px}.card-bottom p{font-size:11px}.category{font-size:9px;padding:5px 7px}.spaces{gap:16px}.intro-note{max-width:290px}}@media(max-width:850px){.spaces{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-note{max-width:260px}.intro{gap:24px}.card-bottom p{font-size:12px}.category{font-size:10px}.intro-note p{font-size:13px}}@media(max-width:600px){.page{padding:0 22px}header{min-height:90px;gap:12px}.logo{width:164px}.portal-label{font-size:9px;letter-spacing:.1em;gap:6px}.tiny-mark{width:6px;height:6px}.intro{display:block;padding:36px 0 28px}.eyebrow{font-size:10px;margin-bottom:16px}h1{font-size:50px}.intro-note{max-width:none;margin-top:23px;padding:0}.intro-note p{font-size:13px;line-height:1.8;margin:0}.intro-note p br{display:none}.note-line{display:none}.jump{margin-top:7px;font-size:12px}.spaces{gap:14px;grid-template-columns:1fr}.space{padding:20px 22px;min-height:250px}.illustration{height:110px;margin:6px 0}.illustration svg{width:158px;height:110px}.illustration:before{width:94px;height:94px}.card-bottom h2{font-size:31px}.category{font-size:10px}.card-bottom p{font-size:12px}footer{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px 16px;padding:20px 0}.footer-brand{margin-left:auto}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}.space:hover,.space:focus-visible{transform:none}}

/* Readable card descriptions at every breakpoint. */
.card-bottom p{font-size:14px}.category{font-size:11px}footer,@media(max-width:600px){.intro-note p{font-size:14px}}

.offline-notice{padding:15px 18px;margin:22px 0 0;background:#ead6c3;border:1px solid var(--accent);border-radius:9px;font-size:14px;line-height:1.7;color:var(--ink)}[hidden]{display:none!important}


/* Every card moves continuously, including icons with only subtle internal motion. */
@keyframes icon-drift{0%,100%{transform:translateY(1px) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
.illustration>svg{animation:icon-drift 4.8s ease-in-out infinite;transform-origin:50% 55%;will-change:transform}.space:nth-child(2n) .illustration>svg{animation-delay:-1.6s}.space:nth-child(3n) .illustration>svg{animation-delay:-3.2s}
[data-page-hidden=true] *,[data-page-hidden=true] *:before{animation-play-state:paused!important}

/* Journal is listed honestly until its HTTPS destination is verified. */
.coming-soon{cursor:default}.coming-soon:hover{transform:none;border-color:var(--line);box-shadow:none}.coming-soon:hover .open{background:transparent;color:inherit;border-color:var(--line)}.coming-soon:hover .open svg{transform:none}
@media(min-width:851px){.journal:last-child{grid-column:2}}
@media(min-width:601px) and (max-width:850px){.journal:last-child{grid-column:1/-1}}