/* A light, personal studio layout with bold brand accents. */
:root{--paper:#fff;--ink:#252b32;--teal:#4bbccc;--yellow:#ffc40b;--pink:#f57722}
body{background:white;color:var(--ink)}
.header{background:#fff;color:var(--ink);border-bottom:1px solid #dedede;position:sticky;top:0;z-index:50;padding:12px 6vw;box-shadow:0 3px 15px #252b3206}
.brand{background:#111;width:245px;max-width:45vw;padding:10px 18px;border-radius:6px;flex-shrink:0}.brand img{display:block}
nav{gap:30px}nav a:hover{color:#186b80}.nav-cta{background:#186b80;color:white;border:0;border-radius:6px}.nav-cta:hover{background:#124e60;color:white}
.hero{background:#f7f7f7;color:var(--ink);padding:76px 6vw 85px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:6vw;overflow:visible}
.hero h1{font-size:clamp(3.6rem,6.25vw,6.5rem);line-height:1.01;letter-spacing:-.055em;margin:25px 0}.hero h1 span{color:#186b80}
.hero .eyebrow{color:#186b80;font-size:.76rem;letter-spacing:.11em}.hero-copy>p{max-width:490px;font-size:1.14rem;color:#515e68;line-height:1.65}
.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{border-radius:6px}.dark{background:#186b80}.dark:hover{background:#124e60}.hero-note{font-size:.8rem;color:#586773;margin-top:30px}
.hero-visual{background:#fff;border:1px solid #dedede;padding:30px;border-radius:10px;box-shadow:16px 18px 0 #e6e6e6;transform:rotate(2deg)}.hero-visual img{display:block;width:100%;height:auto;margin:25px 0;box-shadow:0 10px 25px #00000015;border-radius:3px}.work-label{font-size:.7rem;font-weight:700;letter-spacing:.11em}.visual-caption{display:flex;justify-content:space-between;gap:15px;align-items:end}.visual-caption strong{font-family:var(--display);font-size:1.55rem;line-height:1.13;letter-spacing:-.04em}.visual-caption span{font-size:.8rem;text-align:right}
.service-band{background:#252b32;color:#fff;padding:17px 5vw;font-size:.9rem}.service-band b{color:#ffc40b;font-size:1.4rem}
.section{padding-top:85px;padding-bottom:85px}.section-heading{grid-template-columns:1.35fr 1fr;gap:24px 60px}.section-heading>p{color:#515e68}.eyebrow{color:#186b80;letter-spacing:.11em}h2{font-size:clamp(2.5rem,3.8vw,3.75rem);letter-spacing:-.045em}
.service-grid{gap:22px;margin-top:40px}.service{background:white;border:1px solid #dedede;border-top:5px solid #4bbccc;border-radius:9px;padding:31px;min-height:485px}.service.yellow-card{border-top-color:#ffc40b;background:#fff}.service.teal{background:#fff}.service.pink{border-top-color:#f57722;background:#fff}.service h3{font-size:2rem;margin:6px 0 24px}.service p{color:#515e68}.service li{border-color:#252b3220}.card-foot{padding-top:8px}
.work{background:#f5f5f5}.project-image{border-radius:9px}.project-main .project-image{height:450px;padding:35px 14%}.project-image.lavender{background:#e9e9e9}.project-image.blue{background:#ededed}.project-image.orange{background:#ededed}.project-caption span{color:#586773}
.about{background:white}.about h2{font-size:clamp(3.3rem,5vw,4.7rem)}.about-copy .lead{color:#252b32}.about-values span{border-color:#dedede;background:#f7f7f7;border-radius:5px}
.testimonial{background:#f5f5f5;color:#252b32;text-align:left}.testimonial-heading{display:flex;justify-content:space-between;align-items:start;gap:30px}.testimonial-heading h2{width:55%}.testimonial .eyebrow{color:#186b80}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.quotes figure{margin:0;border-top:2px solid #4bbccc;padding-top:26px;display:flex;flex-direction:column}.quotes blockquote{font-family:var(--font);font-size:1.13rem;line-height:1.8;letter-spacing:0;margin:0 0 30px;font-weight:400}.quotes figcaption{margin-top:auto;font-size:.95rem}.quotes figcaption span{display:block;font-size:.84rem;color:#586773;margin-top:4px}
.more{background:white}.accordions{border-color:#d4d4d4}details{border-color:#dedede}.contact{background:#f4f4f4}.contact h2{font-size:clamp(3rem,5.4vw,5.2rem)}.contact h2 em{color:#186b80}.contact-row{border-color:#d4d4d4}.contact-meta{color:#445560}
footer{background:#252b32}.footer-wordmark{font-size:clamp(3rem,10vw,10rem);color:#fff}.footer-bottom{color:#d9e2e8}
@media(min-width:1450px){.hero{padding-left:max(6vw,calc((100vw - 1400px)/2));padding-right:max(6vw,calc((100vw - 1400px)/2))}}
@media(max-width:1050px){.brand{width:220px}.hero{gap:4vw}.hero h1{font-size:6.5vw}.hero-visual{padding:22px}.service{padding:25px}.service h3{font-size:1.75rem}.visual-caption strong{font-size:1.2rem}.visual-caption span{font-size:.73rem}nav{gap:20px}}
@media(max-width:720px){html{scroll-padding-top:110px}.header{padding:10px 20px}.brand{width:210px;max-width:60vw;padding:8px 14px}.menu-toggle{color:#252b32;border-color:#d4d4d4}nav{background:#fff;border-top:1px solid #dedede;color:#252b32}.hero{display:block;padding:44px 23px 54px}.hero h1{font-size:clamp(3.2rem,12vw,5rem);margin:22px 0}.hero .eyebrow{font-size:.64rem}.hero-copy>p{font-size:1.05rem}.hero-actions{gap:23px}.hero-actions .button{width:100%}.hero-actions .text-link{margin:auto}.hero-visual{margin:42px 9px 0 0;transform:none;box-shadow:9px 10px 0 #e6e6e6;padding:22px}.visual-caption strong{font-size:1.35rem}.visual-caption span{font-size:.77rem}.section{padding:60px 23px}.service{min-height:auto;padding:28px}.service h3{font-size:2rem}.service-grid{margin-top:30px}.project-main .project-image{height:260px;padding:25px}.testimonial-heading{display:block}.testimonial-heading h2{width:auto;margin-top:20px}.quotes{grid-template-columns:1fr;gap:32px;margin-top:32px}.quotes blockquote{font-size:1.08rem;margin-bottom:18px}.contact h2{font-size:2.8rem}.service-band{font-size:.74rem}.footer-wordmark{font-size:11.7vw}}

.about-copy{padding-top:0}.dawn-portrait{display:block;width:100%;max-width:340px;height:auto;border-radius:18px;margin:0 0 28px;border:5px solid #fff;box-shadow:10px 10px 0 #e9e9e9}
@media(max-width:720px){.dawn-portrait{max-width:300px}}

/* Softer typography, with comfortable spacing and restrained headings. */
h1,h2,h3,.hero h1,.about h2,.contact h2{font-weight:600;letter-spacing:-.025em;line-height:1.14}
.hero h1{font-size:clamp(3rem,5.4vw,5.4rem)}
.eyebrow,.hero .eyebrow,.work-label{letter-spacing:.035em;text-transform:none;font-weight:600}
.visual-caption strong,.about-copy .lead,summary,.project-caption h3{letter-spacing:-.01em;line-height:1.3}
.about h2{font-size:clamp(2.8rem,4.2vw,4rem)}
.hero-visual{transform:none}
.footer-wordmark{font-weight:600;letter-spacing:-.025em;font-size:clamp(2.8rem,8vw,7rem)}
.contact h2 em{font-family:var(--font);font-style:normal;font-weight:600}
@media(max-width:720px){.hero h1{font-size:clamp(2.8rem,10.8vw,4.2rem)}.about h2{font-size:2.8rem}.footer-wordmark{font-size:10vw}}

/* White canvas, black contrast, and saturated logo accents. */
:root{--ink:#161616;--teal:#4bbccc;--yellow:#f57722;--pink:#df1047}
body,.hero,.work,.about,.testimonial,.more,.contact,.service,.service.teal,.service.yellow-card,.service.pink{background:#fff;color:#161616}
.header{border-bottom:1px solid #e5e5e5;box-shadow:none}
.hero{border-bottom:1px solid #e5e5e5}
.hero h1 span,.about h2 span,.contact h2 em{color:#161616}
.hero h1 span{text-decoration:underline;text-decoration-color:#4bbccc;text-decoration-thickness:.065em;text-underline-offset:.13em}
.hero .eyebrow,.eyebrow,.testimonial .eyebrow{color:#161616}
.nav-cta,.dark{background:#111;color:#fff;border-bottom:4px solid #4bbccc}
.nav-cta:hover,.dark:hover{background:#303030;color:#fff;border-bottom-color:#f57722}
nav a:hover{color:#161616;text-decoration:underline;text-decoration-color:#f57722;text-underline-offset:6px}
.hero-visual{background:#fff;border:2px solid #111;box-shadow:10px 10px 0 #4bbccc}
.service-band{background:#111;color:#fff}.service-band b{color:#f57722}
.service{border:1px solid #ddd;border-top:6px solid #4bbccc}
.service.yellow-card{border-top-color:#f57722}.service.pink{border-top-color:#df1047}
.project-image.lavender,.project-image.blue,.project-image.orange{background:#111}
.project-image.lavender{border-bottom:6px solid #4bbccc}.project-image.blue{border-bottom:6px solid #f57722}.project-image.orange{border-bottom:6px solid #df1047}
.about-values span{background:#fff;border-color:#ddd}
.dawn-portrait{border-color:#fff;box-shadow:8px 8px 0 #4bbccc}
.quotes figure{border-top:3px solid #4bbccc}.quotes figure:nth-child(2){border-color:#f57722}.quotes figure:nth-child(3){border-color:#df1047}
.contact{border-top:5px solid #f57722}.contact-row{border-color:#ddd}
footer{background:#111}.footer-wordmark{color:#fff}.footer-bottom{color:#ddd}
@media(max-width:720px){.hero-visual{box-shadow:7px 8px 0 #4bbccc}}

.page-heading{padding:65px 6vw 45px;border-bottom:5px solid #4bbccc;max-width:1400px;margin:auto}.page-heading h1{font-size:clamp(2.5rem,5vw,4.5rem);margin-top:12px}.page-heading a{font-size:.95rem;text-decoration:underline}.page-layout{max-width:1400px;margin:auto;padding:55px 6vw 80px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:65px}.page-copy{min-width:0;max-width:800px}.page-copy p,.page-copy ul,.page-copy ol{margin:0 0 24px}.page-copy h2{font-size:2rem;margin:40px 0 20px}.page-copy h3{font-size:1.5rem;margin:28px 0 15px}.page-copy li{margin-bottom:10px}.page-copy a{text-decoration:underline;text-underline-offset:4px}.page-copy img{max-width:100%;height:auto}.page-copy hr{border:0;border-top:1px solid #ddd;margin:32px 0}.page-copy .button{color:white;text-decoration:none;margin:15px 0}.page-aside{border-top:5px solid #f57722;padding-top:24px}.page-aside h2{font-size:1.4rem;margin-bottom:20px}.page-aside a{display:block;padding:10px 0;font-size:1rem}.page-aside a[aria-current]{font-weight:700;text-decoration:underline}.portfolio-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;margin-top:32px}.portfolio-gallery figure{margin:0}.portfolio-gallery img{width:100%;height:230px;object-fit:contain;background:#111;padding:15px;display:block;border-bottom:5px solid #4bbccc}.portfolio-gallery figcaption{padding:14px 0;font-size:1.1rem;font-weight:600}.page-portfolio{grid-template-columns:1fr}.page-portfolio .page-copy{max-width:none}.service-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service-directory a{border:1px solid #ddd;border-top:5px solid #4bbccc;padding:24px;text-decoration:none;font-weight:600}.service-directory a:nth-child(3n+2){border-top-color:#f57722}.service-directory a:nth-child(3n){border-top-color:#df1047}.contact-options{padding:28px 0;border-top:4px solid #f57722;margin-top:32px}.contact-options a{display:block;margin:18px 0}.contact-options .button{display:inline-flex}.page-copy .dawn-portrait{max-width:300px;margin-bottom:35px}footer .page-links{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:25px;font-size:1rem}@media(max-width:800px){.page-layout{grid-template-columns:1fr;gap:40px;padding:35px 23px 55px}.page-heading{padding:40px 23px}.page-aside{display:none}.portfolio-gallery,.service-directory{grid-template-columns:1fr}.portfolio-gallery img{height:auto}.header{gap:15px}}

.admin-bar .header{top:32px}nav ul{display:flex;list-style:none;padding:0;margin:0;gap:30px;align-items:center}nav li{margin:0}.wp-page-content{min-height:50vh}.wp-page-content>p,.wp-page-content>h1,.wp-page-content>h2{max-width:1000px;margin:24px auto;padding:0 24px}@media(max-width:782px){.admin-bar .header{top:46px}}@media(max-width:720px){nav ul{flex-direction:column;align-items:stretch}}