body.catalogue{background:#bad9ea url('collection-landscape.svg') center center/cover fixed no-repeat;color:#223746;--ink:#223746;--paper:#f9f6ef;--gold:#657e8d;min-height:100svh}
.catalogue .site-header{height:84px;color:#243b4b}
.catalogue .brand img{filter:brightness(.22);opacity:.95}
.catalogue main{min-height:calc(100svh - 100px);position:relative}
.catalogue .catalogue-intro{padding:112px var(--edge) 26px;max-width:1160px;margin:auto}
.catalogue .catalogue-intro h1{font-size:clamp(44px,5vw,64px);margin:0;letter-spacing:-.055em;line-height:1.1}
.catalogue .catalogue-list{display:flex;flex-direction:column;gap:18px;padding:0 var(--edge) 55px;max-width:1160px;margin:auto}
.catalogue .catalogue-product{border:0;position:relative;width:calc(100% - 32px)}
.catalogue .catalogue-product:nth-child(even){align-self:flex-end}
.catalogue-row{display:grid;grid-template-columns:92px minmax(180px,1fr) minmax(180px,1.3fr) 44px;gap:24px;align-items:center;min-height:142px;padding:24px 28px;background:linear-gradient(120deg,#fffdf7f5,#f4f6f2eb);border:1px solid #ffffffd9;border-radius:20px;box-shadow:0 5px 0 #dbe4e5,0 22px 35px -20px #264c6670,0 3px 8px #31516a08;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;transform:translateY(0)}
.catalogue-row:hover,.catalogue-row:focus-visible{opacity:1;transform:translateY(-7px);box-shadow:0 5px 0 #dbe4e5,0 30px 42px -17px #264c6660,0 3px 8px #31516a08}
.catalogue-row:focus-visible{outline:2px solid #245778;outline-offset:7px}
.catalogue-identity .eyebrow{display:flex;gap:10px;color:#6d7f85;font-size:8px;letter-spacing:.11em;line-height:1.5}
.product-number{font-variant-numeric:tabular-nums;color:#97a5a6}
.catalogue-identity h2{font-size:clamp(26px,2.7vw,38px);line-height:1.06;letter-spacing:-.055em;margin:8px 0 0}
.catalogue-description{color:#566b73;font-size:13px;line-height:1.65;margin:0;max-width:330px}
.catalogue-arrow{height:40px;width:40px;display:grid;place-items:center;border:1px solid #b1c3c9;border-radius:50%;font-size:21px;color:#3b6479;transition:background .25s,color .25s}
.catalogue-row:hover .catalogue-arrow{background:#315a70;color:#fff;border-color:#315a70}
.product-object{height:86px;width:92px;display:grid;place-items:center;border-radius:18px;position:relative;background:#e0e9e2;perspective:400px}
.product-object.lightwell{background:linear-gradient(145deg,#e7eddc,#cddfcf)}
.camera-body{width:63px;height:43px;background:linear-gradient(#46685f,#274a43);border-radius:9px;box-shadow:3px 6px 0 #adc3b6;position:relative;transform:rotate(-8deg)}
.camera-body:before{content:'';position:absolute;left:10px;top:-7px;width:24px;height:10px;border-radius:4px 4px 0 0;background:#406258}
.camera-body:after{content:'';width:6px;height:4px;position:absolute;right:7px;top:8px;background:#e7dba9;border-radius:1px}
.camera-body i{position:absolute;left:19px;top:7px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#b4d3da 0 10%,#588a92 12% 28%,#173c43 32% 57%,#c2d0c2 60% 72%,#2b4a42 75%);box-shadow:1px 2px 3px #142d4a66}
.product-object.clavendo{background:linear-gradient(135deg,#dce7f4,#c2d3e8)}
.mini-keys{display:flex;width:71px;height:43px;padding:3px;background:#2a3e54;border-radius:5px;transform:rotate(-10deg);box-shadow:3px 5px 0 #95abc4}
.mini-keys i{flex:1;background:#fffaf0;border-right:1px solid #aeb7c2;border-radius:0 0 2px 2px;position:relative}
.mini-keys i:nth-child(3),.mini-keys i:nth-child(4){background:#bdd3ee}
.mini-keys i:not(:nth-child(3)):not(:last-child):after{content:'';position:absolute;width:6px;height:22px;right:-3px;top:0;background:#29394b;z-index:1;border-radius:0 0 2px 2px}
.product-object.daily-puzzles{background:linear-gradient(135deg,#f1e4cb,#e6cfb7)}
.puzzle-piece{width:32px;height:32px;border-radius:7px;background:#fff2d7;display:grid;place-items:center;position:absolute;left:15px;top:20px;font-size:19px;font-weight:550;box-shadow:0 4px 0 #bfa887;transform:rotate(-10deg);color:#8b6b48}
.puzzle-piece:nth-child(2){left:43px;top:12px;background:#d6a96c;color:#fff9eb;transform:rotate(10deg)}
.puzzle-piece:nth-child(3){left:37px;top:42px;background:#a37756;color:#fff2dd;transform:rotate(-5deg)}
.catalogue .site-footer{background:#f7f3e9b8;backdrop-filter:blur(18px);color:#354e54;min-height:100px;padding:25px var(--edge);align-items:center;border-top:1px solid #ffffff60}
.catalogue .site-footer nav{font-size:12px}.catalogue .footer-note{flex-basis:auto;color:#6b7e79;font-size:9px}.catalogue .site-footer .brand{font-size:20px}.catalogue .site-footer .brand img{width:26px;height:26px}
@media(max-width:900px){.catalogue-row{grid-template-columns:76px minmax(0,1fr) 40px;gap:8px 20px;padding:20px 23px;min-height:148px}.product-object{grid-column:1;grid-row:1 / 3;width:76px;height:80px}.catalogue-identity{grid-column:2;grid-row:1}.catalogue-description{grid-column:2;grid-row:2;max-width:100%;font-size:12px}.catalogue-arrow{grid-column:3;grid-row:1 / 3}.catalogue-identity h2{font-size:30px}.catalogue .catalogue-intro{padding-top:105px;padding-bottom:24px}.catalogue .catalogue-list{padding-bottom:40px}.catalogue .footer-note{display:none}}
@media(max-width:540px){body.catalogue{background-position:60% center}.catalogue .site-header{height:76px}.catalogue .catalogue-intro{padding-top:94px;padding-bottom:22px}.catalogue .catalogue-intro h1{font-size:44px}.catalogue .catalogue-list{gap:16px}.catalogue .catalogue-product{width:100%}.catalogue-row{grid-template-columns:55px minmax(0,1fr) 30px;gap:10px 13px;padding:19px 16px;border-radius:16px;min-height:158px}.product-object{width:55px;height:58px;grid-row:1;border-radius:13px;overflow:hidden}.camera-body{transform:scale(.68) rotate(-8deg)}.mini-keys{transform:scale(.65) rotate(-10deg);flex-shrink:0}.puzzle-piece{transform:scale(.7) rotate(-10deg);left:0;top:4px}.puzzle-piece:nth-child(2){transform:scale(.7) rotate(10deg);left:22px;top:0}.puzzle-piece:nth-child(3){transform:scale(.7) rotate(-5deg);left:16px;top:24px}.catalogue-identity h2{font-size:26px}.catalogue-identity .eyebrow{font-size:7px;letter-spacing:.05em;gap:6px}.catalogue-description{grid-column:1 / 4;font-size:12px;line-height:1.55}.catalogue-arrow{width:30px;height:30px;font-size:18px;grid-row:1}.catalogue .site-footer{padding:18px 24px;gap:14px;min-height:80px}.catalogue .site-footer nav{width:auto;gap:20px}.catalogue .site-footer .brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){.catalogue-row:hover,.catalogue-row:focus-visible{transform:none}}
.camera-body,.mini-keys{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg)}
.mini-keys{transform:translate(-50%,-50%) rotate(-10deg)}
@media(max-width:540px){.camera-body{transform:translate(-50%,-50%) scale(.68) rotate(-8deg)}.mini-keys{transform:translate(-50%,-50%) scale(.65) rotate(-10deg)}}
.catalogue .site-header .account-button{background:#294a5c;color:#fffaf1;border-color:#294a5c}