@font-face{font-family:BiSerif;src:url(assets/serif.woff2) format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#f7f0e3;color:#492b16;font-family:BiSerif,serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #bf852e;outline-offset:5px}button{border:0}p{line-height:1.9}img{display:block;max-width:none}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cdb79a;gap:25px}.logo{font:bold 34px Georgia,serif;letter-spacing:-1.4px}nav{display:flex;gap:40px;font-size:15px}nav a:hover{color:#ab6d2e}.small-button{border:1px solid #684122;padding:8px 22px;border-radius:30px;font-size:14px}.small-button span{margin-left:12px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:62px 0 80px;gap:35px}.eyebrow{font-size:20px;margin:0;font-style:italic}.short-line{display:block;width:46px;height:1px;background:#6d482c;margin:26px 0 36px}h1{font-size:clamp(45px,4.8vw,68px);line-height:1.4;letter-spacing:-2px;margin:0 0 27px;font-weight:800}.amber{color:#a8732e}.intro{font-size:18px;line-height:2;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:40px;padding:16px 32px;background:linear-gradient(130deg,#946033,#583218);border-radius:40px;color:#fff8e9;font-size:19px;box-shadow:inset 0 1px 0 #c89861;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 6px 18px #6b391829}.platform{font-size:13px;letter-spacing:1px;margin-top:19px}.platform span{color:#96795f;letter-spacing:0}.hero-art{min-width:0}.art-crop{position:relative;overflow:hidden;display:block;isolation:isolate}.hero-crop{aspect-ratio:390/460;border-radius:35px}.hero-crop img{position:absolute;width:201.8%;left:-93.6%;top:-20.65%}.caption{display:flex;align-items:center;justify-content:center;gap:15px;font-size:14px;letter-spacing:3px;margin-top:14px}.caption span{height:1px;width:32px;background:#b99b77}.why{border-top:1px solid #cdb79a;padding:50px 0 75px}.number{font-size:13px;letter-spacing:2px;color:#8d6746;margin:0 0 17px}h2{font-size:clamp(30px,3.5vw,46px);line-height:1.5;letter-spacing:-1px;margin:0 0 38px}.mobile-break{display:none}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:52px}.principles article{position:relative}.principles article+article:before{content:'';position:absolute;left:-22px;top:37px;bottom:5px;width:1px;background:#d3bea5}.line-icon{font-family:Georgia,serif;font-size:46px;line-height:1}.principles h3{font-size:23px;margin:17px 0 10px}.principles p{font-size:14px;color:#82664e}.themes{background:#eee2cf;padding:65px 0 55px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}.aside{color:#8a6b51;font-size:14px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.theme-card{background:transparent;text-align:center;padding:0 0 15px;border-radius:25px;transition:transform .25s,background .25s}.theme-card:hover{transform:translateY(-7px)}.theme-card.selected{background:#fff9ed66}.theme-crop{aspect-ratio:230/290;border-radius:24px}.theme-crop img{position:absolute;width:342.174%;top:-375.86%}.theme-crop.wood img{left:-10.87%}.theme-crop.pink img{left:-119.565%}.theme-crop.fabric img{left:-229.13%}.theme-name{display:block;font-size:20px;margin-top:20px}.theme-note{display:block;color:#967557;font-size:12px;margin-top:9px;letter-spacing:1px}.theme-tabs{display:flex;width:fit-content;max-width:100%;margin:35px auto 0;border:1px solid #b99b77;padding:4px;border-radius:35px}.theme-tabs button{background:transparent;padding:10px 28px;border-radius:25px;white-space:nowrap;font-size:14px}.theme-tabs .active{background:#754726;color:#fff7e8}.selection{font-size:12px;color:#856347;text-align:center;margin:15px 0 0}.widgets{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:90px;padding:100px 0}.widget-scene{padding:45px 15px 20px;position:relative;background:radial-gradient(ellipse,#dbc6a880,transparent 70%)}.mini-widget{max-width:420px;margin:auto;border:8px solid #875730;background:#e7d2a9;border-radius:35px;box-shadow:0 22px 26px #55321e24,inset 0 0 0 2px #dcb77b;padding:20px}.mini-brand{font:bold 23px Georgia,serif;margin:0 0 15px}.mini-brand span{float:right}.dot-screen{background:radial-gradient(#794b232c 1px,transparent 1.6px) 0 0/6px 6px,#25190f;border:4px solid #a98142;border-radius:15px;color:#ffb732;padding:22px 17px;box-shadow:inset 0 4px 15px #0009}.dot-screen small{font-size:12px;letter-spacing:2px}.dot-screen p{font-size:32px;margin:12px 0;letter-spacing:3px}.sound-button{background:none}.mini-widget button{display:block;margin:17px 0 0 auto;border:1px solid #a17b4c;border-radius:20px;padding:6px 15px;font-size:12px}.scene-caption{display:block;text-align:center;font-size:12px;color:#947453;margin-top:34px;letter-spacing:3px}.widget-copy{border-left:1px solid #d7c1a4;padding-left:50px}.widget-copy h2{margin-bottom:20px}.widget-copy>p:not(.number):not(.fineprint){font-size:17px;color:#86664b}.text-button{padding:12px 0;border-bottom:1px solid #9c7853;font-size:15px}.text-button span{margin-left:35px}.fineprint{font-family:system-ui,sans-serif;font-size:12px;color:#94765e;line-height:1.8}.how{padding:45px 0 80px;border-top:1px solid #d5c0a5}.how h2{font-size:33px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps p{display:flex;gap:16px;margin:0}.steps b{font-size:14px;color:#ae8158;font-weight:400}.steps span{font-size:18px}.steps small{display:block;font-size:12px;color:#8e7056;margin-top:9px}.beta{text-align:center;background:linear-gradient(#40200cdd,#40200cdd),url(assets/walnut.png);color:#f5e8d0;padding:67px 0}.beta .number{color:#d0ae81}.beta h2{font-size:40px;margin-bottom:28px}.beta .light{background:transparent;border:1px solid #f0dbc0;box-shadow:none;font-size:17px;padding:12px 28px}.beta p:last-child{font-size:12px;letter-spacing:3px;color:#ceaf88;margin:24px 0 0}footer{text-align:center;padding:40px 0}footer .logo{font-size:28px}footer p{font-size:12px;letter-spacing:4px;margin:10px 0;color:#987b60}footer>span{font:11px system-ui,sans-serif;color:#a48d76}dialog{width:min(520px,calc(100% - 36px));border:1px solid #c9ac87;border-radius:24px;padding:45px;background:#faf2e3;color:#492b16;box-shadow:0 25px 100px #24130d55}dialog::backdrop{background:#281b15a8;backdrop-filter:blur(6px)}dialog h2{font-size:29px;margin-bottom:20px}dialog p{font-size:14px}.dialog-close{position:absolute;right:18px;top:10px;font:30px system-ui;background:none}.dialog-close-button{margin-top:15px;font-size:15px;padding:10px 25px}.playing{opacity:.6}section{scroll-margin-top:30px}@media(max-width:800px){.wrap{width:calc(100% - 40px)}header{height:80px;gap:12px}.logo{font-size:28px}nav{gap:16px;font-size:12px}nav a:last-child{display:none}.small-button{font-size:12px;padding:7px 13px}.small-button span{display:none}.hero{padding:44px 0 45px;gap:5px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:14px}h1{font-size:42px}.intro{font-size:14px}.button{padding:13px 23px;font-size:15px;gap:22px}.platform{font-size:10px;letter-spacing:0}.platform span{display:block}.short-line{margin:18px 0 24px}.caption{font-size:10px;letter-spacing:1px;gap:7px}.caption span{width:15px}.principles{gap:26px}.principles article+article:before{left:-13px}.principles h3{font-size:19px}.principles p{font-size:12px}.section-heading{display:block}.aside{margin-top:-22px;margin-bottom:30px;font-size:13px}.theme-grid{gap:14px}.theme-name{font-size:15px}.theme-note{font-size:10px;letter-spacing:0}.widgets{gap:30px;padding:65px 0}.widget-copy{padding-left:25px}.dot-screen p{font-size:23px}.mini-widget{border-width:6px;padding:13px;border-radius:25px}.mini-brand{font-size:19px}.dot-screen{padding:15px 10px}.dot-screen small{font-size:10px}.widget-copy>p:not(.number):not(.fineprint){font-size:14px}.steps{gap:20px}.steps span{font-size:15px}.steps small{font-size:11px}}@media(max-width:540px){header{height:76px}nav{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:38px}.hero-copy{padding:0 5px}.eyebrow{font-size:15px}.short-line{margin:17px 0 23px}h1{font-size:46px;line-height:1.35;margin-bottom:20px}.intro{font-size:15px;line-height:1.85;margin:0 0 24px}.platform{font-size:11px}.platform span{display:inline;margin-left:5px}.hero-art{width:min(390px,100%);margin:12px auto 0}.hero-crop{border-radius:24px}.hero .caption{font-size:11px;margin-top:0}.why{padding:35px 0 40px}h2{font-size:30px;margin-bottom:25px;letter-spacing:-.5px}.mobile-break{display:block}.number{font-size:11px}.principles{grid-template-columns:1fr;gap:23px;margin-top:25px}.principles article{padding:0 0 22px 56px;border-bottom:1px solid #d6c2aa}.principles article:last-child{border-bottom:0;padding-bottom:0}.principles article+article:before{display:none}.line-icon{position:absolute;left:0;top:12px;font-size:35px}.principles h3{margin:0 0 6px;font-size:21px}.principles p{font-size:13px;margin:0}.themes{padding:40px 0 32px}.section-heading h2{font-size:27px}.theme-grid{gap:5px}.theme-name{font-size:12px;margin-top:12px}.theme-note{font-size:9px;line-height:1.8}.theme-card{border-radius:12px}.theme-crop{border-radius:10px}.theme-tabs{margin-top:24px;width:100%}.theme-tabs button{flex:1;padding:10px 8px;font-size:12px}.selection{font-size:10px}.widgets{display:flex;flex-direction:column;padding:35px 0 45px;gap:35px}.widget-scene{width:100%;padding-top:20px}.mini-widget{max-width:310px;border-width:7px;padding:17px}.dot-screen p{font-size:28px}.dot-screen small{font-size:11px}.mini-brand{font-size:22px}.widget-copy{align-self:stretch;border:0;padding:0 5px}.widget-copy h2{font-size:32px}.widget-copy>p:not(.number):not(.fineprint){font-size:15px}.how{padding:35px 0 40px}.how h2{font-size:27px}.steps{grid-template-columns:1fr;gap:24px}.steps span{font-size:17px}.steps small{font-size:12px}.beta{padding:42px 0}.beta h2{font-size:29px;max-width:300px;margin:0 auto 25px}.beta p:last-child{letter-spacing:1px}footer{padding:30px 0}dialog{padding:35px 25px}dialog h2{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
