/* Scott Picard website */
@font-face{font-family:"Newsreader";src:url("fonts/newsreader.woff2") format("woff2");font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("fonts/newsreader-italic.woff2") format("woff2");font-weight:300 500;font-style:italic;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("fonts/hanken-grotesk.woff2") format("woff2");font-weight:400 600;font-display:swap}
html{scroll-behavior:smooth}
.skip-link{position:absolute;left:16px;top:-60px;z-index:50;background:#1E2723;color:#EFE9DE;padding:10px 16px;border-radius:6px;font-family:"Hanken Grotesk",sans-serif;font-size:15px;text-decoration:none}
.skip-link:focus{top:12px}
body{margin:0;background:#E8EAE5;font-family:"Newsreader",Georgia,serif;color:#1E2723}
a{color:#7A4E14}a:hover{color:#1E2723}
a:focus-visible{outline:2px solid #E6BC6E;outline-offset:3px}
.menu-btn{display:none;background:none;border:0;padding:8px 0;font-family:"Hanken Grotesk",sans-serif;font-size:15px;color:#1E2723;cursor:pointer}
/* contact page */
.page{max-width:1280px;margin:0 auto;padding:96px 80px 120px}
.k{font-family:"Hanken Grotesk",sans-serif;font-size:17px;color:#7A4E14;margin:0 0 24px}
.page h1{margin:0;font-weight:400;font-size:76px;line-height:1.04;letter-spacing:-.02em}
.lead{margin:28px 0 0;max-width:48ch;font-size:23px;line-height:1.6;color:#2F3A35}
.forms{margin-top:80px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start}
.card{background:#D9D6CC;border-radius:6px;padding:48px 44px;scroll-margin-top:24px}
.card h2{margin:0;font-weight:400;font-size:40px;line-height:1.1}
.card p.note{margin:12px 0 28px;font-size:19px;line-height:1.55;color:#2F3A35}
label.f{display:block;margin:0 0 18px;font-family:"Hanken Grotesk",sans-serif;font-size:14px;color:#4A554F}
label.f input,label.f select,label.f textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:14px 16px;border:1px solid #B8B3A6;border-radius:6px;background:#E8EAE5;color:#1E2723;font-family:"Newsreader",Georgia,serif;font-size:18px}
label.f textarea{min-height:120px;resize:vertical}
.submit{display:inline-block;margin-top:8px;background:#D2CB4A;color:#140F0C;border:0;padding:17px 28px;border-radius:999px;font-family:"Hanken Grotesk",sans-serif;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none}
.back{display:inline-block;margin-top:40px;font-family:"Hanken Grotesk",sans-serif;font-size:16px}
.dark{background:#2A221E;color:#EFE9DE;min-height:100vh}
.dark .k{color:#E6BC6E} .dark .lead{color:#D8CFC2} .dark a.back{color:#E6BC6E}
a[style*="border: 1px solid #4A3F38; border-radius: 6px; padding: 44px"]{transition:border-color .2s,background-color .2s}
a[style*="border: 1px solid #4A3F38; border-radius: 6px; padding: 44px"]:hover{border-color:#D2CB4A!important;background-color:#30271F}
@media (max-width: 700px){
[style*="font-size: 46px"]{font-size:28px!important}
section span[style*="border-radius: 999px"]{display:block!important;text-align:center!important;box-sizing:border-box!important;width:100%!important}

/* Phone layout, 390 px wide. Applies on top of the desktop styles. */
body{min-width:0!important}
header{padding:14px 24px!important;justify-content:space-between!important}
header nav a:not(:last-child){display:none!important}
header nav{gap:0!important}
section{padding:72px 24px!important}
section#top{padding:40px 24px 48px!important}
[style*="grid-template-columns: repeat("]{grid-template-columns:1fr!important;row-gap:28px!important;column-gap:0!important}
[style*="grid-column:"]{grid-column:auto!important}
[style*="grid-template-columns: 150px 1fr"]{grid-template-columns:96px 1fr!important;column-gap:14px!important}
[style*="white-space: nowrap"]{white-space:normal!important}
[style*="padding-left: 24px"]{padding-left:0!important}
/* type scale */
[style*="font-size: 148px"]{font-size:60px!important}
[style*="font-size: 112px"]{font-size:56px!important}
[style*="font-size: 96px"]{font-size:44px!important}
[style*="font-size: 92px"]{font-size:40px!important}
[style*="font-size: 76px"]{font-size:36px!important}
[style*="font-size: 64px"]{font-size:34px!important}
[style*="font-size: 60px"]{font-size:34px!important}
[style*="font-size: 56px"]{font-size:30px!important}
[style*="font-size: 52px"]{font-size:32px!important}
[style*="font-size: 44px"]{font-size:27px!important}
[style*="font-size: 40px"]{font-size:26px!important}
[style*="font-size: 38px"]{font-size:26px!important}
[style*="font-size: 36px"]{font-size:25px!important}
[style*="font-size: 34px"]{font-size:24px!important}
[style*="font-size: 32px"]{font-size:23px!important}
[style*="font-size: 30px"]{font-size:21px!important}
[style*="font-size: 28px"]{font-size:21px!important}
[style*="font-size: 26px"]{font-size:20px!important}
[style*="font-size: 25px"]{font-size:19px!important}
[style*="font-size: 24px"]{font-size:19px!important}
[style*="font-size: 23px"]{font-size:18px!important}
[style*="font-size: 22px"]{font-size:18px!important}
[style*="font-size: 21px"]{font-size:17px!important}
[style*="font-size: 20px"]{font-size:17px!important}
[style*="font-size: 19px"]{font-size:16px!important}
[style*="font-size: 18px"]{font-size:16px!important}
/* vertical rhythm */
[style*="margin-top: 120px"],[style*="margin-top: 110px"],[style*="margin-top: 104px"],[style*="margin-top: 96px"],[style*="margin-top: 88px"]{margin-top:44px!important}
[style*="margin-top: 72px"],[style*="margin-top: 64px"]{margin-top:32px!important}
[style*="margin: 120px 0 0"],[style*="margin: 110px 0 0"],[style*="margin: 104px 0 0"],[style*="margin: 96px 0 0"]{margin-top:44px!important}
[style*="margin: 72px 0 0"],[style*="margin: 56px 0 0"]{margin-top:28px!important}
/* panels and cards */
div[style*="border-radius: 6px"][style*="padding"],a[style*="padding: 44px"]{padding:28px 22px!important}
div[style*="aspect-ratio: 2 / 3"]{max-width:230px!important;padding:28px 24px!important}
/* images */
img{max-width:100%!important;height:auto!important}
/* flex rows that must stack */
div[style*="justify-content: space-between; gap: 48px"]{flex-direction:column!important;align-items:flex-start!important;gap:20px!important}
div[style*="flex-direction: column; gap: 14px; align-items: flex-end"]{align-items:stretch!important;margin-top:28px!important}
div[style*="display: flex; gap: 12px"],form[style*="display: flex; gap: 12px"]{flex-direction:column!important}
footer[style*="display: flex"]{flex-direction:column!important;gap:10px!important}
p[style*="column-gap: 44px"]{column-gap:18px!important;row-gap:2px!important}
/* buttons: full width, centered */
section a[style*="border-radius: 999px"],section button[style*="border-radius: 999px"]{display:block!important;text-align:center!important;box-sizing:border-box!important;width:100%!important}
header a[style*="border-radius: 999px"]{padding:11px 18px!important;font-size:14px!important}
p[style*="font-size: 96px; line-height: 1.02"]{font-size:34px!important;line-height:1.08!important}

header.open nav{position:absolute;top:100%;left:0;right:0;z-index:20;flex-direction:column;align-items:flex-start;gap:16px!important;padding:20px 24px 24px;background:#E8EAE5;border-bottom:1px solid #B8BDB5}
header.open nav{align-items:flex-start!important}
header.open nav a:not(:last-child){display:block!important;font-size:17px;width:100%;text-align:left}
header.open nav a:last-child{align-self:flex-start;margin-top:6px}
.menu-btn{display:block}
.page{padding:48px 24px 72px}
.page h1{font-size:36px}
.lead{font-size:18px}
.forms{grid-template-columns:1fr;gap:28px;margin-top:40px}
.card{padding:28px 22px}
.card h2{font-size:28px}
.submit{display:block;width:100%;text-align:center}
}
