#macos-golden-gate.gg-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:clamp(32px,6vw,96px);align-items:center;padding:clamp(28px,4vw,56px);margin:0;border:1px solid #34312d;border-radius:24px;background:#191816;color:#fff;box-shadow:0 12px 32px #1b17100c;position:relative;overflow:hidden}
#macos-golden-gate.gg-hero:before,#macos-golden-gate.gg-hero:after{display:none}
.gg-identity{display:flex;align-items:center;gap:20px;margin-bottom:28px}
.gg-identity picture{display:block;flex:0 0 72px}
#macos-golden-gate .gg-icon{display:block;width:72px;height:72px;object-fit:contain;opacity:1;filter:none;transform:none}
.gg-badge{display:inline-flex;padding:7px 12px;border-radius:6px;background:#e6a47f;color:#302015;font-size:12px;font-weight:650;line-height:1.5}
.gg-hero .gg-kicker{font-size:18px;color:#c3beb7;margin:0 0 6px;line-height:1.4}
#macos-golden-gate h2{font-size:clamp(38px,4.8vw,66px);line-height:1.05;letter-spacing:-2.2px;font-weight:650;margin:0}
.gg-hero .gg-description{max-width:36ch;font-size:16px;line-height:1.65;color:#c3beb7;margin:20px 0}
.gg-release{display:flex;flex-wrap:wrap;gap:8px 20px;color:#b9b3ab;font-size:12px;line-height:1.6}
.gg-release strong,.gg-release time{color:#ece7e0;font-weight:500;margin-left:5px}
.gg-compatibility{display:flex;align-items:center;gap:10px;width:fit-content;min-height:48px;margin-top:18px;color:#f3e9df;text-decoration:none;font-size:14px;font-weight:500}
.gg-compatibility svg{flex:none}.gg-compatibility:hover span:first-of-type{text-decoration:underline;text-underline-offset:5px}
.gg-downloads{display:grid;gap:16px;min-width:0}
.gg-file{padding:22px 24px;background:#24221f;border:1px solid #403b35;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff05}
.gg-file-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.gg-file h3{font-size:17px;line-height:1.4;font-weight:600;margin:0;color:#faf7f3;letter-spacing:0}
.gg-file-heading>span{font-size:12px;color:#c7bfb5;white-space:nowrap}
.gg-file p{font-size:13px;line-height:1.5;color:#c2bab0;margin:7px 0 18px}
.gg-download{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;min-height:50px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;line-height:1.4;box-sizing:border-box;transition:background .15s,transform .15s;}
.gg-download svg{flex:none}.gg-download-primary{color:#2a1b11;background:#e9a67e;border:1px solid #f0b58f;box-shadow:0 2px 0 #ad704e}
.gg-download-primary:hover{background:#f0b48d}.gg-download-secondary{color:#f4eee7;background:#34302b;border:1px solid #61574c;box-shadow:0 2px 0 #141210}
.gg-download-secondary:hover{background:#443c33}.gg-download:active{transform:translateY(1px);box-shadow:none}
.gg-downloads .gg-source{font-size:11px;color:#b9b1a7;margin:0;text-align:center;line-height:1.5}
.gg-hero a:focus-visible,#golden-download-options a:focus-visible{outline:3px solid #f8c6a5;outline-offset:4px}
#golden-download-options:not([hidden]){display:grid;gap:12px;margin:24px 0}#golden-download-options[hidden]{display:none}.gg-dialog-note{font-size:13px;line-height:1.6}
@media(max-width:800px){#macos-golden-gate.gg-hero{grid-template-columns:1fr;gap:24px;padding:26px;border-radius:20px}.gg-identity{margin-bottom:22px;gap:16px}.gg-identity picture{flex-basis:56px}#macos-golden-gate .gg-icon{width:56px;height:56px}#macos-golden-gate h2{font-size:46px;letter-spacing:-1.7px}.gg-hero .gg-description{margin:14px 0;max-width:40ch;font-size:15px}.gg-release{font-size:12px;gap:6px 16px}.gg-compatibility{margin-top:12px;font-size:14px}.gg-file{padding:18px}.gg-downloads{gap:12px}.gg-file p{margin-bottom:14px}}
@media(max-width:380px){#macos-golden-gate.gg-hero{padding:22px 18px}#macos-golden-gate h2{font-size:40px}.gg-file{padding:16px}.gg-file-heading{gap:4px}.gg-compatibility{font-size:13px}}
@media(prefers-reduced-motion:reduce){.gg-download{transition:none}}

html{scroll-behavior:smooth}
#finder{scroll-margin-top:24px}
.gg-compatibility span:first-of-type{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#827467}
.gg-compatibility:hover span:first-of-type{text-decoration-color:currentColor}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:701px){.intro>div{width:100%}.intro p{max-width:none;width:100%}}
/* Supplied macOS artwork, with space reserved before loading. */
.wallpaper.release-photo{display:block;background:#eeece9;flex-shrink:0}
.wallpaper.release-photo::before,.wallpaper.release-photo::after{display:none}
.release-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.release-photo img{object-fit:contain}.wallpaper.release-photo{background:#f1f1f3}}
.release-download-card .release-body{width:100%;min-width:0}
.release-specs{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 18px;color:#666168;font-size:12px;line-height:1.6}
.release-specs strong{color:#383437;font-weight:500;margin-left:4px}
.release-options{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:11px 14px;border:1px solid #ded6cc;border-radius:7px;background:#f5f0ea;color:#47372b;font:inherit;font-size:14px;font-weight:600;box-shadow:0 2px 0 #e2d9cf;cursor:pointer;transition:background .15s,transform .15s}
.release-options:hover{background:#eddfd1;border-color:#c6b09c}.release-options:active{transform:translateY(1px);box-shadow:none}.release-options:focus-visible{outline:2px solid #855a39;outline-offset:4px}
.release-download-card::after{display:none}
#release-installer-option:not([hidden]){display:grid;gap:10px;margin:24px 0}#release-installer-option[hidden]{display:none}
@media(max-width:700px){.release-download-card{align-items:start;padding-right:0}.release-download-card .release-photo{margin-top:3px}.release-specs{margin:7px 0 12px;gap:4px 12px;font-size:11px}.release-options{min-height:44px;font-size:13px}.release-download-card .release-title .version{font-size:12px}.release-download-card:active{background:transparent}}
@media(prefers-reduced-motion:reduce){.release-options{transition:none}}
@media(max-width:800px){
 .gg-mobile-heading{display:grid;grid-template-columns:80px max-content minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:5px;align-items:center;margin-bottom:18px}
 .gg-mobile-heading .gg-identity{display:contents}
 .gg-mobile-heading .gg-identity picture{grid-column:1;grid-row:1/3;align-self:center}
 #macos-golden-gate .gg-mobile-heading .gg-icon{width:80px;height:80px}
 .gg-mobile-heading .gg-kicker{grid-column:2;grid-row:1;align-self:end;font-size:13px;line-height:1.4;margin:0;white-space:nowrap}
 .gg-mobile-heading .gg-badge{grid-column:3;grid-row:1;align-self:end;justify-self:start;font-size:9px;padding:4px 6px;white-space:nowrap;border-radius:4px}
 #macos-golden-gate .gg-mobile-heading h2{grid-column:2/4;grid-row:2;align-self:start;font-size:clamp(26px,7vw,38px);line-height:1.12;letter-spacing:-1px;margin:0}
}
@media(max-width:380px){.gg-mobile-heading{column-gap:9px;grid-template-columns:72px max-content minmax(0,1fr)}#macos-golden-gate .gg-mobile-heading .gg-icon{width:72px;height:72px}.gg-mobile-heading .gg-kicker{font-size:12px}.gg-mobile-heading .gg-badge{font-size:8px;padding:4px 5px}}
/* Compact mobile release details and a clear compatibility anchor. */
@media(max-width:800px){
 .gg-hero .gg-description{max-width:none;margin:12px 0 18px;font-size:14px;line-height:1.55}
 .gg-release{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:16px;padding:0 0 18px;font-size:11px}
 .gg-release>span{display:flex;flex-direction:column;gap:4px;line-height:1.4}
 .gg-release>span+span{border-left:1px solid #454039;padding-left:16px}
 .gg-release strong,.gg-release time{margin-left:0;font-size:13px;font-weight:500;color:#f1ece6}
 .gg-compatibility{width:100%;box-sizing:border-box;min-height:48px;margin:0;padding:12px 14px;gap:10px;border:1px solid #4b443b;border-radius:8px;background:#24211d;font-size:13px;line-height:1.4}
 .gg-compatibility span:first-of-type{text-decoration:none;flex:1}
 .gg-compatibility span:last-child{flex:none;color:#e9a67e;font-size:18px}
 .gg-compatibility:hover{background:#302a24}
 #macos-golden-gate.gg-hero{gap:18px}
}
@media(min-width:801px){
 .gg-compatibility{width:100%;max-width:380px;box-sizing:border-box;min-height:48px;padding:12px 14px;gap:10px;border:1px solid #4b443b;border-radius:8px;background:#24211d;line-height:1.4}
 .gg-compatibility span:first-of-type{flex:1;text-decoration:none}
 .gg-compatibility span:last-child{flex:none;color:#e9a67e;font-size:18px}
 .gg-compatibility:hover{background:#302a24}
}
#finder .hardware-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.4fr);gap:14px;align-items:end}
#finder .hardware-controls label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:#393735}
#hardware-search,#hardware-family{width:100%;box-sizing:border-box;height:52px;min-height:52px;border:1px solid #d8d3cd;border-radius:10px;background-color:#faf9f7;color:#292724;font:inherit;font-size:16px;line-height:1.4;padding:12px 14px;box-shadow:inset 0 1px 2px #27201a05;transition:border-color .15s,box-shadow .15s}
#hardware-family{appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23635a50' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
#hardware-search::placeholder{color:#77716a}
#hardware-search:focus,#hardware-family:focus{outline:2px solid #946440;outline-offset:2px;border-color:#946440;background-color:#fff;box-shadow:0 0 0 4px #94644012}
#show-more-models:not([hidden]){display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:46px;margin-top:12px;padding:10px 16px;border:1px solid #ddd4ca;border-radius:8px;background:#f6f1eb;color:#55402f;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
#show-more-models[hidden]{display:none}
@media(max-width:700px){#finder .hardware-controls{grid-template-columns:1fr;gap:16px}}
@media(prefers-reduced-motion:reduce){#hardware-search,#hardware-family{transition:none}}