@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f8f6f0;--ink:#223d34;--muted:#6a7369;--green:#244f42;--gold:#b88742;--line:#dcded3;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #ba7c2c;outline-offset:6px}img{max-width:100%;display:block}button{cursor:pointer}::selection{background:#d7e6cf;color:var(--ink)}.wrap{max-width:1280px;width:calc(100% - 112px);margin-inline:auto}.header{height:116px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:var(--serif);font-size:33px;letter-spacing:-1px;white-space:nowrap}.gold-dot{color:var(--gold)}nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:500}nav>a{position:relative}nav>a:not(.nav-contact)::after{content:'';position:absolute;height:1px;background:currentColor;bottom:-6px;left:0;right:100%;transition:right .3s}nav>a:hover::after{right:0}.nav-contact{border:1px solid #bac4b7;border-radius:100px;padding:12px 20px;display:flex;gap:28px;align-items:center}.nav-contact:hover{background:#e8ecdf}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2.2px;font-weight:650;line-height:1.8;margin:0 0 22px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6e8c51;margin:0 10px 1px 0;box-shadow:0 0 0 4px #e6ebdc}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;min-height:650px;align-items:center;padding:30px 0 72px}.hero-copy{padding-bottom:16px;position:relative;z-index:2}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(66px,7.1vw,105px);line-height:1.02;letter-spacing:-3.8px;margin:28px -25px 28px 0}em{font-weight:400;color:#708454}.hero-description{font-size:18px;line-height:1.7;color:#687064;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;align-items:center;gap:30px;border-radius:50px;padding:17px 23px;font-size:12px;font-weight:550;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#356553}.button-dark{background:var(--green);color:#fffef5}.button span{font-size:20px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;font-weight:550;padding:7px 0;border-bottom:1px solid #b6bfad}.text-link:hover{color:#607f4c;border-color:currentColor}.hero-note{display:flex;align-items:center;gap:12px;margin-top:46px;color:#737b6f;font-size:10px;line-height:1.5;letter-spacing:.3px}.hero-note p{margin:0}.tiny-spark{font-size:28px;color:#a58b58}.hero-art{position:relative;padding:2px 16px 42px 22px;align-self:stretch;display:flex;align-items:center}.art-frame{width:100%;height:530px;position:relative;border-radius:220px 220px 16px 16px;overflow:hidden;background:#0b3b33;isolation:isolate}.art-frame>img{height:100%;width:100%;object-fit:cover;transform:scale(1.09);animation:art-drift 18s ease-in-out infinite alternate}.art-frame::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#062b32b3,transparent 30%)}.art-label{position:absolute;left:30px;bottom:26px;z-index:1;display:flex;align-items:center;gap:12px;color:#f6efd8;font-size:11px;letter-spacing:.3px}.small-plus{font-size:23px;font-weight:400}.orbit-label{position:absolute;right:-10px;top:47%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2.6px;color:#6b7969}.floating-apps{position:absolute;bottom:16px;left:-13px;right:32px;padding:20px 22px;border:1px solid #ffffffcf;background:#f8f6f0f0;backdrop-filter:blur(20px);box-shadow:0 16px 35px #1c382412;border-radius:15px;display:flex;align-items:center;gap:18px;font-size:10px;color:#79806f;line-height:1.7;transition:transform .3s}.floating-apps:hover{transform:translateY(-4px)}.floating-apps strong{font-weight:500;color:var(--ink)}.floating-apps>span:last-child{margin-left:auto;font-size:24px;color:var(--green)}.mini-icons{display:flex;padding-left:0}.mini-icons img{width:42px;height:42px;border:2px solid #f7f5eb;border-radius:12px;margin-left:-8px;object-fit:cover;box-shadow:0 3px 7px #203d3021}.mini-icons img:first-child{margin:0}.values-strip{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:25px 0;font-size:11px;gap:20px}.values-strip>span:first-child{font-weight:600}.values-detail{color:#7a816f;display:flex;gap:18px;align-items:center}.values-detail i{width:3px;height:3px;border-radius:50%;background:#a99464}.strip-flower{color:#a6ab8b;font-size:24px}.section-space{padding-block:104px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:16px}h2{font-family:var(--serif);font-weight:400;font-size:clamp(44px,4.2vw,62px);line-height:1.07;letter-spacing:-1.5px;margin:0}.section-heading>p{font-size:12px;line-height:1.9;color:#747c70;margin:0 0 4px}.app-explorer{display:grid;grid-template-columns:.83fr 1.3fr;gap:48px;align-items:stretch}.app-list{padding-top:12px;display:flex;flex-direction:column}.app-tab{border:0;background:none;text-align:left;display:flex;align-items:center;gap:16px;color:var(--ink);padding:26px 12px 26px 0;position:relative;min-height:112px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}.app-tab::before{content:'';width:3px;position:absolute;left:-17px;top:25px;bottom:25px;border-radius:3px;background:transparent;transition:background .25s}.app-tab.active::before{background:#738a56}.app-tab:hover,.app-tab.active{background:linear-gradient(90deg,#eceddfb3,transparent);padding-left:10px}.app-tab.active .tab-arrow{transform:rotate(45deg);color:var(--green)}.app-number{font-size:9px;color:#8a917e;align-self:flex-start;padding-top:8px;width:14px}.app-tab img{width:57px;height:57px;border-radius:15px;box-shadow:0 4px 9px #1c322817}.app-tab-text{display:grid;gap:8px}.app-tab strong{font-size:16px;font-weight:500}.app-tab-text>span{font-size:11px;color:#7b8275}.tab-arrow{font-size:23px;margin-left:auto;color:#919a86;transition:transform .3s}.all-apps{margin:33px 0 0 30px;align-self:flex-start}.app-panels{min-width:0}.app-panel{height:538px;border-radius:21px;position:relative;overflow:hidden;padding:30px;color:#f3f3e6;isolation:isolate}.app-panel[hidden]{display:none}.metanoia-panel{background:#244c42}.firstlove-panel{background:#efe4d0;color:#4c452c}.stillpoint-panel{background:#e7e8dc;color:#3e4935}.together-panel{background:#dfe8e1;color:#254e43}.panel-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.pill{border:1px solid currentColor;border-radius:25px;padding:7px 11px;font-size:8px;letter-spacing:1px;text-transform:uppercase;opacity:.75}.panel-symbol{font-size:24px;opacity:.55}.panel-copy{position:relative;z-index:2;width:49%;padding-top:62px}.panel-copy h3{font-family:var(--serif);font-size:44px;line-height:1.06;font-weight:400;letter-spacing:-1px;margin:0 0 17px}.panel-copy>p{font-size:11px;line-height:1.9;opacity:.7}.panel-link{font-size:9px;display:inline-flex;gap:14px;align-items:center;border-bottom:1px solid currentColor;padding:12px 0 5px;margin-top:10px;line-height:1.6}.panel-link span{font-size:16px}.panel-link:hover{opacity:.65}.product-visual{position:absolute;right:-42px;top:106px;bottom:-60px;width:56%;transform:rotate(9deg)}.visual-halo{position:absolute;width:380px;height:380px;top:40px;left:-80px;border:1px solid #ffffff17;border-radius:50%;box-shadow:0 0 0 36px #ffffff06,0 0 0 72px #ffffff04}.phone{width:225px;height:488px;background:#12251d;border:6px solid #182c24;border-radius:33px;overflow:hidden;box-shadow:12px 12px 30px #071b2c3d;position:relative}.phone img{height:100%;width:100%;object-fit:cover;object-position:top}.panel-footer{position:absolute;left:30px;right:30px;bottom:22px;z-index:3;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.8px;opacity:.6}.panel-footer>span{letter-spacing:1px}.together-visual{position:absolute;width:280px;height:280px;right:-30px;top:160px}.together-visual>img{width:215px;height:215px;border-radius:52px;transform:rotate(12deg);box-shadow:0 25px 40px #214f3a2b;position:relative}.together-orbit{position:absolute;border:1px solid #3f745c23;border-radius:50%;inset:-28px 8px 8px -28px}.orbit-two{inset:-65px -30px -30px -65px}.collection-note{font-size:10px;color:#7f8679;text-align:right;margin:19px 0 0}.story{background:#e9eddf;padding-block:94px}.story-inner{display:grid;grid-template-columns:1fr 1.06fr;gap:100px;align-items:center}.story-art{background:#244c40;min-height:440px;border-radius:190px 190px 16px 16px;padding:80px 38px 30px;color:#f6efd9;display:flex;flex-direction:column;text-align:center;position:relative;overflow:hidden}.story-art::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,#83986d33,transparent 65%)}.story-art>.eyebrow{font-size:8px;opacity:.6;position:relative}.letter-equation{padding-top:25px;position:relative}.letter-equation>span:first-child{display:block;font-family:var(--serif);font-size:112px;line-height:1.2;font-style:italic;letter-spacing:-4px;padding-right:20px}.added-letter{display:inline-block;color:#d6b66b;animation:letter-arrive 7s ease-in-out infinite}.equation-caption{display:block;font-size:9px;letter-spacing:3px;margin-top:24px;color:#d7ddc9}.equation-caption b{font-weight:400;color:#c2a464;padding:0 9px}.story-art-foot{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:13px;padding-top:45px;position:relative}.story-art-foot>span:first-child{font-size:30px;color:#c1a670}.story-art-foot>span:last-child{text-align:left;font-size:9px;line-height:1.7;color:#c4cdbb}.story-copy>.eyebrow{font-size:9px;margin-bottom:20px}.story-copy h2{font-size:54px;margin-bottom:26px}.story-copy>p:not(.eyebrow):not(.story-signature){font-size:12px;line-height:1.95;color:#6b7564;max-width:440px}.story-signature{font-family:var(--serif);font-size:23px;margin-top:27px}.story-signature span{display:block;font-family:var(--sans);font-size:9px;color:#79836d;margin-top:10px}.studio-note{text-align:center;padding-block:85px 100px}.studio-flower{display:inline-block;font-size:45px;color:#a7ab7c;margin-bottom:24px;animation:flower-turn 45s linear infinite}.studio-note .eyebrow{font-size:8px;margin-bottom:18px}.studio-note h2{font-size:57px}.studio-note>p:not(.eyebrow){font-size:12px;color:#7c8374;line-height:1.9;margin:24px 0}.studio-note>.text-link{margin-top:4px}.contact{background:#244b40;border-radius:24px;min-height:300px;padding:54px 54px;display:flex;align-items:center;justify-content:space-between;color:#f5f0df;gap:35px;position:relative;overflow:hidden}.contact::after{content:'';width:350px;height:350px;border:1px solid #e6e6c50f;border-radius:50%;position:absolute;right:-40px;top:-160px;box-shadow:0 0 0 50px #e6e6c504,0 0 0 100px #e6e6c504;pointer-events:none}.contact .eyebrow{font-size:8px;color:#bfccb0;margin-bottom:17px}.contact h2{font-size:63px}.contact h2 em{color:#c2cf9e}.contact p:not(.eyebrow){font-size:11px;line-height:1.9;color:#b2c0ad;margin-top:19px}.contact-link{font-family:var(--serif);font-size:31px;border-bottom:1px solid #abb99c;padding:10px 0;position:relative;z-index:1;white-space:nowrap}.contact-link span{font-family:var(--sans);font-size:28px;margin-left:20px}.contact-link:hover{color:#d3d9ab}.footer{display:flex;align-items:center;gap:28px;padding-block:40px}.footer .wordmark{font-size:27px;margin-right:auto}.footer p,.footer>a:not(.wordmark):not(.back-top){font-size:9px;color:#7b8374}.footer .back-top{font-size:21px;border:1px solid #d7ddcf;width:35px;height:35px;display:grid;place-items:center;border-radius:50%}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:15px;z-index:50}.skip:focus{top:10px}.reveal{transition:opacity .75s ease,transform .75s ease}.js .reveal:not(.visible){opacity:0;transform:translateY(22px)}@keyframes art-drift{to{transform:scale(1.15) translateY(-5px)}}@keyframes letter-arrive{0%,12%{opacity:.1;transform:translateX(12px)}35%,88%{opacity:1;transform:translateX(0)}100%{opacity:.1;transform:translateX(12px)}}@keyframes flower-turn{to{transform:rotate(360deg)}}@keyframes panel-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.app-panel:not([hidden]) .panel-copy{animation:panel-in .4s ease both}
@media(min-width:1450px){.hero{gap:70px}.hero h1{font-size:107px}.art-frame{height:570px}.hero{min-height:700px}.product-visual{right:-25px}.app-panel{height:560px}.panel-copy h3{font-size:48px}.phone{width:240px;height:522px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero h1{font-size:76px;letter-spacing:-2.5px}.hero{gap:16px;min-height:600px}.art-frame{height:480px}.floating-apps{padding:16px;gap:10px;left:-15px;right:22px}.mini-icons img{width:34px;height:34px;border-radius:10px}.hero-actions{gap:20px}.button{gap:19px;padding:16px 20px}.hero-description{font-size:16px}.hero-actions .text-link{font-size:10px;gap:10px}.app-explorer{gap:32px;grid-template-columns:.9fr 1.3fr}.app-tab{gap:12px}.app-tab strong{font-size:14px}.app-tab img{width:48px;height:48px}.app-tab-text>span{font-size:10px}.app-panel{padding:24px;height:520px}.panel-copy{width:53%;padding-top:70px}.panel-copy h3{font-size:38px}.panel-copy p{font-size:10px}.product-visual{right:-65px;top:135px;width:58%}.phone{width:208px;height:451px}.panel-link{font-size:8px;gap:9px}.panel-footer{left:24px;right:24px}.story-inner{gap:60px}.story-art{min-height:415px;padding-inline:20px}.story-copy h2{font-size:48px}.letter-equation>span:first-child{font-size:100px}.contact{padding:40px}.contact-link{font-size:25px}.contact h2{font-size:55px}.together-visual{right:-75px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header{height:90px}.wordmark{font-size:30px}nav{gap:20px;font-size:11px}.nav-contact{padding:10px 14px;gap:16px}.hero{padding:25px 0 52px;gap:18px}.hero h1{font-size:64px;letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-description{font-size:14px}.hero-actions{flex-wrap:wrap;gap:10px 20px}.hero-note{margin-top:30px}.art-frame{height:420px}.hero-art{padding-inline:10px 13px}.orbit-label{right:-9px;font-size:7px;letter-spacing:1.6px}.floating-apps{left:-10px;right:20px;bottom:20px;flex-wrap:wrap;padding:14px;gap:9px}.floating-apps>span:nth-child(2){font-size:8px}.mini-icons img{width:31px;height:31px}.values-strip{font-size:9px}.values-detail{gap:10px}.section-space{padding-block:75px}.section-heading>p{font-size:10px}.app-explorer{gap:22px;grid-template-columns:.9fr 1.1fr}.app-number{display:none}.app-tab strong{font-size:12px}.app-tab img{width:41px;height:41px;border-radius:12px}.app-tab-text{gap:6px}.app-tab-text>span{font-size:8px}.app-tab{min-height:105px;gap:10px;padding-block:24px}.app-panel{height:488px;padding:22px}.panel-copy{padding-top:34px;width:85%}.panel-copy h3{font-size:38px}.panel-copy p{font-size:9px}.product-visual{top:242px;right:-49px;width:73%;transform:rotate(11deg)}.phone{width:184px;height:398px}.panel-link{font-size:8px;position:relative;z-index:5}.panel-footer{font-size:6px;left:22px;right:22px}.all-apps{font-size:9px;margin-left:0}.collection-note{font-size:8px}.pill{font-size:6px}.panel-symbol{font-size:20px}.together-visual{width:180px;height:180px;top:300px;right:-23px}.together-visual>img{width:150px;height:150px;border-radius:36px}.story-inner{gap:35px}.story-art{min-height:390px;padding-top:75px;border-top-left-radius:150px;border-top-right-radius:150px}.story-art .eyebrow{font-size:6px}.letter-equation>span:first-child{font-size:88px}.equation-caption{font-size:7px;letter-spacing:1.5px}.story-copy h2{font-size:40px}.story-copy>p:not(.eyebrow):not(.story-signature){font-size:10px}.story-copy .eyebrow{font-size:7px}.story-signature{font-size:20px}.studio-note h2{font-size:50px}.contact{padding:35px;gap:20px}.contact h2{font-size:48px}.contact-link{font-size:23px}.contact-link span{margin-left:8px;font-size:21px}.contact p:not(.eyebrow){font-size:10px}.contact .eyebrow{font-size:7px}.footer{gap:18px}.footer .wordmark{font-size:24px}.footer p,.footer>a:not(.wordmark):not(.back-top){font-size:8px}}
@media(max-width:600px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header{height:85px}.wordmark{font-size:29px}nav{gap:17px}nav>a{font-size:10px}.nav-contact{border:0;padding:0;gap:5px}nav>a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:22px;padding-bottom:43px;gap:30px;min-height:auto}.hero-copy{padding-bottom:0}.hero h1{font-size:76px;line-height:.99;margin:22px 0;letter-spacing:-2.8px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-description{font-size:15px;line-height:1.7;margin-bottom:25px}.desktop-break{display:none}.hero-actions{gap:22px}.button{font-size:11px;padding:16px 21px;gap:27px}.hero-actions .text-link{font-size:10px}.hero-note{display:none}.hero-art{padding:0 10px 28px 0;height:410px;max-width:440px;width:100%;justify-self:center}.art-frame{height:100%;border-radius:170px 170px 15px 15px}.art-frame>img{object-position:center 55%}.art-label{font-size:10px;bottom:36px;left:24px}.orbit-label{right:-7px;top:40%}.floating-apps{left:14px;right:26px;bottom:4px;padding:16px 17px;flex-wrap:nowrap;gap:13px}.mini-icons img{width:34px;height:34px}.floating-apps>span:nth-child(2){font-size:8px}.floating-apps>span:last-child{font-size:21px}.values-strip{padding:20px 0;gap:10px}.values-strip>span:first-child{font-size:9px}.values-detail{font-size:8px;gap:8px;line-height:1.7;display:block;max-width:180px}.values-detail i{display:inline-block;vertical-align:middle;margin:0 3px}.strip-flower{font-size:23px}.section-space{padding-block:61px}.section-heading{align-items:flex-start;gap:20px;margin-bottom:30px}.section-heading .eyebrow{font-size:8px;margin-bottom:13px}.section-heading h2{font-size:45px}.section-heading>p{font-size:9px;line-height:1.8;max-width:125px;padding-top:34px}.app-explorer{grid-template-columns:1fr;gap:24px}.app-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding-top:0}.app-tab{gap:9px;min-height:90px;padding:16px 2px}.app-tab.active,.app-tab:hover{padding-left:4px;background:linear-gradient(90deg,#e6ead9,transparent)}.app-tab::before{left:-6px;top:22px;bottom:22px;width:2px}.app-tab img{width:40px;height:40px;border-radius:11px}.app-tab strong{font-size:11px;line-height:1.3;max-width:108px}.app-tab-text>span{font-size:8px;line-height:1.5}.tab-arrow{display:none}.app-tab-text{gap:4px}.all-apps{grid-column:1/-1;margin:16px 0 0;font-size:10px;justify-self:start}.app-panel{height:478px;border-radius:18px;padding:26px}.panel-copy{padding-top:53px;width:51%}.panel-copy h3{font-size:40px}.panel-copy p{font-size:10px}.panel-link{font-size:8px;gap:10px}.pill{font-size:7px}.panel-symbol{font-size:23px}.product-visual{top:144px;right:-41px;bottom:-40px;width:56%;transform:rotate(9deg)}.phone{width:190px;height:413px;border-width:5px;border-radius:28px}.panel-footer{left:26px;right:26px;bottom:21px;font-size:6px}.collection-note{font-size:8px;text-align:left;line-height:1.8;max-width:290px}.together-visual{width:210px;height:210px;top:200px;right:-70px}.together-visual>img{width:180px;height:180px;border-radius:43px}.story-inner{grid-template-columns:1fr;gap:38px}.story{padding-block:60px}.story-art{min-height:330px;max-width:340px;width:100%;justify-self:center;border-radius:155px 155px 15px 15px;padding:65px 30px 25px}.story-art .eyebrow{font-size:7px;margin-bottom:8px}.letter-equation{padding-top:9px}.letter-equation>span:first-child{font-size:101px}.equation-caption{font-size:8px;letter-spacing:2px;margin-top:15px}.story-art-foot{padding-top:27px}.story-copy{padding:0 2px}.story-copy>.eyebrow{font-size:8px;margin-bottom:16px}.story-copy h2{font-size:48px;margin-bottom:22px}.story-copy>p:not(.eyebrow):not(.story-signature){font-size:12px;line-height:1.9}.story-signature{font-size:24px;margin-top:24px}.studio-note{padding-block:63px}.studio-flower{font-size:39px;margin-bottom:22px}.studio-note h2{font-size:45px}.studio-note>p:not(.eyebrow){font-size:11px;margin:20px 0}.studio-note>.text-link{font-size:10px}.contact{padding:33px 27px;display:block;min-height:310px;border-radius:20px}.contact .eyebrow{font-size:7px}.contact h2{font-size:52px}.contact p:not(.eyebrow){font-size:11px;margin-block:20px 23px}.contact-link{font-size:26px;display:inline-block;padding-bottom:7px}.contact-link span{margin-left:13px}.footer{display:grid;grid-template-columns:1fr auto;padding-block:30px;gap:18px 10px}.footer .wordmark{grid-column:1;font-size:28px}.footer p{grid-column:1;grid-row:2;margin:0;font-size:8px}.footer>a:not(.wordmark):not(.back-top){grid-column:1;grid-row:3;font-size:9px}.footer .back-top{grid-column:2;grid-row:1}.js .reveal:not(.visible){transform:translateY(14px)}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:66px}.hero-actions{gap:16px}.hero-art{height:370px}.floating-apps{padding:14px 12px;gap:10px}.mini-icons img{width:29px;height:29px}.panel-copy h3{font-size:35px}.panel-copy{width:54%}.product-visual{right:-57px}.contact-link{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal:not(.visible){opacity:1;transform:none}.added-letter{opacity:1;transform:none}}

/* Readable supporting text at every breakpoint. */
.eyebrow,.hero .eyebrow,.story-copy>.eyebrow,.story-art .eyebrow,.studio-note .eyebrow,.contact .eyebrow{font-size:10px;letter-spacing:1.5px}
.hero-note{font-size:11px;color:#626d5c}.floating-apps{font-size:11px;color:#596750}.floating-apps>span:nth-child(2){font-size:11px}
.values-strip{font-size:11px}.values-strip>span:first-child{font-size:11px}.values-detail{color:#636e5a;font-size:11px}
.section-heading>p{font-size:13px;color:#5e6b56}.app-tab strong{font-size:15px}.app-tab-text>span{font-size:12px;color:#5e6b56}.app-number{font-size:10px;color:#616c57}.all-apps{font-size:12px}
.panel-top .pill{font-size:10px;letter-spacing:.8px;opacity:1}.panel-copy>p{font-size:13px;opacity:1;line-height:1.8}.metanoia-panel .panel-copy>p{color:#d4dfce}.panel-link{font-size:11px;gap:9px}.panel-footer{font-size:9px;letter-spacing:1px;opacity:.85}.collection-note{font-size:12px;color:#5e6b56;line-height:1.7}
.story-copy>p:not(.eyebrow):not(.story-signature){font-size:14px;color:#59674f;line-height:1.85}.story-signature span{font-size:11px;color:#5c6c50}.story-art-foot>span:last-child{font-size:11px;color:#d8e0cd}.equation-caption{font-size:10px;letter-spacing:2px}
.studio-note>p:not(.eyebrow){font-size:14px;color:#5f6c54}.contact p:not(.eyebrow){font-size:13px;color:#d0ddc8}.footer p,.footer>a:not(.wordmark):not(.back-top){font-size:11px;color:#5e6b56}
@media(max-width:1100px){.panel-copy>p{font-size:12px}.app-tab-text>span{font-size:11px}.app-tab strong{font-size:14px}.contact-link{font-size:24px}.story-copy>p:not(.eyebrow):not(.story-signature){font-size:13px}}
@media(max-width:800px){.hero .eyebrow{font-size:9px}.floating-apps>span:nth-child(2){font-size:9px}.mini-icons img{width:30px;height:30px}.section-heading>p{font-size:12px}.app-tab strong{font-size:13px}.app-tab-text>span{font-size:11px}.panel-copy{padding-top:25px}.panel-copy>p{font-size:12px}.panel-link{font-size:11px}.panel-top .pill{font-size:9px}.contact{display:block}.contact-link{margin-top:12px}.story-inner{gap:30px}.story-copy h2{font-size:38px}.story-art .eyebrow{font-size:9px}.footer{gap:15px}.footer p,.footer>a:not(.wordmark):not(.back-top){font-size:10px}}
@media(max-width:600px){nav>a{font-size:12px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.values-strip>span:first-child{font-size:10px}.values-detail{font-size:10px;max-width:185px}.section-heading>p{font-size:12px;padding-top:28px;max-width:135px}.section-heading h2{font-size:42px}.app-tab{min-height:104px}.app-tab strong{font-size:13px}.app-tab-text>span{font-size:11px}.app-tab-text{gap:5px}.all-apps{font-size:12px}.panel-copy{padding-top:43px;width:54%}.panel-copy>p{font-size:12px}.panel-copy h3{font-size:39px}.product-visual{right:-51px;top:164px}.panel-link{font-size:11px;line-height:1.7;display:inline-block}.panel-footer{font-size:9px}.collection-note{font-size:12px;max-width:none}.story-copy h2{font-size:48px}.story-copy>p:not(.eyebrow):not(.story-signature){font-size:14px}.studio-note>p:not(.eyebrow){font-size:13px}.studio-note>.text-link{font-size:12px}.contact p:not(.eyebrow){font-size:13px}.contact-link{font-size:26px;margin-top:0}.footer p,.footer>a:not(.wordmark):not(.back-top){font-size:11px}.floating-apps>span:nth-child(2){font-size:10px}.mini-icons img{width:33px;height:33px}}

/* The founder's letter: paper, ink, and the small t at the center of the name. */
.story-art{min-height:530px;padding:58px 38px 30px;border-radius:190px 190px 18px 18px}
.story-art>.eyebrow{z-index:1;margin:0 0 22px;color:#dbe3cf;opacity:1;font-size:9px;letter-spacing:1.4px}
.letter-paper{position:relative;max-width:365px;width:100%;margin:auto;padding:26px 22px 22px;background:linear-gradient(135deg,#fdf8e9,#f5ecd4);color:#2e4d3c;box-shadow:0 18px 35px #0d281b35;transform:rotate(-3deg);border-radius:3px 18px 3px 3px;isolation:isolate}
.letter-paper::before{content:'';position:absolute;right:0;top:0;width:30px;height:30px;background:linear-gradient(45deg,#e5d8b8 49%,#244c40 50%);border-radius:0 0 0 4px;box-shadow:-2px 2px 5px #6e5c2810}
.letter-paper::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.7%,#cdbb9320 50%,transparent 50.3%);z-index:-1}
.paper-greeting,.paper-signoff{display:block;font-family:var(--serif);font-style:italic;font-size:21px;color:#6e7358;text-align:left}
.paper-greeting{padding-left:3px}.paper-signoff{text-align:right;font-size:20px;padding:0 2px 0 0}
.letter-paper .letter-equation{padding-top:12px}.letter-paper .letter-equation>span:first-child{font-size:106px;letter-spacing:-4px;padding-right:9px}
.letter-paper .added-letter{position:relative;display:inline-block;animation:none;color:#a67931}
.letter-glyph{display:inline-block;animation:letter-to-cross 10s ease-in-out infinite}
.letter-cross{position:absolute;left:-.015em;top:.19em;height:.76em;width:.36em;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;opacity:0;animation:cross-from-letter 10s ease-in-out infinite}
.letter-paper .equation-caption{font-size:10px;color:#5d674d;letter-spacing:1.8px;margin-top:13px}.letter-paper .equation-caption b{color:#a67931;padding:0 8px}
.paper-rule{display:flex;align-items:center;gap:12px;justify-content:center;margin:22px 9px 14px}.paper-rule>span{height:1px;background:#b9aa822b;flex:1}.paper-rule svg{width:22px;height:20px;fill:none;stroke:#b08355;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-7deg)}
.story-art-foot{padding-top:24px;gap:15px}.story-art-foot>.quiet-cross{font-family:var(--serif);font-size:35px;line-height:1;color:#cbb276}.story-art-foot>span:last-child{font-size:11px}
.story-copy h2{font-size:53px}.story-copy>p:not(.eyebrow):not(.story-signature){margin-top:17px;margin-bottom:0}.story-signature{font-style:italic;margin-top:25px}.story-signature>span{font-style:normal}
@keyframes letter-to-cross{0%,23%,80%,100%{opacity:1;transform:translateY(0)}35%,65%{opacity:0;transform:translateY(-3px)}}
@keyframes cross-from-letter{0%,23%,80%,100%{opacity:0;transform:translateY(3px)}35%,65%{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.story-inner{gap:55px}.story-art{padding-inline:26px;min-height:500px}.letter-paper{padding-inline:17px}.letter-paper .letter-equation>span:first-child{font-size:95px}.story-copy h2{font-size:45px}}
@media(max-width:800px) and (min-width:601px){.story-inner{grid-template-columns:1fr 1.08fr;gap:28px}.story-art{min-height:475px;padding:56px 16px 25px;border-radius:150px 150px 18px 18px}.story-art>.eyebrow{font-size:8px;letter-spacing:1px}.letter-paper{padding:22px 12px 18px}.letter-paper .letter-equation>span:first-child{font-size:77px}.paper-greeting{font-size:18px}.paper-signoff{font-size:17px}.letter-paper .equation-caption{font-size:9px;letter-spacing:1px}.letter-paper .equation-caption b{padding-inline:5px}.story-copy h2{font-size:37px}.story-copy>p:not(.eyebrow):not(.story-signature){font-size:13px}.story-signature{font-size:21px}}
@media(max-width:600px){.story-art{min-height:440px;max-width:350px;padding:53px 24px 25px;border-radius:160px 160px 18px 18px}.story-art>.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:19px}.letter-paper{padding:23px 20px 20px}.letter-paper .letter-equation>span:first-child{font-size:96px}.letter-paper .equation-caption{font-size:10px;letter-spacing:1.5px}.paper-greeting{font-size:20px}.paper-signoff{font-size:20px}.story-art-foot{padding-top:22px}.story-copy h2{font-size:46px}.story-copy>p:not(.eyebrow):not(.story-signature){font-size:14px}.story-signature{font-size:25px}.studio-note>p:not(.eyebrow){max-width:310px;margin-inline:auto}.studio-note>p:not(.eyebrow)>br{display:none}}
@media(max-width:360px){.story-art{padding-inline:20px}.letter-paper .letter-equation>span:first-child{font-size:88px}.story-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.letter-glyph{animation:none;opacity:1;transform:none}.letter-cross{display:none;animation:none}}