/* Emma Fuller: Bodoni Moda / Karla, with a cream, soft blue and pastel yellow palette. */
:root{--paper:#fff9f2;--ink:#30475f;--muted:#53677a;--line:#b4c8dc;--sage:#c5d8ee;--rose:#486b8e;--cream:#fff9f2;--display:'Bodoni Moda',Georgia,serif;--text:'Karla',Arial,sans-serif}
body{font-family:var(--text);font-size:16px;font-weight:400;font-synthesis:none}h1,h2,h3,.wordmark{font-family:var(--display);font-weight:500;font-optical-sizing:auto}h2{letter-spacing:-.04em;line-height:1.12}h3{letter-spacing:-.025em;line-height:1.2}em{font-weight:500}.wordmark{font-size:35px;letter-spacing:-1.8px}.wordmark span,.editorial-band,.contact-label,.media-personal figcaption{font-family:var(--text)}.wordmark span{font-size:9px;letter-spacing:2.1px;font-weight:500}.eyebrow{font-weight:600;letter-spacing:1.6px}nav a{font-size:13px;font-weight:500}.text-link{font-size:14px}
header{background:#fff9f2;color:var(--ink);border-color:#b4c8dc}nav a:last-child{background:#fff3c4;border-color:#b4c8dc;color:#30475f}nav a:last-child:hover{background:#f8eab5;color:#30475f}nav a:hover{color:#486b8e}
.hero{background:#fff9f2;gap:28px 7%}.hero h1{font-family:var(--display);font-size:clamp(50px,6.6vw,104px);font-weight:500;letter-spacing:-.045em;line-height:1.12}.hero h1 em{color:#486b8e;font-weight:500}.hero h1 em:after{border-color:#718fab;bottom:-.01em}.intro>.eyebrow,.intro-bottom p,.hero-note{color:#53677a}.intro-bottom p{font-size:13px;line-height:1.8}.hero-work-link{color:#486b8e}.wildflower{color:#718fab}.hero-photo{background:#fff9f2;box-shadow:12px 12px 0 #fff3c4}.hero-photo figcaption{color:#53677a;font-family:var(--text);font-weight:500}.hero-note{border-color:#b4c8dc}.round-link{border-color:#b4c8dc;background:#e4edf6}.round-link:hover{background:#fff3c4}
.editorial-band{background:#c5d8ee;color:#344f71;border-color:#aabbd9;font-size:11px;letter-spacing:2.2px;font-weight:500}.editorial-band span+span:before{border-color:#547397}
.work{background:#fff9f2}h2 em{color:#486b8e}.filters{border-color:#b4c8dc;gap:12px 20px}.filters button{font-size:13px;color:#53677a;padding:7px 13px;border-radius:25px}.filters button:hover{color:#30475f;background:#e4edf6}.filters button.active{background:#c5d8ee;color:#30475f}.filters button.active:after{display:none}.photo figcaption{font-size:13px}.photo figcaption span,.gallery-status,.gallery-note{color:#53677a}.show-all{background:#c5d8ee;border-color:#9bb3cd;color:#334d6c;font-size:14px}.show-all:hover{background:#c5d8ee}
.credentials{background:#c5d8ee;color:#30475f}.credentials h2 em{color:#486b8e}.credentials .section-top>p{color:#53677a}.experience article,.credit-list article,.credit-note{border-color:#b4c8dc}.experience .eyebrow,.credit-type{color:#486b8e}.experience h3{font-size:29px;line-height:1.25}.role-location,.role-skills,.role-summary,.credit-list p span,.credit-note{color:#53677a}.role-date{font-size:12px}.role-summary,.credit-list p{font-size:14px}.credit-list h3{font-size:28px}.credit-list article{grid-template-columns:105px 1.15fr 1fr}.credits-heading h3{font-size:34px}
.about{background:#fff3c4}.about-art{background:#fff9f2;box-shadow:-12px 12px 0 #c5d8ee}.about-art span{color:#53677a}.about-copy h2 em{color:#486b8e}.about-copy>p:not(.eyebrow){color:#53677a;font-size:15px;line-height:1.9}.about-branch{color:#718fab}.disciplines span{background:#fff7dc;border-color:#b4c8dc;color:#53677a;font-size:11px}
.media-about{background:#c8dcee;color:#32475e}.media-heading h2 em{color:#486b8e}.media-intro p{font-size:15px;line-height:1.9}.media-personal img{border-color:#fff9f2}.media-personal figcaption{color:#3f5875;font-size:12px}
.elsewhere{background:#fff9f2}.elsewhere>a{border-color:#b4c8dc}.elsewhere>a:hover{background:#e4edf6}.elsewhere>a:nth-of-type(1) h3{color:#486b8e}.elsewhere>a:nth-of-type(2) h3{color:#486b8e}.elsewhere>a:nth-of-type(3) h3{color:#486b99}.link-number,.link-detail{color:#53677a}
.contact{background:#c5d8ee;color:#30475f}.contact h2{font-family:var(--display);font-size:clamp(52px,6.8vw,100px);letter-spacing:-.04em;line-height:1.1}.contact h2 em{color:#486b8e}.contact .branch{color:#718fab}.contact .eyebrow,.contact-label{color:#53677a}.contact>p:not(.eyebrow){color:#53677a;font-size:14px}.contact-options,.contact-phone{border-color:#b4c8dc}.contact-email,.contact-phone{color:#30475f}.contact-email>span:nth-child(2),.contact-phone>span:nth-child(2){font-family:var(--text);font-weight:400;letter-spacing:-1px;font-size:clamp(21px,2.5vw,36px)}.contact-options a:hover{background:#fff3c475}footer{background:#c5d8ee}footer .wordmark{font-family:var(--display)}footer p,footer>a:last-child{color:#53677a}::selection{background:#c5d8ee;color:#30475f}
@media(min-width:1700px){.hero h1{font-size:104px}}
@media(max-width:1000px){.hero h1{font-size:clamp(44px,6.5vw,66px)}.experience h3{font-size:26px}.credit-list article{grid-template-columns:80px 1fr 1fr}}
@media(max-width:700px){.hero h1{font-size:clamp(49px,11vw,77px);line-height:1.13;letter-spacing:-.04em}.hero-photo{box-shadow:8px 8px 0 #fff3c4}.intro-bottom p{font-size:13px}nav a{font-size:12px}.wordmark{font-size:34px}.intro>.eyebrow{font-size:9px}.intro>.wildflower{color:#718fab}.editorial-band{font-size:9px;gap:19px}.editorial-band span+span:before{margin-right:19px}.filters{gap:8px 5px}.filters button{font-size:12px;padding:6px 10px}.photo figcaption{font-size:12px}.credit-list article{grid-template-columns:1fr}.experience h3{font-size:25px}.credits-heading h3{font-size:29px}.about-art{box-shadow:-8px 8px 0 #c5d8ee}.about-copy h2{font-size:47px}.media-heading h2{font-size:44px}.contact h2{font-size:clamp(45px,9.7vw,69px)}.contact-phone{border-top-color:#b4c8dc}.contact-email>span:nth-child(2),.contact-phone>span:nth-child(2){font-size:clamp(22px,5.5vw,31px)}}
@media(max-width:380px){.hero h1{font-size:clamp(43px,11vw,48px)}.editorial-band{font-size:8px;gap:12px}.editorial-band span+span:before{margin-right:12px}.about-copy h2{font-size:42px}}

:root{--heading:'Goudy Bookletter 1911',Georgia,serif}
/* Navigation shares the editorial heading type. */
header nav a,header nav a:last-child{font-family:var(--heading);font-size:19px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.2}
header nav a:last-child{border:0;border-radius:4px;padding:12px 19px;box-shadow:none}
.elsewhere>a:nth-of-type(4) h3{color:#b58a08}
@media(max-width:1000px){header nav{gap:20px}header nav a,header nav a:last-child{font-size:17px}}
@media(max-width:700px){header nav a,header nav a:last-child{font-size:17px}header nav a:last-child{padding:11px 15px}}

/* Align the visible letter edges, accounting for each font's sidebearing. */
header .wordmark{text-align:left}
header .wordmark-name{display:block;font:inherit;letter-spacing:inherit;transform:translateX(calc(.855px - .048em))}

/* Cream foundation with blue panels and pastel yellow accents. */
.contact{background:#fff3c4}.about{background:#fff9f2}.about-art{background:#fff9f2}.filters button.active{background:#fff3c4;color:#30475f}.elsewhere>a:nth-of-type(4) h3{color:#896700}

/* Four solid blue tones on cream, light to dark. */
.elsewhere{background:var(--cream)}
.elsewhere>a:nth-of-type(1) h3{color:#769cbd}
.elsewhere>a:nth-of-type(2) h3{color:#5c83a6}
.elsewhere>a:nth-of-type(3) h3{color:#456b90}
.elsewhere>a:nth-of-type(4) h3{color:#304f73}