/* Twelve independent frames; all rules stay inside the DISCOVER section. */
.discover-section{padding:48px 0;background:var(--paper);scroll-margin-top:110px}
.discover-section .discover-layout{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;margin-inline:auto}
.discover-section .discover-heading{position:relative;grid-column:2/span 3;grid-row:2;min-width:0;text-align:center;color:#000}
.discover-section .discover-heading-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:100%}
.discover-section .discover-english{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3vw,44px);line-height:1;font-weight:400;letter-spacing:0;margin:0;color:#000}
.discover-section #discover-title{position:absolute;top:calc(100% + 12px);left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-size:clamp(11px,.9vw,14px);line-height:1.4;font-weight:500;letter-spacing:0;margin:0;color:#000}
.discover-section #discover-title::before,.discover-section #discover-title::after{content:'';display:block;flex:0 1 14px;height:1px;background:#000;min-width:0}
.discover-section #discover-title>span{flex:0 0 auto}
.discover-section .discover-links{display:contents;list-style:none;margin:0;padding:0}
.discover-section .discover-frame{aspect-ratio:1;min-width:0;margin:0;list-style:none;border:1px solid var(--purple);padding:5px;background:var(--paper)}
.discover-section .discover-tile{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:var(--purple);color:#fff;text-align:center;isolation:isolate}
.discover-section .discover-link{padding:20px 12px 36px;outline-offset:2px}
.discover-section .discover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.discover-section .discover-link::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.56);z-index:-1;transition:background-color .2s}
.discover-section .discover-link:hover::before,.discover-section .discover-link:focus-visible::before{background:rgba(79,21,127,.86)}
.discover-section .discover-link:focus-visible{outline:2px solid var(--purple)}
.discover-section .discover-label{font-size:clamp(18px,1.4vw,22px);line-height:1.5;font-weight:650;letter-spacing:.02em;overflow-wrap:anywhere}
.discover-section .discover-arrow{position:absolute;right:12px;bottom:9px;font-size:24px;line-height:1;color:#fff}
.discover-section .discover-link.discover-long-label{padding:8px 8px 24px}
.discover-section .discover-long-label .discover-label{font-size:16px;line-height:1.25}
.discover-section .discover-long-label .discover-arrow{font-size:20px;right:8px;bottom:5px}
.discover-section .discover-image-only{cursor:default}
@media(max-width:1000px){
 .discover-section .discover-layout{grid-template-columns:repeat(3,minmax(0,1fr))}
 .discover-section .discover-heading{grid-column:1/-1;grid-row:auto;padding:0 0 24px}
 .discover-section .discover-heading-copy{position:relative;left:auto;top:auto;transform:none;margin-inline:auto}
 .discover-section .discover-english{font-size:34px}
 .discover-section #discover-title{position:static;font-size:12px;margin-top:12px}
}
@media(max-width:600px){
 .discover-section{padding:36px 0}
 .discover-section .discover-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .discover-section .discover-link{padding:16px 8px 30px}
 .discover-section .discover-label{font-size:clamp(16px,4.5vw,22px);line-height:1.5}
 .discover-section .discover-arrow{font-size:23px;right:9px;bottom:7px}
 .discover-section .discover-link.discover-long-label{padding:8px 6px 24px}
 .discover-section .discover-long-label .discover-label{font-size:16px;line-height:1.2}
 .discover-section .discover-long-label .discover-arrow{font-size:18px;right:6px;bottom:4px}
}
@media(prefers-reduced-motion:reduce){.discover-section .discover-link::before{transition:none}}
