.concept-d{--acid:#bceaff}.concept-d .label-two{background:#ddecff;color:#102b63}.concept-d .ticker i{color:#9dbaff80}
.catalog-section{background:#0c1017;color:#fff;overflow:hidden;--catalog-accent:#82a7ff;--book-space:280px;--book-w:230px;--book-h:318px}
.catalog-heading{padding:52px 4.7% 0;position:relative;z-index:2}.catalog-heading .section-index{color:#718096;margin-bottom:34px}.catalog-heading h2{font-size:clamp(24px,3vw,44px);font-weight:650;letter-spacing:-.055em;line-height:1.2;text-align:center;white-space:nowrap}.catalog-heading h2>span{font-weight:300;color:#78869d;margin:0 15px}.catalog-heading>p{text-align:center;color:#8994a6;font-size:12px;line-height:1.8;margin:17px 0 0}
.catalog-showcase{position:relative;height:435px;isolation:isolate;touch-action:pan-y;outline:none;background:radial-gradient(ellipse at 50% 85%,#26314e55,transparent 62%)}.catalog-backword{position:absolute;inset:25px 0 auto;text-align:center;font-size:clamp(110px,19vw,280px);font-weight:750;letter-spacing:-.075em;line-height:1;color:#ffffff04;pointer-events:none;white-space:nowrap;transition:opacity .3s}.catalog-shelf{position:absolute;inset:0;perspective:1500px;transform-style:preserve-3d;overflow:visible}.catalog-item{position:absolute;top:56px;left:50%;width:var(--book-w);height:var(--book-h);border:0;padding:0;background:none;transform-style:preserve-3d;transform:translate3d(calc(-50% + var(--slot,0)*var(--book-space)),var(--book-y,0px),var(--book-z,0px)) rotateY(var(--book-yaw,-15deg)) rotateZ(var(--book-tilt,-5deg)) scale(var(--book-scale,1));opacity:var(--book-opacity,0);transition:transform 1s cubic-bezier(.22,.75,.2,1),opacity .8s;z-index:var(--book-order,0);will-change:transform;pointer-events:var(--book-pointer,none)}.catalog-item[aria-pressed=true]{cursor:default}.catalog-item:focus-visible{outline:2px solid #83a7ff;outline-offset:18px;border-radius:2px}
.book-object{position:absolute;inset:0;display:block;transform-style:preserve-3d;animation:bookBreathe 7s ease-in-out infinite;animation-delay:var(--float-delay,0s)}.book-front{position:absolute;inset:0;display:block;transform:translateZ(11px);background:#1d2535;backface-visibility:hidden;box-shadow:inset 5px 0 10px #0005;overflow:hidden;border-radius:1px 3px 3px 1px}.book-front:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,#fff0 20%,#ffffff0a 48%,#ffffff24 49%,#ffffff00 52%,#00000008 95%);pointer-events:none;mix-blend-mode:screen}.book-front img{width:100%;height:100%;object-fit:cover;pointer-events:none}.book-back{position:absolute;inset:0;background:#202b3e;transform:translateZ(-11px);border-radius:3px}.book-pages{position:absolute;top:3px;bottom:3px;right:-11px;width:22px;background:repeating-linear-gradient(90deg,#f5f6f8 0 1px,#b5bcc9 1px 1.5px);transform:rotateY(90deg);border-top:2px solid #ced5df;border-bottom:2px solid #aeb7c6}.book-spine{position:absolute;left:-11px;top:0;bottom:0;width:22px;background:#1d3cb3;transform:rotateY(-90deg);color:white;display:flex;align-items:center;justify-content:center;overflow:hidden}.book-spine>span{writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;white-space:nowrap}.book-object-final .book-spine,.book-object-secret .book-spine{background:#b9c7de;color:#243650}.book-object-hacker .book-spine{background:#131c31}.book-object-blank .book-spine,.book-object-comma .book-spine,.book-object-dot .book-spine,.book-object-marking .book-spine{background:#e2e6eb;color:#6d7582}.catalog-baseline{position:absolute;left:20%;right:20%;bottom:11px;height:22px;border-radius:50%;background:#0008;filter:blur(20px);z-index:-1}.catalog-arrow{position:absolute;top:48%;z-index:20;width:43px;height:43px;border-radius:50%;background:#0c101799;border:1px solid #ffffff24;color:#e8efff;font-size:18px;display:grid;place-items:center;transition:border-color .25s,background .25s}.catalog-arrow:hover{background:#2859f5;border-color:#2859f5}.catalog-prev{left:4.7%}.catalog-next{right:4.7%}
.catalog-caption{position:relative;text-align:center;z-index:2;min-height:122px;padding:0 8%;max-width:750px;margin:auto}.catalog-brand{font-size:9px;letter-spacing:.12em;color:#829cce}.catalog-caption h3{font-size:25px;font-weight:550;letter-spacing:-.045em;margin:14px 0 12px;line-height:1.4}.catalog-caption p{font-size:12px;line-height:1.85;color:#a1adbf;max-width:560px;margin:0 auto}.catalog-caption.is-changing h3,.catalog-caption.is-changing p{animation:captionIn .55s ease both}.catalog-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff18;margin:25px 4.7% 0;padding-top:19px}.catalog-dots{display:flex;gap:8px}.catalog-dots button{width:30px;height:28px;border:0;border-bottom:1px solid transparent;background:none;color:#67748a;font-size:10px;padding:0;transition:color .25s,border-color .25s}.catalog-dots button[aria-pressed=true]{color:white;border-bottom-color:#82a7ff}.catalog-playback{display:flex;align-items:center;gap:20px}.catalog-playback>span:first-child{font-size:10px;color:#9cabc3;letter-spacing:.05em}.catalog-clock{display:block;width:100px;height:1px;background:#ffffff20;overflow:hidden}.catalog-clock i{height:100%;display:block;background:#8dafff;transform:scaleX(0);transform-origin:left}.catalog-playback button{width:30px;height:30px;background:none;border:1px solid #ffffff25;border-radius:50%;color:#bdcbe0;font-size:11px;display:grid;place-items:center}.catalog-note{margin:15px 4.7% 0;padding-bottom:25px;color:#66738a;font-size:8px}.catalog-care{background:#fff;color:#142746}.catalog-care .care-connection{margin-top:0;padding-top:0;border:0}.catalog-care .care-connection h3{font-size:34px}.catalog-care .care-connection p{font-size:13px}
@keyframes bookBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes catalogProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes captionIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.catalog-section{--book-space:330px;--book-w:250px;--book-h:345px}.catalog-showcase{height:465px}}
@media(max-width:760px){.catalog-section{--book-space:215px;--book-w:175px;--book-h:242px}.catalog-heading{padding-top:35px}.catalog-heading .section-index{font-size:8px;margin-bottom:32px}.catalog-heading .section-index span:first-child{letter-spacing:.04em}.catalog-heading h2{font-size:22px;letter-spacing:-.055em}.catalog-heading h2>span{margin:0 5px}.catalog-heading>p{font-size:10px;max-width:270px;margin:14px auto 0;line-height:1.8}.catalog-showcase{height:345px}.catalog-backword{top:32px;font-size:84px;letter-spacing:-.06em}.catalog-item{top:54px}.catalog-arrow{width:32px;height:32px;top:46%;font-size:14px}.catalog-prev{left:18px}.catalog-next{right:18px}.catalog-caption{min-height:134px;padding:0 24px}.catalog-brand{font-size:8px}.catalog-caption h3{font-size:21px;margin:13px 0 11px}.catalog-caption p{font-size:11px;line-height:1.85;max-width:330px}.catalog-controls{margin-top:18px;padding-top:15px}.catalog-dots{gap:1px}.catalog-dots button{width:24px;font-size:9px}.catalog-playback{gap:9px}.catalog-playback>span:first-child{font-size:8px}.catalog-clock{width:33px}.catalog-playback button{width:25px;height:25px;font-size:9px}.catalog-note{font-size:7px;padding-bottom:21px;margin-top:12px}.catalog-care .care-connection h3{font-size:28px}.catalog-care .care-connection p{font-size:11px}.book-spine>span{font-size:6px;letter-spacing:2px}}
@media(max-width:360px){.catalog-heading h2{font-size:20px}.catalog-dots button{width:21px}.catalog-clock{width:24px}.catalog-playback{gap:7px}}
@media(prefers-reduced-motion:reduce){.catalog-item{transition:none}.book-object{animation:none}.catalog-caption.is-changing h3,.catalog-caption.is-changing p{animation:none}}
.catalog-caption{min-height:140px}.catalog-note{display:flex;justify-content:space-between;gap:18px}.catalog-partner-tools{color:#8c9bb4;font-size:9px}
.catalog-item:first-child{--book-opacity:1}
@media(max-width:760px){.catalog-caption{min-height:160px}.catalog-note{display:block;line-height:1.8}.catalog-partner-tools{display:block;font-size:8px;margin-top:7px}}

/* Physical binding, inset paper block and moving studio light. */
.catalog-section{--book-w:245px;--book-h:338px;--book-space:290px}
.catalog-showcase{height:475px;background:radial-gradient(ellipse at 50% 73%,#28374b65,transparent 58%)}
.catalog-item{transition:transform 1.8s cubic-bezier(.22,.75,.2,1),opacity 1.2s}
.catalog-item:after{content:'';position:absolute;left:6%;right:-15%;top:calc(100% + 25px);height:25px;background:radial-gradient(ellipse,#000b,transparent 72%);filter:blur(9px);transform:translateZ(-65px) rotateZ(5deg);pointer-events:none;opacity:.7}
.book-object{--book-cloth:#2859f5;--binding:#1e43bc;animation:bookBreathe 8s ease-in-out infinite}
.book-object-final{--book-cloth:#f6f8fb;--binding:#d8dde6}
.book-object-hacker{--book-cloth:#111723;--binding:#101724}
.book-object-secret{--book-cloth:#d3dded;--binding:#aebcd3}
.book-object-blank,.book-object-comma,.book-object-dot,.book-object-marking{--book-cloth:#f1f3f6;--binding:#d4dae2}
.catalog-item[aria-pressed=true] .book-object{animation:bookPresentation 8s cubic-bezier(.45,0,.55,1) infinite}
.book-front{inset:-2px;transform:translateZ(19px);border-radius:2px 4px 4px 2px;border:1px solid #ffffff24;box-shadow:inset 1px 1px 1px #ffffff50,inset 6px 0 12px #0002,0 1px 1px #0007}
.book-front:before{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#00000033,transparent 2%,#ffffff12 3%,transparent 5%,transparent 94%,#00000018);box-shadow:inset 0 1px #ffffff30,inset 0 -1px #0005}
.book-front:after{background:radial-gradient(ellipse at 80% 8%,#ffffff26,transparent 58%),linear-gradient(110deg,transparent 16%,#ffffff02 34%,#ffffff17 53%,transparent 76%);background-size:140% 120%;mix-blend-mode:screen;opacity:.7;animation:coverSoftLight 7s ease-in-out infinite}
.book-front img{filter:contrast(1.03) saturate(.95)}
.book-back{inset:-2px;background:var(--book-cloth);transform:translateZ(-19px);border:1px solid #ffffff20;border-radius:2px 4px 4px 2px;box-shadow:inset 0 0 0 1px #0002}
.book-spine{left:-19px;width:38px;background:var(--binding);background-image:linear-gradient(90deg,#0008,transparent 18%,#ffffff19 47%,transparent 65%,#0004);border-radius:4px 0 0 4px;box-shadow:inset 1px 0 #ffffff40,inset -1px 0 #0005}
.book-spine>span{font-size:9px;letter-spacing:2.5px;text-shadow:0 1px 1px #0006}
.book-pages{top:3px;bottom:3px;right:-16px;width:32px;background-color:#e4e9f0;background-image:linear-gradient(90deg,#8595ad33,#ffffff33 45%,#9caac033),repeating-linear-gradient(90deg,#eef2f7 0 .8px,#cbd3df .8px 1px,#e7ecf3 1px 1.8px);border:0;border-top:1px solid #ffffff;border-bottom:1px solid #78869a;box-shadow:inset 4px 0 5px #24344d33,inset -2px 0 3px #ffffffcc}
.book-top,.book-bottom{display:block;position:absolute;left:3px;right:3px;height:32px;background:repeating-linear-gradient(0deg,#eef1f6 0 1px,#b7bfcb 1px 1.5px,#e6ebf3 1.5px 2.3px);box-shadow:inset 0 0 5px #18283e33;backface-visibility:hidden}
.book-top{top:-16px;transform:rotateX(90deg)}
.book-bottom{bottom:-16px;transform:rotateX(-90deg);background-color:#c8d1df}
.catalog-baseline{left:28%;right:24%;bottom:29px;height:28px;background:#000a;filter:blur(18px)}
@keyframes coverSoftLight{0%,100%{background-position:15% 0;opacity:.5}50%{background-position:75% 12%;opacity:.9}}
@keyframes bookPresentation{0%,100%{transform:translateY(0) rotateY(-2deg) rotateX(2deg)}50%{transform:translateY(-7px) rotateY(4deg) rotateX(-1deg)}}
@media(min-width:1600px){.catalog-section{--book-space:340px;--book-w:265px;--book-h:366px}.catalog-showcase{height:505px}}
@media(max-width:760px){.catalog-section{--book-space:220px;--book-w:185px;--book-h:255px}.catalog-showcase{height:365px}.catalog-item{top:48px}.book-front{transform:translateZ(15px)}.book-back{transform:translateZ(-15px)}.book-spine{left:-15px;width:30px}.book-spine>span{font-size:7px;letter-spacing:2px}.book-pages{right:-12px;width:24px}.book-top,.book-bottom{height:24px}.book-top{top:-12px}.book-bottom{bottom:-12px}.catalog-baseline{bottom:18px}.catalog-item:after{top:calc(100% + 21px);height:20px;filter:blur(7px)}}
@media(prefers-reduced-motion:reduce){.catalog-item[aria-pressed=true] .book-object,.book-front:after{animation:none}}