/* Darren's contact page: a real introduction with ordinary outreach links. */
.page-contact .darren-contact{color:#171717;--dc-paper:#f6f4ed}
.page-contact .darren-contact *{animation:none!important;transition:none!important}
.page-contact .darren-contact :is(h1,h2,h3){font-family:var(--display);letter-spacing:-.055em}
.page-contact .darren-contact :is(p,li){font-size:16px;line-height:1.85}
.page-contact .darren-contact .eyebrow{font-size:12px;line-height:1.7;font-weight:800;letter-spacing:.045em;margin:0 0 21px}
.page-contact .darren-contact a:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.page-contact .dc-hero{padding:55px 0 66px;background:var(--yellow);color:#000;border-bottom:1px solid #171717}
.page-contact .dc-hero-grid{display:grid;grid-template-columns:1fr 1.07fr;gap:65px;align-items:center}
.page-contact .dc-hero-copy{min-width:0}
.page-contact .dc-hero h1{font-size:clamp(49px,5.4vw,74px);line-height:1.02;margin:0 0 25px;max-width:560px}
.page-contact .darren-contact .dc-lead{font-size:21px;line-height:1.55;letter-spacing:-.02em;margin:0 0 19px;max-width:535px}
.page-contact .dc-introduction{font-size:15px!important;line-height:1.85!important;margin:0;max-width:540px}
.page-contact .dc-reach{display:grid;gap:11px;max-width:460px;margin:26px 0 0}
.page-contact .dc-reach>a{display:grid;grid-template-columns:minmax(0,1fr) 25px;gap:3px 16px;padding:15px 21px;background:#171717;color:#fff;border:1px solid #171717;text-decoration:none;min-width:0;align-items:center}
.page-contact .dc-reach>a>span:first-child{grid-column:1;font-size:12px;line-height:1.7}
.page-contact .dc-reach>a>strong{grid-column:1;font-size:20px;line-height:1.5;letter-spacing:-.035em}
.page-contact .dc-reach .dc-reach-arrow{grid-column:2;grid-row:1/3;justify-self:end}
.page-contact .dc-reach .dc-email{background:#fff;color:#171717}
.page-contact .dc-reassurance{font-size:13px!important;line-height:1.8!important;margin:19px 0 0;max-width:470px}
.page-contact .dc-portrait{margin:0 8px 8px 0;min-width:0;background:#fff;border:1px solid #171717;box-shadow:8px 8px 0 #171717;align-self:center;position:relative}
.page-contact .dc-portrait-rule{display:grid;grid-template-columns:1fr 1fr 1fr;height:9px;border-bottom:1px solid #171717}
.page-contact .dc-portrait-rule>span{background:var(--cyan)}
.page-contact .dc-portrait-rule>span:nth-child(2){background:var(--magenta)}
.page-contact .dc-portrait-rule>span:nth-child(3){background:var(--yellow)}
.page-contact .dc-portrait picture{display:block}
.page-contact .dc-portrait img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:0;filter:none;box-shadow:none}
.page-contact .dc-portrait figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;background:#fff;color:#171717;border-top:1px solid #171717}
.page-contact .dc-portrait figcaption strong{display:block;font:700 36px/1.1 var(--display);letter-spacing:-.05em;margin-bottom:8px}
.page-contact .dc-portrait figcaption div>span{font-size:13px;line-height:1.8;display:block}
.page-contact .dc-portrait-note{font-size:12px;line-height:1.8;font-weight:700;padding-left:19px;border-left:4px solid var(--cyan);flex-shrink:0}
.page-contact .dc-next{padding-block:65px;background:#fff}
.page-contact .dc-section-heading{max-width:730px;margin-bottom:33px}
.page-contact .dc-section-heading h2,.page-contact .dc-practical h2{font-size:clamp(36px,4.1vw,56px);line-height:1.07;margin:0 0 22px}
.page-contact .dc-section-heading>p:last-child{font-size:18px;line-height:1.75;max-width:650px;margin:0;color:#4a4e52}
.page-contact .dc-conversation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.page-contact .dc-conversation article{padding:27px 25px;background:var(--dc-paper);border-top:4px solid var(--cyan);min-width:0}
.page-contact .dc-conversation article:nth-child(2){border-color:var(--magenta)}
.page-contact .dc-conversation article:nth-child(3){border-color:var(--yellow)}
.page-contact .dc-card-mark{display:flex;align-items:center;justify-content:flex-start;height:40px;margin-bottom:24px;font-size:36px;font-weight:800;line-height:1}
.page-contact .dc-conversation h3{font-size:28px;line-height:1.15;margin:0 0 17px}
.page-contact .dc-conversation p{font-size:15px;line-height:1.85;margin:0;color:#42464a}
.page-contact .dc-write{padding-block:65px 72px;background:var(--dc-paper);border-block:1px solid #d2d1ca}
.page-contact .dc-write-grid{grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}
.page-contact .dc-practical>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:430px}
.page-contact .dc-email-note{display:inline-flex;align-items:center;gap:17px;min-height:44px;font-size:15px;font-weight:800;text-underline-offset:5px;margin-top:8px;color:#171717}
.page-contact .dc-practical .contact-address{padding-top:28px;margin-top:30px;border-top:1px solid #b9bab4;max-width:430px}
.page-contact .dc-practical .small-label{font-size:12px;line-height:1.8;letter-spacing:0}
.page-contact .dc-practical address{font-size:15px;line-height:1.8;margin-top:10px}
.page-contact .dc-form-panel{padding:32px;background:#fff;border:1px solid #171717;box-shadow:7px 7px 0 var(--cyan);min-width:0}
.page-contact .dc-form-panel h2{font-size:35px;line-height:1.1;max-width:none;margin:0 0 20px}
.page-contact .dc-form-panel .eyebrow{font-size:12px;margin-bottom:14px}
.page-contact .dc-form-panel .preview-note{font-size:13px;line-height:1.85;padding:17px 19px;border-left:4px solid var(--yellow);background:var(--dc-paper);color:#42464a;margin:0 0 26px}
.page-contact .dc-form-panel label{font-size:14px;line-height:1.7;margin-bottom:7px}
.page-contact .dc-form-panel label>span{font-size:12px}
.page-contact .dc-form-panel :is(input,select,textarea){font-size:16px;border-color:#92958e;border-radius:0;min-height:48px}
.page-contact .dc-form-panel :is(input,select,textarea):focus-visible{outline:3px solid #171717;outline-offset:3px}
.page-contact .dc-form-panel .field-pair{gap:19px}
.page-contact .dc-form-panel .button{font-size:14px;min-height:52px;white-space:normal}
.page-contact .dc-form-panel .form-note,.page-contact .dc-form-panel .contact-status{font-size:12px;line-height:1.85}
.page-contact .dc-form-panel .form-feedback :is(h2,p,li){font-size:16px;line-height:1.8}
@media(max-width:1100px){.page-contact .dc-hero-grid{gap:35px}.page-contact .dc-hero h1{font-size:57px}.page-contact .dc-portrait figcaption{padding:22px}.page-contact .dc-portrait-note{display:none}.page-contact .dc-write-grid{gap:45px}.page-contact .dc-conversation{gap:19px}.page-contact .dc-conversation article{padding:24px 21px}.page-contact .dc-conversation h3{font-size:26px}.page-contact .dc-form-panel{padding:27px}}
@media(max-width:780px){
 .page-contact .dc-hero{padding:32px 0 44px}
 .page-contact .dc-hero-grid{grid-template-columns:minmax(0,1fr);gap:19px}
 .page-contact .dc-hero-copy{display:contents}
 .page-contact .dc-hero-copy>.eyebrow{order:0;margin:0}
 .page-contact .dc-hero h1{order:1;font-size:clamp(44px,7.7vw,61px);line-height:1.03;max-width:650px;margin:0}
 .page-contact .dc-portrait{order:2;margin:7px 8px 12px 0;width:auto;max-width:600px}
 .page-contact .dc-lead{order:4;margin:0!important;max-width:650px!important}
 .page-contact .dc-introduction{order:5;max-width:650px}
 .page-contact .dc-reach{order:3;width:100%;max-width:600px;margin:2px 0 0}
 .page-contact .dc-reassurance{order:6;margin:0;max-width:600px}
 .page-contact .dc-portrait figcaption{padding:21px 24px}
 .page-contact .dc-portrait-note{display:block}
 .page-contact .dc-next,.page-contact .dc-write{padding-block:50px}
 .page-contact .dc-conversation{grid-template-columns:1fr;gap:19px}
 .page-contact .dc-conversation article{padding:25px;display:grid;grid-template-columns:45px minmax(0,1fr);gap:0 21px;align-items:start}
 .page-contact .dc-card-mark{grid-column:1;grid-row:1/3;margin:0}
 .page-contact .dc-conversation h3{grid-column:2;font-size:28px;margin-bottom:12px}
 .page-contact .dc-conversation p{grid-column:2}
 .page-contact .dc-write-grid{grid-template-columns:minmax(0,1fr);gap:38px}
 .page-contact .dc-practical>p:not(.eyebrow){max-width:650px}
 .page-contact .dc-form-panel{margin-right:7px}
}
@media(max-width:480px){
 .page-contact .dc-hero{padding-top:25px}
 .page-contact .dc-hero h1{font-size:clamp(40px,10.8vw,48px)}
 .page-contact .darren-contact .dc-lead{font-size:20px;line-height:1.6}
 .page-contact .dc-portrait{box-shadow:5px 5px 0 #171717;margin-right:5px}
 .page-contact .dc-portrait figcaption{padding:19px 17px;gap:12px}
 .page-contact .dc-portrait figcaption strong{font-size:31px}
 .page-contact .dc-portrait figcaption div>span{font-size:12px}
 .page-contact .dc-portrait-note{font-size:12px;padding-left:12px}
 .page-contact .dc-reach>a{padding:15px 17px;gap:4px 12px}
 .page-contact .dc-reach>a>strong{font-size:20px}
 .page-contact .dc-conversation article{padding:23px 21px;grid-template-columns:34px minmax(0,1fr);gap:0 15px}
 .page-contact .dc-card-mark,.page-contact .dc-card-mark svg{width:32px}
 .page-contact .dc-conversation h3{font-size:27px}
 .page-contact .dc-form-panel{padding:24px 21px;box-shadow:5px 5px 0 var(--cyan);margin-right:5px}
 .page-contact .dc-form-panel h2{font-size:31px}
 .page-contact .dc-form-panel .field-pair{grid-template-columns:1fr;gap:0}
 .page-contact .dc-form-panel .preview-note{padding:16px}
 .page-contact .dc-section-heading h2,.page-contact .dc-practical h2{font-size:38px}
 .page-contact .dc-next,.page-contact .dc-write{padding-block:43px}
 .page-contact .dc-portrait-note{display:none}
}
@media print{.page-contact .dc-hero,.page-contact .dc-write{background:#fff}.page-contact .dc-hero-grid,.page-contact .dc-write-grid{display:block}.page-contact .dc-portrait{max-width:420px;box-shadow:none;margin-top:25px}.page-contact .dc-reach>a{background:#fff;color:#171717}.page-contact .dc-form-panel{display:none}.page-contact .dc-conversation{display:block}.page-contact .dc-conversation article{break-inside:avoid;margin-bottom:20px}}