/* A connected argument, with details revealed where they are needed. */
.research-portfolio .research-atlas{background:linear-gradient(125deg,#fcf8ee,#f1eee1);padding:54px clamp(24px,4vw,60px);color:#354b50;box-shadow:0 12px 45px #25313c18}.atlas-heading{text-align:center;margin:0 auto 48px;max-width:800px}.atlas-heading h2{font:400 clamp(30px,3.2vw,44px)/1.2 'Cormorant Garamond',Georgia,serif;margin:22px auto 30px;color:#33494c}.atlas-heading .eyebrow{color:#7c6a53}.atlas-route{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 22px;font:italic 22px 'Cormorant Garamond',Georgia,serif}.atlas-route a{border-bottom:1px solid #b4977466;padding:5px 0}.atlas-route>span{color:#b78a62}.atlas-heading .atlas-instruction{font:12px/1.6 Manrope,Arial,sans-serif;color:#777767;margin:22px auto 0}.atlas-stage{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.8fr);gap:35px;position:relative;padding:35px 0 48px 32px;border-left:1px dashed #94a49a80;margin-left:12px}.atlas-stage:last-child{padding-bottom:18px}.atlas-stage-heading{position:relative}.atlas-number{position:absolute;left:-47px;top:-7px;width:28px;height:28px;border:1px solid #a99e84;border-radius:50%;background:#f7f3e7;text-align:center;font:11px/27px Manrope,Arial,sans-serif;color:#8c6c4e}.atlas-stage-heading .eyebrow{font-size:10px;letter-spacing:.13em;color:#8d7154;margin:0 0 18px}.atlas-stage-heading h3{font:400 30px/1.16 'Cormorant Garamond',Georgia,serif;margin:0 0 14px;color:#354b50}.atlas-stage-heading>p:last-child{font:13px/1.7 Manrope,Arial,sans-serif;color:#67716c}.atlas-methods{min-width:0}.atlas-method{border-bottom:1px solid #a6b1a94d;padding:0;margin:0 0 9px}.atlas-method summary{position:relative;list-style:none;cursor:pointer;padding:12px 35px 17px 6px}.atlas-method summary::-webkit-details-marker{display:none}.method-thread{display:block;font:10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.045em;margin-bottom:7px;color:#647f83}.method-thread:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#678991;margin-right:7px}.thread-pinn{color:#a06d59}.thread-pinn:before{background:#b07a62}.method-name{font:400 23px/1.18 'Cormorant Garamond',Georgia,serif;color:#33474a;display:block}.method-expand{position:absolute;right:8px;top:30px;font:20px Georgia;color:#8e8065;transition:transform .2s}.atlas-method[open] .method-expand{transform:rotate(45deg)}.atlas-method[open]{border:6px solid #d3baa0;border-image:url('../img/motifs/ceramic-frame.svg?v=75') 24 / 6px round;background:#fffbf2;margin:5px 0 15px}.atlas-method[open] summary{padding:14px 35px 14px 14px}.method-reasoning{padding:0 15px 20px}.method-reasoning dl{margin:4px 0 0;display:grid;grid-template-columns:72px 1fr;gap:12px 14px;font:12px/1.75 Manrope,Arial,sans-serif}.method-reasoning dt{color:#9c7153;font-size:10px;letter-spacing:.035em}.method-reasoning dd{margin:0;color:#475351}.method-reasoning a{color:#486770;text-decoration:underline;text-underline-offset:4px}.atlas-connection{display:block;font:italic 17px/1.4 'Cormorant Garamond',Georgia,serif;margin-top:20px}.atlas-method summary:focus-visible,.atlas-route a:focus-visible,.application-ports a:focus-visible{outline:2px solid #789297;outline-offset:3px}.atlas-outlook{margin:38px 0 0;padding:22px 0 0 32px;border-top:1px solid #aaa78e55}.atlas-outlook p{font:italic 23px/1.4 'Cormorant Garamond',Georgia,serif;max-width:700px}.atlas-outlook a{font:13px Manrope,Arial,sans-serif;color:#80634a;border-bottom:1px solid #ae9678}.application-ports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:40px 0}.application-ports a{padding:24px 25px;background:#f9f3e7ed;border:6px solid #bcac8f;border-image:url('../img/motifs/ceramic-frame.svg?v=75') 24 / 6px round;font:26px/1.2 'Cormorant Garamond',Georgia,serif;color:#4c6265;transition:background .2s}.application-ports a:hover{background:#fff9e9}.application-ports span{display:block;font:10px/1.5 Manrope,Arial,sans-serif;color:#977255;margin-bottom:10px}.ithaca-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.sami-photo{margin:0;transform:rotate(-2deg);background:#fffdf6;padding:10px 10px 16px;box-shadow:0 10px 25px #25333c22}.sami-photo img{display:block;width:100%;height:auto}.sami-photo figcaption{font:italic 17px/1.4 'Cormorant Garamond',Georgia,serif;color:#6f6b5b;padding:15px 8px 0}.crossings-intro .ithaca-note .lead{font:400 clamp(30px,3vw,42px)/1.16 'Cormorant Garamond',Georgia,serif}.ithaca-note>p{font-size:14px;line-height:1.8}.crossings-intro>.eyebrow{margin-top:42px}.research-atlas details:target{scroll-margin-top:55px}.atlas-method:target summary{background:#839d9215}@media(max-width:760px){.research-portfolio .research-atlas{padding:35px 22px}.atlas-heading h2{font-size:32px}.atlas-heading h2 br{display:none}.atlas-route{font-size:20px;gap:8px}.atlas-stage{grid-template-columns:1fr;gap:12px;padding:25px 0 32px 22px;margin-left:3px}.atlas-number{left:-37px}.atlas-stage-heading h3{font-size:28px}.atlas-stage-heading .eyebrow{margin-bottom:10px}.method-name{font-size:22px}.method-reasoning dl{grid-template-columns:1fr;gap:4px}.method-reasoning dd{margin-bottom:12px}.application-ports{grid-template-columns:1fr;gap:12px}.ithaca-opening{grid-template-columns:1fr;gap:30px}.sami-photo{max-width:400px;margin:0 auto}.ithaca-note .eyebrow{margin-top:8px}.atlas-outlook{padding-left:0}}@media(prefers-reduced-motion:reduce){.method-expand,.application-ports a{transition:none}}

.atlas-heading h2{text-wrap:balance}.atlas-key{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;font:11px/1.6 Manrope,Arial,sans-serif;color:#6d7874;margin:24px auto 0}.atlas-key span:last-child{color:#997460}.research-portfolio .funding-logos img{width:150px;max-width:100%;height:auto}.research-portfolio .funding-logos{display:flex;flex-wrap:wrap;gap:20px}
.method-reasoning dl{font-size:14px;line-height:1.7}.method-reasoning dt{font-size:11px}.atlas-method .method-name{font-size:24px}@media(max-width:760px){.atlas-method .method-name{font-size:22px}}
.research-path{display:flex;list-style:none;padding:20px 0!important;margin:22px 0;gap:25px;border-top:1px solid #ad9a7844;border-bottom:1px solid #ad9a7844}.research-path li{flex:1;position:relative}.research-path li+li:before{content:'→';position:absolute;left:-21px;top:30px;color:#ab765c}.research-path span,.research-path small{display:block;font:12px/1.6 Manrope,Arial,sans-serif;color:#716e60}.research-path strong{display:block;font:400 26px/1.3 Georgia,serif;margin:9px 0;color:#405d60}.research-portfolio .bearings-section-index>a{min-height:100px;padding-top:24px;padding-bottom:24px}.research-portfolio .bearings-section-index .plaque-emblem{display:none}@media(max-width:650px){.research-path{display:block}.research-path li{margin:18px 0;padding-left:20px;border-left:2px solid #b68b6d}.research-path li+li:before{display:none}}

.method-matrix td a{font-size:14px}.method-matrix th{font-size:21px}.method-matrix th small{font-size:11px}.method-matrix caption{font-size:12px}

.atlas-traces{margin:32px auto 0;max-width:820px;text-align:left;padding:22px 0;border-top:1px solid #84989455}.atlas-traces>span{font:11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#687d79}.atlas-traces [role=group]{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.atlas-traces button{cursor:pointer;border:1px solid #9daaa480;border-radius:24px;padding:10px 17px;background:transparent;color:#446166;font:13px/1.4 Manrope,Arial,sans-serif;transition:background .2s,color .2s}.atlas-traces button:hover{background:#e0e8df}.atlas-traces button[aria-pressed=true]{background:#49686a;color:#fff9ed;border-color:#49686a}.atlas-traces button:focus-visible{outline:2px solid #a86d50;outline-offset:4px}.atlas-traces .trace-story{font:italic 23px/1.45 'Cormorant Garamond',Georgia,serif;color:#5b726e;min-height:2.9em;margin:14px 0 0}.atlas-method[hidden]{display:none!important}.research-atlas[data-trace=pinn] .atlas-number{color:#a66f53;border-color:#b78873}.research-atlas[data-trace=cs] .atlas-stage-heading h3{color:#41646c}@media(prefers-reduced-motion:reduce){.atlas-traces button{transition:none}}

/* Three ports on a shared voyage; the route carries the chronology. */
.research-voyage{position:relative;margin:36px 0 30px;padding:12px 0 24px;background:radial-gradient(ellipse at 50% 30%,#d9e5dd55,transparent 68%)}.research-wake{position:absolute;left:0;top:60px;width:100%;height:130px;overflow:visible;fill:none;stroke:#ad9270;stroke-width:1.3;stroke-dasharray:3 7}.research-wake circle{fill:#f9f5e9;stroke:#8e9e91;stroke-dasharray:none;stroke-width:2}.research-voyage .research-path{position:relative;border:0;margin:0;padding:0!important;gap:40px;align-items:flex-start}.research-voyage .research-path li{text-align:center;margin:0;padding:0;border:0}.research-voyage .research-path li+li:before{display:none}.research-voyage .research-path li:nth-child(2){padding-top:43px}.voyage-stop{height:115px;position:relative;display:flex;align-items:flex-start;justify-content:center}.voyage-stop img{width:76px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 3px #64777425);transition:transform .4s}.voyage-stop svg{position:absolute;width:22px;height:25px;left:calc(50% + 29px);top:49px;fill:none;stroke:#a57f58;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.research-path li:hover .voyage-stop img{transform:translateY(-4px) rotate(-3deg)}.research-voyage .research-path .voyage-stop-number{font:10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#9c8263;margin-bottom:15px}.research-voyage .research-path strong{font-size:27px;margin:10px 0}.research-voyage .research-path small{max-width:260px;margin:0 auto;line-height:1.7}.research-voyage .research-path>li>span:not(.voyage-stop-number){font-size:12px;color:#66786f}@media(max-width:650px){.research-voyage{margin:25px 0;padding-left:0}.research-wake{display:none}.research-voyage .research-path{display:block}.research-voyage .research-path li,.research-voyage .research-path li:nth-child(2){position:relative;text-align:left;padding:0 0 38px 88px;min-height:135px}.research-voyage .research-path li:after{content:'';position:absolute;left:33px;top:65px;bottom:6px;border-left:1px dashed #ad9270}.research-voyage .research-path li:last-child:after{display:none}.voyage-stop{position:absolute;left:0;top:12px;width:67px;height:75px}.voyage-stop img{width:60px;height:52px}.voyage-stop svg{width:17px;left:48px;top:37px}.research-voyage .research-path .voyage-stop-number{margin-bottom:8px;font-size:9px}.research-voyage .research-path strong{font-size:25px}.research-voyage .research-path small{margin:0;max-width:none}}@media(prefers-reduced-motion:reduce){.voyage-stop img{transition:none}.research-path li:hover .voyage-stop img{transform:none}}

.research-seascape{background:#faf5e9f5;padding:44px 40px;margin:0 0 55px;color:#354f53}.research-seascape h2{font:400 clamp(32px,3.4vw,45px)/1.12 'Cormorant Garamond',Georgia,serif;margin:0 0 32px}.seascape-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:start}.research-seascape h3{font:italic 24px/1.3 'Cormorant Garamond',Georgia,serif;margin:0 0 20px;color:#8b7556}.application-chart{position:relative;height:445px}.chart-water{position:absolute;top:35px;left:0;width:100%;height:380px;fill:none;stroke:#79949333;stroke-width:1.2}.chart-passage{stroke:#a38b68;stroke-dasharray:3 7}.research-island{position:absolute;width:45%;height:130px;border:0;background:none;padding:24px 22px;cursor:pointer;color:#526c6d;font:400 24px/1.1 'Cormorant Garamond',Georgia,serif;transition:transform .25s}.research-island svg{position:absolute;inset:0;width:100%;height:100%;fill:#e1e6db;stroke:#a8b8a7;stroke-width:1}.research-island .island-contour{fill:none;stroke:#f7f6e8;stroke-width:1.2}.research-island span{position:relative;z-index:1}.island-1{left:0;top:58px}.island-2{right:0;top:110px}.island-3{left:5%;top:259px}.island-4{right:0;top:295px}.research-island[aria-pressed=true] svg{fill:#eddbc0;stroke:#b48564}.research-island:hover{transform:translateY(-4px)}.research-island:focus-visible{outline:2px solid #8b634b;outline-offset:3px;border-radius:45%}.shore-dot{position:absolute;left:50%;bottom:14px;width:6px;height:6px;border:1px solid #748779;border-radius:50%;background:#fff8e8}.research-island[aria-pressed=true] .shore-dot{background:#aa7453;border-color:#aa7453;box-shadow:0 0 0 4px #aa74531a}.chart-vessel{position:absolute;width:50px;height:45px;left:43%;top:221px;opacity:.8}.shore-notes{border-left:1px solid #ae987050;padding-left:28px}.shore-note[hidden]{display:none}.shore-note h4{font:400 34px/1.15 'Cormorant Garamond',Georgia,serif;margin:8px 0 16px;color:#415f64}.shore-note p{font:15px/1.7 Manrope,Arial,sans-serif;margin:12px 0;color:#626c63}.shore-note .shore-context{font:italic 19px/1.4 'Cormorant Garamond',Georgia,serif;color:#9c7758}.shore-note ul{list-style:none;padding:0;margin:24px 0}.shore-note li{margin:0;padding:9px 0;border-bottom:1px solid #a4b1a52b}.shore-note li a{font:21px/1.35 'Cormorant Garamond',Georgia,serif;color:#3d6266;text-decoration:none}.shore-note li a:hover{color:#aa6c4d}.shore-explore,.seascape-next{display:inline-block;font:italic 21px/1.4 'Cormorant Garamond',Georgia,serif;color:#906d4d;border-bottom:1px solid #ba9e7480;padding:6px 0}.shore-explore span{margin-left:10px}.seascape-next{margin-top:28px}.seascape-general{margin-top:25px;font:15px/1.6 Manrope,Arial,sans-serif;color:#718078}.seascape-general summary{cursor:pointer}.seascape-general a{display:block;margin:12px 0;text-decoration:underline}.shore-note a:focus-visible{outline:2px solid #9a7450;outline-offset:4px}@media(max-width:760px){.research-seascape{padding:30px 22px}.seascape-layout{grid-template-columns:1fr;gap:25px}.application-chart{height:385px}.research-island{height:110px;font-size:23px;padding:20px 17px}.island-1{top:50px}.island-2{top:91px}.island-3{top:225px}.island-4{top:264px}.chart-vessel{top:185px;width:42px}.chart-water{height:320px}.shore-notes{border-left:0;border-top:1px solid #ae987050;padding:24px 0 0}.shore-note h4{font-size:31px}.research-seascape h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.research-island{transition:none}.research-island:hover{transform:none}}

/* One question, three connected passages. */
.research-atlas .atlas-heading{max-width:850px;margin:0 auto 48px;text-align:left}.research-atlas .atlas-heading h2{font-size:clamp(32px,3.5vw,46px);line-height:1.18}.research-atlas .atlas-stage{padding-top:28px;padding-bottom:40px;gap:40px}.research-atlas .atlas-stage-heading h3{font-size:30px;line-height:1.2;max-width:320px}.research-atlas .atlas-stage-heading p{font-size:16px;line-height:1.7}.research-atlas .method-name{font-size:23px}.research-atlas .atlas-method summary{padding:17px 0}.research-atlas .atlas-number{font:italic 20px Georgia,serif;border:0;color:#a5805b}.research-atlas .atlas-outlook{padding-top:15px;margin-top:0}.research-atlas .method-reasoning{font-size:16px}@media(max-width:700px){.research-atlas .atlas-stage{gap:18px}.research-atlas .atlas-stage-heading h3{font-size:28px;max-width:none}.research-atlas .method-name{font-size:22px}}

/* Keep the funding disclosure available without interrupting the research. */
.funding-notice { margin: .8rem 0 0; max-width: 70ch; }
.funding-notice summary { width: fit-content; cursor: pointer; color: #756956; font-size: .9rem; text-decoration: underline; text-underline-offset: .22em; }
.funding-notice summary:focus-visible { outline: 2px solid #49676b; outline-offset: 5px; }
.funding-notice .funding-disclaimer { margin-top: .6rem; line-height: 1.6; }

/* Applications: purpose first, then the scientific question and contribution. */
.research-portfolio .application-story { padding:clamp(28px,5vw,68px); }
.application-story .application-opening { max-width:900px; margin-bottom:42px; }
.application-story .application-opening h2 { font-size:clamp(36px,4.2vw,58px); line-height:1.08; color:#39585b; margin:0 0 12px; }
.application-story .application-system { font:italic clamp(25px,2.6vw,34px)/1.25 'Cormorant Garamond',Georgia,serif; color:#a66349; margin:0 0 28px; }
.application-story .application-purpose { font:400 clamp(23px,2.5vw,30px)/1.35 'Cormorant Garamond',Georgia,serif; max-width:36ch; margin:0 0 14px; color:#403e35; }
.application-story .application-context { font-size:15px; line-height:1.6; color:#716957; margin:0; }
.application-chapter { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr); gap:clamp(24px,4vw,56px); border-top:1px solid #b6a17a70; padding:32px 0; }
.application-question .chapter-number { font:italic 21px Georgia,serif; color:#a66349; }
.application-story .application-question h3 { font:400 clamp(27px,2.8vw,36px)/1.15 'Cormorant Garamond',Georgia,serif; color:#3e5b5e; margin:12px 0; }
.application-story .application-question p { font:italic 22px/1.35 'Cormorant Garamond',Georgia,serif; color:#7b694f; margin:0; max-width:24ch; }
.application-story .application-evidence h4 { font:500 22px/1.35 'Cormorant Garamond',Georgia,serif; color:#574c3a; margin:0 0 12px; }
.application-story .application-evidence p { font-size:16px; line-height:1.8; margin:0 0 18px; max-width:65ch; }
.application-pinn { margin-top:26px; padding-left:20px; border-left:2px solid #b888655c; }
.application-story .application-pinn h4 { font-style:italic; font-size:25px; color:#946c4f; }
.application-story .application-cases { display:flex;flex-wrap:wrap;gap:8px 24px;color:#3e6266;font-weight:500; }
.application-cases span { border-bottom:1px solid #97a9a16b; padding-bottom:3px; }
.application-story .application-links { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; background:none; border-top:1px solid #b6a17a70; padding:22px 0 0; margin:0; }
.application-story .application-links a { margin:0; font-size:15px; }
@media(max-width:760px){ .application-chapter{grid-template-columns:1fr;gap:22px;padding:26px 0}.application-story .application-opening{margin-bottom:30px}.application-story .application-question p{max-width:32ch}.application-pinn{padding-left:14px}.application-story .application-evidence p{font-size:16px} }

/* Two levels: chemical systems above, research directions below. */
.layered-chart.application-chart{height:auto;min-width:0}
.system-islands{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;align-items:center}
.layered-chart .research-island{position:relative;width:100%;height:150px;inset:auto;padding:20px 12px}
.polymerisation-island{position:relative;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 12px;box-sizing:border-box}
.polymerisation-island>svg,.destination-island>svg{position:absolute;inset:0;width:100%;height:100%;fill:#e1e6db;stroke:#a8b8a7;stroke-width:1}
.polymerisation-island .island-contour,.destination-island .island-contour{fill:none;stroke:#f7f6e8;stroke-width:1.2}
.polymerisation-island h4{position:relative;font:400 27px/1.2 'Cormorant Garamond',Georgia,serif;color:#526c6d;margin:0 0 14px}
.polymerisation-island button{position:relative;background:none;border:0;border-bottom:1px solid #9eada96b;color:#526c6d;padding:7px 10px;font:18px/1.25 'Cormorant Garamond',Georgia,serif;cursor:pointer}
.polymerisation-island button[aria-pressed=true]{color:#8b513d;background:#eddbc0;border-radius:12px}
.polymerisation-island button:focus-visible,.destination-island:focus-visible{outline:2px solid #8b634b;outline-offset:3px}
.island-crossing{height:80px;position:relative;margin:0 10px}
.island-crossing svg{width:100%;height:100%;fill:none;stroke:#a38b68;stroke-dasharray:3 7}
.island-crossing img{position:absolute;left:44%;top:3px;width:48px;height:44px}
.layered-chart h3{margin-bottom:16px}
.direction-islands{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.destination-island{position:relative;display:grid;place-items:center;min-height:135px;text-align:center;font:25px/1.1 'Cormorant Garamond',Georgia,serif;color:#886d4e;transition:transform .2s}
.destination-island>svg{fill:#eee0c8;stroke:#baa181}.destination-island span{position:relative}.destination-island:hover{transform:translateY(-3px)}
@media(max-width:760px){.system-islands{gap:6px;grid-template-columns:.8fr 1.2fr}.polymerisation-island h4{font-size:24px}.layered-chart .research-island{font-size:24px}.destination-island{font-size:24px;min-height:125px}.direction-islands{gap:8px}}
@media(prefers-reduced-motion:reduce){.destination-island{transition:none}.destination-island:hover{transform:none}}

button.destination-island{border:0;background:none;padding:0;cursor:pointer;width:100%}button.destination-island[aria-pressed=true]>svg{fill:#e6cfab;stroke:#a47551}

/* KMC and PINNs are sibling method-development routes within dynamic processes. */
.application-method + .application-method{margin-top:28px;padding-top:24px;border-top:1px solid #b6a17a50}
.application-story .application-method h4{font-size:26px;color:#3e5b5e;margin-bottom:8px}
.application-story .application-method .method-purpose{font:italic 23px/1.35 'Cormorant Garamond',Georgia,serif;color:#946c4f;margin:0 0 16px}

button.polymerisation-island{border:0;background:none;width:100%;cursor:pointer;color:#526c6d;font-family:'Cormorant Garamond',Georgia,serif}
.polymerisation-title{position:relative;font-size:27px;line-height:1.2;margin-bottom:14px}.polymerisation-type{position:relative;font-size:18px;line-height:1.4;padding:5px 0}
button.polymerisation-island[aria-pressed=true]>svg{fill:#eddbc0;stroke:#b48564}button.polymerisation-island:focus-visible{outline:2px solid #8b634b;outline-offset:3px;border-radius:30%}
.polymerisation-summary+.polymerisation-summary{border-top:1px solid #ae987050;margin-top:28px;padding-top:20px}
@media(max-width:760px){.polymerisation-title{font-size:24px}}