.ip4-rec{color:#f3eee6;max-width:1320px;margin:0 auto;padding:4px 0 70px}.ip4-rec-hero{background:radial-gradient(at 85% 3%,#b58a4b30,#0000 55%),linear-gradient(125deg,#27251f,#131619 80%);border:1px solid #d8b47b44;border-radius:19px;justify-content:space-between;align-items:center;gap:30px;min-height:235px;padding:clamp(24px,4vw,49px);display:flex;overflow:hidden}.ip4-rec-eyebrow{color:#d6bd8b;letter-spacing:.14em;font-size:11px;font-weight:700}.ip4-rec-hero h1{letter-spacing:-.045em;margin:16px 0;font-size:clamp(35px,4.4vw,60px);line-height:1.04}.ip4-rec-hero h1 em{color:#e9c88d;font-weight:400}.ip4-rec-hero p{color:#b8b9bb;max-width:620px;margin:0;font-size:15px;line-height:1.7}.ip4-rec-seal{letter-spacing:-.12em;background:#c2a06610;border:1px solid #bea3775e;border-radius:100%;flex:0 0 170px;justify-content:center;align-items:center;width:170px;height:170px;font-size:65px;font-weight:800;display:flex;position:relative;transform:rotate(-12deg)}.ip4-rec-seal span{color:#ebc88c}.ip4-rec-seal small{letter-spacing:.2em;color:#cdbb9d;font-size:10px;position:absolute;bottom:22px}.ip4-rec-ad{color:#bdb9b0;background:#b5915b12;border:1px solid #d1b17d46;border-radius:10px;align-items:flex-start;gap:18px;margin:22px 0 28px;padding:15px 19px;font-size:12px;line-height:1.6;display:flex}.ip4-rec-ad strong{color:#e4c390;min-width:170px}.ip4-rec-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.ip4-rec-groups{flex-wrap:wrap;gap:7px;display:flex}.ip4-rec-groups button{cursor:pointer;color:#c1bdba;font:inherit;background:#242427;border:1px solid #fff2;border-radius:10px;align-items:center;gap:10px;padding:12px 15px;font-size:13px;display:flex}.ip4-rec-groups button span{color:#9c9383;font-size:11px}.ip4-rec-groups .selected,.ip4-rec-filters .selected{color:#f1d6a7!important;background:#b18d5329!important;border-color:#d6b078a8!important}.ip4-rec-search{background:#252528;border:1px solid #ffffff30;border-radius:10px;align-items:center;gap:12px;width:min(350px,100%);padding:0 13px;display:flex}.ip4-rec-search span:not(.ip4-rec-sr){color:#cfb078;font-size:23px}.ip4-rec-search input{color:#f4efe6;min-width:0;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:13px 0;font-size:13px}.ip4-rec-search:focus-within{border-color:#e5c390}.ip4-rec-sr{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.ip4-rec-filters{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:25px;display:flex}.ip4-rec-filters>span{letter-spacing:.1em;color:#918c85;margin-right:9px;font-size:10px}.ip4-rec-filters button{cursor:pointer;color:#aca9a7;font:inherit;background:0 0;border:1px solid #ffffff23;border-radius:30px;padding:8px 12px;font-size:12px}.ip4-rec-filters button:hover,.ip4-rec-groups button:hover{border-color:#cdaa78}.ip4-rec-count{color:#99989a;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;font-size:12px;display:flex}.ip4-rec-count b{color:#ebca92}.ip4-rec-count small{font-size:11px}.ip4-rec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.ip4-rec-card{background:linear-gradient(150deg,#242427,#17191c);border:1px solid #ffffff25;border-radius:16px;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.ip4-rec-card:hover{border-color:#bb9964;transform:translateY(-3px);box-shadow:0 12px 28px #0005}.ip4-rec-art{height:214px;position:relative;overflow:hidden}.ip4-rec-art.is-book{background:radial-gradient(at 50% 40%,#94744455,#0000 72%),linear-gradient(145deg,#383329,#13191c)}.ip4-rec-art.is-setup{background:radial-gradient(at 50% 40%,#58718255,#0000 72%),linear-gradient(145deg,#1c3038,#131719)}.ip4-rec-art>img{object-fit:contain;background:#f4f2ed;width:100%;height:100%;padding:14px;display:block}.ip4-rec-illustration{flex-direction:column;justify-content:center;align-items:center;gap:26px;height:100%;display:flex}.ip4-rec-object{background:linear-gradient(130deg,#b89a71,#685336);border:1px solid #ffe4a94d;border-radius:3px 7px 7px 3px;width:80px;height:105px;position:relative;transform:rotate(-8deg);box-shadow:-10px 13px #111b,10px 15px 25px #0008}.ip4-rec-object:after{content:"";border-top:1px solid #f6e4b866;border-bottom:1px solid #f6e4b866;position:absolute;inset:20px}.ip4-rec-art.is-setup .ip4-rec-object{background:linear-gradient(135deg,#37464c,#1b2427);border:6px solid #879296;border-radius:7px;width:132px;height:76px;transform:rotate(-5deg)}.ip4-rec-art.is-setup .ip4-rec-object:after{background:#879296;border:0;width:9px;height:20px;inset:auto auto -25px 58px}.ip4-rec-illustration small{letter-spacing:.15em;color:#c5b5a0;font-size:10px}.ip4-rec-visual-note{color:#cac2b6;background:#17191bd9;border:1px solid #ffffff30;border-radius:6px;padding:6px 9px;font-size:10px;position:absolute;top:11px;right:11px}.ip4-rec-info{flex-direction:column;flex:1;align-items:flex-start;gap:11px;padding:20px;display:flex}.ip4-rec-meta{color:#d2b583;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.ip4-rec-meta span+span{color:#93969a}.ip4-rec-badge{color:#292011;background:#dfb978;border-radius:100px;padding:5px 9px;font-size:10px}.ip4-rec-info h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700;line-height:1.3}.ip4-rec-info p{color:#aaa9aa;flex:1;min-height:65px;margin:0;font-size:13px;line-height:1.6}.ip4-rec-link{color:#201b15;background:#e4c38e;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 15px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.ip4-rec-link:hover{background:#f3d5a5}.ip4-rec-link span{font-size:19px}.ip4-rec-info>small{color:#979494;font-size:10px}.ip4-rec-empty{text-align:center;border:1px solid #ffffff25;border-radius:13px;padding:55px 20px}.ip4-rec-empty p{color:#aaa}.ip4-rec-empty button{color:#e9c78b;cursor:pointer;background:#ae895726;border:1px solid #d3b378;border-radius:8px;padding:10px 14px}.ip4-rec-footer{color:#e5c690;border-top:1px solid #ffffff24;margin-top:35px;padding-top:21px}.ip4-rec-footer p{color:#aaa;max-width:760px;font-size:12px;line-height:1.7}.ip4-rec :is(button,a,input):focus-visible{outline-offset:3px;outline:2px solid #e5c390}@media (max-width:1150px){.ip4-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.ip4-rec-hero{min-height:0;padding:28px 23px}.ip4-rec-seal{display:none}.ip4-rec-ad{flex-direction:column;gap:4px}.ip4-rec-toolbar{flex-direction:column;align-items:stretch}.ip4-rec-search{width:100%}.ip4-rec-filters{flex-wrap:nowrap;padding-bottom:9px;overflow-x:auto}.ip4-rec-filters>*{flex-shrink:0}.ip4-rec-groups{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ip4-rec-groups button{flex-direction:column;justify-content:center;gap:5px;padding:10px 7px;font-size:11px}.ip4-rec-art{height:175px}.ip4-rec-info{padding:15px}.ip4-rec-grid{gap:12px}}@media (max-width:520px){.ip4-rec-grid{grid-template-columns:1fr}.ip4-rec-art{height:215px}.ip4-rec-hero h1{font-size:39px}}@media (prefers-reduced-motion:reduce){.ip4-rec-card{transition:none}.ip4-rec-card:hover{transform:none}}.ip4-rec-stage{margin-top:35px}.ip4-rec-stage-header{margin-bottom:22px}.ip4-rec-stage-header h2,.ip4-rec-results-header h2{letter-spacing:-.035em;color:#f3eee6;margin:9px 0;font-size:clamp(27px,3vw,38px);line-height:1.2}.ip4-rec-stage-header p,.ip4-rec-results-header p{color:#b5b1a8;margin:0;font-size:14px;line-height:1.7}.ip4-rec-gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.ip4-rec-gateway{cursor:pointer;color:#f5efe3;text-align:left;background:radial-gradient(at 47% 42%,#86664255,#0000 72%),linear-gradient(150deg,#383023,#151b1f 82%);border:1px solid #8b795c88;border-radius:17px;flex-direction:column;min-height:485px;padding:25px 28px 30px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.ip4-rec-gateway.is-equipment{background:radial-gradient(at 49% 42%,#54808b4f,#0000 68%),linear-gradient(150deg,#263e43,#14191e 81%);border-color:#68818c88}.ip4-rec-gateway:hover{border-color:#e7c388;transform:translateY(-4px);box-shadow:0 22px 32px #0005}.ip4-rec-gateway-kicker{color:#d4bc95;letter-spacing:.16em;font-size:11px;font-weight:700}.ip4-rec-gateway-art{filter:drop-shadow(12px 18px 12px #0006);flex:1;justify-content:center;align-items:center;height:220px;margin:8px 0 14px;display:flex;position:relative}.ip4-rec-book{border:1px solid #ffffff36;border-radius:4px 10px 10px 4px;width:75px;height:145px;display:block;position:absolute;bottom:34px;box-shadow:inset -9px 0 4px #0003,8px 8px 3px #0004}.ip4-rec-book.one{background:linear-gradient(110deg,#a79a80,#5e5140);left:calc(50% - 106px);transform:rotate(-18deg)}.ip4-rec-book.two{background:linear-gradient(110deg,#d3af74,#856a45);height:161px;bottom:39px;left:calc(50% - 35px);transform:rotate(3deg)}.ip4-rec-book.three{background:linear-gradient(110deg,#b1b7b2,#525b5b);height:139px;left:calc(50% + 33px);transform:rotate(15deg)}.ip4-rec-display{background:linear-gradient(140deg,#18252c,#344b52 65%,#14191d);border:9px solid #788c90;border-radius:10px;width:202px;height:130px;position:relative;transform:rotate(-4deg);box-shadow:0 0 0 2px #c0cdcd25,0 22px 22px #0005}.ip4-rec-display:after{content:"";background:#798b8c;border-radius:0 0 3px 3px;width:11px;height:40px;position:absolute;bottom:-48px;left:calc(50% - 5px);box-shadow:0 37px 0 25px #65787b}.ip4-rec-keyboard{background:repeating-linear-gradient(90deg,#758b89 0 8px,#32434b 8px 12px);border-radius:8px;width:190px;height:23px;position:absolute;bottom:28px;transform:perspective(120px)rotateX(32deg);box-shadow:0 4px 10px #0007}.ip4-rec-mouse{background:#bbc4b8;border-radius:13px 13px 9px 9px;width:22px;height:29px;position:absolute;bottom:21px;left:calc(50% + 118px)}.ip4-rec-gateway-copy{z-index:1;margin-top:auto;position:relative}.ip4-rec-gateway-copy small{color:#d2b887;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.ip4-rec-gateway-copy h3{letter-spacing:-.035em;margin:9px 0;font-size:clamp(25px,3vw,35px);line-height:1.15}.ip4-rec-gateway-copy p{color:#c4bdb0;max-width:335px;margin:0 0 19px;font-size:13px;line-height:1.5}.ip4-rec-gateway-copy>span{color:#f2d49e;border-top:1px solid #ffffff3d;justify-content:space-between;align-items:center;width:100%;padding-top:15px;font-size:13px;font-weight:700;display:flex}.ip4-rec-gateway-copy b{font-size:22px}.ip4-rec-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.ip4-rec-category{color:#f3eee7;cursor:pointer;text-align:left;background:linear-gradient(140deg,#282725,#15191d);border:1px solid #ffffff2c;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:215px;padding:22px;transition:transform .2s,border-color .2s;display:flex;position:relative}.ip4-rec-category:hover{border-color:#d5b682;transform:translateY(-3px)}.ip4-rec-category.is-all{background:radial-gradient(at 75% 0,#b5925f42,#0000 75%),linear-gradient(140deg,#342a21,#161a1c);border-color:#c0a07188}.ip4-rec-category-icon{color:#e4c18b;padding:8px 0 10px;font-size:30px;line-height:1}.ip4-rec-category small{letter-spacing:.1em;color:#a6a09a;text-transform:uppercase;font-size:10px}.ip4-rec-category h3{margin:10px 0 8px;font-size:19px;line-height:1.22}.ip4-rec-category p{color:#aba9aa;margin:0 0 19px;padding-right:13px;font-size:12px;line-height:1.45}.ip4-rec-category-arrow{color:#d9bb85;font-size:21px;position:absolute;bottom:14px;right:18px}.ip4-rec-breadcrumb{color:#9a948b;flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0;font-size:12px;display:flex}.ip4-rec-breadcrumb button{cursor:pointer;color:#d3b684;font:inherit;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.ip4-rec-breadcrumb strong{color:#d9d3c9;font-weight:600}.ip4-rec-back{color:#e9c992;cursor:pointer;background:#bda07316;border:1px solid #bda07366;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:650}.ip4-rec-stage>.ip4-rec-back{margin-top:25px}.ip4-rec-results-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.ip4-rec-results-header>.ip4-rec-back{flex-shrink:0}.ip4-rec-stage .ip4-rec-toolbar{margin-bottom:24px}.ip4-rec-stage .ip4-rec-count{white-space:nowrap;margin:0}@media (max-width:1120px){.ip4-rec-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.ip4-rec-gateway-grid{grid-template-columns:1fr}.ip4-rec-gateway{min-height:365px}.ip4-rec-gateway-art{height:175px}.ip4-rec-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ip4-rec-category{min-height:195px;padding:15px}.ip4-rec-category h3{font-size:16px}.ip4-rec-category p{font-size:11px}.ip4-rec-results-header{flex-direction:column;align-items:flex-start}.ip4-rec-stage .ip4-rec-toolbar{flex-direction:column;align-items:stretch}.ip4-rec-stage .ip4-rec-count{white-space:normal}}@media (max-width:420px){.ip4-rec-category-grid{grid-template-columns:1fr}.ip4-rec-category{min-height:175px}.ip4-rec-gateway{min-height:350px}}@media (prefers-reduced-motion:reduce){.ip4-rec-category,.ip4-rec-gateway{transition:none}.ip4-rec-category:hover,.ip4-rec-gateway:hover{transform:none}}.ip4-rec-art{justify-content:center;align-items:center;display:flex}.ip4-rec-cover{background:linear-gradient(115deg,#c3a270,#55422b);border-left:7px solid #fff3;border-radius:2px 8px 8px 2px;flex-direction:column;justify-content:space-between;gap:12px;width:min(55%,172px);height:186px;padding:17px 13px 15px;display:flex;position:relative;transform:rotate(-6deg);box-shadow:-9px 7px #0005,9px 14px 20px #0008}.ip4-rec-cover:after{content:"";pointer-events:none;border-top:1px solid #ffe7bd66;border-bottom:1px solid #ffe7bd66;position:absolute;inset:26px 12px}.ip4-rec-cover.theme-0{color:#201b17;background:linear-gradient(130deg,#c8b9a0,#806b52)}.ip4-rec-cover.theme-1{color:#f6e5d3;background:linear-gradient(130deg,#a67c62,#493c35)}.ip4-rec-cover.theme-2{color:#f4eee4;background:linear-gradient(130deg,#5c7675,#233e48)}.ip4-rec-cover.theme-3{color:#241b16;background:linear-gradient(130deg,#c7a66d,#67513d)}.ip4-rec-cover.theme-4{color:#f8ecdf;background:linear-gradient(130deg,#8d7c9d,#322c46)}.ip4-rec-cover small,.ip4-rec-cover span{letter-spacing:.1em;z-index:1;font-size:8px;line-height:1.3;position:relative}.ip4-rec-cover strong{letter-spacing:-.03em;word-break:normal;overflow-wrap:anywhere;-webkit-line-clamp:6;z-index:1;-webkit-box-orient:vertical;font-size:clamp(13px,1.5vw,19px);font-weight:800;line-height:1.13;display:-webkit-box;position:relative;overflow:hidden}.ip4-rec-device{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;padding:32px 17px 14px;display:flex}.ip4-rec-device-shape{background:linear-gradient(130deg,#21353e,#3d6972 45%,#18242a);border:8px solid #a7afae;border-bottom-width:12px;border-radius:9px;width:134px;height:85px;position:relative;box-shadow:0 11px 20px #0008}.ip4-rec-device-shape:after{content:"";background:#9da8a6;width:8px;height:18px;position:absolute;bottom:-30px;left:calc(50% - 4px);box-shadow:0 17px 0 8px #788887}.ip4-rec-device-shape span{border-top:1px solid #e3efed88;border-bottom:1px solid #e3efed88;position:absolute;inset:18px;transform:skew(-8deg)}.ip4-rec-device.is-laptop .ip4-rec-device-shape{border-width:6px 6px 10px;width:143px;height:80px}.ip4-rec-device.is-laptop .ip4-rec-device-shape:after{border-radius:4px;width:165px;height:8px;bottom:-16px;left:-17px;box-shadow:0 5px 7px #0006}.ip4-rec-device.is-audio .ip4-rec-device-shape{width:104px;height:105px;box-shadow:none;background:0 0;border:13px solid #a1aba7;border-bottom:0;border-radius:60px 60px 8px 8px}.ip4-rec-device.is-audio .ip4-rec-device-shape:before{content:"";background:linear-gradient(120deg,#a3b1ac,#4a5a5b);border-radius:12px;width:29px;height:54px;position:absolute;top:49px;left:-19px}.ip4-rec-device.is-audio .ip4-rec-device-shape:after{content:"";width:29px;height:54px;box-shadow:none;background:linear-gradient(120deg,#a3b1ac,#4a5a5b);border-radius:12px;position:absolute;top:49px;left:auto;right:-19px}.ip4-rec-device.is-audio .ip4-rec-device-shape span{display:none}.ip4-rec-device.is-input .ip4-rec-device-shape{background:repeating-linear-gradient(90deg,#576569 0 9px,#273136 9px 12px);border:4px solid #8b9698;border-radius:7px;width:144px;height:33px;transform:perspective(95px)rotateX(18deg)}.ip4-rec-device.is-input .ip4-rec-device-shape:after,.ip4-rec-device.is-input .ip4-rec-device-shape span{display:none}.ip4-rec-device>strong{text-align:center;color:#d2d7d3;overflow-wrap:anywhere;max-width:230px;font-size:14px;line-height:1.25}@media (max-width:560px){.ip4-rec-cover{height:184px}.ip4-rec-cover strong{font-size:18px}}.ip4-rec-art>.ip4-rec-live-photo{object-fit:contain;z-index:1;background:#f6f5f1;width:100%;height:100%;padding:14px;position:absolute;inset:0}.ip4-rec-art>.ip4-rec-visual-note{z-index:2}.ip4-rec-image-credit{color:#9f9b91;flex-direction:column;gap:4px;min-height:30px;padding:10px 17px 0;font-size:10px;line-height:1.45;display:flex}.ip4-rec-image-credit a{color:#d9bb85;text-underline-offset:3px;text-decoration:underline}.ip4-rec-image-credit a:hover{color:#fff0d2}.ip4-rec-image-credit small{color:#bca989;font-size:10px}.ip4-rec .ip4-rec-art{flex:0 0 235px;height:235px}.ip4-rec .ip4-rec-art.is-setup{background:#f3f2f0;border:0}.ip4-rec .ip4-rec-art.is-setup>img.ip4-rec-live-photo{object-fit:cover;object-position:center;width:100%;height:100%;background:#f3f2f0!important;padding:0!important}.ip4-rec .ip4-rec-art.is-book>img.ip4-rec-live-photo{object-fit:contain;object-position:center;width:100%;height:100%;background:0 0!important;padding:8px 0!important}.ip4-rec .ip4-rec-art>.ip4-rec-visual-note{z-index:4;color:#ffffffd6;min-width:13px;height:15px;box-shadow:none;letter-spacing:0;opacity:.72;cursor:help;background:#1c1f2066;border:0;border-radius:3px;justify-content:center;align-items:center;padding:0 3px;font-size:11px;font-weight:400;line-height:1;display:flex;inset:auto 7px 7px auto}.ip4-rec .ip4-rec-art>.ip4-rec-visual-note:hover{opacity:1;background:#1c1f20a6}@media (max-width:760px){.ip4-rec .ip4-rec-art{flex-basis:220px;height:220px}}.ip4-rec .ip4-rec-art>.ip4-rec-badge-overlay{z-index:5;color:#f1d39d;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#24201de0;border:1px solid #d8b36b80;border-radius:999px;justify-content:center;align-items:center;max-width:calc(100% - 40px);margin:0;padding:6px 10px;font-size:10px;font-weight:700;line-height:1.25;display:inline-flex;position:absolute;top:11px;left:11px;overflow:hidden}.ip4-rec .ip4-rec-art>.ip4-rec-image-credit-overlay{z-index:4;color:#e8e0d1;background:#111415c7;border-radius:5px;flex-direction:column;gap:2px;max-width:calc(100% - 35px);min-height:0;margin:0;padding:5px 7px;font-size:9px;line-height:1.35;display:flex;position:absolute;bottom:7px;left:7px}.ip4-rec .ip4-rec-art>.ip4-rec-image-credit-overlay a{color:#f0d4a5}.ip4-rec .ip4-rec-art>.ip4-rec-image-credit-overlay small{color:#e6dac3;font-size:9px}.ip4-rec .ip4-rec-info>.ip4-rec-meta{flex-wrap:nowrap;width:100%;min-height:17px;max-height:17px;overflow:hidden}.ip4-rec .ip4-rec-info>.ip4-rec-meta>span{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;overflow:hidden}.ip4-rec .ip4-rec-info>.ip4-rec-meta>span:last-child{flex-shrink:1;min-width:0}@media (max-width:760px){.ip4-rec .ip4-rec-art>.ip4-rec-badge-overlay{padding:5px 8px;font-size:9px;top:8px;left:8px}}.ip4-rec .ip4-rec-hero{background:linear-gradient(115deg,#25221e,#17191b 80%);min-height:0;padding:clamp(24px,3.4vw,43px)}.ip4-rec .ip4-rec-hero>div:first-child{max-width:960px}.ip4-rec .ip4-rec-hero h1{letter-spacing:-.035em}.ip4-rec .ip4-rec-ad{color:#aaa49c;background:0 0;border:0;margin:10px 3px 22px;padding:0;font-size:11px;line-height:1.55;display:block}.ip4-rec .ip4-rec-ad strong{color:#cab89b;min-width:0;margin-right:4px;font-weight:650;display:inline}.ip4-rec .ip4-rec-wayfinding{flex-wrap:wrap;align-items:center;gap:16px;margin:18px 0 23px;display:flex}.ip4-rec .ip4-rec-wayfinding .ip4-rec-back-primary{color:#f5d5a1;background:#b8945c28;border:1px solid #c6a46d91;border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:10px 17px;font-size:14px;font-weight:720;display:inline-flex}.ip4-rec .ip4-rec-wayfinding .ip4-rec-back-primary span{font-size:22px;line-height:1}.ip4-rec .ip4-rec-breadcrumb{color:#cfc7b8;background:#242321a6;border-radius:11px;flex-wrap:wrap;align-items:center;gap:9px;margin:0;padding:10px 14px;font-size:13px;display:flex}.ip4-rec .ip4-rec-breadcrumb button{color:#e5c58e;border:none;align-items:center;min-height:28px;font-size:13px;font-weight:620;text-decoration:none;display:inline-flex}.ip4-rec .ip4-rec-breadcrumb button:hover{text-decoration:underline}.ip4-rec .ip4-rec-breadcrumb strong{color:#f4eee4;font-size:13px}.ip4-rec .ip4-rec-crumb-divider{color:#a69477;font-size:19px}.ip4-rec .ip4-rec-back-secondary{min-height:43px;padding:11px 17px;font-size:13px;font-weight:700}.ip4-rec .ip4-rec-gateway{min-height:435px}.ip4-rec .ip4-rec-gateway-photo{filter:drop-shadow(9px 11px 11px #0008);flex:1;justify-content:center;align-items:center;gap:0;width:100%;height:200px;min-height:156px;margin:9px 0 10px;display:flex;position:relative}.ip4-rec .ip4-rec-gateway-photo img{object-fit:contain;object-position:center;border-radius:5px;width:clamp(100px,35%,160px);max-width:45%;height:174px;display:block}.ip4-rec .ip4-rec-gateway-photo-books img:first-child{z-index:1;transform:translate(13px)rotate(-9deg)}.ip4-rec .ip4-rec-gateway-photo-books img:last-child{z-index:2;transform:translate(-14px)rotate(8deg)}.ip4-rec .ip4-rec-gateway-photo-equipment{gap:0}.ip4-rec .ip4-rec-gateway-photo-equipment img{object-fit:contain;background:#eee9e3;border-radius:10px;width:48%;max-width:210px;height:152px;box-shadow:0 13px 24px #0005}.ip4-rec .ip4-rec-gateway-photo-equipment img:first-child{z-index:2;transform:translate(13px)rotate(-6deg)}.ip4-rec .ip4-rec-gateway-photo-equipment img:last-child{transform:translate(-13px)translateY(16px)rotate(7deg)}.ip4-rec .ip4-rec-category-grid{gap:16px}.ip4-rec .ip4-rec-category{background:radial-gradient(circle at 83% 13%,#a6885c11,#0000 48%),#1d1f21;border:1px solid #ffffff32;gap:3px;min-height:223px;padding:22px}.ip4-rec .ip4-rec-category.is-books{background:linear-gradient(150deg,#2b2824,#191b1e 85%)}.ip4-rec .ip4-rec-category.is-equipment{background:linear-gradient(150deg,#20292c,#171b1e 85%)}.ip4-rec .ip4-rec-category-icon{color:#e6c185;background:#b48d5226;border:1px solid #d7b67e43;border-radius:16px;justify-content:center;align-items:center;width:70px;height:68px;margin-bottom:12px;padding:12px;display:flex}.ip4-rec .ip4-rec-category.is-equipment .ip4-rec-category-icon{color:#acd1d6;background:#638c9522;border-color:#9dbec348}.ip4-rec .ip4-rec-category-pictogram{width:43px;height:43px;display:block}.ip4-rec .ip4-rec-category small{color:#b3a48d;font-size:10px}.ip4-rec .ip4-rec-category h3{margin:6px 0 5px;font-size:19px;line-height:1.2}.ip4-rec .ip4-rec-category p{color:#b2b3b1;font-size:12px}.ip4-rec .ip4-rec-category-arrow{bottom:13px;right:15px}@media (max-width:760px){.ip4-rec .ip4-rec-gateway{min-height:350px}.ip4-rec .ip4-rec-gateway-photo{height:160px;min-height:125px}.ip4-rec .ip4-rec-gateway-photo img{height:146px}.ip4-rec .ip4-rec-gateway-photo-equipment img{height:120px}.ip4-rec .ip4-rec-wayfinding{align-items:stretch;gap:9px}.ip4-rec .ip4-rec-wayfinding .ip4-rec-back-primary{justify-content:flex-start;width:100%}.ip4-rec .ip4-rec-breadcrumb{width:100%;padding:9px 12px}.ip4-rec .ip4-rec-category{min-height:194px;padding:16px}.ip4-rec .ip4-rec-category-icon{width:60px;height:60px;padding:10px}.ip4-rec .ip4-rec-category-pictogram{width:38px;height:38px}}.ip4-rec .ip4-rec-art>img.ip4-rec-live-photo.is-optimized{opacity:0;transition:opacity .28s ease-out}.ip4-rec .ip4-rec-art>img.ip4-rec-live-photo.is-optimized.is-loaded{opacity:1}@media (prefers-reduced-motion:reduce){.ip4-rec .ip4-rec-art>img.ip4-rec-live-photo.is-optimized{transition:none}}.ip4-rec .ip4-rec-info>a.ip4-rec-link{color:#211911;width:100%;min-height:54px;text-shadow:none;background:linear-gradient(#edce96 0%,#dab779 100%);border:1px solid #f2d9a6;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:13px;font-weight:800;line-height:1.4;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;display:flex;box-shadow:inset 0 1px #ffffff40,0 8px 20px #00000030}.ip4-rec .ip4-rec-info>a.ip4-rec-link:visited{color:#211911}.ip4-rec .ip4-rec-info>a.ip4-rec-link>span{color:#211911;opacity:1;flex:none;font-size:20px;line-height:1;transition:transform .25s}.ip4-rec .ip4-rec-info>a.ip4-rec-link:hover{color:#17120d;background:linear-gradient(#f7dfb4 0%,#e7c48b 100%);border-color:#ffebc6;box-shadow:inset 0 1px #ffffff65,0 11px 26px #0000004a}.ip4-rec .ip4-rec-info>a.ip4-rec-link:hover>span{color:#17120d}.ip4-rec .ip4-rec-info>a.ip4-rec-link:focus-visible{color:#211911;outline-offset:3px;outline:3px solid #f5d79b;box-shadow:0 0 0 5px #161719,0 11px 27px #0005}@media (hover:hover) and (pointer:fine){.ip4-rec .ip4-rec-info>a.ip4-rec-link:hover>span{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.ip4-rec .ip4-rec-info>a.ip4-rec-link,.ip4-rec .ip4-rec-info>a.ip4-rec-link>span{transition:none}.ip4-rec .ip4-rec-info>a.ip4-rec-link:hover>span{transform:none}}
