.materials-honey-page{color:#f2f7f8;background:#030d12;min-height:100vh;overflow:hidden}.materials-honey-hero{text-align:center;width:min(1180px,100% - 48px);margin:0 auto;padding:78px 0 20px}.materials-honey-hero h1{letter-spacing:-.052em;max-width:940px;margin:10px auto 16px;font-size:clamp(42px,6vw,78px);font-weight:500;line-height:.96}.materials-honey-hero>p:last-child{color:#90a8b3;max-width:760px;margin:0 auto;font-size:15px;line-height:1.75}.honey-map-section{width:min(1680px,100%);margin:0 auto;padding:18px 24px 0}.honey-map{background:radial-gradient(circle at 50% 42%,#ff941f12,#0000 22%),radial-gradient(circle at 53% 48%,#18aee20f,#0000 62%);width:1620px;height:1050px;margin:0 auto;position:relative}.honey-cell{--cell-accent:#aaff28;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);cursor:pointer;z-index:3;background:#24424e;border:0;width:200px;height:231px;padding:1px;transition:transform .22s,filter .22s;position:absolute}.honey-cell:before{content:"";clip-path:inherit;z-index:1;background:linear-gradient(#0410160a 0%,#04101614 38%,#030d12e0 68%,#030d12fa 100%);position:absolute;inset:2px}.honey-cell:after{content:none}.honey-cell-photo-frame{z-index:0;clip-path:inherit;background:#07151c;position:absolute;inset:2px;overflow:hidden}.honey-cell-photo-frame img{object-fit:cover;width:100%;height:100%;transition:opacity .28s,transform .45s;position:absolute;inset:0}.honey-hover-photo,.honey-cell.has-hover-photo:hover .honey-primary-photo,.honey-cell.has-hover-photo:focus-visible .honey-primary-photo{opacity:0}.honey-cell.has-hover-photo:hover .honey-hover-photo,.honey-cell.has-hover-photo:focus-visible .honey-hover-photo{opacity:1}.honey-cell.has-photo:hover .honey-cell-photo-frame img{transform:scale(1.045)}.honey-cell:hover,.honey-cell:focus-visible{z-index:5;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--cell-accent) 35%,transparent));outline:none;transform:scale(1.055)}.honey-cell.selected{background:var(--cell-accent);filter:drop-shadow(0 0 22px color-mix(in srgb,var(--cell-accent) 45%,transparent))}.honey-cell.selected:before{background:linear-gradient(#0410160a 0%,#04101614 38%,#030d12e0 68%,#030d12fa 100%)}.honey-cell-inner{z-index:3;text-align:center;text-shadow:0 2px 8px #000,0 1px 2px #000;flex-direction:column;justify-content:flex-end;align-items:center;padding:104px 18px 25px;display:flex;position:absolute;inset:0}.honey-cell-inner>small{color:var(--cell-accent);letter-spacing:.14em;font:900 7px/1.2 monospace}.honey-cell-inner>strong{color:#fff;margin:6px 0 2px;font-size:24px;font-weight:850;line-height:1}.honey-cell-inner>em{color:#d6e2e6;min-height:25px;font-size:9px;font-style:normal;font-weight:650;line-height:1.35}.honey-cell .mini-stats{gap:6px;margin-top:6px;display:flex}.honey-cell .mini-stats i{color:#d4e0e4;background:#030d12ad;border:1px solid #35525e;border-radius:4px;padding:3px 6px;font:700 8px monospace}.honey-cell .mini-stats i:last-child{color:var(--cell-accent)}.honey-cell.centre{top:420px;left:710px}.honey-cell.left-near{top:420px;left:510px}.honey-cell.left-far{top:420px;left:310px}.honey-cell.right-near{top:420px;left:910px}.honey-cell.right-far{top:420px;left:1110px}.honey-cell.right-edge{top:420px;left:1310px}.honey-cell.up-near{top:246.75px;left:810px}.honey-cell.up-far{top:73.5px;left:710px}.honey-cell.upper-left-near{top:246.75px;left:410px}.honey-cell.upper-left-far{top:246.75px;left:210px}.honey-cell.down-near{top:593.25px;left:810px}.honey-cell.down-left{top:766.5px;left:710px}.honey-cell.down-right{top:766.5px;left:910px}.honey-axis{z-index:4;color:#e7f4f8;letter-spacing:.14em;white-space:nowrap;align-items:center;gap:9px;font:800 10px monospace;display:flex;position:absolute}.honey-axis b{color:var(--lime);font-size:21px}.axis-heat{flex-direction:column;top:8px;left:770px}.axis-cheap{top:520px;left:12px}.axis-hard{top:520px;right:0}.axis-flex{bottom:3px;left:855px}.honey-axis-line{z-index:1;transform-origin:0;opacity:.42;background:linear-gradient(90deg,#0000,#2d9bc4 35%,#82d9f7);height:1px;position:absolute}.line-cheap{width:710px;top:535.5px;left:100px}.line-hard{width:750px;top:535.5px;left:810px}.line-heat-one{background:linear-gradient(90deg,#82d9f7,#2d9bc4);width:200px;top:535.5px;left:810px;transform:rotate(-60deg)}.line-heat-two{background:linear-gradient(90deg,#2d9bc4,#0000);width:200px;top:362.25px;left:910px;transform:rotate(-120deg)}.line-flex{background:linear-gradient(90deg,#82d9f7,#0000);width:430px;top:535.5px;left:810px;transform:rotate(60deg)}.honey-detail{--detail-accent:#aaff28;border:1px solid color-mix(in srgb,var(--detail-accent) 50%,#203b47);background:linear-gradient(110deg,color-mix(in srgb,var(--detail-accent) 6%,#0a1a21),#071219 56%);border-radius:15px;width:min(1080px,100% - 48px);margin:4px auto 0;padding:28px 30px;position:relative;box-shadow:0 24px 70px #0000004d}.honey-detail:before{content:"";background:var(--detail-accent);width:4px;box-shadow:0 0 18px var(--detail-accent);border-radius:0 4px 4px 0;position:absolute;top:27px;bottom:27px;left:0}.honey-detail header{border-bottom:1px solid #25404b;justify-content:space-between;align-items:flex-end;gap:20px;padding:0 0 20px;display:flex}.honey-detail header h2{margin:5px 13px 0 0;font-size:38px;display:inline}.honey-detail header>div:first-child span{color:#9fb0b7;font-size:13px}.honey-detail-identity{align-items:center;gap:16px;display:flex}.honey-detail-identity>img{border:1px solid color-mix(in srgb,var(--detail-accent) 60%,#294552);object-fit:cover;border-radius:10px;width:76px;height:76px}.honey-detail-temp{text-align:right}.honey-detail-temp small{color:#75909b;letter-spacing:.12em;font:700 8px monospace;display:block}.honey-detail-temp strong{color:var(--detail-accent);font-size:23px}.honey-detail-grid{grid-template-columns:.85fr 1.15fr;gap:40px;padding-top:22px;display:grid}.honey-ratings{gap:15px;display:grid}.honey-ratings p{color:#9fb0b7;justify-content:space-between;align-items:center;margin:0;font-size:11px;display:flex}.honey-ratings>p>strong{letter-spacing:.08em;font:850 17px monospace}.honey-meter{gap:5px;display:flex}.honey-meter i{background:#213641;border-radius:2px;width:27px;height:7px}.honey-copy{border-left:1px solid #25404b;padding-left:30px}.honey-copy small{color:var(--detail-accent);letter-spacing:.13em;font:800 9px monospace}.honey-copy strong{margin:7px 0;font-size:16px;display:block}.honey-copy p{color:#93a7b0;margin:0;font-size:12px;line-height:1.65}.pla-finish-row{border-top:1px dashed #294551;align-items:center;gap:8px;margin-top:20px;padding-top:17px;display:flex}.pla-finish-row span{color:#73909c;letter-spacing:.13em;margin-right:8px;font:800 8px monospace}.pla-finish-row b{border:1px solid color-mix(in srgb,var(--detail-accent) 55%,#28434d);color:#d9e5e8;border-radius:5px;padding:6px 11px;font-size:10px}.honey-legend{background:#07151c;border:1px solid #203a46;border-radius:13px;width:min(1080px,100% - 48px);margin:24px auto 0;padding:23px 28px}.honey-legend>p{color:#42d1ff;letter-spacing:.14em;margin:0 0 13px;font:800 9px monospace}.honey-legend>div{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.honey-legend>div span{color:#c6d3d8;align-items:center;gap:9px;font-size:11px;display:flex}.honey-legend>div b{width:25px;height:25px;color:var(--lime);border:1px solid #356174;border-radius:50%;place-items:center;font:800 8px monospace;display:grid}.honey-legend>small{color:#78909b;border-top:1px solid #203a46;margin-top:17px;padding-top:13px;font-size:10px;display:block}.honey-cta{margin-top:30px;margin-bottom:50px}@media (width<=1660px){.honey-map-section{scrollbar-width:thin;scrollbar-color:#274955 transparent;overflow-x:auto}.honey-map{margin-left:max(0px,50vw - 810px)}}@media (width<=880px){.materials-honey-hero{padding-top:55px}.honey-detail-grid{grid-template-columns:1fr;gap:20px}.honey-copy{border-top:1px solid #25404b;border-left:0;padding:18px 0 0}.honey-legend>div{grid-template-columns:1fr}.honey-legend{padding:22px}}@media (width<=600px){.materials-honey-hero{width:calc(100% - 32px);padding-top:42px}.materials-honey-hero h1{font-size:41px}.materials-honey-hero>p:last-child{font-size:13px}.honey-map-section{padding:0}.honey-map{transform-origin:0 0;margin-bottom:-609px;margin-left:calc(50vw - 340px);transform:scale(.42)}.honey-axis{font-size:9px}.honey-detail,.honey-legend{width:calc(100% - 32px)}.honey-detail{padding:23px 20px}.honey-detail header{flex-direction:column;align-items:flex-start}.honey-detail-temp{text-align:left}.honey-meter i{width:20px}.pla-finish-row{flex-wrap:wrap;align-items:flex-start}.pla-finish-row span{width:100%}.honey-cta{margin-inline:16px}}