/* Original Humanis identity, with the field site's open layout and living diagrams. */
body[data-study="combined"] { --flow-ink:#7a8970;--flow-accent:#a04f34;--body-font:'Manrope',Arial,sans-serif; }
[data-theme="dark"] body[data-study="combined"] { --flow-ink:#a8b79c;--flow-accent:#c79a75; }
[data-study="combined"] .topbar .brand svg { height:2.35rem; }
[data-study="combined"] .topbar { background:var(--glass);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4); }
[data-study="combined"] .hero-plate { animation:none; }
[data-study="combined"] section[id] { scroll-margin-top:95px; }
[data-study="combined"] button { color:inherit;font:inherit; }
[data-study="combined"] :focus-visible { outline:1px solid var(--flow-accent);outline-offset:6px; }
.cursor-viewport { position:fixed;inset:0;overflow:clip;pointer-events:none;z-index:9999;mix-blend-mode:difference; }
.cursor-viewport .cursor { position:absolute;mix-blend-mode:normal; }
.skip-link { position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-180%);opacity:0;pointer-events:none;padding:10px 18px;background:var(--bg);color:var(--ink); }
.skip-link:focus { transform:translateY(0);opacity:1;pointer-events:auto; }
.synthesis-divider { display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);font:500 9px var(--mono);letter-spacing:.10em;text-transform:uppercase;color:var(--ink-3); }
.synthesis-section { padding-block:clamp(80px,8.5vw,135px); }
.section-heading { display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;margin-bottom:50px;border-bottom:1px solid var(--line-soft); }
.section-index { font:500 10px var(--mono);letter-spacing:.10em;text-transform:uppercase;color:var(--accent); }
.section-cross { font:18px var(--serif);color:var(--ink-3); }
.synthesis-section h2,.synthesis-method h2 { font-size:clamp(38px,4.5vw,65px);line-height:1.07;letter-spacing:-.027em; }
.synthesis-section h2 em,.synthesis-method h2 em,.synthesis-contact h2 em { color:var(--accent);font-weight:400; }
.prose { font-family:var(--body-font);font-size:14px;line-height:1.95;color:var(--ink-2); }
.section-lead { font-size:clamp(22px,2vw,29px);line-height:1.45;letter-spacing:-.012em;color:var(--ink-2); }
.synthesis-link { display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:0 0 12px;margin-top:29px;border-bottom:1px solid var(--line);font:12px var(--body-font);line-height:1.7; }
.synthesis-link span { color:var(--flow-accent);font-size:21px;line-height:1;transition:transform .25s; }
.synthesis-link:hover span { transform:translate(3px,-3px); }
.thesis-layout { display:grid;grid-template-columns:27% 1fr;gap:8%;align-items:center; }
.thesis-engraving { margin:0;padding-top:24px; }
.thesis-engraving .eng { max-width:300px; }
.thesis-engraving figcaption,.people-engraving figcaption { margin-top:25px;font:9px var(--mono);letter-spacing:.10em;text-transform:uppercase;color:var(--ink-3);text-align:center; }
.thesis-copy .section-lead { margin-top:31px;max-width:35ch; }
.thesis-prose { display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:26px; }
.section-intro { display:flex;align-items:flex-end;justify-content:space-between;gap:60px; }
.section-intro>.prose { max-width:30ch;padding-bottom:7px; }

/* A single changing instrument beside the domain names, directly on the paper. */
.domain-explorer { display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;margin-top:50px;align-items:start; }
.domain-list { margin-top:33px; }
.domain-list a { width:100%;display:flex;align-items:baseline;gap:21px;padding:27px 0;border:0;border-top:1px solid var(--line);background:none;text-align:left;cursor:pointer;transition:color .25s; }
.domain-list a:last-child { border-bottom:1px solid var(--line); }
.domain-more { margin-top:22px;max-width:44ch;font-family:var(--body-font);font-size:14px;line-height:1.7;color:var(--ink-2); }
.domain-more a { color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;transition:text-decoration-color .25s; }
.domain-more a:hover { text-decoration-color:currentColor; }
.domain-list a>span:nth-child(2) { font:clamp(27px,2.65vw,40px)/1.2 var(--serif);letter-spacing:-.035em; }
.domain-number { font:9px var(--mono);color:var(--ink-3); }
.domain-arrow { margin-left:auto;font:21px var(--serif);opacity:0;transform:translateX(-5px);transition:opacity .25s,transform .25s; }
.domain-list a[data-active],.domain-list a:hover { color:var(--flow-accent); }
.domain-list a[data-active] .domain-arrow,.domain-list a:hover .domain-arrow { opacity:1;transform:none; }
.domain-panel { min-width:0; }
.domain-diagram { height:295px;margin-top:-5px; }
#domain-svg { display:block;width:100%;height:266px;touch-action:pan-y; }
#domain-svg [stroke="#7a8970"] { stroke:var(--flow-ink); }
#domain-svg [stroke="#a04f34"] { stroke:var(--flow-accent); }
#domain-svg [fill="#a04f34"] { fill:var(--flow-accent); }
#domain-svg [stroke="#f7f5ef"] { stroke:var(--bg); }
.diagram-meta { display:flex;justify-content:flex-end;margin-top:0; }
.diagram-caption { font:8px var(--mono);letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase; }
.domain-content { padding-top:18px;min-height:221px; }
.domain-content h3 { font-size:28px;line-height:1.23;letter-spacing:-.02em; }
.domain-content p { margin-top:17px;max-width:49ch; }
.domain-content .synthesis-link { margin-top:24px; }

/* The field becomes the page's working instrument, between open text columns. */
.synthesis-method { position:relative;padding-top:85px;padding-bottom:90px;background:var(--bg-2);overflow:clip; }
.synthesis-method .section-heading { margin-bottom:45px; }
.method-drawing { position:relative;height:clamp(285px,28vw,430px);margin-top:7px; }
#method-field { width:100%;height:100%;display:block;touch-action:pan-y; }
#method-field:focus-visible { outline-offset:-10px; }
.method-steps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,4.5vw,70px);margin-top:12px; }
.method-step { display:flex;flex-direction:column;align-items:flex-start;position:relative;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:25px 0 0;cursor:pointer; }
.method-step:before { content:'';position:absolute;left:0;right:0;top:-1px;height:2px;transform:scaleX(0);transform-origin:left;background:var(--flow-accent);transition:transform .35s; }
.method-step[aria-selected="true"]:before { transform:scaleX(1); }
.step-index { font:9px var(--mono);letter-spacing:.08em;color:var(--ink-3); }
.step-title { display:block;font:clamp(42px,4.4vw,64px)/1.13 var(--serif);letter-spacing:-.03em;margin-top:12px;color:var(--ink); }
.step-title>span { color:var(--accent); }
.method-step[aria-selected="true"] .step-title { color:var(--flow-accent); }
.step-copy { display:block;margin-top:15px;max-width:30ch;font-size:13px;line-height:1.9; }
.step-equation { margin-top:23px;font:italic 20px var(--serif);color:var(--accent); }

.people-layout { display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:9%; }
.people-copy>.section-lead { margin-top:29px; }
.people-copy>.prose { max-width:48ch;margin-top:20px; }
.people-engraving { max-width:310px;justify-self:end; }
.people-engraving .eng { width:100%; }
.synthesis-contact { padding-top:80px;padding-bottom:105px;text-align:center;border-top:1px solid var(--line-soft); }
.synthesis-contact h2 { font-size:clamp(46px,6.2vw,88px);line-height:1.08;letter-spacing:-.03em;margin-top:30px; }
.synthesis-contact>.prose { max-width:50ch;margin:29px auto 0; }
.contact-address { display:inline-flex;align-items:baseline;gap:40px;margin-top:40px;font:clamp(22px,2.5vw,35px) var(--serif);padding-bottom:9px;border-bottom:1px solid var(--line); }
.contact-address span { color:var(--flow-accent);font-size:25px; }
.synthesis-footer { padding-top:45px;padding-bottom:28px;padding-inline:var(--pad); }
.synthesis-footer .huge { font-size:clamp(48px,15vw,220px);margin-bottom:40px; }
.synthesis-footer .foot-meta { font-size:9px; }
@media(min-width:1080px) {
  .synthesis-footer { padding-inline:calc(var(--rail) + var(--pad)); }
}

@media(min-width:769px) and (max-width:1100px) {
  .thesis-layout { grid-template-columns:25% 1fr;gap:6%; }
  .thesis-prose { grid-template-columns:1fr;gap:16px; }
  .domain-explorer { grid-template-columns:.95fr 1.05fr;gap:35px; }
  .domain-list a { gap:12px; }
  .domain-list a>span:nth-child(2) { font-size:29px; }
  .domain-arrow { font-size:17px; }
  .domain-diagram { height:250px; }
  #domain-svg { height:226px; }
  .people-layout { gap:7%; }
}
@media(max-width:768px) {
  .synthesis-divider { padding-block:19px;font-size:7px;gap:15px; }
  .synthesis-divider>span:first-child { max-width:27ch;line-height:1.8; }
  .synthesis-section { padding-block:65px; }
  .section-heading { margin-bottom:30px;padding-bottom:17px; }
  .section-index { font-size:8px; }
  .synthesis-section h2,.synthesis-method h2 { font-size:clamp(33px,7.4vw,53px);line-height:1.10; }
  .thesis-layout { grid-template-columns:1fr;gap:31px; }
  .thesis-copy { grid-row:1; }
  .thesis-engraving { display:flex;align-items:center;gap:26px;padding:0; }
  .thesis-engraving .eng { width:130px;max-width:38%; }
  .thesis-engraving figcaption { max-width:15ch;text-align:left;line-height:1.8;margin:0;font-size:8px; }
  .thesis-copy .section-lead { margin-top:23px;font-size:23px; }
  .thesis-prose { grid-template-columns:1fr;gap:18px;margin-top:21px; }
  .prose { font-size:13px;line-height:1.9; }
  .section-intro { display:block; }
  .section-intro>.prose { margin-top:23px;max-width:39ch; }
  .domain-explorer { grid-template-columns:1fr;gap:14px;margin-top:20px; }
  .domain-list { margin-top:10px; }
  .domain-list a { padding:20px 0;gap:18px; }
  .domain-list a>span:nth-child(2) { font-size:clamp(25px,6.8vw,35px); }
  .domain-number { font-size:8px; }
  .domain-diagram { height:246px;margin-top:4px; }
  #domain-svg { height:222px; }
  .domain-content { padding-top:15px;min-height:245px; }
  .domain-content h3 { font-size:26px; }
  .domain-content .synthesis-link { margin-top:21px; }
  .synthesis-method { padding-top:55px;padding-bottom:52px; }
  .synthesis-method .section-heading { margin-bottom:30px; }
  .method-drawing { position:sticky;top:72px;z-index:4;background:var(--bg-2);height:265px;margin-top:10px; }
  .method-steps { grid-template-columns:1fr;gap:0;margin-top:0; }
  .method-step { display:grid;grid-template-columns:40% 1fr;column-gap:20px;padding:23px 0; }
  .step-index { grid-column:1;grid-row:1;font-size:7px; }
  .step-title { grid-column:1;grid-row:2;font-size:37px;margin-top:5px; }
  .step-copy { grid-column:2;grid-row:1 / 4;align-self:center;margin:0;font-size:11px;line-height:1.85; }
  .step-equation { grid-column:1;grid-row:3;margin-top:12px;font-size:16px; }
  .people-layout { display:block; }
  .people-copy>.section-lead { margin-top:24px;font-size:23px; }
  .people-engraving { width:155px;margin:35px 5px 0 auto; }
  .people-engraving figcaption { font-size:7px;margin-top:16px; }
  .synthesis-contact { padding-top:60px;padding-bottom:66px; }
  .synthesis-contact h2 { font-size:clamp(35px,9vw,57px);margin-top:24px; }
  .synthesis-contact>.prose { margin-top:24px; }
  .contact-address { margin-top:28px;font-size:24px;gap:23px; }
  .synthesis-footer { padding-top:30px; }
  .synthesis-footer .huge { margin-bottom:30px; }
  .synthesis-footer .foot-meta { font-size:7px;gap:17px; }
}
@media(max-width:370px) {
  [data-study="combined"] .topbar .bar { gap:12px; }
  [data-study="combined"] .topbar .brand { gap:7px; }
  [data-study="combined"] .topbar .brand .w { font-size:15px;letter-spacing:.20em; }
  [data-study="combined"] .tb-right { gap:5px; }
  .domain-list a { gap:12px; }
  .domain-list a>span:nth-child(2) { font-size:24px; }
  .method-step { grid-template-columns:42% 1fr;column-gap:12px; }
  .step-title { font-size:30px; }
  .step-equation { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
  [data-study="combined"] *,[data-study="combined"] *:before,[data-study="combined"] *:after { transition:none!important;animation:none!important; }
}