.refined-page{padding:28px;background:#efece5}.refined-grid{min-height:calc(100vh - 124px);display:grid;grid-template-columns:1.1fr .78fr .92fr;grid-template-rows:1fr 1fr;gap:18px}.refined-page .name{grid-row:span 2;justify-content:flex-start;gap:32px}.refined-page .name h1{margin:10px 0 24px}.refined-page .name .intro-copy{max-width:34ch;font-size:1rem;line-height:1.5}.refined-page .name-main{display:block}.refined-page .name-main::after{content:"";display:block;clear:both}.refined-page .name-photo{float:left;width:125px;height:154px;margin:0 20px 12px 0;border-radius:20px;overflow:hidden}.refined-page .name-photo img{object-position:50% 20%}.refined-page .human.wide{grid-column:2/4}.refined-page .name .mini-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.refined-page .name .mini-nav span{padding:7px 12px;border:1px solid currentColor;border-radius:999px;font-size:.82rem}.refined-page .photo{width:82%;height:86%;align-self:center;justify-self:center;border-radius:24px}.refined-page .photo img{object-position:50% 20%}.refined-page .quiet h2{font-size:clamp(1.65rem,2.5vw,2.7rem);line-height:1.08}.refined-page .quiet p{max-width:38ch;margin:12px 0 18px;line-height:1.45}.refined-page .support{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.refined-page .support .tile{min-height:300px}.refined-page .publications{background:var(--lav)}.refined-page .leadership{background:var(--mint)}.refined-page .contact{background:var(--ink);color:#fff}@media(max-width:900px){.refined-page{padding:14px}.refined-grid,.refined-page .support{grid-template-columns:1fr;grid-template-rows:auto}.refined-page .name{grid-row:auto;min-height:auto}.refined-page .human.wide{grid-column:auto}.refined-page .name .mini-nav{margin-top:30px}.refined-page .photo{width:100%;height:auto;min-height:440px}}

@media(max-width:600px){.refined-page .name-photo{width:118px;height:145px;margin-right:18px}}
.refined-page .name-photo a{display:block;width:100%;height:100%}
.refined-page .name-main{display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:start}
.refined-page .name-main::after{display:none}
.refined-page .name .name-main h1{grid-column:1;grid-row:1;margin:10px 0 0;font-size:clamp(2.5rem,4.2vw,4.8rem);min-width:0}
.refined-page .name .name-photo{grid-column:2;grid-row:1;float:none;margin:10px 0 0;width:110px;height:136px;justify-self:end}
.refined-page .name .intro-copy{grid-column:1/-1;grid-row:2;max-width:none;margin:22px 0 0}
@media(max-width:900px){.refined-page .name .name-main h1{font-size:clamp(2.5rem,10vw,6rem)}}
@media(max-width:600px){.refined-page .name .name-photo{width:96px;height:118px;margin-right:0}}
.refined-page a{color:inherit;text-decoration:underline}
.refined-page .topic{justify-content:flex-start}
.refined-page .topic h2{margin-top:14px}
.refined-page .name .name-main h1{margin-top:14px}
.refined-page .refined-grid .quiet h2{font-size:clamp(1.4rem,2vw,2.1rem);min-height:calc(4 * 1.08em)}
.refined-page{--fs:clamp(1.4rem,2vw,2.1rem)}
.refined-page .refined-grid .quiet h2{font-size:var(--fs)}
@media(min-width:901px){
.refined-page .name{gap:0}
.refined-page .name .name-main h1{margin-top:14px}
.refined-page .name .name-photo{margin-top:14px;height:clamp(100px,10vw,136px);width:auto;aspect-ratio:110/136}
.refined-page .name .name-main{min-height:calc(14px + 5 * 1.08 * var(--fs))}
.refined-page .refined-grid .quiet h2{min-height:calc(5 * 1.08 * var(--fs))}
.refined-page .name .intro-copy{margin-top:12px}
.refined-page .quiet p{margin-top:12px}
}
@media(min-width:901px){.refined-page .name .name-main{min-height:0;grid-template-rows:calc(14px + 5 * 1.08 * var(--fs)) auto}}
.refined-page .refined-grid{min-height:0;grid-template-rows:auto auto;align-items:start}
.refined-page .refined-grid .name{align-self:stretch}
.refined-page .support{align-items:start}
.refined-page .support .tile{min-height:0}
.refined-page .tile{padding:clamp(24px,3vw,44px)}
.refined-page .refined-grid,.refined-page .support{align-items:stretch}
@media(min-width:901px){
.refined-page .refined-grid .human h2{min-height:0}
.refined-page .refined-grid .human p{max-width:none}
.refined-page .support{grid-template-columns:1.7fr .65fr .65fr}
}
@media(min-width:901px){
.refined-page .refined-grid .name,.refined-page .support .leadership,.refined-page .support .contact{align-self:start}
}
.refined-page .name .mini-nav{margin-top:32px}
.refined-page .name .mini-nav span{font-weight:700;border-width:2px}
.refined-page .quiet p{max-width:none}
.refined-page{--pad:clamp(24px,3vw,44px)}
.refined-page .tile{padding:var(--pad)}
@media(min-width:901px){
.refined-page .refined-grid{grid-template-columns:repeat(3,1fr)}
.refined-page .name .name-main h1{font-size:clamp(2.3rem,3.6vw,4.2rem)}
.refined-page .name .name-photo{height:clamp(90px,8vw,120px)}
.refined-page .refined-grid .human p{max-width:calc((100% - 18px)/2 - var(--pad))}
}
.refined-page .cols p{margin:12px 0 0}
@media(min-width:901px){
.refined-page .refined-grid{grid-template-rows:auto auto;align-items:start}
.refined-page .refined-grid .name{grid-row:1;grid-column:1}
.refined-page .refined-grid .research{grid-row:1;grid-column:2}
.refined-page .refined-grid .methods{grid-row:1;grid-column:3}
.refined-page .refined-grid .leadership{grid-row:2;grid-column:1}
.refined-page .refined-grid .human{grid-row:2;grid-column:2/4}
.refined-page .refined-grid .human h2{margin-bottom:0}
.refined-page .cols{column-count:2;column-gap:calc(2 * var(--pad) + 18px)}
.refined-page .cols p{break-inside:avoid;max-width:none}
.refined-page .refined-grid .human p{max-width:none}
.refined-page .refined-grid .quiet h2{min-height:calc(4 * 1.08 * var(--fs))}
.refined-page .name .name-main{grid-template-rows:calc(14px + 4 * 1.08 * var(--fs)) auto}
.refined-page .support{grid-template-columns:repeat(3,1fr);align-items:start}
.refined-page .support .publications{grid-column:1/3}
}
@media(min-width:901px){.refined-page .refined-grid .human h2,.refined-page .refined-grid .leadership h2{min-height:0}}
.refined-page .stack{display:flex;flex-direction:column;gap:18px;min-width:0}
.refined-page .pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
@media(min-width:901px){
.refined-page .refined-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto;align-items:start}
.refined-page .stack.left{grid-column:1}
.refined-page .stack.right{grid-column:2/4}
.refined-page .refined-grid .name,.refined-page .refined-grid .research,.refined-page .refined-grid .methods,.refined-page .refined-grid .human,.refined-page .refined-grid .leadership{grid-row:auto;grid-column:auto}
}
@media(max-width:900px){.refined-page .pair{grid-template-columns:1fr}}
/* v3 grid: three columns, two rows of tiles, contact bar */
@media(min-width:901px){
.refined-page .refined-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:18px;align-items:stretch;min-height:0}
.refined-page .refined-grid .tile{grid-row:auto;grid-column:auto;align-self:stretch}
.refined-page .refined-grid .quiet h2,.refined-page .refined-grid .human h2,.refined-page .refined-grid .leadership h2{min-height:calc(4 * 1.08 * var(--fs))}
.refined-page .cols{column-count:1}
.refined-page .refined-grid .human p,.refined-page .refined-grid .publications p{max-width:none}
.refined-page .support{display:block;margin-top:18px}
.refined-page .support .contact{min-height:0}
}
@media(min-width:901px){
.refined-page .refined-grid .stack.links{align-self:stretch}
.refined-page .refined-grid .stack.links .tile{flex:1 1 0;align-self:stretch}
.refined-page .refined-grid .stack.links .contact h2{min-height:0}
}
@media(min-width:901px){
.refined-page .refined-grid .research h2,.refined-page .refined-grid .methods h2{min-height:calc(3 * 1.08 * var(--fs))}
.refined-page .name .name-main{grid-template-rows:calc(14px + 3 * 1.08 * var(--fs)) auto}
.refined-page .refined-grid .publications h2,.refined-page .refined-grid .human h2,.refined-page .refined-grid .leadership h2{min-height:calc(2 * 1.08 * var(--fs))}
}
@media(min-width:901px){
.refined-page .refined-grid .publications h2,.refined-page .refined-grid .human h2,.refined-page .refined-grid .leadership h2{min-height:calc(3 * 1.08 * var(--fs))}
}
@media(min-width:901px){
.refined-page .refined-grid .research h2,.refined-page .refined-grid .methods h2,.refined-page .refined-grid .publications h2,.refined-page .refined-grid .human h2,.refined-page .refined-grid .leadership h2{min-height:calc(2 * 1.08 * var(--fs))}
.refined-page .name .name-main{grid-template-rows:calc(14px + 2 * 1.08 * var(--fs)) auto}
}
.refined-page{--h1:clamp(2.3rem,3.6vw,4.2rem);--headH:max(calc(1.7 * var(--h1)),calc(2.16 * var(--fs)))}
@media(min-width:901px){
.refined-page .name .name-main h1{font-size:var(--h1)}
.refined-page .name .name-main{grid-template-rows:calc(14px + var(--headH)) auto}
.refined-page .refined-grid .research h2,.refined-page .refined-grid .methods h2{min-height:var(--headH)}
}
.refined-page{--photoH:clamp(80px,6.2vw,110px);--headH:max(calc(1.7 * var(--h1)),calc(2.16 * var(--fs)),var(--photoH))}
@media(min-width:901px){.refined-page .name .name-photo{height:var(--photoH)}}
.refined-page{--m:18px;--eyebrowH:calc(.75rem * 1.5);--headH:max(calc(1.7 * var(--h1)),calc(2.16 * var(--fs)))}
.refined-page .eyebrow{line-height:1.5}
@media(min-width:901px){
.refined-page .tile.name{position:relative}
.refined-page .name .name-main{grid-template-columns:1fr}
.refined-page .name .name-photo{position:absolute;top:var(--m);right:var(--m);margin:0;float:none;width:auto;aspect-ratio:110/136;height:calc(var(--pad) + var(--eyebrowH) + 14px + 1.7 * var(--h1) - var(--m))}
}
.refined-page p,.pubs p{text-align:justify;hyphens:none;-webkit-hyphens:none}
.refined-page{--m:var(--pad)}
.refined-page,.refined-page *,.pubs,.pubs *{hyphens:none;-webkit-hyphens:none}
.refined-page .name .name-photo{box-sizing:border-box;border:2px solid var(--ink)}
.refined-page .name .name-main h1{margin-left:-.0623em}
.refined-page .tile h2{margin-left:-.031em}
.refined-page .tile .eyebrow{margin-left:-.6px}
.refined-page .tile p{margin-left:-1px}
.refined-page .name .intro-copy{margin-left:-1px}
.refined-page{background:var(--page,#efece5)}
/* Chosen palette: Scottish coast (palette 4) */
.refined-page,.pubs-page{--page:#eef1f2;--blue:#9fb8cc;--yellow:#e8d9a0;--mint:#a7c7bd;--apricot:#e3b9a0;--lav:#b9b7d4;--ink:#1f2d3a}
.refined-page .tile,.pubs-page .tile{box-shadow:inset 0 0 0 2px var(--ink)}
.pubs-page{background:var(--page)}
.refined-page{--m:calc(var(--pad) * .75)}
.refined-page{--m:var(--pad);--h1:clamp(2.3rem,3.9vw,4.4rem)}
.refined-page .name h1 .mi{font-size:.42em;letter-spacing:0;font-weight:700;margin-left:.15em}
.refined-page .name .name-main h1{justify-self:start;width:max-content}
.refined-page .name h1 .l1,.refined-page .name h1 .l2{display:block;white-space:nowrap}
.refined-page .name h1 .l1{width:0;min-width:100%;text-align:justify;text-align-last:justify}
.refined-page .name h1 .mi{display:inline-block;white-space:nowrap;letter-spacing:.04em;word-spacing:.12em}
.refined-page .name h1 .mi i{font-style:normal;margin-left:.1em}
.refined-page .name h1 .mi{font-size:.33em;letter-spacing:.03em;word-spacing:.08em;margin-right:-.083em}
.refined-page .name h1 .mi i{margin-left:.08em}
.refined-page .name h1 .mi{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:.46em;letter-spacing:.01em;word-spacing:0;margin-right:-.0605em}
.refined-page .name h1 .mi i{margin-left:.05em}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/barlow-condensed-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.egg{display:none;position:fixed;inset:0;z-index:100;background:rgba(15,22,30,.85);align-items:center;justify-content:center;padding:24px}
.egg:target{display:flex}
.egg-photo{position:relative;display:block;max-height:100%;max-width:min(92vw,520px)}
.egg-photo img{display:block;max-width:100%;max-height:85vh;border-radius:16px;border:2px solid var(--ink)}
.egg-line{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:rgba(238,241,242,.92);color:var(--ink);font:700 1rem/1.3 Arial,sans-serif;text-align:center;border-radius:0 0 16px 16px}
.egg-close{position:absolute;top:14px;right:22px;color:#fff;font:700 2rem/1 Arial,sans-serif;text-decoration:none}

/* contact form */
#contact-form{display:flex;flex-direction:column;gap:.5em}
#contact-form input:not([type=hidden]):not([type=checkbox]),#contact-form textarea{font:inherit;padding:.5em .6em;border:1px solid rgba(0,0,0,.35);border-radius:4px;background:#fff;color:#222;width:100%;box-sizing:border-box}
#contact-form button{font:inherit;align-self:center;margin-top:.5em;padding:.45em 1.6em;border:0;border-radius:4px;background:var(--yellow);color:#000;font-weight:700;cursor:pointer}
#contact-form #form-status{margin:0;min-height:1.2em}
#contact-form label{display:flex;flex-direction:column;gap:.25em;font-size:.9em}
#contact-form textarea{resize:vertical}
@media(min-width:901px){
.refined-page .refined-grid .stack.links .leadership{flex:0 0 auto}
.refined-page .refined-grid .stack.links .contact{flex:1 1 auto}
.refined-page .refined-grid .stack.links .leadership h2{min-height:0}
}

@media(max-width:900px){
.refined-page .leadership{background:#e6b8c8}
.refined-page .stack.links{display:contents}
.refined-page .refined-grid .contact{order:1}
}

.refined-page .tile p{font-weight:500}