:root{--ink:#151a26;--paper:#fafbfe;--mint:#2458ec;--muted:#737d90}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue","Noto Sans JP",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #2458ec;outline-offset:5px}.skip{position:absolute;top:-100px;background:white;padding:16px;z-index:20}.skip:focus{top:0}header{height:96px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#f5f7fd;color:#151a26;border-bottom:1px solid #ffffff18}.brand{font-size:20px;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;gap:12px}.brandmark{color:var(--mint);font-size:34px}.brand-sub{font-size:9px;font-weight:400;letter-spacing:.16em;border-left:1px solid #ffffff40;padding-left:15px;margin-left:8px}nav{display:flex;gap:30px;align-items:center;font-size:12px}.nav-button{border:1px solid #ffffff30;padding:12px 19px;border-radius:4px}.nav-button span{padding-left:15px}.hero{background:#f5f7fd;color:#151a26;min-height:690px;display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;padding:70px 6% 68px;gap:16px}.hero-copy{z-index:2}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600;color:var(--mint);display:flex;align-items:center;gap:9px;margin:0 0 26px}.eyebrow>span,.status>span{width:6px;height:6px;border-radius:50%;background:var(--mint);display:inline-block}.eyebrow.dark{color:#2458ec}h1{font-size:clamp(48px,5.4vw,80px);line-height:1.3;font-weight:600;letter-spacing:-.045em;margin:0 0 24px}h1 em{color:var(--mint);font-style:normal}.lead{font-size:16px;line-height:2;color:#626b7c}.primary{display:flex;width:242px;justify-content:space-between;align-items:center;background:var(--mint);color:#ffffff;padding:20px 25px;border-radius:4px;font-size:14px;font-weight:700;margin-top:30px;transition:background .2s}.primary:hover{background:#1945c2}.primary span{font-size:24px}.hero-note{font-size:10px;letter-spacing:.06em;color:#68738a;margin-top:17px}.hero-note b{font-weight:400;margin:0 8px;color:#a0acc2}.hero-art{position:relative;min-height:500px;perspective:1200px}.grid{position:absolute;width:620px;height:430px;left:-15%;top:150px;background-image:linear-gradient(#a3cfb515 1px,transparent 1px),linear-gradient(90deg,#a3cfb515 1px,transparent 1px);background-size:42px 42px;transform:rotateX(62deg) rotateZ(-22deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.orbit{border:1px solid #2458ec19;position:absolute;width:440px;height:440px;top:30px;left:0;border-radius:50%}.o2{transform:scale(.78)}.book{position:absolute;width:250px;height:350px;top:65px;left:18%;border-radius:4px 8px 8px 4px;box-shadow:14px 26px 45px #0007;transform:rotateY(-24deg) rotateZ(12deg);border:1px solid #aac8b654}.b3{transform:translate(70px,28px) rotateY(-24deg) rotateZ(25deg);background:linear-gradient(100deg,#2d3e34,#9fbba7);opacity:.6}.b2{transform:translate(32px,13px) rotateY(-24deg) rotateZ(18deg);background:linear-gradient(100deg,#eeeedd,#b2c2b4)}.b1{background:linear-gradient(115deg,#eff6e8,#c4d8c7);color:#183525;padding:27px 25px;box-shadow:inset 7px 0 10px #33462c22,18px 26px 40px #0006}.booktop{font-size:10px;letter-spacing:.15em;border-bottom:1px solid #18352544;padding-bottom:13px}.booktitle{font-size:27px;font-weight:700;line-height:1.55;margin-top:24px}.booktitle span{font-size:23px}.bookbottom{font-size:8px;letter-spacing:.12em;position:absolute;bottom:25px;line-height:1.6}.bookdiagram{position:absolute;right:30px;bottom:40px}.bookdiagram span{width:55px;height:55px;position:absolute;border:1px solid #365d41;transform:rotate(30deg) skew(-10deg);bottom:0;right:0}.bookdiagram span:nth-child(2){bottom:12px}.bookdiagram span:nth-child(3){bottom:24px}.art-label{position:absolute;bottom:34px;left:22%;font-size:9px;letter-spacing:.17em;color:#99a59b}.promise{display:flex;justify-content:space-between;gap:20px;background:#eef2fc;padding:24px 9%;border-bottom:1px solid #dbe2f4;font-size:11px;letter-spacing:.13em;color:#58709e}.promise b{font-size:13px;color:#343e55;margin-left:20px;font-weight:500;letter-spacing:.04em}.section{padding:90px 8%;max-width:1600px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading p:not(.eyebrow){font-size:13px;line-height:1.9;color:#677184}h2{font-size:38px;line-height:1.5;font-weight:500;letter-spacing:-.03em;margin:0}h3{font-weight:600}.package-card{border:1px solid #dbe2f4;background:#ffffff;display:grid;grid-template-columns:1fr 1fr;border-radius:8px;overflow:hidden}.card-art{position:relative;min-height:410px;background:#edf2ff;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(ellipse at 50% 40%,#fff8,transparent 75%)}.mini-book{background:#f7f9ff;color:#182340;width:213px;height:290px;z-index:1;transform:rotate(-10deg);padding:26px;box-shadow:20px 24px 25px #1e332332;border:1px solid #cad7ff;border-radius:3px}.mini-book span{font-size:10px}.mini-book strong{display:block;line-height:1.65;font-size:24px;margin-top:32px;font-weight:500}.mini-book small{font-size:8px;display:block;letter-spacing:.12em;margin-top:28px}.page-back{width:210px;height:290px;background:#e5ecff;position:absolute;transform:translate(22px,9px) rotate(-2deg);border:1px solid #cad7ff;box-shadow:10px 20px 25px #1e33231c}.card-content{padding:42px 45px}.status{font-size:9px;letter-spacing:.15em;display:flex;gap:9px;align-items:center;color:#2458ec}.status>span{background:#2458ec}.card-content h3{font-size:27px;line-height:1.6;margin:23px 0 16px}.card-content>p:not(.status):not(.caption){font-size:13px;line-height:1.9;color:#677184}.card-meta{display:flex;gap:36px;margin:23px 0;font-size:10px;color:#6b7890}.card-meta b{display:block;font-size:13px;color:#27334e;margin-top:6px;font-weight:500}.unavailable{border-top:1px solid #dbe2f4;border-bottom:1px solid #dbe2f4;padding:17px 0;display:flex;justify-content:space-between;font-size:13px;color:#677184}.caption{font-size:10px;color:#677184;margin-top:15px;line-height:1.7}.how{padding-top:10px;padding-bottom:90px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px}.steps article{padding:0 30px;border-left:1px solid #dbe2f4}.steps article:first-child{padding-left:0;border-left:0}.number{font-size:30px;font-weight:300;color:#2458ec}.steps h3{font-size:19px;margin-top:18px}.steps p{font-size:13px;line-height:1.9;color:#677184}.about{max-width:none;background:#eef2fc;color:#151a26;display:grid;grid-template-columns:1fr 1fr;gap:70px}.about h2{font-size:37px}.about-copy p{font-size:14px;line-height:2.1;color:#626e85;margin:0 0 20px}.text-link{display:flex;justify-content:space-between;border-top:1px solid #93b09244;padding-top:25px;margin-top:35px;font-size:12px;color:#2458ec}.text-link span{color:#58709e}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.questions details{border-bottom:1px solid #dbe2f4}.questions summary{cursor:pointer;list-style:none;font-size:14px;padding:24px 0;display:flex;justify-content:space-between;gap:25px}.questions summary::-webkit-details-marker{display:none}.questions summary span{color:#2458ec}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:13px;color:#626e85;line-height:1.9;margin:0 25px 24px 0}.questions details a{text-decoration:underline}footer{padding:45px 8%;border-top:1px solid #dbe2f4;display:flex;justify-content:space-between}footer p{font-size:11px;color:#677184;line-height:1.8}.footer-right{text-align:right;font-size:12px}.footer-right small{font-size:10px;color:#677184}
@media(min-width:1500px){.hero{padding-left:10%;padding-right:10%}}@media(max-width:850px){header{height:76px;padding:0 6%}.brand-sub{display:none}nav{gap:16px}nav>a:nth-child(2){display:none}.hero{padding:48px 7% 24px;grid-template-columns:1fr;gap:0}.hero-copy h1{font-size:56px}.hero-art{min-height:390px;width:100%;max-width:450px;margin:auto}.book{top:35px;left:21%;width:220px;height:310px}.booktitle{font-size:24px}.booktitle span{font-size:21px}.orbit{width:340px;height:340px;left:10%}.art-label{bottom:5px;left:27%}.promise{padding:20px 6%;gap:10px}.promise span{font-size:9px}.promise b{display:block;font-size:11px;margin:8px 0 0}.section{padding:62px 7%}.section-heading{display:block}.section-heading>p{margin-top:20px}h2{font-size:31px}.package-card{grid-template-columns:1fr}.card-art{min-height:355px}.card-content{padding:30px}.how{padding-top:0}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps article,.steps article:first-child{padding:20px 0 0 58px;border:0;border-top:1px solid #dbe2f4;position:relative}.number{position:absolute;left:0;top:22px;font-size:24px}.steps h3{margin:0 0 10px}.steps p{margin:0}.about,.faq{grid-template-columns:1fr;gap:30px}.about h2{font-size:31px}.faq{gap:12px}footer{padding:35px 7%;gap:25px}.brand{font-size:17px}.nav-button{padding:10px 13px}.nav-button span{padding-left:6px}}@media(max-width:380px){.hero-copy h1{font-size:47px}nav>a:first-child{display:none}.card-content{padding:24px}.card-content h3{font-size:24px}.hero-note{font-size:9px}.hero-note b{margin:0 4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Porcelain, cobalt and engraved threadwork. */
header{border-bottom:1px solid #dce3f2;background:#fff}.brand-sub{border-color:#dce3f2;color:#68738a}.nav-button{border-color:#d7dfef;border-radius:12px}.hero{background:radial-gradient(ellipse at 80% 50%,#e9efff,transparent 65%),#f8faff}.primary{background:#2458ec;color:white;border-radius:12px;box-shadow:0 7px 18px #2458ec20}.hero-art{isolation:isolate}.grid{display:none}.orbit{border-color:#2458ec12}.book{border:1px solid #c9d6f5;border-radius:16px;box-shadow:10px 22px 40px #263d741f}.b1{background:#f8faff url('threadwork.svg') center/cover;color:#172440;box-shadow:inset 0 0 0 5px #edf2ff,12px 22px 40px #263d7424}.b2{background:#edf2fd}.b3{background:#d9e3fb;opacity:1}.booktop{border-color:#bdcbee;color:#2458ec}.bookdiagram span{border-color:#2458ec66}.bookbottom{color:#536e9d}.art-label{color:#687893}.package-card{border-radius:26px;border:1px solid #d8e2f8;box-shadow:0 15px 45px #233e7010}.card-art{background:#f3f6fe url('threadwork.svg') center/cover}.mini-book{background:#f9fbff url('threadwork.svg') center/cover;border-radius:16px;border:2px solid #d5e0ff;box-shadow:inset 0 0 0 4px #edf2ff,15px 22px 30px #203a7020}.mini-book>span{color:#2458ec}.mini-book small{color:#526f9f}.page-back{border-radius:15px;box-shadow:8px 16px 25px #203a7015}.text-link{border-color:#ced9ef}.promise{border-color:#dbe2f4}.about{border-top:1px solid #dbe2f4;border-bottom:1px solid #dbe2f4}.questions summary{color:#24314b}.hero-note{color:#626e85}
