.book-scene{--bw:118px;--bh:177px;--bd:16px;--ry:26deg;--rx:5deg;inline-size:calc(var(--bw) + var(--bd) + 28px);block-size:calc(var(--bh) + 56px);perspective:1400px;perspective-origin:45% 40%;display:block;position:relative}@media (min-width:900px){.book-scene{--bw:220px;--bh:330px;--bd:30px}}@media (min-width:1280px){.book-scene{--bw:250px;--bh:375px;--bd:34px}}.book-float{inline-size:var(--bw);block-size:var(--bh);transform-style:preserve-3d;position:absolute;inset-block-start:10px;inset-inline-start:14px}.book{transform-style:preserve-3d;transform:rotateY(var(--ry)) rotateX(var(--rx));position:absolute;inset:0}.book__face{backface-visibility:hidden;position:absolute}.book__front{background:var(--navy-2);transform-origin:0;transform:translateZ(calc(var(--bd) / 2));border-radius:2px 8px 8px 2px;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.book__art{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.book__vignette{background:radial-gradient(125% 100% at 45% 36%,#0000 55%,#00000047 100%);position:absolute;inset:0}.book__light{mix-blend-mode:soft-light;background:linear-gradient(112deg,#ffffff38 0%,#ffffff0f 30%,#0000 50%,#00000024 100%);position:absolute;inset:0}.book__sheen{mix-blend-mode:soft-light;background:linear-gradient(105deg,#0000 35%,#ffffff2e 50%,#0000 65%) 90% 0/260% 100%;position:absolute;inset:0}.book__hinge{background:linear-gradient(90deg,#00000052,#00000014 40%,#ffffff1f 68%,#0000);inline-size:16px;position:absolute;inset-block:0;inset-inline-start:0}.book__words{color:#efe6d2;position:absolute;inset-block-end:11px;inset-inline:11px 9px}.book__words img{opacity:.9;block-size:8px;inline-size:auto}.book__words b{font-family:var(--font-serif);font-weight:var(--w-serif-semibold);letter-spacing:-.01em;margin-block-start:5px;font-size:.78rem;line-height:1.06;display:block}.book__words span{display:none}.book__spine{inline-size:var(--bd);block-size:100%;transform:translateX(calc(var(--bd) / -2)) rotateY(-90deg);background:linear-gradient(90deg, #0c1629, var(--navy-2) 30%, var(--navy-2-deep) 55%, #142342 88%, var(--navy-3));border-radius:2px 0 0 2px;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 0;display:flex;inset-block-start:0;inset-inline-start:0}.book__spine i{writing-mode:vertical-rl;letter-spacing:.03em;color:#efe6d2bf;white-space:nowrap;font-size:7px;font-style:normal}.book__spine img{block-size:auto;inline-size:9px}.book__pages{inline-size:var(--bd);block-size:calc(100% - 6px);transform:translateX(calc(var(--bd) / 2)) rotateY(90deg);background:linear-gradient(90deg,#0000001f,#0000 40%),repeating-linear-gradient(90deg,#f2f2f2 0 1px,#dedede 1px 2px);border-radius:0 2px 2px 0;inset-block-start:3px;inset-inline-end:0}.book__top{inline-size:calc(100% - 3px);block-size:var(--bd);transform:translateY(calc(var(--bd) / -2)) rotateX(90deg);background:repeating-linear-gradient(0deg,#f5f5f5 0 1px,#e3e3e3 1px 2px);inset-block-start:0;inset-inline-start:3px}.book__back{transform:translateZ(calc(var(--bd) / -2)) rotateY(180deg);background:#0f1a30;border-radius:8px 2px 2px 8px;inset:0}.book__shadow{pointer-events:none;border-radius:50%;position:absolute}.book__shadow--ambient{inline-size:calc(var(--bw) * 1.5);filter:blur(7px);background:radial-gradient(#0000006b 0%,#0000002e 40%,#0000 70%);block-size:38px;inset-block-end:10px;inset-inline-start:calc(var(--bw) * -.12)}.book__shadow--contact{inline-size:calc(var(--bw) * .78);filter:blur(3px);background:radial-gradient(#00000080,#0000 70%);block-size:12px;inset-block-end:23px;inset-inline-start:calc(var(--bw) * .16)}@media (min-width:900px){.book__words{inset-block-end:20px;inset-inline:20px 18px}.book__words img{block-size:14px}.book__words b{margin-block-start:10px;font-size:1.4rem}.book__words span{letter-spacing:.02em;color:var(--sky);align-items:center;gap:8px;margin-block-start:12px;font-size:.72rem;display:flex}.book__words span:before{content:"";background:var(--butter);block-size:1px;inline-size:18px}.book__spine{padding:16px 0 14px}.book__spine i{font-size:11px}.book__spine img{inline-size:15px}}@media (min-width:1280px){.book__words b{font-size:1.5625rem}}@media (min-width:900px) and (prefers-reduced-motion:no-preference){.book-float{animation:8s ease-in-out infinite book-float}.book__shadow{animation:8s ease-in-out infinite book-breathe}.book__sheen{animation:9s ease-in-out infinite book-sheen}.book,.book__front{transition:transform .7s var(--ease-out)}}@media (min-width:900px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.book-scene:hover .book-float,.book-scene:hover .book__shadow{animation-play-state:paused}.book-scene:hover .book{transform:translateY(-6px)rotateY(14deg)rotateX(2deg)}.book-scene:hover .book__front{transform:translateZ(calc(var(--bd) / 2)) rotateY(-7deg)}}@keyframes book-float{0%,to{transform:translateZ(0)rotateY(0)rotate(0)}50%{transform:translateY(-8px)rotateY(3.5deg)rotate(-.6deg)}}@keyframes book-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.94)}}@keyframes book-sheen{0%,to{background-position:90% 0}50%{background-position:10% 0}}
.serve-cards{margin:var(--space-6) 0 0;gap:var(--space-3);padding:0;list-style:none;display:grid}@media (min-width:600px){.serve-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.serve-cards li{padding:var(--space-4);border:1px solid var(--mist);border-radius:var(--r-row);background:var(--white)}.serve-cards h3{font-size:var(--step-label);line-height:var(--lh-label)}.serve-cards p{font-size:var(--step-small);line-height:var(--lh-small);color:var(--ink-soft)}.serve-cards .serve-cards__by{font-size:.75rem;font-weight:var(--w-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--navy-4);margin-block-start:var(--space-2)}.serve-cards__foot{font-size:var(--step-small);color:var(--ink-soft);margin-block-start:var(--space-4)}@media (min-width:900px){.serve-cards{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}.serve-cards li{padding:var(--space-5)}.serve-cards h3{font-size:var(--step-h4);line-height:var(--lh-h4)}}