.gear-section{position:relative;overflow:hidden;background:#29231b;color:var(--cream);padding:60px 0;min-height:360px}
.gear-art{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 35%,#a07444,transparent 50%),repeating-linear-gradient(15deg,transparent 0 35px,#81592f22 36px 40px),linear-gradient(110deg,#50402c,#171c17)}
.gear-disc{position:absolute;width:240px;height:285px;border-radius:44% 40% 42% 35%;background:linear-gradient(120deg,#e2cc9c,#a38c63);left:15%;top:40px;transform:rotate(-20deg);box-shadow:0 15px 40px #0008}
.gear-strings{position:absolute;left:28%;top:110px;width:42%;height:55px;background:repeating-linear-gradient(0deg,#302b20 0 6px,#d0b889 7px 8px);transform:rotate(-20deg);border:8px solid #4c3b28;box-shadow:0 15px 25px #0007}
.gear-shade{position:absolute;inset:0;background:linear-gradient(90deg,#14140f15,#10150fed 60%,#10150fe0)}
.gear-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;position:relative;z-index:1;width:min(1250px,85%)}
.gear-copy .label{font-size:12px;color:var(--orange);letter-spacing:.1em}
.gear-copy h2{font-size:clamp(37px,3.8vw,55px);line-height:1.02;margin:18px 0}
.gear-copy>p{font-size:15px;line-height:1.7;max-width:480px;margin:0 0 22px}
.gear-details,.gear-details:last-child{border:0;padding:0}
.gear-details summary{display:inline-flex;gap:20px;align-items:center;border-radius:35px;background:var(--orange);color:var(--cream);padding:17px 25px;font-size:11px;font-weight:900;letter-spacing:.04em;cursor:pointer}
.gear-details summary:after{display:none}
.gear-details summary>span{font-size:20px}
.gear-details[open] summary>span{transform:rotate(90deg)}
.gear-details>div{margin-top:18px;border-left:2px solid var(--orange);padding:0 0 0 18px}
.gear-details p{font-size:13px;line-height:1.7;margin:10px 0;max-width:470px}
.gear-details .gear-pending{font-size:11px;opacity:.7}
@media(max-width:700px){.gear-section{padding:45px 0;min-height:390px}.gear-grid{grid-template-columns:1fr;gap:0}.gear-grid>div:first-child{display:none}.gear-shade{background:#10150fc9}.gear-disc{left:-35px;top:65px}.gear-strings{left:20%;width:80%}.gear-copy h2{font-size:42px}.gear-copy>p{font-size:14px}}
/* Supplied studio photograph replaces the temporary gear illustration. */
.gear-art{background-image:url('assets/vintage-tools-studio.png');background-size:cover;background-position:center 55%;background-repeat:no-repeat}
.gear-disc,.gear-strings{display:none}
.gear-shade{background:linear-gradient(90deg,#0b100b08 0%,#0b100b45 38%,#0b100bcc 60%,#0b100be0 100%)}
@media(max-width:700px){.gear-art{background-position:42% center}.gear-shade{background:linear-gradient(90deg,#0b100bd9,#0b100b99)}}
.gear-art{background-image:url('assets/vintage-tools-waveform.png')}

/* Taller gear band so the studio photograph has more presence. */
.gear-section{min-height:580px;padding:95px 0;display:flex;align-items:center}
.gear-grid{width:90%;max-width:none;gap:70px}
.gear-copy{max-width:650px}
.gear-copy h2{font-size:clamp(45px,4vw,76px)}
.gear-copy>p{font-size:18px;max-width:600px}
.gear-art{background-position:center center}
@media(min-width:1700px){.gear-section{min-height:700px}}
@media(max-width:700px){.gear-section{min-height:480px;padding:55px 0}.gear-grid{width:86%;gap:0}.gear-copy h2{font-size:42px}.gear-copy>p{font-size:15px}.gear-art{background-position:42% center}}
/* Shift gear copy left within the photo band. */
@media(min-width:701px){.gear-grid{grid-template-columns:.8fr 1.2fr;gap:45px}.gear-copy{max-width:650px}}
/* Place the gear text on the right side of the photograph. */
@media(min-width:701px){.gear-grid{grid-template-columns:minmax(0,1fr) minmax(0,650px);gap:50px}.gear-copy{justify-self:end;width:100%}}