/*
Theme Name: Kristie Journal
Version: 1.0.7
Description: Lavender journal and personal website for Kristie McDonald.
Author: Kristie McDonald
Requires PHP: 7.4
*/

:root{--ink:#49364f;--purple:#725283;--lavender:#ebe2f2;--paper:#fcfaf6;--gold:#a58b5f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 'DM Sans',sans-serif}.draft{text-align:center;background:#e5d9ed;font-size:10px;letter-spacing:2px;padding:6px 16px}header{max-width:1250px;margin:auto;padding:32px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.signature{font:42px/1.1 Sacramento,'Brush Script MT',cursive;text-decoration:none;color:var(--ink)}.signature span{display:block;font:9px/2.3 'DM Sans',sans-serif;letter-spacing:3px;text-align:center}nav{display:flex;gap:32px}nav a{font-size:13px;text-decoration:none;color:var(--ink);padding:5px 0}nav a[aria-current]{border-bottom:1px solid var(--gold)}a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:6px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;padding:65px max(6%,calc((100vw - 1100px)/2)) 75px;background:radial-gradient(ellipse at 82% 25%,#e7dcf0 0,transparent 55%),linear-gradient(120deg,#fbf8f4,#f0e9f4)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;line-height:1.7;margin:0 0 22px}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.04;margin:0 0 25px}h1{font-size:clamp(46px,5.7vw,78px);letter-spacing:-2px}h1 em{color:var(--purple)}h2{font-size:46px}h3{font-size:32px;margin:13px 0}p{margin:0 0 20px}.intro{font-size:18px;line-height:1.8}.hero-copy>p:not(.eyebrow){max-width:500px}.button{display:inline-flex;align-items:center;gap:30px;padding:13px 24px;background:var(--purple);color:white;text-decoration:none;font-size:13px;margin-top:10px;border-radius:2px}.art{max-width:390px;text-align:center}.arch{height:400px;position:relative;border-radius:200px 200px 8px 8px;background:linear-gradient(160deg,#d4bedf,#e8d7de 65%,#e6d9c7);border:1px solid #bca284;box-shadow:12px 12px 0 #ffffff55;overflow:hidden}.arch svg{position:absolute;height:90%;left:18%;bottom:0;opacity:.8}.art-word{position:absolute;bottom:65px;left:0;right:0;color:#5d426b;font:66px Sacramento,cursive}.art>p{font:italic 20px/1.4 'Cormorant Garamond',Georgia,serif;margin:30px 0 0}.journal{padding:85px 6%;max-width:1250px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.section-top>p{font-size:13px}.section-top h2{margin-bottom:0}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.post-art{height:210px;display:flex;align-items:center;justify-content:center;margin:15px 0 25px;position:relative;overflow:hidden}.post-art:before{content:'';position:absolute;width:190px;height:260px;border:1px solid #ffffffa6;border-radius:100% 100% 0 0;transform:rotate(25deg);top:30px;left:50px}.post-art span{font:38px Sacramento,cursive;position:relative}.first{background:#e7ddef}.second{background:#ecddd9}.third{background:#dfd5e8}.posts p:not(.eyebrow){font-size:14px}.posts .eyebrow{font-size:9px;margin-bottom:0}summary{cursor:pointer;list-style:none;font-size:12px;border-bottom:1px solid #cbbbce;padding:10px 0}summary span{float:right}summary::-webkit-details-marker{display:none}.note{font-size:12px!important;line-height:1.7;background:#eee7f1;padding:16px;margin-top:15px;color:#63536b}.meet{border-top:1px solid #d6c6dc;text-align:center;padding:70px 20px;max-width:800px;margin:auto}.meet p:not(.eyebrow){max-width:610px;margin:0 auto 22px}.text-link{color:var(--purple);font-size:13px;text-underline-offset:6px}.letter{text-align:center;background:var(--lavender);padding:65px 20px}.letter h2{margin-bottom:15px}.pending{font-size:10px;letter-spacing:2px;color:#6b566f;border-bottom:1px solid var(--gold);padding:8px 0}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 6%;font-size:11px}footer>span:first-child{font:28px Sacramento,cursive}.about-hero{max-width:1150px;margin:auto;padding:65px 5% 80px;display:grid;grid-template-columns:.85fr 1.2fr;gap:9%;align-items:center}.about-hero h1{font-size:58px}.portrait{height:460px;background:linear-gradient(145deg,#e3d6eb,#eee2df);border-radius:190px 190px 3px 3px;border:1px solid #c7b292;display:flex;flex-direction:column;align-items:center;justify-content:center}.portrait span{font:40px Sacramento,cursive}.portrait small{font-size:11px}.story{max-width:760px;margin:auto;padding:30px 25px 80px}.story h2{font-size:48px}.philosophy{text-align:center;background:#f0e9f4;padding:70px 24px}.philosophy p:not(.eyebrow){max-width:630px;margin:0 auto 24px}.philosophy h2{font-style:italic}.credential{font-size:12px;padding-top:20px}.philosophy+.letter{background:var(--paper)}@media(max-width:700px){header{padding:25px 6%;align-items:start}.signature{font-size:32px}.signature span{font-size:7px;letter-spacing:2px}nav{gap:13px;padding-top:8px}nav a{font-size:11px}.hero{grid-template-columns:1fr;padding:45px 7%;gap:35px}h1{letter-spacing:-1px}.art{width:100%;max-width:280px;margin:auto}.arch{height:300px}.art-word{font-size:54px;bottom:45px}.section-top{display:block}.section-top>p{margin-top:20px}.journal{padding:55px 7%}.posts{grid-template-columns:1fr;gap:30px}.post-art{height:230px}h2{font-size:38px}.about-hero{grid-template-columns:1fr;padding:35px 7%;gap:35px}.portrait{height:340px;max-width:300px;width:100%;margin:auto}.about-hero h1{font-size:48px}.story{padding-top:40px}.story h2{font-size:40px}footer{flex-direction:column;gap:4px}.philosophy h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Second lettering direction; retain the italic phrase beneath the portrait. */
.signature{font-family:Allura,'Brush Script MT',cursive;font-size:48px}.art-word{font-family:Allura,cursive;font-size:74px;color:#49364f;background:linear-gradient(transparent,#f7edf5e8);bottom:0;padding:35px 0 10px}.photo-arch img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}.portrait{overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block}@media(max-width:700px){.signature{font-size:36px}.art-word{font-size:64px}}

/* Selected typography: Dancing Script primary, Handlee secondary. */
.signature,.art-word{font-family:'Dancing Script',cursive}.signature{font-size:42px}.art-word{font-size:64px}.post-art span{font-family:Handlee,cursive;font-size:36px}footer>span:first-child{font-family:'Dancing Script',cursive}@media(max-width:700px){.signature{font-size:30px}.art-word{font-size:56px}}

.posts h3{text-align:center}

.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:20px;top:35px;background:white;padding:12px;z-index:999}.story img,.posts img{max-width:100%;height:auto}.posts h3 a{color:inherit;text-decoration:none}.coming{font-size:11px;color:#725283;letter-spacing:1px}.entry-content h2{margin-top:36px}.entry-content a{color:#725283}.entry-content{overflow-wrap:anywhere}.nav-links{padding:30px;text-align:center}figure{max-width:100%;margin:20px 0}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

footer>span:last-child{font-family:Handlee,cursive;font-size:23px;line-height:1.4}.certification-badge{display:block;width:180px;height:auto;margin:30px auto 12px}@media(max-width:700px){footer>span:last-child{font-size:21px}}

.tw-logo{display:block;width:170px;height:auto;margin:0 auto 25px}

.work-hero{text-align:center;padding:80px 20px;background:radial-gradient(ellipse at 75% 20%,#e7dcf0,transparent 65%),#f3edf6}.work-hero h1{font-size:76px}.work-hero .intro{margin:0 auto 20px}.work-message{padding-top:75px}.work-invitation{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding:40px 5% 85px;align-items:center}.work-invitation img{width:100%;height:380px;object-fit:cover;object-position:center 38%;border-radius:180px 180px 5px 5px}.work-program{text-align:center;background:#ebe2f2;padding:65px 25px}.program-tagline{font:30px Handlee,cursive}.program-copy{max-width:700px;margin:25px auto;text-align:left}.connect-section{max-width:760px;padding:75px 25px;margin:auto;scroll-margin-top:50px}.connect-section>p{max-width:650px}.wpcf7 label{display:block;font-size:14px;margin-top:22px}.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 textarea{display:block;width:100%;font:16px/1.6 'DM Sans',sans-serif;padding:12px;border:1px solid #cdbbd7;border-radius:3px;background:#fff;color:#49364f;margin-top:8px}.wpcf7 textarea{min-height:150px;max-height:450px;resize:vertical}.wpcf7 input[type=submit]{border:0;background:#725283;color:#fff;padding:14px 28px;font:15px 'DM Sans',sans-serif;border-radius:3px;cursor:pointer}.wpcf7 input:focus-visible,.wpcf7 textarea:focus-visible{outline:2px solid #725283;outline-offset:2px}.form-note{font-size:12px;margin-top:15px}.wpcf7-not-valid-tip{font-size:12px}.signature span{letter-spacing:2px}@media(max-width:700px){header{flex-wrap:wrap}.signature{white-space:nowrap}nav{gap:22px;flex-wrap:wrap}.work-hero{padding:55px 25px}.work-hero h1{font-size:56px}.work-invitation{grid-template-columns:1fr;gap:30px;padding:20px 7% 55px}.work-invitation img{max-width:300px;margin:auto}.signature span{font-size:8px}.connect-section{padding:55px 7%}}

.footer-identity{display:flex;flex-direction:column;gap:7px}.footer-identity>span:first-child{font:28px 'Dancing Script',cursive}.footer-identity>span:last-child{font:23px/1.4 Handlee,cursive}footer{align-items:center;gap:30px}.social-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.social-links a{display:flex;flex-direction:column;align-items:center;gap:7px;font:10px/1.5 'DM Sans',sans-serif;color:#725283;text-decoration:none;border:0}.social-links svg{width:45px;height:45px;padding:10px;background:#ebe2f2;border:1px solid #d9cae1;border-radius:50%;transition:background .18s,border-color .18s,color .18s}.social-links a:hover svg{background:#f2e8d6;border-color:#a58b5f;color:#49364f}.social-links a:focus-visible{outline:2px solid #725283;outline-offset:5px;border-radius:4px}@media(max-width:700px){footer{align-items:flex-start}.footer-identity>span:last-child{font-size:21px}.social-links{gap:25px}}@media(prefers-reduced-motion:reduce){.social-links svg{transition:none}}

/* Approved script pairing: restrained WindSong signature; Oooh Baby accents. */
.signature,.footer-identity>span:first-child,footer>span:first-child{font-family:WindSong,cursive;font-weight:400;letter-spacing:normal}
.signature{font-size:35px;line-height:1.5;white-space:nowrap}.signature span{line-height:2;letter-spacing:2px}
.art-word,.post-art span,.portrait span,.program-tagline,.footer-identity>span:last-child,footer>span:last-child{font-family:'Oooh Baby',cursive;font-weight:400}
.art-word{font-size:58px;line-height:1.4}.post-art span{font-size:34px}.program-tagline{font-size:30px}
.footer-identity>span:first-child,footer>span:first-child{font-size:27px;line-height:1.6}.footer-identity>span:last-child,footer>span:last-child{font-size:23px;line-height:1.6}
@media(max-width:700px){.signature{font-size:29px;letter-spacing:normal}.signature span{font-size:8px}.art-word{font-size:51px}.footer-identity>span:first-child{font-size:25px}.footer-identity>span:last-child{font-size:21px}}
@media(max-width:380px){.signature{font-size:26px}}