@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{--ink:#2e423a;--paper:#faf7ee;--red:#9c493b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}header{border-bottom:1px solid #d8daca;justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:28px 5%;display:flex}.brand{align-items:center;gap:12px;font-size:27px;display:flex}.brand span{letter-spacing:2px;font-size:11px;font-weight:700}nav{gap:32px;font-size:13px;display:flex}nav a:hover,.text-link:hover{color:var(--red)}.hero{background:#e6eadc;padding-top:56px;position:relative}.intro{text-align:center;padding:0 20px}.eyebrow{letter-spacing:.2px;font-size:12px;font-weight:700;line-height:1.8}.intro .eyebrow{color:#687861}h1{letter-spacing:-3px;margin:23px 0;font-size:clamp(48px,5.5vw,78px);font-weight:400;line-height:1.02}em{color:var(--red);font-family:Libre Caslon Display,Georgia,serif;font-weight:400}h1 em{font-size:1.12em}.lede{color:#586659;font-size:15px;line-height:1.7}.scene{max-width:850px;margin:-45px auto 0;position:relative}.scene svg{width:100%;display:block}.shop-sign{letter-spacing:2px;font-family:monospace;font-size:19px;font-weight:700}.tiny-sign{fill:#473c37;font-family:monospace;font-size:7px;font-weight:700}.motion{color:#52634e;background:0 0;border:0;font-size:10px;position:absolute;bottom:18px;right:15px}.hero-bottom{border-top:1px solid #cbd2bc;justify-content:space-between;max-width:1320px;margin:auto;padding:14px 5%;font-size:11px;display:flex}.hero-bottom i{background:#73875b;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.wrap{max-width:1180px;margin:auto;padding:85px 40px}.workbench{grid-template-columns:1fr 1.3fr;gap:85px;display:grid}h2{letter-spacing:-.6px;margin:20px 0;font-family:Libre Caslon Display,Georgia,serif;font-size:40px;font-weight:400;line-height:1.1}.section-intro>p:not(.eyebrow),.about p,.contact p{color:#617064;font-size:15px;line-height:1.8}.experiments article{border-bottom:1px solid #d9ddcf;align-items:flex-start;gap:23px;padding:23px 0;display:flex}.experiments article:first-child{padding-top:4px}.number{color:#9b6954;margin-top:5px;font-family:monospace;font-size:11px}h3{margin:0 0 9px;font-size:19px;font-weight:500}.experiments article p{color:#637163;max-width:355px;margin:0;font-size:13px;line-height:1.7}.asterisk{color:#a9b29b;margin-left:auto;font-size:23px}.more{color:var(--red);margin-top:26px;font-family:Libre Caslon Display,Georgia,serif;font-size:25px;font-style:italic}.about{border-top:1px solid #d9ddcf;grid-template-columns:1fr 1.3fr;gap:85px;padding-top:55px;padding-bottom:65px;display:grid}.about h2{margin-top:0}.about p{max-width:500px}.text-link{border-bottom:1px solid #8c9a87;padding:8px 0;font-size:13px;display:inline-block}.contact{background:#e6eadc;grid-template-columns:1fr 1.3fr;gap:85px;max-width:none;padding:65px max(40px,50vw - 550px);display:grid}.contact h2{font-size:52px}.contact .eyebrow{color:var(--ink);font-size:12px}form{padding-top:18px}label{font-size:12px;display:block}input,textarea{width:100%;color:var(--ink);background:#f6f6ec;border:0;border-bottom:1px solid #a6b19d;border-radius:0;margin:9px 0 22px;padding:12px;display:block}textarea{resize:vertical;min-height:110px}.fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-bottom{justify-content:space-between;align-items:center;gap:20px;display:flex}.form-bottom p{max-width:210px;font-size:11px}.form-bottom button{background:var(--ink);color:#fff9e9;white-space:nowrap;border:0;padding:16px 22px;font-size:12px}form [role=status]{font-size:12px}footer{color:#66725f;justify-content:space-between;padding:25px 5%;font-size:11px;display:flex}.cloud{animation:12s ease-in-out infinite alternate drift}.second{animation-delay:-6s}.hanging-sign{transform-origin:610px 298px;animation:5s ease-in-out infinite sway}.spark{animation:4s steps(2,end) infinite twinkle}.dog-body{transform-origin:570px 430px;animation:4s ease-in-out infinite breathe}.gadget-light{animation:7s steps(2,end) infinite gadget-glow}.gadget-signal{animation:9s steps(2,end) -3s infinite gadget-glow}@keyframes gadget-glow{0%,70%,to{opacity:1}78%,90%{opacity:.4}}.window-light{animation:6s ease-in-out infinite glow}.paused *{animation-play-state:paused!important}@keyframes drift{to{transform:translate(20px)}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes twinkle{50%{opacity:.25}}@keyframes breathe{50%{transform:scaleY(.96)}}@keyframes glow{50%{fill:#f6d491}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.motion{display:none}}@media (max-width:700px){header{padding:22px}.brand span{letter-spacing:1px;font-size:9px}nav a:first-child{display:none}nav{font-size:11px}.hero{padding-top:35px}h1{letter-spacing:-1.8px}.intro .eyebrow{font-size:11px}.lede{font-size:13px}.scene{margin:-5px auto 0}.motion{font-size:8px;bottom:2px}.hero-bottom{padding:15px 22px;font-size:9px}.wrap{padding:50px 24px}.workbench,.about,.contact{grid-template-columns:1fr;gap:28px}.section-intro p{max-width:330px}h2{font-size:36px}.about{gap:12px}.contact{padding:45px 24px}.contact h2{font-size:45px}.fields{gap:12px}.form-bottom{align-items:flex-start}.form-bottom button{padding:15px}.form-bottom p{max-width:160px;margin:0}footer{gap:20px;font-size:9px;line-height:1.7}.asterisk{display:none}}.honey{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-bottom button:disabled{opacity:.6;cursor:wait}.form-bottom{justify-content:flex-end}
