.nav-wrap,.detail-page .nav-wrap{top:12px;left:auto;right:20px;width:auto;padding:0}
.compact-nav{display:flex;align-items:center;pointer-events:auto;border:1px solid #ffffff40;border-radius:18px;background:#262826e8;color:#fff;backdrop-filter:blur(20px);box-shadow:0 5px 20px #0002;padding:5px;gap:3px}
.mini-logo{display:grid;place-items:center;width:42px;height:36px;border-radius:12px;font-size:17px;font-weight:850;letter-spacing:-1.2px;background:linear-gradient(135deg,#f2f3f4,#a8acb1);color:#242629;box-shadow:inset 0 1px 0 #fff8}
.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:24px;padding:10px 14px;font-size:12px;user-select:none}.nav-dropdown summary::-webkit-details-marker{display:none}.menu-chevron{display:inline-block;transition:transform .2s}.nav-dropdown[open] .menu-chevron{transform:rotate(180deg)}
.dropdown-panel{position:absolute;right:-5px;top:calc(100% + 14px);min-width:230px;background:#242724f5;border:1px solid #ffffff30;box-shadow:0 16px 40px #0004;border-radius:18px;padding:8px;backdrop-filter:blur(24px)}.dropdown-panel a{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:15px 14px;border-radius:11px;font-size:14px}.dropdown-panel a:hover{background:#ffffff13}.dropdown-panel a span{color:#b0b7ac}
.brand-banner{position:relative;display:flex;align-items:center;gap:clamp(20px,4vw,68px);min-height:130px;margin:76px 16px 0;padding:22px 36px;background:linear-gradient(105deg,#171a17,#2c302b 55%,#191c19);color:#e7e9e3;border:1px solid #444b40;border-radius:18px;overflow:hidden}.brand-banner:after{content:"";position:absolute;inset:auto 3% 0;height:1px;background:linear-gradient(90deg,transparent,#becbb280,transparent)}
.brand-monogram{position:relative;font-family:Arial,sans-serif;font-weight:900;font-size:clamp(48px,6.4vw,98px);line-height:.9;letter-spacing:-8px;background:linear-gradient(165deg,#fff 5%,#d7dbd2 35%,#879080 90%);background-clip:text;-webkit-background-clip:text;color:transparent;padding-right:10px;flex-shrink:0}.brand-banner h1{font-size:clamp(26px,3.8vw,55px);font-weight:550;letter-spacing:clamp(5px,1.2vw,20px);margin:0;white-space:nowrap;line-height:1.3}.brand-signature{margin-left:auto;padding-left:15px;font-size:11px;letter-spacing:2px;color:#b2bbac;white-space:nowrap}.collection-heading{margin:25px 0 20px}.card h3{margin:16px 2px 8px;font-size:19px;line-height:1.5}.card-format{margin:0 2px;font-size:12px;line-height:1.7;color:#4b5148}.card-bottom{margin-top:12px}.card-description,.card-meta,.card-facts{display:none}.detail-page #main{padding-top:68px}.breadcrumb{margin-top:13px}
.trilogy-covers{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:14px 0;isolation:isolate;perspective:900px}.trilogy-covers .ipad{width:45%;flex-shrink:0;max-width:none;padding:8px 6px;border-radius:13px}.trilogy-covers .ipad-screen{border-radius:6px}.trilogy-covers .ipad-camera{top:2px;width:3px;height:3px}.trilogy-covers .ipad:nth-child(1){margin-right:-15%;transform:translateY(12px) rotate(-9deg);z-index:1}.trilogy-covers .ipad:nth-child(2){z-index:3;transform:translateY(-7px)}.trilogy-covers .ipad:nth-child(3){margin-left:-15%;transform:translateY(12px) rotate(9deg);z-index:2}.card:hover .trilogy-covers .ipad:nth-child(1){transform:translateY(8px) rotate(-9deg)}.card:hover .trilogy-covers .ipad:nth-child(2){transform:translateY(-11px)}.card:hover .trilogy-covers .ipad:nth-child(3){transform:translateY(8px) rotate(9deg)}
.detail-visual:has(.trilogy-covers){align-self:stretch;justify-content:center;min-height:440px;padding:40px 22px}.detail-visual .trilogy-covers{height:auto;min-height:280px}.detail-visual .trilogy-covers .ipad{width:43%;padding:10px 7px;border-radius:15px;box-shadow:inset 0 0 0 1px #333,3px 2px 0 #777,10px 20px 25px #0004}.detail-visual .trilogy-covers .ipad:after{display:none}.detail-visual .trilogy-covers .ipad-camera{top:3px}.detail-visual .trilogy-covers .ipad-screen{border-radius:7px}
.commerce-section{max-width:1200px;margin:36px auto 0;background:#96999066;border:1px solid #73796e55;border-radius:22px;padding:36px}.commerce-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.commerce-heading h2{font-size:34px;letter-spacing:-1px;margin:0}.commerce-heading>p{font-size:12px;line-height:1.9;color:#51564d;margin:0}.commerce-heading .section-label{margin-bottom:10px}.commerce-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px}.commerce-tile{margin:0;background:#272b26;border:1px solid #535b4e;border-radius:15px;overflow:hidden;box-shadow:0 5px 14px #0001}.detail-image-button{display:block;width:100%;border:0;padding:0;background:#272b26;cursor:zoom-in}.detail-image-button img{width:100%;height:auto;object-fit:contain;filter:none}.detail-image-button:hover img,.detail-image-button:focus-visible img{filter:none}.commerce-tile figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;color:#bfc7b8;font-size:11px;line-height:1.6}.commerce-tile figcaption>span:last-child{white-space:nowrap;color:#d5ddce}
.image-dialog{position:fixed;max-width:95vw;width:min(1100px,95vw);max-height:94vh;margin:auto;border:1px solid #6f7868;border-radius:18px;background:#1a1d19;color:#fff;padding:0;overscroll-behavior:contain;overflow:auto;box-shadow:0 20px 90px #0008}.image-dialog::backdrop{background:#10130fe8;backdrop-filter:blur(12px)}.viewer-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;z-index:2;background:#20241ff5;border-bottom:1px solid #ffffff25}.viewer-caption{margin:0;font-size:13px;line-height:1.5}.viewer-close{border:1px solid #ffffff40;border-radius:30px;background:#ffffff12;color:#fff;padding:9px 16px;font-size:13px;cursor:pointer;white-space:nowrap}.viewer-image{display:block;width:100%;height:auto}.lightbox-open{overflow:hidden}.detail-section.contents-layout{margin-top:0}.audience-panel{padding:38px 32px!important}.audience-panel h2{font-size:28px;margin-bottom:20px}.audience-panel .audience-copy{font-size:17px}
@media(min-width:1600px){.brand-banner{min-height:150px;padding-left:50px;padding-right:50px}.brand-banner h1{font-size:64px;letter-spacing:25px}.brand-monogram{font-size:110px}}
@media(max-width:1000px){.brand-signature{display:none}.brand-banner{justify-content:center}.commerce-section{padding:24px}.commerce-gallery{gap:18px}.commerce-heading h2{font-size:30px}.detail-visual:has(.trilogy-covers){min-height:360px}}
@media(max-width:540px){.nav-wrap,.detail-page .nav-wrap{top:10px;right:12px}.compact-nav{padding:4px;border-radius:15px}.mini-logo{width:37px;height:30px;font-size:15px;border-radius:10px}.nav-dropdown summary{padding:8px 11px;font-size:11px;gap:18px}.dropdown-panel{min-width:215px;top:calc(100% + 12px)}.brand-banner{margin:64px 12px 0;min-height:100px;padding:18px 18px;gap:23px;border-radius:14px}.brand-monogram{font-size:50px;letter-spacing:-4px;padding-right:2px}.brand-banner h1{font-size:25px;letter-spacing:3px}.card h3{font-size:16px;margin:12px 1px 6px}.card-format{font-size:11px;margin-left:1px}.card-bottom{gap:7px;margin-top:8px}.detail-page #main{padding-top:62px}.breadcrumb{font-size:11px;margin-bottom:16px}.trilogy-covers{padding:5px 0}.trilogy-covers .ipad{width:47%;padding:5px 4px;border-radius:8px}.trilogy-covers .ipad-screen{border-radius:4px}.trilogy-covers .ipad-camera{width:2px;height:2px;top:1px}.trilogy-covers .ipad:nth-child(1){margin-right:-17%}.trilogy-covers .ipad:nth-child(3){margin-left:-17%}.detail-visual:has(.trilogy-covers){min-height:315px;padding:23px 22px}.detail-visual .trilogy-covers{min-height:230px}.detail-visual .trilogy-covers .ipad{width:43%;padding:7px 5px;border-radius:11px}.detail-visual .trilogy-covers .ipad-camera{top:2px;width:3px;height:3px}.commerce-section{padding:18px 12px;border-radius:16px;margin-top:25px}.commerce-heading{display:block;padding:5px 6px;margin-bottom:22px}.commerce-heading h2{font-size:27px}.commerce-heading>p{font-size:11px;margin-top:12px}.commerce-gallery{grid-template-columns:1fr;gap:17px}.commerce-tile{border-radius:11px}.commerce-tile figcaption{padding:12px 13px;font-size:10px}.image-dialog{width:96vw;max-width:96vw;max-height:96vh;border-radius:12px}.viewer-bar{padding:10px 12px}.viewer-caption{font-size:11px}.viewer-close{font-size:12px;padding:8px 12px}.audience-panel{padding:32px 12px!important}.audience-panel h2{font-size:26px}}
/* Keep all three titles visible in the bundled cover. */
.trilogy-covers{gap:2%;padding-left:5px;padding-right:5px}
.cover-frame .trilogy-covers .ipad,.detail-visual .trilogy-covers .ipad{width:30%;margin-left:0;margin-right:0}
.trilogy-covers .ipad:nth-child(1),.card:hover .trilogy-covers .ipad:nth-child(1){transform:translateY(7px) rotate(-5deg)}
.trilogy-covers .ipad:nth-child(3),.card:hover .trilogy-covers .ipad:nth-child(3){transform:translateY(7px) rotate(5deg)}
/* A complete row split equally among the three original book covers. */
.card:has(.trilogy-covers){grid-column:1/-1}
.cover-frame:has(.trilogy-covers){aspect-ratio:auto;padding:18px;background:radial-gradient(ellipse at 50% 35%,#d1d1cb,#a2a49c)}
.trilogy-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;height:auto;min-height:0;padding:0;perspective:none;align-items:start}
.cover-frame .trilogy-covers .ipad,.detail-visual .trilogy-covers .ipad{width:100%;max-width:none;margin:0;padding:12px 8px;border-radius:18px}
.trilogy-covers .ipad:nth-child(n),.card:hover .trilogy-covers .ipad:nth-child(n){transform:none}
.trilogy-covers .ipad-screen{aspect-ratio:3/4;border-radius:9px}
.detail-visual:has(.trilogy-covers){align-self:center;min-height:0;padding:20px}
.detail-visual .trilogy-covers{min-height:0;height:auto;gap:12px}
.detail-image-button img,.detail-image-button:hover img,.detail-image-button:focus-visible img{filter:none}
@media(max-width:540px){.cover-frame:has(.trilogy-covers){padding:10px}.trilogy-covers{gap:9px}.cover-frame .trilogy-covers .ipad,.detail-visual .trilogy-covers .ipad{padding:7px 5px;border-radius:10px}.trilogy-covers .ipad-screen{border-radius:5px}.detail-visual:has(.trilogy-covers){min-height:0;padding:12px}.detail-visual .trilogy-covers{min-height:0;gap:9px}.card:has(.trilogy-covers) .card-bottom{flex-direction:row;align-items:center}}