.has-photos{height:615px}
.has-photos .visual-overline{top:49px;right:0;font-size:8px;letter-spacing:2.1px}
.hero-photo{position:absolute;inset:86px 0 62px 20px;margin:0;border-radius:14px;overflow:hidden;border:1px solid #627c535c;background:#131915;box-shadow:0 26px 70px #0006;transform:rotate(2deg)}
.hero-photo>img{height:100%;width:100%;object-fit:cover;object-position:64% center}
.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#020904d9)}
.hero-photo figcaption{position:absolute;bottom:21px;left:22px;z-index:1;color:#dfebd9;font-size:11px;display:flex;gap:10px;align-items:center;letter-spacing:.1px}
.has-photos .label-one{left:-10px;top:410px;z-index:2}
.has-photos .label-two{right:-12px;top:522px;z-index:2}
.has-photos .visual-corner{bottom:25px;left:50px}
.hardware-gallery{padding-top:0;background:radial-gradient(ellipse at 15% 48%,#1a381817,transparent 70%)}
.hardware-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:255px 255px;gap:20px}
.hardware-photo{position:relative;margin:0;overflow:hidden;border-radius:10px;border:1px solid #344331;background:#141a13}
.hardware-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.hardware-photo:hover>img{transform:scale(1.025)}
.hardware-build{grid-row:span 2}
.hardware-build>img{object-position:56% center}
.hardware-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,#0308051a 45%,#030805e6 100%);pointer-events:none}
.hardware-cpu:after{background:linear-gradient(180deg,transparent 25%,#03080538 50%,#030805ee 100%)}
.hardware-gpu>img{object-position:center 38%}
.hardware-photo figcaption{position:absolute;bottom:24px;left:27px;right:20px;z-index:1}
.photo-category{color:#a7f27e;font-size:9px;font-weight:700;letter-spacing:1.7px;text-shadow:0 1px 8px #000}
.hardware-photo h3{margin:7px 0 0;font-size:21px;line-height:1.3;letter-spacing:-.4px;color:#fff}
.hardware-photo p{margin:9px 0 0;color:#c6d1bf;font-size:12px;max-width:330px;line-height:1.7}
.hardware-build h3{font-size:28px;max-width:320px;letter-spacing:-.7px}
.gallery-note{font-size:10px;color:#8d9f81;margin:18px 0 0;line-height:1.8;max-width:760px}
.photo-credits{font-size:9px;color:#829975;margin-top:18px}
.photo-credits summary{padding:5px 0;width:fit-content}
.photo-credits p{font-size:9px;line-height:1.9;color:#95ab88;margin:7px 0 0}
.photo-credits a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1500px){.has-photos{height:650px}.hero-photo{inset:86px 0 64px 16px}.has-photos .label-one{top:445px}.has-photos .label-two{top:565px}}
@media(max-width:1100px){.has-photos{height:600px}.hero-photo{inset:92px 0 77px 7px}.has-photos .label-one{left:0;top:410px;padding:12px 14px}.has-photos .label-two{right:-7px;top:505px}.has-photos .visual-overline{top:65px;letter-spacing:1.4px;font-size:7px}.hardware-grid{grid-template-rows:235px 235px}.hardware-photo figcaption{left:21px;bottom:20px}.hardware-photo h3{font-size:19px}.hardware-build h3{font-size:25px}}
@media(max-width:780px){.has-photos{height:465px;margin:10px auto 0;max-width:540px}.hero-photo{inset:40px 10px 57px 8px;transform:rotate(1deg)}.hero-photo>img{object-position:center 44%}.has-photos .visual-overline{top:14px;right:13px;font-size:7px;letter-spacing:1.4px}.has-photos .label-one{top:321px;left:0;padding:12px 14px}.has-photos .label-two{top:402px;right:0;font-size:10px}.has-photos .visual-corner{bottom:10px;left:35px;font-size:7px}.hero-photo figcaption{bottom:65px;font-size:9px;left:18px}.hardware-gallery{padding-top:0}.hardware-grid{grid-template-columns:1fr;grid-template-rows:370px 250px 250px;gap:16px}.hardware-build{grid-row:auto}.hardware-build>img{object-position:center 57%}.hardware-build h3{font-size:25px}.hardware-photo h3{font-size:20px}.gallery-note{font-size:9px}.hardware-photo figcaption{left:22px;bottom:23px}.photo-credits{margin-top:15px}}
@media(max-width:390px){.has-photos{height:410px}.hero-photo{inset:34px 3px 55px 3px}.has-photos .visual-overline{top:12px;right:5px;font-size:6.5px;letter-spacing:1px}.has-photos .label-one{top:283px;font-size:9px;left:0;padding:10px 12px}.has-photos .label-two{top:355px;right:0;font-size:9px}.has-photos .visual-corner{left:20px;bottom:9px;font-size:6.5px}.hero-photo figcaption{bottom:56px;font-size:8px}.hardware-grid{grid-template-rows:330px 230px 230px}.hardware-photo figcaption{left:18px;bottom:19px}.hardware-photo h3{font-size:18px}.hardware-build h3{font-size:23px}.photo-category{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hardware-photo>img{transition:none}.hardware-photo:hover>img{transform:none}}