/* Image-led, short connections: one question, three views, another doorway. */
.connection-collection{background:#202e25;color:#f6f3eb}
.connection-collection .eyebrow{color:#c7b58e}.connection-collection .section-heading>p{color:#e1e0d1;max-width:340px}
.connection-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 32px}
.connection-story-card{display:block;min-width:0}
.connection-card-art{position:relative;isolation:isolate;height:clamp(320px,34vw,540px);overflow:hidden;background:#393e2d}
.connection-card-art>img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.65,.2,1)}
.connection-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1019113d,transparent 32%,#101911d9);pointer-events:none}
.connection-card-index{position:absolute;left:28px;top:26px;font:12px var(--sans);letter-spacing:1.7px;color:#fff}
.connection-card-inset{position:absolute;right:26px;top:27px;width:25%;aspect-ratio:1;padding:5px;border:1px solid #f6f3eb99;border-radius:50%;background:#202e251f;box-shadow:0 8px 28px #10191126;overflow:hidden;transition:border-color .6s ease}
.connection-card-inset img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform 1.4s cubic-bezier(.2,.65,.2,1)}
.connection-card-art h3{position:absolute;bottom:28px;left:28px;right:28px;font:clamp(37px,4.4vw,68px)/.98 var(--serif);max-width:none;margin:0;color:#f6f3eb;letter-spacing:-1px;display:flex;align-items:flex-end;gap:15px}
.connection-card-art h3 span{font:30px var(--sans);margin-left:auto;flex:none;transition:transform .3s ease}
.connection-card-caption{padding-top:19px}.connection-card-caption>span{font:12px var(--sans);letter-spacing:1.5px;color:#c7b58e}.connection-card-caption p{font-size:15px;line-height:1.6;margin:9px 0 0;color:#e1e0d1;max-width:390px}
.connection-hero{position:relative;isolation:isolate;height:calc(100svh - 100px);min-height:650px;max-height:1050px;background:#1c211a;color:#f6f3eb;overflow:hidden}
.connection-hero-main{position:absolute;inset:0;width:64%;height:100%;object-fit:cover;object-position:center 56%}
.connection-hero-shade{position:absolute;inset:0;width:64%;background:linear-gradient(90deg,#1019117a,transparent 75%),linear-gradient(0deg,#101911e6,transparent 85%)}
.connection-back{position:absolute;z-index:2;left:6vw;right:6vw;top:30px;display:flex;align-items:center;gap:16px;font:12px var(--sans);letter-spacing:1.8px;color:#fff}
.connection-back>span:first-child{font-size:20px}.connection-back>span:last-child{margin-left:auto}
.connection-hero-inset{position:absolute;top:0;right:0;bottom:0;width:36%;max-width:none;margin:0;padding:0;border-left:1px solid #f6f3eb40;background:#263229;overflow:hidden}
.connection-hero-inset::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#10191160,transparent 25%,transparent 65%,#10191188)}
.connection-hero-inset img{width:100%;height:100%;object-fit:cover;display:block}
.connection-hero-inset figcaption{position:absolute;z-index:1;left:26px;right:26px;bottom:26px;padding:15px 0 0;border-top:1px solid #f6f3eb66;color:#f6f3eb;font:12px/1.7 var(--sans);letter-spacing:1.5px}
.connection-hero-copy{position:absolute;bottom:58px;left:6vw;right:auto;width:53vw;max-width:1000px}
.connection-hero-copy .eyebrow{font-size:12px;color:#f6f3ebcc;letter-spacing:2px;margin-bottom:24px}
.connection-hero h1{font:clamp(76px,8.2vw,132px)/.89 var(--serif);letter-spacing:-2px;margin:0;max-width:100%}
.connection-hero h1 em{font-weight:400}.connection-hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;margin:28px 0 24px;max-width:490px}
.connection-explore{font:12px var(--sans);letter-spacing:1.8px;display:inline-flex;gap:32px;align-items:center}.connection-explore span{font-size:21px}
.connection-proposition{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;align-items:center;padding-top:70px;padding-bottom:70px;border-bottom:1px solid var(--rule)}
.connection-proposition h2{font-size:clamp(42px,4.8vw,70px);line-height:1;margin:0}.connection-proposition>p{font-size:18px;line-height:1.85;max-width:450px;margin:0}
.connection-study{--green:var(--story-accent);padding-top:65px;padding-bottom:35px}
.connection-study .section-heading{margin-bottom:35px}.connection-study .section-heading h2{font-size:clamp(45px,5vw,70px)}.connection-study .section-heading>p{max-width:320px}
.connection-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--rule)}
.connection-tabs button{position:relative;padding:21px 10px;background:none;border:0;text-align:left;font:24px var(--serif);display:flex;gap:16px;align-items:center;transition:color .2s ease;color:var(--muted)}
.connection-tabs button>span{font:12px var(--sans);opacity:.6}
.connection-tabs button::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--story-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.connection-tabs button[aria-selected=true]{color:var(--ink)}.connection-tabs button[aria-selected=true]::after{transform:scaleX(1)}
.connection-panel[hidden]{display:none}.connection-panel-note{font:12px/1.6 var(--sans)!important;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);margin:26px 0 20px}
.connection-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.connection-observation{min-width:0;background:#eeece2;border:1px solid #d6d5c87a}
.connection-observation-art{display:block;height:clamp(220px,23vw,350px);overflow:hidden;background:#e7e5d6}
.connection-observation-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.connection-observation-copy{padding:28px 30px 30px}.connection-observation-copy .eyebrow{font-size:12px;letter-spacing:1.4px;color:var(--story-accent);margin-bottom:16px}.connection-observation h3{font:clamp(32px,3vw,44px)/1.05 var(--serif);margin:0 0 15px;letter-spacing:-.5px}.connection-observation-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;margin:0 0 21px;max-width:440px}.connection-observation .underlined-link{font-size:12px}
.connection-evidence{padding:0 5vw 55px}.connection-evidence details{border-bottom:1px solid var(--rule)}.connection-evidence summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:20px 0;font:12px var(--sans)}.connection-evidence summary::-webkit-details-marker{display:none}.connection-evidence summary>span{font-size:22px;transition:transform .25s ease}.connection-evidence details[open] summary>span{transform:rotate(45deg)}.connection-evidence details>div{padding:0 0 25px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.connection-evidence p{font-size:15px!important;line-height:1.8;max-width:480px}.connection-source-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:15px}.connection-source-links button{font-size:12px;text-align:left}
.connection-next{display:grid;grid-template-columns:1.4fr 1fr;gap:7vw;align-items:center;background:#202e25;color:#f6f3eb;padding-top:48px;padding-bottom:48px}.connection-next .eyebrow{color:#c7b58e;font-size:12px}.connection-next h2{font-size:clamp(38px,4.8vw,65px);line-height:1;margin:0 0 30px}.connection-next h2 span{font:30px var(--sans)}.connection-next .underlined-link{font-size:12px}.connection-next-art{height:220px;overflow:hidden}.connection-next-art img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
@media(hover:hover){.connection-story-card:hover .connection-card-art>img,.connection-observation-art:hover img,.connection-next-art:hover img{transform:scale(1.025)}.connection-story-card:hover .connection-card-inset{border-color:#f6f3eb}.connection-story-card:hover .connection-card-inset img{transform:scale(1.025)}.connection-story-card:hover h3 span{opacity:.65}.connection-tabs button:hover{color:var(--story-accent)}}
@media(min-width:1600px){.connection-hero-copy{max-width:1100px}.connection-hero h1{font-size:clamp(132px,8.2vw,170px)}.connection-study .section-heading>p,.connection-proposition>p{font-size:20px}}
@media(max-width:1100px){.connection-story-grid{gap:35px 24px}.connection-card-art{height:360px}.connection-hero{min-height:650px}.connection-hero h1{font-size:clamp(70px,8.2vw,92px)}.connection-hero-copy{bottom:45px}.connection-observation-copy{padding:25px}.connection-tabs button{font-size:22px}}
@media(max-width:760px){.connection-collection{padding-top:55px}.connection-story-grid{grid-template-columns:1fr;gap:35px}.connection-card-art{height:400px}.connection-card-art h3{font-size:49px;left:24px;right:24px;bottom:25px;max-width:none}.connection-card-index{left:24px;top:23px;font-size:12px}.connection-card-inset{top:24px;right:24px;width:27%;padding:4px}.connection-card-caption p{font-size:16px!important;line-height:1.7!important}.connection-card-caption>span{font-size:12px}.connection-hero{height:auto;min-height:0;max-height:none;padding-top:330px;background:#202e25}.connection-hero-main{width:60%;height:330px}.connection-hero-shade{width:60%;height:330px;background:linear-gradient(180deg,#10191199,transparent 55%)}.connection-back{top:22px;font-size:12px;gap:12px}.connection-hero-inset{top:0;right:0;bottom:auto;width:40%;height:330px;max-width:none;padding:0}.connection-hero-inset figcaption{display:none}.connection-hero-copy{position:relative;left:auto;right:auto;bottom:auto;width:auto;max-width:none;padding:35px 7vw 40px}.connection-hero h1{font-size:clamp(64px,16vw,108px);letter-spacing:-1.8px;line-height:.89}.connection-hero-copy .eyebrow{font-size:12px;letter-spacing:1.6px;max-width:230px;margin-bottom:19px}.connection-hero-copy>p:not(.eyebrow){max-width:310px;margin:23px 0;font-size:17px!important;line-height:1.7!important}.connection-explore{font-size:12px;gap:24px}.connection-proposition{grid-template-columns:1fr;gap:24px;padding-top:45px;padding-bottom:45px}.connection-proposition h2{font-size:45px}.connection-study{padding-top:45px}.connection-study .section-heading h2{font-size:46px}.connection-study .section-heading>p{margin-top:24px}.connection-tabs button{font-size:18px;gap:9px;padding:17px 4px;align-items:flex-start;flex-direction:column;line-height:1.25}.connection-tabs button>span{font-size:12px}.connection-panel-note{font-size:12px!important;margin:23px 0 17px}.connection-pair{grid-template-columns:1fr;gap:23px}.connection-observation-art{height:auto;aspect-ratio:1.5}.connection-observation-copy{padding:24px}.connection-observation h3{font-size:36px}.connection-observation .underlined-link{font-size:12px}.connection-evidence{padding:0 7vw 35px}.connection-evidence details>div{grid-template-columns:1fr;gap:5px}.connection-next{grid-template-columns:1fr;gap:30px;padding-block:40px}.connection-next h2{font-size:47px}.connection-next-art{height:210px}.connection-collection .section-heading>p{margin-top:25px}}
@media(max-width:360px){.connection-card-art{height:350px}.connection-card-art h3{font-size:43px}.connection-hero h1{font-size:60px}.connection-tabs button{font-size:16px}}
@media(prefers-reduced-motion:reduce){.connection-card-art>img,.connection-card-inset,.connection-card-inset img,.connection-card-art h3 span,.connection-observation-art img,.connection-tabs button::after,.connection-next-art img,.connection-evidence summary>span{transition:none}}
.connection-hero h1 em{color:#f1dbb8}