:root{color-scheme:light;--ink:#443629;--paper:#f5efdf;--teal:#436d78;--gold:#cf8e48}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Georgia,'Songti TC',serif;line-height:1.6;background-image:radial-gradient(#6f573008 1px,transparent 1px);background-size:5px 5px}a{color:inherit}header,main,footer{max-width:1320px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;gap:24px;border-bottom:1px solid #44362942}.brand{font-size:30px;font-weight:bold;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:9px}.brand img{width:44px;height:44px;object-fit:cover;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:28px;font:14px system-ui,sans-serif}nav a{text-decoration:none}nav a:hover,footer a:hover{text-decoration:underline}select{background:transparent;color:inherit;border:1px solid #8c7b62;padding:7px;font:inherit}.hero{padding:75px 5% 100px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.eyebrow{font:700 11px system-ui,sans-serif;letter-spacing:.18em;color:#826745}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,6.5vw,90px);line-height:1.06;letter-spacing:-.045em;margin:24px 0}h2{font-size:clamp(36px,4vw,55px);line-height:1.15;letter-spacing:-.025em}.lead{font-size:20px;max-width:520px;line-height:1.65}.button{display:inline-block;margin-top:18px;padding:13px 20px;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-decoration:none;font:600 14px system-ui,sans-serif;transition:transform .2s}.button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.scribble{font-style:italic;color:#88745c;margin:48px 0 0}.hero-art{position:relative;padding:0 30px 35px}.photo{transform:rotate(3deg);background:#fff9e9;padding:12px 12px 36px;box-shadow:0 15px 40px #47311c30}.photo img{width:100%;height:500px;display:block;object-fit:cover;object-position:center 38%}.bird-button{position:absolute;bottom:-5px;left:-30px;width:155px;border:0;padding:0;background:none;cursor:pointer;filter:drop-shadow(1px 4px 2px #44362933)}.bird{width:100%;overflow:visible}.bird-button{touch-action:manipulation}.bird-body{transform-origin:0 0}.bird-note{position:absolute;bottom:-25px;left:115px;font-style:italic;font-size:13px;color:#786451;white-space:nowrap}.features{padding:80px 5%;border-top:1px solid #44362942}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.feature-grid article{border-top:1px solid #806e54;padding-top:16px}.number{color:var(--gold);font:12px system-ui,sans-serif}.feature-grid h3{font-size:23px;margin:24px 0 12px}.feature-grid p,.note p,.support p{font-size:16px;color:#685744}.note{margin:25px 5% 80px;padding:55px 7%;background:#e7dfca;display:flex;justify-content:space-between;align-items:center;gap:40px}.note div{max-width:730px}.note h2{margin-bottom:16px}.star{font-size:90px;color:var(--gold)}.support{text-align:center;padding:60px 5% 100px}.support h2{margin-bottom:12px}footer{border-top:1px solid #44362942;display:flex;gap:30px;align-items:center;padding:25px 5% 40px;font:13px system-ui,sans-serif}footer .brand{margin-right:auto;font-family:Georgia,serif}footer a{text-decoration:none}.legal{max-width:860px;padding:65px 6% 90px}.legal h1{font-size:clamp(42px,6vw,68px)}.legal-text{font:16px/1.85 system-ui,sans-serif;overflow-wrap:anywhere}.legal-text p{margin:0 0 1.5em}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid var(--teal);outline-offset:4px}@media(max-width:760px){header{padding:17px 5%;align-items:flex-start}.brand{font-size:24px}.brand img{width:35px;height:35px}nav{justify-content:flex-end;flex-wrap:wrap;gap:10px 15px;font-size:12px}.hero{grid-template-columns:1fr;padding:55px 6% 70px;gap:45px}.hero h1{font-size:clamp(46px,12vw,68px)}.scribble{margin-top:25px}.hero-art{padding:0 12px 25px 30px}.photo img{height:380px}.bird-button{left:-5px;width:120px}.bird-note{left:105px}.feature-grid{grid-template-columns:1fr 1fr;gap:25px}.features{padding:65px 6%}.note{margin:10px 6% 40px;padding:35px 7%}.star{font-size:48px}footer{flex-wrap:wrap;gap:18px}.support{padding:50px 5% 75px}}@media(max-width:420px){.feature-grid{grid-template-columns:1fr}.photo img{height:330px}.star{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}

/* Juby is positioned in document coordinates so she can land on page elements. */
.bird-button{position:absolute;left:0;top:0;bottom:auto;width:155px;z-index:20;line-height:0;clip-path:inset(-70% -75% 10% -75%);will-change:transform}
@media(max-width:760px){.bird-button{left:0;width:100px}}

/* Homepage editorial layout: the existing paper, ink, teal and gold palette. */
.home .home-hero{max-width:none;min-height:690px;padding:82px 5% 100px;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:8%;align-items:center}
.home .hero-copy{position:relative;z-index:1;max-width:680px}
.home .hero-copy .eyebrow{margin-bottom:26px}
.home .home-hero h1{font-size:clamp(48px,5.3vw,78px);letter-spacing:-.045em;line-height:1.06;margin:0 0 28px}
.home .headline-line{display:block}.home .headline-line:not(:has([data-lang]:not([hidden]):not(:empty))){display:none}
.home .accent-line{font-style:italic;color:var(--teal);margin-top:7px}
.home .home-hero .lead{max-width:540px;font-size:18px;line-height:1.75;color:#685744}
.home .hero-note{margin:34px 0 0;color:#88745c;font-size:14px;font-style:italic}
.home .home-art{position:relative;margin:0;padding:0 25px 20px 20px}
.home .home-art:before{content:'01 / JUBY';position:absolute;z-index:1;right:2px;top:-27px;font:10px system-ui,sans-serif;letter-spacing:.18em;color:#826745}
.home .home-art .photo{padding:10px 10px 28px;transform:rotate(2deg);box-shadow:0 18px 45px #47311c2b}
.home .home-art .photo img{height:auto;aspect-ratio:1303/1400;object-fit:cover;object-position:center 38%}
.home .home-art figcaption{margin:26px 0 0 5px;font-style:italic;font-size:13px;color:#826f58}
.home .caption-mark{font-style:normal;color:var(--gold);font-size:20px;vertical-align:middle;margin-right:8px}
.home .home-story{padding:100px 5% 110px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12%;align-items:start}
.home .story-intro{position:relative;max-width:430px}.home .story-intro h2{font-size:clamp(42px,4.4vw,62px);margin:25px 0}.home .story-intro>p:not(.eyebrow){font-size:18px;color:#685744;line-height:1.75}.home .story-flourish{font:italic 64px Georgia,serif;color:var(--gold);transform:rotate(14deg);margin:15px 0 0 65%;line-height:1}
.home .story-steps{border-top:1px solid #806e54}.home .story-step{display:grid;grid-template-columns:115px 1fr;gap:25px;border-bottom:1px solid #b5a68d;padding:27px 0}.home .story-number{font:600 10px system-ui,sans-serif;letter-spacing:.12em;color:#9d7045;margin:8px 0 0}.home .story-step h3{font-size:27px;line-height:1.2;margin:0 0 9px}.home .story-step div>p{font-size:15px;color:#685744;line-height:1.75;margin:0;max-width:440px}
.home .page-quote{margin:0 5% 90px;padding:75px 6%;background:#e7dfca;position:relative;text-align:center}.home .page-quote p{font-size:clamp(29px,3.3vw,47px);line-height:1.3;margin:0}.home .page-quote em{color:var(--teal);font-weight:normal}.home .quote-star{position:absolute;left:7%;top:25px;color:var(--gold);font-size:40px}
.home .proof{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr);gap:11%;align-items:center;padding:30px 8% 120px}
.home .proof-photo{margin:0;position:relative;transform:rotate(-2deg);background:#fff9e9;padding:10px 10px 36px;box-shadow:0 15px 38px #47311c24}.home .proof-photo img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 35%}.home .proof-photo figcaption{padding:14px 5px 0;font-size:12px;font-style:italic;color:#826f58}
.home .proof-copy{max-width:430px}.home .proof-copy h2{font-size:clamp(39px,4.5vw,62px);margin:25px 0}.home .proof-copy>p:not(.eyebrow){font-size:18px;line-height:1.75;color:#685744}.home .proof-doodle{display:block;margin:38px 0 0 55%;font:italic 38px Georgia,serif;color:var(--gold)}
.home .use-section{padding:85px 5% 100px;background:#eee6d5}.home .use-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}.home .use-heading h2{margin:0;max-width:650px;text-align:right}.home .use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.home .use-grid article{border-top:1px solid #a7977e;padding-top:18px}.home .use-index{font:11px system-ui,sans-serif;color:var(--gold)}.home .use-grid h3{font-size:25px;margin:28px 0 10px}.home .use-grid p{max-width:300px;font-size:15px;line-height:1.7;color:#685744}
.home .closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:100px 5% 20px;background:#b5a68d;border:1px solid #b5a68d}.home .closing-grid article{position:relative;padding:48px;background:var(--paper)}.home .closing-grid h2{font-size:clamp(32px,3.2vw,45px);margin:24px 0 16px}.home .closing-grid article>p:not(.eyebrow){color:#685744;line-height:1.75;max-width:460px}.home .text-link{display:inline-block;margin-top:15px;font:600 13px system-ui,sans-serif;text-underline-offset:5px}.home .note-spark{position:absolute;right:35px;bottom:25px;color:var(--gold);font-size:35px}
.home .home-support{padding:85px 5% 100px}.home .home-support h2{font-size:clamp(34px,4vw,50px)}
@media(max-width:760px){.home .home-hero{min-height:0;grid-template-columns:1fr;gap:58px;padding:58px 6% 75px}.home .home-hero h1{font-size:clamp(44px,10vw,67px)}.home .home-hero .lead{font-size:17px}.home .home-art{padding:0 14px 0 17px}.home .home-art .photo img{height:auto;aspect-ratio:1303/1400}.home .home-story{grid-template-columns:1fr;gap:32px;padding:75px 6% 80px}.home .story-intro h2{margin:18px 0}.home .story-flourish{display:none}.home .story-step{grid-template-columns:90px 1fr;gap:15px;padding:22px 0}.home .story-step h3{font-size:23px}.home .page-quote{margin:0 6% 65px;padding:64px 7%}.home .quote-star{font-size:26px;top:16px}.home .proof{grid-template-columns:1fr;gap:48px;padding:0 8% 80px}.home .proof-copy h2{margin:18px 0}.home .proof-copy>p:not(.eyebrow){font-size:17px}.home .proof-doodle{margin-top:15px}.home .use-section{padding:65px 6%}.home .use-heading{display:block;margin-bottom:35px}.home .use-heading h2{text-align:left;margin-top:18px}.home .use-grid{grid-template-columns:1fr;gap:15px}.home .use-grid h3{margin:13px 0 6px}.home .use-grid p{margin-bottom:15px}.home .closing-grid{grid-template-columns:1fr;margin:65px 6% 0}.home .closing-grid article{padding:32px}.home .home-support{padding:70px 6% 80px}}
