/* Owner refinement 013: quieter hierarchy, distinct lettering, warm primary actions. */
.button,.button-dark{border:0;border-radius:999px;background:var(--gold);color:var(--ink);font-size:15px;font-weight:650;line-height:1.4;min-height:54px;padding:17px 28px;gap:0;justify-content:center;transition:background .2s,box-shadow .2s,transform .2s}
.button:hover,.button-dark:hover{background:#f2c994;color:var(--ink);box-shadow:0 6px 22px #071e2117;transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.button:focus-visible,.nav-cta:focus-visible{outline:2px solid currentColor;outline-offset:5px}
#contact-form .button{width:auto;min-width:250px;margin-top:32px}
.header .nav-cta{background:var(--gold);color:var(--ink);border:0;border-radius:999px;padding:11px 20px;font-weight:650}
.hero-rail{justify-content:space-between}
.type-art{height:560px}
.art-a{top:5%;left:8%;font-size:clamp(180px,18vw,260px);line-height:.9;letter-spacing:-.06em;z-index:1}
.type-module{left:40%;top:53%;width:60%;height:47%;z-index:2}
.type-module>span{font-size:180px;line-height:1}
.type-module i{width:76%}.type-module i:nth-of-type(2){width:56%}.type-module i:nth-of-type(3){width:36%}.type-module i:nth-of-type(4){width:16%}
.art-rule{top:10%;bottom:10%;left:34%;transform:rotate(0);opacity:.35}
.art-caption{font-size:10px;letter-spacing:.12em;left:22px;bottom:24px}
.project-summary{margin:28px 0 0}.project-summary dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#4f655a;margin-top:22px}.project-summary dd{margin:6px 0 0;font-size:17px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}
@media(min-width:761px){
 body{font-size:17px}
 .header .brand>span{font-size:15px}.header nav{font-size:14px;gap:28px}
 .eyebrow{font-size:12px;letter-spacing:.09em}.tiny{font-size:11px;letter-spacing:.08em}
 .hero h1{font-size:clamp(84px,7.2vw,124px)}
 .hero-bottom p{font-size:17px;line-height:1.65;max-width:39ch;margin-bottom:24px}
 .hero-bottom{max-width:42%}
 .hero-rail{font-size:11px}
 .manifesto-bottom p{font-size:18px;line-height:1.65;max-width:480px}
 .motion-enabled .manifesto h2{font-size:clamp(78px,8vw,115px)}
 h2{font-size:clamp(58px,5.2vw,84px)}
 .practice-heading h2{font-size:clamp(56px,5.2vw,82px)}
 .experiences-intro h2{font-size:clamp(58px,5.2vw,84px)}
 .practice-heading p,.comparison-heading p{font-size:18px;line-height:1.7;max-width:46ch}
 .services h3{font-size:28px;line-height:1.2}
 .services p{font-size:16px;line-height:1.75;max-width:48ch}
 .method-track h3{font-size:24px;line-height:1.2}
 .method-track p{font-size:16px;line-height:1.7}
 .contact-intro h2{font-size:clamp(58px,5.2vw,84px)}
 .contact-intro>p{font-size:17px;line-height:1.7;max-width:44ch}
 form h3{font-size:29px}form label{font-size:14px}form label span{font-size:12px}
 form input,form select,form textarea{font-size:16px;line-height:1.65;padding-top:12px}
 .footer-top>a:last-child{font-size:14px}.footer-bottom{font-size:12px}
 .section-top{margin-bottom:48px}
}
@media(min-width:1600px){.hero-bottom p{font-size:18px}.services p,.method-track p{font-size:17px}.header nav{font-size:15px}.practice-heading p,.comparison-heading p{font-size:20px}.hero-copy{left:max(5vw,calc((100vw - 1640px)/2))}.contact-intro>p{font-size:18px}}
@media(min-width:761px) and (max-width:1050px){.hero h1{font-size:90px}.hero-bottom p{font-size:15px}.header nav{gap:20px;font-size:13px}.header .brand>span{font-size:13px}.practice-heading h2{font-size:58px}.method-track p{font-size:16px}.type-art{height:500px}.art-a{font-size:220px}.type-module>span{font-size:155px}}
@media(max-width:760px){
 .hero-bottom .button{font-size:13px;padding:15px 23px;min-height:50px;gap:0}
 .motion-enabled .hero-bottom p{font-size:14px;line-height:1.6}
 .hero-rail{font-size:10px;justify-content:flex-end}
 .type-art{height:400px}.art-a{font-size:190px;top:5%;left:9%}.type-module{top:53%;height:47%;left:40%;width:60%}.type-module>span{font-size:130px}
 .art-caption{font-size:9px;left:18px;bottom:20px}
 #contact-form .button{width:100%;min-width:0}
 form input,form select,form textarea{font-size:16px}
 .header .nav-cta{font-size:15px;padding:12px 22px}
 .project-summary dd{font-size:16px}
}
@media(max-width:390px){.motion-enabled .hero-bottom p{font-size:13px}.hero-bottom .button{font-size:13px}.art-a{font-size:180px}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}