/* One continuous landscape. Mobile rock faces may grow with live text;
   the still-life illustrations retain their original proportions. */
#sr-full.gateway-active{background:#282a2a}
#sr-full.gateway-active>footer{display:none}
#sr-full .project-gateway{position:relative;background:#282a2a;color:#f4f2ec;min-height:66.667cqw}
#sr-full .gateway-desktop-top,#sr-full .gateway-desktop-rock{position:absolute;left:0;width:100%;pointer-events:none}
#sr-full .gateway-desktop-top{top:0;height:41.666667cqw}
#sr-full .gateway-desktop-rock{top:41.666667cqw;height:calc(100% - 41.666667cqw)}
#sr-full .gateway-intro{position:relative;text-align:left;min-height:20cqw;padding:0 5cqw}
#sr-full .gateway-nav{position:relative;display:flex;justify-content:center;gap:32px;padding:16px 0 4cqw}
#sr-full .gateway-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;font:600 15px/1.2 var(--display-font);letter-spacing:.07em;text-transform:uppercase;text-shadow:0 1px 6px #000}
#sr-full .gateway-intro h1{position:relative;font:600 clamp(36px,4cqw,64px)/1.1 var(--display-font);letter-spacing:0;text-transform:uppercase;text-shadow:0 2px 12px #0009}
#sr-full .gateway-intro p{position:relative;max-width:none;margin:14px 0 0;font-size:18px;text-shadow:0 1px 8px #000}
#sr-full .gateway-options{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4cqw;padding:22cqw 5cqw 0}
#sr-full .gateway-option{min-width:0}
#sr-full .gateway-copy{position:relative;height:100%}
#sr-full .gateway-copy-inner{position:relative;height:100%;display:flex;flex-direction:column;align-items:flex-start;text-shadow:0 2px 5px #000}
#sr-full .gateway-copy h2{font:600 clamp(24px,2.3cqw,38px)/1.12 var(--display-font);letter-spacing:0;text-transform:uppercase}
#sr-full .gateway-copy p{font-size:16px;line-height:1.6;max-width:31ch;margin:14px 0 22px}
#sr-full .gateway-beta{font-size:13px;line-height:1.5;margin-top:10px;color:#e0dfda}
#sr-full .gateway-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 0;font:600 18px/1.4 var(--display-font);letter-spacing:.12em;text-transform:uppercase;color:#e7e5df;text-shadow:0 -2px 1px #000,0 1px 1px #ffffff42,0 2px 8px #000;border:0;background:transparent;margin-top:auto;transition:color .16s,text-shadow .16s}
#sr-full .gateway-action:hover{color:#fff;text-shadow:0 0 14px #fff8;text-decoration:underline;text-underline-offset:6px}
#sr-full .gateway-action:focus-visible{outline:2px solid #fff;outline-offset:5px}
#sr-full .gateway-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;background:transparent;border:0;padding:40px 5cqw 25px;margin-top:25px}
#sr-full .gateway-footer span,#sr-full .gateway-footer a{position:relative}
#sr-full .gateway-footer span{font:600 15px/1.3 var(--display-font);letter-spacing:.15em;text-transform:uppercase}
#sr-full .gateway-footer a{display:flex;align-items:center;min-height:44px;font-size:14px}
#sr-full .gateway-art,#sr-full .gateway-slice,.gateway-mobile-break{display:none}
#sr-full .gateway-dialog{position:fixed;max-width:560px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #88867e;padding:24px 28px 32px;background:#dbdcd7;color:#222521;box-shadow:0 20px 90px #0009}
#sr-full .gateway-dialog::backdrop{background:#111a;backdrop-filter:blur(6px)}
#sr-full .gateway-close{display:block;min-height:44px;padding:8px 0 8px 20px;margin:0 0 20px auto;text-decoration:underline;text-underline-offset:5px}
#sr-full .gateway-dialog h2{font:600 30px/1.2 var(--display-font);letter-spacing:0;margin-bottom:20px}
#sr-full .gateway-dialog p{font-size:16px;line-height:1.65}
#sr-full .gateway-dialog .gateway-action{color:#20231f;text-shadow:none;margin-top:24px;border-color:#454940}
#sr-full .gateway-dialog .gateway-action:focus-visible{outline-color:#20231f}
#sr-full .gateway-contacts{display:grid;gap:10px;margin-top:24px}
#sr-full .gateway-contacts span{font-size:18px}
#sr-full .gateway-contacts small{font-size:14px;line-height:1.5}
@media(max-width:1024px){
 #sr-full .gateway-desktop-top,#sr-full .gateway-desktop-rock{display:none}
 #sr-full .project-gateway{background:#282a2a;min-height:0}
 #sr-full .gateway-slice{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
 #sr-full .gateway-intro{padding:0 20px 26px;min-height:max(180px,26.8cqw)}
 #sr-full .gateway-nav{gap:24px;padding:12px 0 20px}
 #sr-full .gateway-nav a{font-size:13px;letter-spacing:.04em}
 #sr-full .gateway-intro h1{font-size:36px}
 #sr-full .gateway-intro p{font-size:16px;margin-top:10px;line-height:1.5}
 #sr-full .gateway-mobile-break{display:block}
 #sr-full .gateway-options{display:block;padding:0}
 #sr-full .gateway-art{position:relative;display:block;aspect-ratio:var(--art-ratio)}
 #sr-full .gateway-copy{height:auto;padding:22px 24px 28px;min-height:180px}
 #sr-full .gateway-copy-inner{height:auto;max-width:500px;margin:auto}
 #sr-full .gateway-copy h2{font-size:26px}
 #sr-full .gateway-copy p{font-size:16px;max-width:35ch;margin:10px 0 12px}
 #sr-full .gateway-action{min-height:48px;margin-top:0}
 #sr-full .gateway-beta{margin-top:8px}
 #sr-full .gateway-footer{margin:0;padding:20px 24px;min-height:80px}
 #sr-full .gateway-footer span{font-size:13px;letter-spacing:.1em}
}
@media(prefers-reduced-motion:reduce){#sr-full .gateway-action{transition:none}}