/*
Theme Name: Ink After Dark — Main Site
Theme URI: https://ericadrayton.com/
Author: Erica Drayton
Description: Editorial portfolio theme matching blog.ericadrayton.com.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: ink-after-dark-main
*/

:root{--paper:#fff;--ink:#080808;--rust:#700b18;--line:rgba(8,8,8,.22);--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.screen-reader-text{position:absolute;left:-10000px}.site-header{position:sticky;top:0;z-index:30;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand-logo{display:block;width:clamp(190px,17vw,260px);line-height:0}.brand-logo img{display:block}.nav-links{display:flex;align-items:center;gap:34px;font-size:13px;text-transform:uppercase;letter-spacing:.13em}.nav-links a:hover,.nav-links .current-menu-item a{color:var(--rust)}.menu-toggle{display:none;border:0;background:none;font:600 12px var(--sans);letter-spacing:.12em}.hero{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;padding:5vw;border-bottom:1px solid var(--line)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding-right:6vw}.eyebrow,.section-kicker{margin:0 0 28px;color:var(--rust);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.display-title{margin:0;font:500 clamp(64px,7.4vw,118px)/.8 var(--serif);letter-spacing:-.055em}.hero-intro{max-width:520px;margin:40px 0 34px;color:#3d3d3d;font-size:18px;line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:20px 32px}.text-link{display:inline-flex;gap:28px;align-items:center;width:max-content;padding-bottom:7px;border-bottom:1px solid;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.hero-art{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:flex-end;padding:42px;background:var(--ink);color:#fff}.hero-art p{position:relative;z-index:2;margin:0;font:500 clamp(48px,5.5vw,88px)/.76 var(--serif);letter-spacing:-.05em}.moon{position:absolute;width:300px;height:300px;right:-54px;top:-34px;border-radius:50%;background:var(--rust)}.ink-line{position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%}.line-one{width:540px;height:260px;right:-180px;bottom:60px;transform:rotate(-25deg)}.line-two{width:480px;height:600px;right:50px;top:110px;transform:rotate(46deg)}.feature-strip{display:grid;grid-template-columns:.65fr 1.3fr auto;gap:40px;align-items:center;padding:58px 5vw;background:var(--rust);color:#fff8ec}.feature-strip h2{margin:0;font:500 clamp(34px,4vw,58px)/.98 var(--serif)}.feature-strip p{margin:0;line-height:1.6}.circle-link{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:23px}.page-hero{padding:8vw 5vw 6vw;border-bottom:1px solid var(--line)}.page-hero h1{max-width:1000px;margin:0;font:500 clamp(70px,10vw,145px)/.78 var(--serif);letter-spacing:-.06em}.page-hero p:last-child{max-width:650px;margin:38px 0 0;color:#444;font:400 clamp(20px,2vw,28px)/1.5 var(--serif)}.about-grid,.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:7vw 5vw 9vw}.portrait{position:sticky;top:120px;align-self:start;aspect-ratio:1;overflow:hidden;background:#eee}.portrait img{width:100%;height:100%;object-fit:cover}.prose{font:400 clamp(20px,2vw,28px)/1.55 var(--serif)}.prose p{margin:0 0 1.4em}.signature{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}.signature strong{display:block;font:500 34px var(--serif)}.signature span{font:600 11px var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--rust)}.contact-copy h2{margin:0 0 24px;font:500 clamp(42px,5vw,72px)/.9 var(--serif);letter-spacing:-.04em}.contact-copy p{max-width:440px;color:#444;line-height:1.7}.contact-form{padding:36px;border:1px solid var(--line);background:#f7f7f4}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;margin-bottom:18px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);background:#fff;color:var(--ink);font:16px var(--sans);outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--rust);box-shadow:0 0 0 1px var(--rust)}.contact-form textarea{min-height:180px;resize:vertical}.submit-button{border:0;background:var(--ink);color:#fff;padding:15px 22px;font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.submit-button:hover{background:var(--rust)}.form-notice{margin:0 0 22px;padding:14px;border-left:3px solid var(--rust);background:#fff}.hp-field{position:absolute;left:-10000px}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;padding:36px 5vw;background:var(--rust);color:#fff;font-size:12px}.footer-brand strong{font:600 25px var(--serif)}.footer-brand p{margin:8px 0 0;opacity:.72}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.social-links a{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.48);border-radius:50%}.social-links img{width:15px;height:15px;filter:invert(1)}.back-top{justify-self:end}.not-found{min-height:60vh;display:grid;place-content:center;text-align:center;padding:40px}.not-found h1{font:500 80px var(--serif)}
@media(max-width:820px){.site-header{height:72px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;padding:16px 5vw 24px;background:#fff;border-bottom:1px solid var(--line)}.nav-links.is-open{display:flex}.nav-links a{display:block;padding:12px 0}.hero{grid-template-columns:1fr;padding:56px 5vw 5vw}.hero-copy{padding:0 0 50px}.hero-art{min-height:420px}.feature-strip{grid-template-columns:1fr}.about-grid,.contact-grid{grid-template-columns:1fr}.portrait{position:static;max-width:520px}.field-row{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;text-align:center}.back-top{justify-self:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.nav-dropdown{position:relative}.nav-dropdown>button{border:0;background:transparent;color:inherit;padding:0;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.nav-dropdown>button:after{content:"▼";margin-left:8px;font-size:9px}.nav-dropdown-menu{position:absolute;top:calc(100% + 18px);left:50%;width:190px;display:none;padding:8px 0;transform:translateX(-50%);border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px rgba(8,8,8,.14)}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;padding:11px 16px;font-size:10px}.nav-dropdown-menu a:hover{background:#f5f3ee}
@media(max-width:820px){.nav-dropdown{width:100%}.nav-dropdown>button{width:100%;padding:12px 0;text-align:left}.nav-dropdown-menu{position:static;width:100%;padding:0 0 4px 14px;transform:none;border:0;box-shadow:none}.nav-dropdown-menu a{padding:9px 0;font-size:10px}}