@font-face{font-family:Satoshi;src:url('/assets/fonts/satoshi/Satoshi-Variable.woff2') format('woff2');font-weight:300 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fafcfd;color:#18232c;font:17px/1.65 Satoshi,system-ui,sans-serif;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:5px}a:hover{color:#0864aa}a:focus-visible,summary:focus-visible{outline:3px solid #087dc3;outline-offset:6px}header,main,footer{max-width:1240px;margin:auto;padding:24px 40px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dce3e7}header img{object-fit:contain;display:block}nav{display:flex;gap:24px;flex-wrap:wrap}header a{text-decoration:none}.skip{position:absolute;top:-80px;left:12px;padding:12px;background:white;z-index:5}.skip:focus{top:12px}.breadcrumbs{font-size:13px;color:#526573;gap:8px;margin-top:10px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding:64px 0 80px}h1,h2,h3{line-height:1.09;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(40px,5.7vw,76px);font-weight:650;margin:20px 0 24px}h2{font-size:clamp(30px,3.8vw,48px);font-weight:600}h3{font-size:23px;font-weight:600}.lead{font-size:clamp(20px,2vw,25px);line-height:1.5;color:#425565;max-width:38ch}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:#415b71}.badge{display:inline-block;border:1px solid #bfd4e5;border-radius:50px;padding:5px 14px;background:#eaf4fb;font-size:13px;color:#164c74}.price{font-size:28px;font-weight:650;margin:8px 0}.price span{display:block;font-size:13px;font-weight:400;color:#526573}.button{display:inline-flex;gap:48px;text-decoration:none;background:#192b39;color:white;padding:15px 22px;border-radius:30px;margin-top:22px}.button:hover{background:#28556e;color:white}figure{margin:0}.portrait{width:100%;height:auto;border-radius:24px;display:block}figcaption{font-size:11px;text-align:center;color:#526573;margin-top:10px}.type-art{aspect-ratio:760/1023;background:linear-gradient(140deg,#e5f4ff,#f7fcff 38%,#bee0f4);border:1px solid #d1e3ee;border-radius:28px;padding:38px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.type-art span{font-size:11px;letter-spacing:.2em;color:#2a5872}.type-art strong{font-size:clamp(30px,4vw,54px);line-height:1.05;font-weight:500;letter-spacing:-.04em}main>section:not(.hero):not(.cards){padding:64px 0;border-top:1px solid #dce3e7}section>p{max-width:70ch;color:#425565}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.steps article{border-top:1px solid #becdd7;padding:18px 0}.steps span{font-size:13px;color:#536b7b}.context{display:grid;grid-template-columns:1fr 1fr;gap:60px}.context h2{margin-top:18px}.context p{color:#425565}details{border-bottom:1px solid #dce3e7;padding:22px 0;max-width:850px}summary{cursor:pointer;font-weight:600}details p{color:#425565;max-width:72ch}.next a{display:block;margin:16px 0}.collection-intro{max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:30px 0 80px}.cards article{padding:26px;background:white;border:1px solid #dce3e7;border-radius:20px;display:flex;flex-direction:column}.cards h2{font-size:25px;line-height:1.18;margin:16px 0}.cards h2 a{text-decoration:none}.cards p{font-size:15px;color:#425565}.cards .availability{font-size:12px;margin-top:auto;padding-top:18px;color:#315c78}footer{border-top:1px solid #dce3e7;padding-top:30px;padding-bottom:50px;font-size:13px;color:#526573}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{gap:16px}header nav{font-size:13px;gap:14px}.hero{grid-template-columns:1fr;gap:40px;padding-top:36px;padding-bottom:50px}.hero figure,.type-art{max-width:440px;width:100%;margin:auto}.context{grid-template-columns:1fr;gap:8px}.steps{grid-template-columns:1fr;gap:8px}.cards{grid-template-columns:1fr}.collection-intro h1{font-size:48px}main>section:not(.hero):not(.cards){padding:44px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.planning-example blockquote{margin:28px 0;padding:28px 32px;border-left:3px solid #226a95;background:#edf5fa;border-radius:0 18px 18px 0;font-size:clamp(19px,2vw,24px);line-height:1.55;max-width:46ch}.planning-example>p{max-width:76ch}

.cards .card-art{margin:0 0 18px}.cards .card-art .portrait{width:100%;height:auto;aspect-ratio:760/1023;object-fit:contain;border-radius:12px}.cards .card-art figcaption{font-size:10px;line-height:1.4}

.cards .card-placeholder{padding:24px;margin-bottom:18px;border-radius:12px}.cards .card-placeholder strong{font-size:32px}

.product-image-link{display:block;border-radius:12px;text-decoration:none}.product-image-link:focus-visible{outline:3px solid #087dc3;outline-offset:6px}.product-image-link:hover .portrait{box-shadow:0 0 0 3px #bfd4e5}