@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#252820;--paper:#f7f6f0;--muted:#696d62;--line:#dcdfd3;--lime:#dfedac}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #798c45;outline-offset:5px}.preview{text-align:center;padding:8px;background:#e8ebdf;font-size:10px;letter-spacing:1.8px}header{max-width:1440px;margin:auto;padding:26px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:38px;letter-spacing:-2px}.brand span{font-size:12px;vertical-align:top;position:relative;top:9px;left:4px}nav{display:flex;gap:32px;font-size:12px}.nav-cta{font-size:12px;border-bottom:1px solid;padding-bottom:8px}.nav-cta span{margin-left:25px}main{max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;padding:70px 6% 65px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;margin:0 0 27px}.dot{display:inline-block;width:7px;height:7px;background:#81924f;border-radius:50%;margin-right:7px}h1{font-weight:500;font-size:clamp(60px,6.8vw,96px);line-height:1.02;letter-spacing:-5px;margin:0 0 27px}em{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}h1 em{color:#778658}p{line-height:1.8}.intro{color:var(--muted);font-size:14px;max-width:380px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;background:var(--ink);color:white;padding:17px 21px;border:0;font-size:12px}.button:hover{background:#46513a}.button span{font-size:17px}.text-link{font-size:11px}.text-link span{margin-left:10px}.platforms{margin-top:50px}.platforms>span{font-size:8px;letter-spacing:1.7px;color:var(--muted)}.platforms>div{display:flex;gap:20px;align-items:center;margin-top:16px;font-size:15px;font-weight:500}.platforms i{font-style:normal;color:#9caa7c}.hero-art{position:relative;min-height:535px;overflow:hidden;background:#e7e9da;background-image:radial-gradient(ellipse at 30% 20%,#f5f4e9,transparent 60%),linear-gradient(130deg,transparent,#c8cbb2)}.art-top{position:absolute;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px}.orb{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fafbeb 0%,#e3e7bf 35%,#9da572 74%,#68734c);left:38%;top:87px;box-shadow:30px 40px 40px #59693d25;z-index:2}.step{position:absolute;background:linear-gradient(100deg,#b7bea0,#d6dbc2 55%,#c1c7ab);box-shadow:15px 15px 25px #50583a22;border-top:1px solid #edf0dc}.step span{position:absolute;bottom:20px;left:20px;font-size:8px;letter-spacing:2px}.step-one{bottom:110px;height:130px;width:35%;left:0}.step-two{bottom:110px;height:220px;width:35%;left:35%}.step-three{bottom:110px;height:310px;width:30%;left:70%}.step-three b{position:absolute;font-size:50px;font-weight:400;left:30px;top:20px;color:#f3f4e9}.art-bottom{position:absolute;bottom:28px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:end;font-size:11px;line-height:1.6}.art-bottom span{font-family:Georgia,serif;font-size:45px}.statement{padding:70px 6%;border-top:1px solid var(--line)}h2{font-weight:500;font-size:46px;letter-spacing:-1.8px;line-height:1.12;margin:0}h2 em{color:#778658}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.principles article{border-top:1px solid var(--line);padding-top:23px}.principles span{font-size:9px;letter-spacing:1.5px;color:#778658}h3{font-size:20px;font-weight:500;letter-spacing:-.4px}.principles p{color:var(--muted);max-width:300px;font-size:13px}.collection{background:#eeefe7;padding:70px 6%}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head>p{color:var(--muted);font-size:12px}.filters{display:flex;gap:8px;margin:35px 0 30px;flex-wrap:wrap}.filters button{border:1px solid #d5d8cc;border-radius:30px;padding:10px 18px;background:transparent;font-size:11px;color:var(--muted)}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.filters span{font-size:9px;margin-left:8px;opacity:.6}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.product-cover{height:245px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cover-0{background:#dce1ce}.cover-1{background:#e4dfd4}.cover-2{background:#d1d8d5}.cover-3{background:#ddd6c8}.cover-4{background:#d9dec1}.cover-5{background:#d6d5cf}.book{width:130px;height:174px;box-shadow:12px 12px 16px #272d2429;transform:rotate(-9deg);background:#303c2f;color:#f0f3de;padding:15px 13px;border-left:4px solid #52614c;display:flex;flex-direction:column;justify-content:space-between}.book small{font-size:6px;letter-spacing:1px}.book strong{font-family:'Libre Caslon Display',Georgia,serif;font-size:30px;font-weight:400;line-height:1}.book span{font-size:7px;border-top:1px solid #ffffff44;padding-top:10px}.cover-1 .book,.cover-4 .book{background:#f3f0e5;color:#44483c;border-color:#d0ccbb;transform:rotate(8deg)}.cover-2 .book,.cover-5 .book{width:190px;height:132px;transform:rotate(-5deg);background:#edf0e6;color:#333f33;border:5px solid #2d392f;border-radius:5px}.cover-3 .book{background:#696653;border-color:#87836a}.cover-tag{position:absolute;top:15px;left:15px;font-size:8px;letter-spacing:1px}.product-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px;color:var(--muted);margin-top:18px}.product h3{margin:10px 0;font-size:20px}.product>p{font-size:12px;color:var(--muted);min-height:44px;margin:0 0 17px}.details-button{width:100%;border:0;border-top:1px solid #d2d6c8;background:none;text-align:left;padding:14px 0;display:flex;justify-content:space-between;font-size:11px}.details-button:hover{color:#738145}.sample-note{font-size:10px;color:var(--muted);margin:26px 0 0}.advisory{margin:70px 6%;padding:50px;background:#2c382d;color:#f1f4e6;display:grid;grid-template-columns:1fr 1fr;gap:65px}.advisory h2 em{color:#d3dfa9}.advisory p{font-size:12px;max-width:340px;color:#c3cbbb}.advisory .eyebrow{font-size:8px;color:#d5dfc0}.advisory form{align-self:center}.advisory label{display:block;font-size:12px;margin-bottom:15px}select{width:100%;padding:17px 12px;background:#ffffff0a;border:1px solid #7c8874;color:#f2f4e8;border-radius:0}option{color:var(--ink);background:var(--paper)}.light{background:var(--lime);color:var(--ink);width:100%;margin-top:12px}.light:hover{background:#edf5cd}.advisory form p{font-size:10px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:0 6% 70px}.faq h2{font-size:36px}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-size:13px}details p{font-size:12px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 6%;border-top:1px solid var(--line);max-width:1440px;margin:auto}footer p,footer>span{font-size:10px;color:var(--muted)}dialog{border:0;padding:45px;width:min(540px,90vw);background:var(--paper);color:var(--ink);max-height:85vh}dialog::backdrop{background:#182019aa;backdrop-filter:blur(4px)}dialog h2{font-size:37px}dialog>p,dialog li{font-size:13px;line-height:1.8;color:var(--muted)}dialog ul{padding-left:20px}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:29px}.dialog-note{padding:14px;background:#e8ebdf}.close-bottom{width:100%}@media(min-width:1440px){h1{font-size:96px}}@media(max-width:900px){nav{gap:16px}.hero{gap:30px}h1{font-size:66px}.hero-art{min-height:500px}.actions{align-items:start;flex-direction:column;gap:16px}.products{grid-template-columns:repeat(2,1fr)}.advisory{gap:30px;padding:30px}.section-head>p{max-width:200px}.principles{gap:25px}}@media(max-width:620px){header{padding:18px 6%}nav{display:none}.brand{font-size:32px}.nav-cta{font-size:10px}.hero{grid-template-columns:1fr;padding-top:40px}.hero-art{min-height:390px}.orb{top:50px;width:120px;height:120px}.step-one,.step-two,.step-three{bottom:80px}.step-one{height:100px}.step-two{height:170px}.step-three{height:240px}.art-bottom{bottom:15px}.actions{flex-direction:row;align-items:center;gap:16px}.button{gap:17px;padding:15px}.text-link{font-size:10px}h1{font-size:68px;letter-spacing:-4px}.platforms{margin-top:32px}.hero{padding-bottom:40px}.statement,.collection{padding-top:45px;padding-bottom:45px}h2{font-size:37px}.principles{grid-template-columns:1fr;gap:15px;margin-top:30px}.principles p{max-width:none}.principles h3{margin:12px 0}.section-head{display:block}.section-head>p{max-width:none;margin-top:20px}.filters{gap:6px}.filters button{padding:9px 12px;font-size:10px}.products{gap:25px 15px}.product-cover{height:185px}.book{width:100px;height:135px}.book strong{font-size:24px}.cover-2 .book,.cover-5 .book{width:135px;height:105px}.cover-tag{font-size:6px;left:10px}.product-meta{font-size:6px}.product h3{font-size:17px}.product>p{font-size:11px;min-height:62px}.advisory{grid-template-columns:1fr;margin:40px 6%;gap:20px}.faq{grid-template-columns:1fr;gap:15px;padding-bottom:40px}footer{flex-wrap:wrap;gap:15px}footer>span{width:100%}dialog{padding:35px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand{font-size:28px;letter-spacing:-1.2px}@media(max-width:700px){.brand{font-size:21px;letter-spacing:-.8px}}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;padding:70px 6%;border-top:1px solid var(--line)}.contact h2{font-size:36px}.contact p:not(.eyebrow){color:var(--muted);max-width:460px;margin:0 0 24px}.footer-mail{font-size:11px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.dialog-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:24px}.dialog-actions .text-link{background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:12px}@media(max-width:700px){.contact{grid-template-columns:1fr;gap:15px;padding:45px 6%}}
